.cs{padding-top:clamp(1.25rem,3vw,2rem);--cs-img-border: rgba(138, 90, 18, .14);--cs-img-highlight: inset 0 1px 0 rgba(255, 255, 255, .75);--cs-img-shadow: 0 0 0 1px rgba(255, 255, 255, .65), 0 2px 4px rgba(21, 21, 21, .03), 0 20px 48px -24px rgba(21, 21, 21, .16);--cs-img-shadow-lg: 0 0 0 1px rgba(255, 255, 255, .7), 0 4px 8px rgba(21, 21, 21, .04), 0 28px 64px -32px rgba(21, 21, 21, .22)}.cs-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem 1.5rem}.cs-back{display:inline-flex;align-items:center;gap:.5rem;font-weight:var(--w-regular);color:var(--accent-text);font-size:.95rem;transition:gap .25s var(--ease)}.cs-back:hover{gap:.85rem}.cs-header{display:grid;grid-template-columns:1.7fr 1fr;gap:clamp(1.5rem,4vw,3.5rem);align-items:start;margin-bottom:clamp(2rem,5vw,3.5rem)}.cs-eyebrow,.cs-back,.cs-meta-label,.cs-title{font-family:var(--font-sans)}.cs-eyebrow{color:var(--accent-text);font-weight:var(--w-bold);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;margin-bottom:1rem}.cs-lead{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);line-height:1.55;color:var(--accent-text);font-weight:var(--w-regular)}.cs-prose .cs-eyebrow{margin-bottom:.6rem}.cs-title{color:var(--accent-text);font-weight:var(--w-bold);font-size:var(--fs-h1);line-height:1.04;margin-bottom:1.1rem}.cs-subhead{color:var(--paragraph);font-size:clamp(1.1rem,1rem + .5vw,1.375rem);line-height:1.5;max-width:40ch}.cs-header-intro{margin-top:1.25rem;max-width:52ch;font-size:1rem;line-height:1.6}.cs-header-intro+.cs-header-intro{margin-top:.85rem}.cs-meta{display:grid;gap:1.1rem;padding:clamp(1.25rem,2.5vw,1.75rem);background:#fff;border:1px solid rgba(21,21,21,.08);border-radius:var(--radius);margin:0}.cs-meta-row{display:grid;gap:.2rem}.cs-meta-label{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;font-weight:var(--w-bold);color:var(--accent-text);margin:0}.cs-meta-value{font-size:.95rem;color:var(--black-type);line-height:1.45;margin:0;max-width:none}.cs-hero{border-radius:var(--radius-lg);overflow:hidden;margin-bottom:clamp(2.5rem,6vw,4.5rem);border:1px solid var(--cs-img-border);box-shadow:var(--cs-img-highlight),var(--cs-img-shadow-lg)}.cs-hero img,.cs-hero video{width:100%;display:block}.cs-hero--video{border-radius:20px}.cs img{border-radius:var(--radius);border:1px solid var(--cs-img-border);box-shadow:var(--cs-img-highlight),var(--cs-img-shadow)}.cs-hero img,.cs-hero video,.cs-stack-card img{border:none;border-radius:0;box-shadow:none}.cs-directions-stack img,.cs-phone img{border-color:#ffffff29;box-shadow:inset 0 1px #ffffff24,0 0 0 1px #ffffff0f,0 16px 40px -20px #00000073}.cs-section{max-width:var(--max-narrow);margin-inline:auto;margin-bottom:clamp(2.5rem,6vw,4.5rem)}.cs-section.is-wide{max-width:var(--max)}.cs-section h2{color:var(--black-type);font-size:var(--fs-h2);font-weight:var(--w-bold);margin-bottom:1.1rem}.cs-section h3{color:var(--black-type);font-size:var(--fs-h3);font-weight:var(--w-bold);margin:1.75rem 0 .75rem}.cs-prose p{color:var(--paragraph);font-size:var(--fs-body);line-height:1.7;margin-bottom:1.1rem;max-width:68ch}.cs-prose p:last-child{margin-bottom:0}.cs-prose strong{color:var(--black-type);font-weight:var(--w-bold)}.cs-list{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.85rem}.cs-list li{position:relative;padding-left:1.6rem;color:var(--paragraph);line-height:1.6;max-width:66ch}.cs-list li:before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--accent-text)}.cs-list li strong{color:var(--black-type);font-weight:var(--w-bold)}.cs-callout{background:var(--card-gradient);color:#fff;border-radius:var(--radius-lg);padding:clamp(1.75rem,4vw,3rem)}.cs-callout h3{color:#fff}.cs-callout p{color:#ffffffd9}.cs-options{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.75rem)}.cs-option{background:var(--card-gradient);color:#fff;border-radius:var(--radius-lg);padding:clamp(1.75rem,3.5vw,2.75rem)}.cs-option .tag{display:inline-block;font-weight:var(--w-bold);letter-spacing:.1em;text-transform:uppercase;font-size:.75rem;color:var(--galaxy-gold);margin-bottom:.6rem}.cs-option h3{color:#fff;font-size:clamp(1.25rem,1rem + 1vw,1.75rem);margin:0 0 .5rem}.cs-option p{color:#ffffffd9;font-size:1.05rem;line-height:1.55}.cs-band{background:var(--blurple);color:#fff;border-radius:var(--radius-lg);padding:clamp(2rem,5vw,3.5rem);text-align:center}.cs-band h3{color:#fff;font-size:clamp(1.4rem,1rem + 1.6vw,2rem);margin-bottom:1.5rem}.cs-band-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.cs-band-tags span{background:#ffffff24;border:1px solid rgba(255,255,255,.25);padding:.6rem 1.2rem;border-radius:999px;font-weight:var(--w-regular)}.cs-band-flow{display:flex;flex-direction:column;align-items:center;gap:.85rem;margin-bottom:1.25rem}.cs-band-flow span{background:#ffffff24;border:1px solid rgba(255,255,255,.25);padding:.65rem 1.35rem;border-radius:999px;font-weight:var(--w-regular);min-width:11rem}.cs-band-flow-arrow{color:#ffffff8c;font-size:1.25rem;line-height:1}.cs-band-magic{margin-top:.35rem;font-size:clamp(1.15rem,1rem + .8vw,1.5rem);font-weight:var(--w-bold);color:#fff}.cs-band-collab .cs-band-me{display:inline-block;margin-bottom:1rem;padding:.35rem .85rem;border-radius:999px;background:#ffffff2e;font-size:.85rem;font-weight:var(--w-bold);letter-spacing:.06em}.cs-media-frame{margin:0}.cs-media-frame img{width:100%;display:block}.cs-media-frame figcaption{color:var(--paragraph);text-align:center;margin-top:.85rem;font-size:.9rem;font-weight:var(--w-bold)}.cs-spec-stack{display:grid;gap:clamp(1.75rem,4vw,2.75rem)}.cs-spec-panel h3{color:var(--black-type);font-size:clamp(1.15rem,1rem + .6vw,1.45rem);margin:0 0 .85rem}.cs-video-player{position:relative;margin-top:1.5rem;border-radius:var(--radius-lg);overflow:hidden;background:var(--card-gradient);box-shadow:var(--cs-img-shadow-lg);border:1px solid var(--cs-img-border)}.cs-video-player__trigger{display:block;position:relative;width:100%;padding:0;border:none;background:none;cursor:pointer;line-height:0}.cs-video-player__trigger:focus-visible{outline:2px solid var(--galaxy-gold);outline-offset:3px}.cs-video-player__trigger:hover .cs-video-player__scrim{background:#0000006b}.cs-video-player__trigger:hover .cs-video-player__play-inner{transform:scale(1.06)}.cs-video-player__poster{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.cs-video-player__scrim{position:absolute;inset:0;background:#00000052;pointer-events:none;transition:background .22s var(--ease)}.cs-video-player__play{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none}.cs-video-player__play-inner{display:flex;flex-direction:column;align-items:center;gap:.65rem;transform:scale(1);transition:transform .22s var(--ease)}.cs-video-player__play svg{width:clamp(4.75rem,12vw,6.5rem);height:auto;filter:drop-shadow(0 10px 28px rgba(0,0,0,.35))}.cs-video-player__play-label{color:#fff;font-weight:var(--w-bold);font-size:clamp(.9rem,.8rem + .35vw,1.05rem);letter-spacing:.08em;text-transform:uppercase;text-shadow:0 2px 12px rgba(0,0,0,.45)}.cs-video-player__video{display:block;width:100%;height:auto;aspect-ratio:16 / 9;background:#000}.cs-video-player__video[hidden],.cs-video-player__trigger[hidden]{display:none}.cs-video{background:var(--card-gradient);border-radius:var(--radius-lg);min-height:clamp(12rem,28vw,18rem);display:flex;align-items:center;justify-content:center;margin-top:1.5rem}.cs-video-inner{background:#ffffffeb;color:var(--black-type);font-weight:var(--w-bold);font-size:clamp(1.1rem,1rem + .8vw,1.5rem);padding:clamp(1.25rem,3vw,2rem) clamp(2rem,5vw,3.5rem);border-radius:var(--radius-sm)}.cs-timeline{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(.75rem,2vw,1.5rem);margin-top:clamp(1.5rem,3vw,2.25rem);text-align:center}.cs-timeline-item .y{color:var(--accent-text);font-weight:var(--w-bold);font-size:clamp(1.5rem,1.1rem + 1.4vw,2.25rem);line-height:1.1}.cs-timeline-item .l{color:var(--paragraph);font-size:.9rem;margin-top:.25rem;max-width:14ch;margin-inline:auto}.cs-timeline-arrow{color:var(--accent-text);font-size:1.35rem;line-height:1}.cs-prototype-wrap{position:relative;margin-top:1.5rem}.cs-prototype-wrap img,.cs-prototype-video{width:100%;display:block;border-radius:var(--radius-lg);border:1px solid var(--cs-img-border);box-shadow:var(--cs-img-highlight),var(--cs-img-shadow);background:#000}.cs-directions-stack{background:var(--card-gradient);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,2.5rem);display:grid;gap:clamp(1.5rem,3vw,2.25rem);border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 56px -32px #00000059}.cs-direction-row figcaption{color:#ffffffe0;font-size:.9rem;margin-top:.75rem;text-align:center;font-weight:var(--w-bold)}.cs-direction-row img{width:100%;border-radius:var(--radius)}.cs-compare-group{display:grid;gap:clamp(2rem,5vw,3rem)}.cs-figure{margin:0}.cs-figure img{width:100%}.cs-figure figcaption{color:var(--muted, #6e6e6e);font-size:.85rem;margin-top:.7rem;text-align:center}.cs-frame{background:var(--card-gradient);border-radius:var(--radius-lg);padding:clamp(1.5rem,4vw,3rem);display:flex;justify-content:center}.cs-frame img{border-radius:var(--radius-sm)}.cs-grid-2,.cs-grid-3{display:grid;gap:clamp(.85rem,2vw,1.25rem)}.cs-grid-2{grid-template-columns:repeat(2,1fr)}.cs-grid-3{grid-template-columns:repeat(3,1fr)}.cs-grid-2 img,.cs-grid-3 img{width:100%}.cs-phones{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(.85rem,2vw,1.25rem)}.cs-phone{background:var(--card-gradient);border-radius:var(--radius-lg);padding:clamp(1.25rem,2.5vw,2rem) clamp(1rem,2vw,1.5rem) 1.25rem;text-align:center}.cs-phone img{width:100%;border-radius:var(--radius-sm);margin-bottom:1rem}.cs-phone .cs-phone-title{color:#fff;font-weight:var(--w-bold);font-size:1.05rem}.cs-phone .cs-phone-sub{color:#ffffffb3;font-size:.85rem;margin-top:.2rem}.cs-quote{border-left:3px solid var(--accent-text);padding-left:1.5rem;margin:1.75rem 0;font-size:clamp(1.2rem,1rem + .9vw,1.6rem);line-height:1.4;color:var(--black-type);font-weight:var(--w-regular);max-width:60ch}.cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(1rem,2.5vw,2rem);padding:clamp(1.5rem,3vw,2.25rem);background:#fff;border:1px solid rgba(21,21,21,.08);border-radius:var(--radius)}.cs-metric .v{color:var(--accent-text);font-weight:var(--w-bold);font-size:clamp(1.75rem,1.2rem + 2vw,2.75rem);line-height:1}.cs-metric .l{color:var(--paragraph);font-size:.9rem;margin-top:.4rem}.cs-more-work{border-top:1px solid rgba(21,21,21,.12);padding-top:2rem;margin-top:clamp(2rem,5vw,3.5rem)}.cs-more-work__label{margin:0 0 1.25rem;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--w-bold);color:var(--accent-text)}.cs-next{border-top:1px solid rgba(21,21,21,.12);padding-top:2rem;margin-top:clamp(2rem,5vw,3.5rem);display:flex;flex-direction:column;gap:.5rem}.cs-next .label{font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;font-weight:var(--w-bold);color:var(--accent-text)}.cs-next a{color:var(--black-type);font-weight:var(--w-bold);font-size:clamp(1.4rem,1rem + 1.6vw,2rem);transition:color .25s var(--ease)}.cs-next a:hover{color:var(--accent-text)}.cs-stack-stage{--stack-top: clamp(4rem, 10vh, 5.5rem);--stack-peek: clamp(5.5rem, 12vw, 8rem);--stack-gap: clamp(1.25rem, 2.5vw, 2rem);--stack-travel-scale: 1.4;--stack-hold-ratio: .5;position:relative}.cs-stack-pin{display:flex;flex-direction:column;gap:var(--stack-gap)}.cs-stack-stage.is-stacking .cs-stack-pin{display:block;position:sticky;top:var(--stack-top);height:var(--pin-h, auto)}.cs-stack-stage.is-stacking .cs-stack-slot{position:absolute;inset:0 0 auto;margin:0;z-index:calc(var(--i, 0) + 1);transform:translate3d(0,var(--slot-y, 0px),0);will-change:transform}.cs-stack-card{margin:0;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--cs-img-border);box-shadow:var(--cs-img-highlight),var(--cs-img-shadow-lg)}.cs-stack-card img{width:100%;display:block}@media(max-width:820px){.cs-stack-stage.is-stacking{height:auto!important}.cs-stack-stage.is-stacking .cs-stack-pin{position:relative;top:auto;height:auto}.cs-stack-stage.is-stacking .cs-stack-slot{position:relative;transform:none}}@media(max-width:820px){.cs-header,.cs-options,.cs-grid-3,.cs-phones{grid-template-columns:1fr}.cs-timeline{flex-direction:column}.cs-timeline-arrow{transform:rotate(90deg)}.cs-metrics{grid-template-columns:1fr;gap:1.25rem}}@media(max-width:560px){.cs-grid-2{grid-template-columns:1fr}}