/* Collection styles are isolated. Existing cw-heading / cw-text fonts are reused. */
.cwal-page { --cwal-navy:#122d43; --cwal-blue:#156bd2; --cwal-ink:#17364b; --cwal-muted:#617383; --cwal-line:#dce5ec; --cwal-ice:#f2f7fb; color:var(--cwal-ink); background:#fff; font-size:16px; line-height:1.8; }
.cwal-page *, .cwal-page *::before, .cwal-page *::after { box-sizing:border-box; }
.cwal-page .cwal-container { width:min(1280px,calc(100% - 80px)); max-width:none; padding:0; margin-inline:auto; }
.cwal-page a { color:inherit; text-decoration:none; }
.cwal-page img { display:block; max-width:100%; height:auto; }
.cwal-page figure { margin:0; }
.cwal-page button { font:inherit; cursor:pointer; }
.cwal-page [hidden] { display:none!important; }
.cwal-page .cw-heading { margin:0; color:var(--cwal-ink); font-size:clamp(29px,3vw,44px); font-weight:600; line-height:1.16; letter-spacing:-.035em; text-transform:none; overflow-wrap:anywhere; }
.cwal-page .cw-heading--small { font-size:21px; line-height:1.3; letter-spacing:-.025em; }
.cwal-page .cw-text { color:var(--cwal-muted); font-size:16px; line-height:1.85; margin:0 0 18px; text-align:left; word-spacing:normal; white-space:normal; }
.cwal-page .cwal-eyebrow { display:block; color:var(--cwal-blue); font-size:11px; font-weight:700; letter-spacing:.17em; line-height:1.6; margin-bottom:16px; text-transform:uppercase; }
.cwal-page .cwal-mini { display:block; color:var(--cwal-muted); font-size:10px; font-weight:600; line-height:1.6; letter-spacing:.12em; text-transform:uppercase; }
.cwal-page .cwal-hero { position:relative; overflow:hidden; background:var(--cwal-navy); padding:24px 0 72px; isolation:isolate; }
.cwal-page .cwal-breadcrumb { display:flex; align-items:center; flex-wrap:wrap; gap:12px; color:#c0cfdb; font-size:12px; margin-bottom:42px; }
.cwal-page .cwal-hero-grid { display:grid; grid-template-columns:.95fr 1.05fr; align-items:center; gap:72px; position:relative; z-index:1; }
.cwal-page .cwal-hero .cwal-eyebrow { color:#8ebcff; }
.cwal-page .cwal-hero .cw-heading { color:#fff; font-size:clamp(46px,6.1vw,82px); line-height:1.02; letter-spacing:-.05em; max-width:600px; }
.cwal-page .cwal-hero .cw-text { color:#c2d0dc; margin:26px 0 30px; max-width:480px; }
.cwal-page .cwal-hero-photo { position:relative; padding:0 0 24px 24px; }
.cwal-page .cwal-hero-photo::before { content:''; position:absolute; inset:40px 25px 0 0; background:var(--cwal-blue); }
.cwal-page .cwal-hero-photo>img { position:relative; width:100%; aspect-ratio:1.2; object-fit:cover; border-radius:4px 62px 4px 4px; }
.cwal-page .cwal-hero-photo figcaption { position:relative; display:flex; gap:24px; align-items:center; justify-content:space-between; margin:-16px 30px 0 0; padding:18px 24px; background:#fff; color:var(--cwal-navy); font-size:12px; line-height:1.5; }
.cwal-page .cwal-hero-photo figcaption>span:first-child { font-weight:700; letter-spacing:.16em; }
.cwal-page .cwal-hero-word { position:absolute; left:-12px; bottom:-75px; color:rgba(255,255,255,.035); font-size:260px; font-weight:700; line-height:1; letter-spacing:-.07em; z-index:0; pointer-events:none; }
.cwal-page .cwal-button { display:inline-flex; align-items:center; justify-content:space-between; gap:35px; padding:15px 23px; color:#fff; background:var(--cwal-blue); border:1px solid transparent; border-radius:3px; font-size:13px; font-weight:600; line-height:1.5; }
.cwal-page .cwal-button--light { background:#fff; color:var(--cwal-navy); }
.cwal-page .cwal-section-nav { background:#fff; border-bottom:1px solid var(--cwal-line); }
.cwal-page .cwal-section-nav>.cwal-container { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); }
.cwal-page .cwal-section-nav a { display:flex; align-items:center; gap:14px; padding:24px 12px; color:#8696a5; font-size:10px; border-right:1px solid var(--cwal-line); }
.cwal-page .cwal-section-nav a:first-child { border-left:1px solid var(--cwal-line); }
.cwal-page .cwal-section-nav a span { color:var(--cwal-ink); font-size:13px; font-weight:600; }
.cwal-page .cwal-section-nav a:hover { background:var(--cwal-ice); }
.cwal-page .cwal-section { padding:80px 0; scroll-margin-top:90px; }
.cwal-page .cwal-section-head { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:34px; }
.cwal-page .cwal-section-head .cw-heading { max-width:780px; }
.cwal-page .cwal-image-button { display:block; position:relative; border:0; background:transparent; padding:0; width:100%; color:inherit; text-align:inherit; overflow:hidden; }
.cwal-page .cwal-image-arrow { position:absolute; bottom:12px; right:12px; display:grid; place-items:center; background:#fff; width:32px; height:32px; border-radius:50%; font-size:18px; }
.cwal-page .cwal-card-number { display:inline-flex; align-items:center; gap:10px; font-size:11px; color:var(--cwal-blue); margin-bottom:28px; }
.cwal-page .cwal-card-number::after { content:''; width:25px; height:1px; background:#8bb7e8; }
.cwal-page .cwal-closing { margin-top:26px; margin-bottom:0; }
.cwal-page .cwal-outline-label { display:inline-block; font-size:10px; letter-spacing:.12em; color:var(--cwal-blue); border:1px solid #cbddee; padding:8px 13px; white-space:nowrap; border-radius:3px; }
.cwal-page .cwal-cta { background:var(--cwal-blue); padding:48px 0; }
.cwal-page .cwal-cta>.cwal-container { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.cwal-page .cwal-cta .cwal-eyebrow { color:#d2e4ff; }
.cwal-page .cwal-cta .cw-heading { color:#fff; }
.cwal-page .cwal-dialog { border:0; border-radius:8px; padding:0; width:min(1000px,calc(100% - 32px)); max-width:none; max-height:90vh; background:#fff; color:var(--cwal-navy); }
.cwal-page .cwal-dialog::backdrop { background:rgba(7,22,35,.82); }
.cwal-page .cwal-dialog-bar { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:12px 20px; border-bottom:1px solid var(--cwal-line); font-size:14px; line-height:1.5; }
.cwal-page .cwal-dialog-bar button { border:0; background:#edf4fb; width:36px; height:36px; border-radius:50%; font-size:25px; line-height:1; flex-shrink:0; }
.cwal-page .cwal-dialog-image { max-width:100%; width:auto; height:auto; max-height:calc(90vh - 65px); margin:auto; object-fit:contain; padding:15px; }
.cwal-page :is(a,button):focus-visible { outline:3px solid #55a7ff; outline-offset:5px; }
.cwal-page .cwal-hero .cw-heading { font-size:clamp(42px,4.8vw,68px); line-height:1.07; }
.cwal-page .cwal-hero-word { font-size:175px; bottom:-30px; white-space:nowrap; }
.cwal-page .cwal-hero-photo>img { aspect-ratio:1.1; }
.cwal-page .cwal-code-strip { display:flex; flex-wrap:wrap; gap:9px; margin:28px 0 30px; }
.cwal-page .cwal-code-strip a { padding:5px 10px; border:1px solid #466278; border-radius:3px; color:#c5d8e9; font-size:10px; letter-spacing:.08em; line-height:1.5; }
.cwal-page .cwal-code-strip a:hover { border-color:#8dbdff; color:#fff; }
.cwal-page .cwal-section-nav>.cwal-container { grid-template-columns:repeat(4,minmax(0,1fr)); }
.cwal-page .cwal-intro-grid { display:grid; grid-template-columns:.85fr 1.15fr; align-items:start; gap:60px; }
.cwal-page .cwal-intro-copy .cw-heading { margin-bottom:24px; }
.cwal-page .cwal-richtext p { margin:0 0 18px; text-align:left; }
.cwal-page .cwal-richtext p:last-child { margin-bottom:0; }
.cwal-page .cwal-intro-photo { background:#eef4f8; border-radius:8px; overflow:hidden; }
.cwal-page .cwal-intro-photo img { width:100%; aspect-ratio:1; object-fit:cover; }
.cwal-page .cwal-zoom-mark { display:grid; place-items:center; position:absolute; bottom:15px; right:15px; width:35px; height:35px; background:#fff; color:var(--cwal-navy); border-radius:50%; font-size:19px; }
.cwal-page .cwal-section-head { align-items:start; }
.cwal-page .cwal-section-head .cw-heading { max-width:900px; }
.cwal-page .cwal-system-section--ice { background:var(--cwal-ice); }
.cwal-page .cwal-spec-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr)); gap:24px; align-items:stretch; }
.cwal-page .cwal-spec-card { position:relative; min-width:0; background:#fff; border:1px solid #d8e3ed; padding:28px; border-radius:9px; scroll-margin-top:100px; overflow:hidden; }
.cwal-page .cwal-spec-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; background:var(--cwal-blue); }
.cwal-page .cwal-spec-top { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-bottom:27px; color:var(--cwal-blue); }
.cwal-page .cwal-spec-top .cwal-mini { color:var(--cwal-blue); }
.cwal-page .cwal-spec-card .cw-heading { font-size:42px; letter-spacing:-.045em; margin-bottom:18px; }
.cwal-page .cwal-spec-line { display:block; width:38px; height:3px; background:var(--cwal-blue); margin-bottom:25px; }
.cwal-page .cwal-feature-list { list-style:none; padding:0; margin:0; display:block; }
.cwal-page .cwal-feature-list li { display:block; position:relative; padding:0 0 14px 18px; margin:0 0 14px; border-bottom:1px solid #e7edf2; font-size:14px; color:var(--cwal-muted); line-height:1.8; text-align:left; white-space:normal; }
.cwal-page .cwal-feature-list li::before { content:''; position:absolute; left:0; top:10px; width:5px; height:5px; border-radius:50%; background:var(--cwal-blue); }
.cwal-page .cwal-feature-list li:last-child { border:0; margin-bottom:0; padding-bottom:0; }
.cwal-page .cwal-performance { display:grid; grid-template-columns:.65fr 1.35fr; align-items:start; gap:35px; margin-top:30px; padding:32px; background:var(--cwal-navy); border-radius:9px; color:#fff; }
.cwal-page .cwal-performance .cwal-eyebrow { color:#9fc9ff; font-size:10px; }
.cwal-page .cwal-performance .cw-heading { color:#fff; font-size:31px; }
.cwal-page .cwal-performance ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px 28px; list-style:none; margin:0; padding:0; }
.cwal-page .cwal-performance li { display:flex; align-items:start; gap:13px; color:#d1deea; font-size:14px; line-height:1.7; margin:0; padding:0; }
.cwal-page .cwal-performance-number { color:#83b5f5; font-size:10px; padding-top:3px; flex-shrink:0; }
.cwal-page .cwal-sliding-intro { display:grid; grid-template-columns:1.1fr .9fr; align-items:center; gap:55px; margin-bottom:35px; }
.cwal-page .cwal-sliding-intro figure { border-radius:8px; overflow:hidden; }
.cwal-page .cwal-sliding-intro img { width:100%; aspect-ratio:1.15; object-fit:cover; }
.cwal-page .cwal-system-section--white { border-bottom:1px solid var(--cwal-line); }
.cwal-page .cwal-technical { background:#f9fbfd; }
.cwal-page .cwal-technical-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:25px; }
.cwal-page .cwal-technical-grid figure { min-width:0; border:1px solid var(--cwal-line); padding:24px; border-radius:8px; background:#fff; }
.cwal-page .cwal-technical-bar { display:flex; align-items:center; justify-content:space-between; gap:15px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px solid var(--cwal-line); color:var(--cwal-blue); }
.cwal-page .cwal-technical-grid img { width:100%; height:300px; object-fit:contain; }
.cwal-page .cwal-technical-grid figcaption { font-size:13px; color:var(--cwal-muted); margin-top:20px; }
.cwal-page .cwal-cta .cw-heading { max-width:900px; }
@media(max-width:1100px) { .cwal-page .cwal-container { width:calc(100% - 48px); } .cwal-page .cwal-hero-grid { gap:40px; } .cwal-page .cwal-hero .cw-heading { font-size:53px; } .cwal-page .cwal-intro-grid { gap:35px; } .cwal-page .cwal-spec-card { padding:24px; } .cwal-page .cwal-spec-grid { grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr)); gap:20px; } .cwal-page .cwal-performance { grid-template-columns:1fr; gap:25px; } }
@media(max-width:991px) { .cwal-page .cwal-section { padding:60px 0; } .cwal-page .cwal-section-head { align-items:start; flex-direction:column; gap:18px; } .cwal-page .cwal-hero { padding-bottom:50px; } .cwal-page .cwal-hero .cw-heading { font-size:46px; } .cwal-page .cwal-hero-photo>img { aspect-ratio:.85; } .cwal-page .cwal-spec-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .cwal-page .cwal-intro-grid { grid-template-columns:.8fr 1.2fr; gap:28px; } .cwal-page .cwal-sliding-intro { gap:30px; } .cwal-page .cwal-technical-grid img { height:240px; } }
@media(max-width:767px) { .cwal-page .cwal-hero-grid, .cwal-page .cwal-intro-grid, .cwal-page .cwal-sliding-intro { grid-template-columns:1fr; gap:30px; } .cwal-page .cwal-hero .cw-heading { font-size:clamp(42px,7vw,58px); } .cwal-page .cwal-hero-photo>img { aspect-ratio:1.5; border-top-right-radius:40px; } .cwal-page .cwal-hero-word { display:none; } .cwal-page .cwal-intro-photo img { aspect-ratio:1.5; } .cwal-page .cwal-section-nav>.cwal-container { display:flex; overflow-x:auto; } .cwal-page .cwal-section-nav a { flex:0 0 auto; padding:18px 16px; } .cwal-page .cwal-sliding-intro img { aspect-ratio:1.5; } .cwal-page .cwal-cta>.cwal-container { align-items:start; flex-direction:column; } .cwal-page .cwal-performance { padding:26px; } }
@media(max-width:575px) { .cwal-page .cwal-container { width:calc(100% - 32px); } .cwal-page .cwal-section { padding:46px 0; } .cwal-page .cwal-hero { padding-bottom:36px; } .cwal-page .cwal-breadcrumb { margin-bottom:30px; } .cwal-page .cwal-hero .cw-heading { font-size:41px; } .cwal-page .cwal-code-strip { gap:7px; margin:23px 0 26px; } .cwal-page .cwal-hero-photo figcaption { padding:14px 16px; margin-right:16px; font-size:10px; } .cwal-page .cwal-spec-grid, .cwal-page .cwal-technical-grid { grid-template-columns:1fr; gap:18px; } .cwal-page .cwal-performance ul { grid-template-columns:1fr; gap:19px; } .cwal-page .cwal-performance { padding:24px; } .cwal-page .cwal-spec-card .cw-heading { font-size:38px; } .cwal-page .cwal-technical-grid img { height:230px; } .cwal-page .cwal-outline-label { max-width:100%; white-space:normal; } }
@media(prefers-reduced-motion:reduce) { .cwal-page *, .cwal-page *::before, .cwal-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }