.cs{background:var(--paper,#000);min-height:100vh;color:var(--ink,#f5f3ef);position:relative;overflow:clip visible}:where(.cs) :where(h1,h2,h3,p,figure,blockquote,ol,ul,dl,dd){margin:0}:where(.cs) :where(ol,ul){padding:0;list-style:none}.cs-rule{width:calc(100% + 2 * var(--inset));height:1px;margin-inline:calc(-1 * var(--inset));background:var(--rule);display:block}.cs-tag,.cs-label,.cs-facts dt,.cs-results span,.cs-quote footer span{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-size:10px;font-weight:500;line-height:1.4}.cs-tag{align-items:center;gap:10px;display:flex}.cs-tag span{color:var(--ink)}.cs-label{margin-bottom:16px;display:block}.cs-caption{color:var(--ink-dim);align-items:baseline;gap:12px;font-size:13px;line-height:1.5;display:flex}.cs-caption>span:first-child{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex-shrink:0;font-size:10px;font-weight:500}.cs-link{letter-spacing:-.01em;color:var(--ink);align-items:center;gap:9px;padding-block:7px;font-size:15px;font-weight:400;display:inline-flex;position:relative}.cs-link:before,.cs-link:after{content:"";background:var(--rule-strong);height:1px;position:absolute;bottom:0;left:0;right:0}.cs-link:after{background:var(--ember);transform-origin:0;transition:transform .9s var(--ease);transform:scaleX(0)}.cs-link svg{width:15px;height:15px;color:var(--ink-dim);transition:transform .32s var(--ease), color .32s var(--ease)}@media (hover:hover) and (pointer:fine){.cs-link:hover:after{transform:scaleX(1)}.cs-link:hover svg{color:var(--ember);transform:translate(3px,-3px)}}.cs-link:focus-visible:after{transform:scaleX(1)}.cs-plate{isolation:isolate;position:relative;overflow:hidden}.cs-plate__shader{z-index:0;transition:transform .9s var(--ease);position:absolute;inset:0}.cs-plate__shader>div,.cs-plate__shader canvas{width:100%!important;height:100%!important}.cs-plate>img{z-index:1;object-fit:contain;filter:drop-shadow(0 24px 44px #00000029);padding:clamp(14px,3.4vw,56px)}.cs-cover{padding-top:clamp(112px,16vh,168px)}.cs-cover__bar{justify-content:space-between;align-items:center;gap:16px;display:flex}.cs-back,.cs-status{font-family:var(--font-mono);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:10px;font-size:11px;font-weight:400;display:inline-flex}.cs-back{color:var(--ink-dim);transition:color .32s var(--ease)}.cs-back svg{width:14px;height:14px;transition:transform .32s var(--ease)}.cs-back:hover{color:var(--ink)}.cs-back:hover svg{transform:translate(-3px)}.cs-status{color:var(--ink-soft);text-align:right}.cs-status__dot{background:var(--ember);border-radius:50%;flex-shrink:0;width:6px;height:6px;position:relative}.cs-status__dot:after{content:"";background:var(--ember);animation:cs-pulse 2.6s var(--ease) infinite;border-radius:50%;position:absolute;inset:0}@keyframes cs-pulse{0%{opacity:.55;transform:scale(1)}70%,to{opacity:0;transform:scale(3.2)}}.cs-title{font-family:var(--font-display);letter-spacing:-.05em;text-wrap:balance;grid-column:1/-1;margin-top:clamp(40px,8vh,96px);font-size:clamp(52px,10.5vw,176px);font-weight:300;line-height:.94}.cs-lede{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink-soft);text-wrap:pretty;grid-column:1/span 7;margin-top:clamp(28px,4vh,48px);font-size:clamp(20px,2.1vw,32px);font-weight:300;line-height:1.25}.cs-actions{flex-wrap:wrap;grid-column:9/-1;justify-content:flex-end;align-self:end;gap:10px;display:flex}.cs-actions .c-btn svg{width:15px;height:15px}.cs-actions .c-btn:hover .cs-actions__mark{transform:none}.cs-facts{column-gap:var(--col-gap);border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px;margin-top:clamp(48px,7vh,88px);display:grid}.cs-facts>div{flex-direction:column;gap:8px;padding-top:18px;display:flex}.cs-facts dd{color:var(--ink);text-wrap:pretty;font-size:15px;line-height:1.45}.cs-cover__plate{aspect-ratio:2;grid-column:1/-1;margin-top:clamp(28px,4vh,48px)}.cs-cover__plate>img{padding:clamp(18px,5vw,96px)}.cs-section{padding-top:clamp(88px,13vh,180px)}.cs-section--next{padding-bottom:clamp(88px,13vh,160px)}.cs-head{grid-column:1/-1;padding-bottom:clamp(36px,5vw,72px)}.cs-head .cs-tag{margin-top:clamp(22px,3vw,36px)}.cs-head h2{max-width:18em;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin-top:18px;font-size:clamp(32px,4.4vw,66px);font-weight:400;line-height:1.04}.cs-brief__context{grid-column:1/span 4}.cs-brief__context p:last-child{color:var(--ink-soft);font-size:16px;line-height:1.62}.cs-brief__problem{grid-column:6/-1}.cs-brief__problem p:last-child{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ink);text-wrap:pretty;font-size:clamp(22px,2.2vw,34px);font-weight:300;line-height:1.3}.cs-steps{border-bottom:1px solid var(--rule);grid-column:1/-1}.cs-step{column-gap:var(--col-gap);border-top:1px solid var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));align-items:baseline;padding-block:clamp(24px,3vw,40px);display:grid}.cs-step__num{font-family:var(--font-mono);letter-spacing:.12em;color:var(--ink-dim);grid-column:1/span 1;font-size:11px}.cs-step h3{font-family:var(--font-display);letter-spacing:-.02em;grid-column:2/span 4;font-size:clamp(20px,2vw,30px);font-weight:400;line-height:1.15}.cs-step p{max-width:54ch;color:var(--ink-soft);grid-column:7/-1;font-size:clamp(15px,1.15vw,17px);line-height:1.62}.cs-screen{flex-direction:column;gap:14px;margin-bottom:clamp(40px,6vw,96px);display:flex}.cs-screen--full{grid-column:1/-1}.cs-screen--major{grid-column:1/span 7}.cs-screen--minor{grid-column:8/-1;margin-top:clamp(48px,10vw,180px)}.cs-screen__plate{aspect-ratio:16/9}.cs-screen--full .cs-screen__plate>img{padding:clamp(18px,5vw,96px)}.cs-screen--major .cs-screen__plate{aspect-ratio:4/3}.cs-screen--minor .cs-screen__plate{aspect-ratio:1}.cs-phones{grid-column:1/-1;margin-bottom:clamp(40px,6vw,96px)}.cs-phones__plate{padding:clamp(36px,6vw,112px) clamp(16px,4vw,72px)}.cs-phones__row{z-index:1;justify-content:center;gap:clamp(16px,4.5vw,80px);display:flex;position:relative}.cs-phone{aspect-ratio:425/921;flex:0 clamp(150px,20vw,300px);position:relative}.cs-phone img{object-fit:contain;filter:drop-shadow(0 26px 44px #00000038)}.cs-phones__captions{flex-wrap:wrap;gap:8px clamp(24px,3vw,48px);margin-top:14px;display:flex}.cs-full{grid-column:1/-1}.cs-full__plate{padding:clamp(24px,5vw,88px) clamp(14px,5vw,88px) 0}.cs-full__window{z-index:1;width:min(100%,1120px);max-height:clamp(520px,110vh,1280px);margin-inline:auto;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.cs-full__window.is-open{max-height:none;margin-bottom:clamp(24px,5vw,88px);-webkit-mask-image:none;mask-image:none}.cs-full__window img{width:100%;height:auto;display:block}.cs-full__bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;display:flex}.cs-results{column-gap:var(--col-gap);border-top:1px solid var(--rule);grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));row-gap:32px;margin-bottom:clamp(48px,6vw,96px);display:grid}.cs-results li{flex-direction:column;gap:14px;padding-top:clamp(20px,2.4vw,32px);display:flex}.cs-results strong{font-family:var(--font-display);letter-spacing:-.05em;color:var(--ink);font-size:clamp(56px,7.4vw,120px);font-weight:300;line-height:.9}.cs-outcome{flex-direction:column;grid-column:1/span 6;align-items:flex-start;gap:24px;display:flex}.cs-outcome--solo{grid-column:1/span 8}.cs-outcome p{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:pretty;font-size:clamp(22px,2.2vw,34px);font-weight:300;line-height:1.3}.cs-quote{border-left:1px solid var(--rule-strong);grid-column:8/-1;align-self:start;padding-left:clamp(20px,2vw,32px)}.cs-quote p{color:var(--ink-soft);text-wrap:pretty;font-size:clamp(17px,1.4vw,21px);line-height:1.5}.cs-quote footer{flex-direction:column;gap:6px;margin-top:20px;display:flex}.cs-quote footer strong{color:var(--ink);font-size:14px;font-weight:500}.cs-next{column-gap:var(--col-gap);grid-column:1/-1;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;display:grid}.cs-next__plate{aspect-ratio:16/10;grid-column:1/span 7}.cs-next__copy{flex-direction:column;grid-column:9/-1;gap:14px;padding-bottom:8px;display:flex}.cs-next__copy .cs-label{margin-bottom:0}.cs-next__copy strong{font-family:var(--font-display);letter-spacing:-.04em;align-items:center;gap:14px;font-size:clamp(36px,4.6vw,72px);font-weight:300;line-height:1;display:flex}.cs-next__copy strong svg{width:clamp(22px,2vw,32px);height:clamp(22px,2vw,32px);color:var(--ink-faint);transition:transform .32s var(--ease), color .32s var(--ease);flex-shrink:0}.cs-next__summary{max-width:38ch;color:var(--ink-soft);font-size:15px;line-height:1.55}@media (hover:hover) and (pointer:fine){.cs-next:hover .cs-plate__shader{transform:scale(1.05)}.cs-next:hover .cs-next__copy strong svg{color:var(--ink);transform:translate(4px,-4px)}}.cs-more{border-top:1px solid var(--rule);flex-wrap:wrap;grid-column:1/-1;gap:16px 40px;margin-top:clamp(40px,5vw,72px);padding-top:20px;display:flex}@media (max-width:1100px){.cs-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.cs-lede,.cs-actions,.cs-brief__context,.cs-brief__problem,.cs-screen--major,.cs-screen--minor,.cs-outcome,.cs-outcome--solo,.cs-quote,.cs-next__plate,.cs-next__copy{grid-column:1/-1}.cs-actions{justify-content:flex-start;margin-top:28px}.cs-cover__plate{aspect-ratio:4/3}.cs-brief__problem{margin-top:40px}.cs-step{grid-template-columns:40px minmax(0,1fr);row-gap:10px}.cs-step__num{grid-column:1}.cs-step h3,.cs-step p{grid-column:2}.cs-screen--minor{margin-top:0}.cs-screen .cs-screen__plate{aspect-ratio:3/2}.cs-quote{margin-top:40px}.cs-next__copy{margin-top:22px}}@media (max-width:700px){.cs-phones__plate{padding:28px 0}.cs-phones__row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;gap:16px;padding-inline:20px;overflow-x:auto}.cs-phones__row::-webkit-scrollbar{display:none}.cs-phone{scroll-snap-align:center;flex:0 0 62vw}.cs-phones__captions{flex-direction:column}.cs-full__window{max-height:120vh}}@media (max-width:520px){.cs-results{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-cover__bar{align-items:flex-start}}@media (prefers-reduced-motion:reduce){.cs-status__dot:after{animation:none}}