.cs{--brick:#fe6432;--brick-text:#c7421a;--anthracite:#262626;--ink:#262626;--ink-deep:#161616;--paper:#f5f6f5;--heading:var(--font-oswald,ui-sans-serif),"Arial Narrow",Impact,sans-serif;--body:var(--font-bricolage,ui-sans-serif),system-ui,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--bar:81px;color:var(--anthracite);font-family:var(--body);line-height:1.6}@media (min-width:768px){.cs{--bar:89px}}@media (min-width:1024px){.cs{--bar:73px}}.cs p,.cs span,.cs li,.cs a,.cs button,.cs strong,.cs b,.cs em{font-family:inherit}.cs h1,.cs h2,.cs h3{font-family:var(--heading);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-weight:500;line-height:1.05}.cs a{color:inherit}.cs :focus-visible{outline:2px solid var(--brick);outline-offset:3px}.cs section[id]{scroll-margin-top:var(--bar)}.cs .breadcrumb{font-family:var(--heading);text-transform:uppercase;letter-spacing:.02em;color:#26262699;flex-wrap:wrap;gap:8px;font-size:14px;display:flex}.cs .breadcrumb a{text-decoration:none}.cs .breadcrumb a:hover,.cs .breadcrumb .sep{color:var(--brick)}.cs .eyebrow{font-family:var(--heading);text-transform:uppercase;align-items:center;gap:12px;font-size:18px;display:flex}.cs .eyebrow:before{content:"\\";color:var(--brick)}.cs .lined{border-top:3px solid}.cs .lined>span{border-bottom:3px solid;padding:.06em 0;display:block}.cs .tags{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.cs .tag{border:1px solid;border-radius:6px;padding:2px 10px;font-size:14px}.cs .btn{font-family:var(--heading);text-transform:uppercase;background:var(--brick);color:#fff;border-radius:8px;align-items:center;gap:10px;padding:14px 24px;font-size:16px;text-decoration:none;transition:background .2s,color .2s;display:inline-flex}.cs .btn:hover{background:var(--anthracite)}.cs .btn-white{color:var(--anthracite);background:#fff}.cs .btn-white:hover{background:var(--anthracite);color:#fff}.cs .lead{color:#262626cc;font-size:18px;line-height:1.6}.cs .prose h2{margin:0 0 16px;font-size:clamp(28px,3vw,40px)}.cs .prose p,.cs .prose li{color:#262626d9;font-size:17px;line-height:1.7}.cs .prose p+p{margin-top:14px}.cs .src{color:#262626b3;font-size:13px}.cs .reveal{transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1)}@media (scripting:enabled){.cs .reveal:not(.is-in){opacity:0;transform:translateY(24px)}}.cs .display{font-family:var(--heading);text-transform:uppercase;letter-spacing:-.005em;text-wrap:balance;font-weight:600;line-height:1.1}.cs .display .line{display:block}.cs .hlb{background:linear-gradient(transparent .2em,var(--brick) .2em,var(--brick) 1.3em,transparent 1.3em);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em}.cs .hld{background:linear-gradient(transparent .2em,var(--anthracite) .2em,var(--anthracite) 1.3em,transparent 1.3em);color:#fff;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:0 .14em}.cs .sec{padding:clamp(72px,9vw,136px) 0}.cs .light{background:var(--paper)}.cs .white{background:#fff}.cs .dark{background:var(--anthracite);color:var(--paper)}.cs .h2{font-size:clamp(34px,4.4vw,64px)}.cs .head{gap:18px;max-width:900px;margin-bottom:clamp(36px,5vw,64px);display:grid}.cs .head .lead{max-width:40em}.cs .mono{font-family:var(--mono);letter-spacing:.04em;font-size:12px}.cs .cover{height:100svh;min-height:calc(520px + var(--bar));padding-top:var(--bar);background:var(--ink);color:var(--paper);position:relative;overflow:hidden}.cs .cover-media{inset:0 0 0 calc(var(--rn-bord) + (100% - 2 * var(--rn-bord)) * .38);clip-path:polygon(0 0,100% 0,100% 100%,27% 100%);animation:1.2s cubic-bezier(.7,0,.2,1) .1s both cs-open;position:absolute}@keyframes cs-open{0%{clip-path:polygon(0 0,0 0,27% 100%,27% 100%)}}@keyframes cs-open-m{0%{clip-path:polygon(0 0,100% 0,100% 0,0 0)}}.cs .cover-media video{object-fit:cover;width:100%;height:100%}.cs .cover-media:after{content:"";background:linear-gradient(90deg,#16161659,#16161600 40%);position:absolute;inset:0}.cs .cover-inner{z-index:2;grid-template-rows:auto 1fr auto;gap:clamp(14px,2.6vh,28px);height:100%;padding-block:clamp(18px,4vh,44px);display:grid;position:relative}.cs .cover .breadcrumb{color:#f5f6f5b3}.cs .cover-title{align-self:center;gap:clamp(10px,2vh,20px);max-width:min(720px,44% - 24px);display:grid}.cs .cover-title .eyebrow{font-size:15px}.cs .cover h1{font-size:clamp(32px,min(4.2vw,6vh),64px);font-weight:600;line-height:1.08}.cs .cover h1 .client{letter-spacing:.03em;color:#f5f6f5d1;margin-bottom:.5em;font-size:.4em;display:block}.cs .cover-lede{color:#f5f6f5e0;max-width:34em;font-size:clamp(15px,min(1.2vw,2vh),18px);line-height:1.55}.cs .cover-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 28px;display:flex}.cs .cover-foot .tag{border-color:#f5f6f5d9}.cs .reel{color:var(--paper);background:#1616168c;border-radius:6px;align-items:center;gap:10px;padding:6px 10px;display:inline-flex}.cs .rec{background:var(--brick);border-radius:50%;width:8px;height:8px;animation:1.6s steps(2,start) infinite cs-blink}@keyframes cs-blink{to{visibility:hidden}}.cs .cover-title>*{animation:.8s cubic-bezier(.2,.7,.2,1) both cs-rise}.cs .cover-title>:nth-child(2){animation-delay:80ms}.cs .cover-title>:nth-child(3){animation-delay:.16s}@keyframes cs-rise{0%{opacity:0;transform:translateY(28px)}}.cs .keyfigs{padding:clamp(56px,6vw,96px) 0}.cs .keyfigs h2{gap:12px;margin-bottom:28px;font-size:18px;display:flex}.cs .keyfigs h2:before{content:"\\";color:var(--brick)}.cs .keyfigs ul{grid-template-columns:repeat(var(--cols,4),1fr);gap:32px;margin:0;padding:0;list-style:none;display:grid}.cs .keyfigs li{border-top:3px solid var(--ink);padding-top:14px}.cs .keyfigs .n{font-family:var(--heading);letter-spacing:-.02em;align-items:baseline;font-size:clamp(60px,7.2vw,116px);font-weight:500;line-height:1;display:flex}.cs .keyfigs .n:before{content:"\\";color:var(--brick);margin-right:.08em;font-size:.62em}.cs .keyfigs .n small{color:#262626b3;margin-left:.1em;font-size:.3em}.cs .keyfigs .n small.pre{color:inherit;margin:0 .02em 0 0;font-size:.62em}.cs .keyfigs .l{max-width:24ch;margin-top:10px;font-size:17px;line-height:1.45}.cs .keyfigs .src{margin-top:8px}.cs .cols2{grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,96px);display:grid}.cs .cols2 h2{margin-bottom:20px;font-size:clamp(30px,3.2vw,44px)}.cs .motion{background:var(--brick);color:var(--anthracite);padding:clamp(72px,9vw,136px) 0 clamp(96px,11vw,168px);overflow:hidden}.cs .motion .eyebrow:before,.cs .motion .lead{color:var(--anthracite)}.cs .motion .src{color:#262626bf}.cs .stage{padding-right:15%;position:relative}.cs .frame{background:#fff;border-radius:14px;margin:0;overflow:hidden;box-shadow:0 40px 80px -30px #2626268c}.cs .frame .bar{background:#f1f1ef;border-bottom:1px solid #26262614;align-items:center;gap:7px;height:38px;padding:0 14px;display:flex}.cs .frame .bar i{background:#2626262e;border-radius:50%;width:10px;height:10px}.cs .frame .bar i:first-child{background:var(--brick)}.cs .frame .bar span{color:#262626b3;white-space:nowrap;text-overflow:ellipsis;background:#fff;border-radius:6px;flex:0 420px;margin-left:10px;padding:3px 12px;font-size:12px;overflow:hidden}.cs .frame video,.cs .frame img{width:100%;height:auto}.cs .phone{background:var(--ink-deep);border-radius:38px;margin:0;padding:9px;box-shadow:0 40px 80px -24px #16161699}.cs .phone .screen{background:#fff;border-radius:30px;overflow:hidden}.cs .phone video,.cs .phone img{width:100%;height:auto;display:block}.cs .stage .phone{width:22%;position:absolute;bottom:0;right:0}.cs .cap{max-width:46em;margin-top:14px;font-size:15px;line-height:1.5}.cs .cap b{font-family:var(--heading);text-transform:uppercase;letter-spacing:.02em;margin-right:8px;font-weight:500}.cs .stage+.row2{margin-top:clamp(96px,10vw,140px)}.cs .row2{grid-template-columns:7fr 5fr;align-items:end;gap:clamp(28px,4vw,64px);display:grid}.cs .phone-cap{width:22%;font-size:14px;position:absolute;bottom:-86px;right:0}.cs .motion .note{gap:16px;padding-bottom:6px;display:grid}.cs .motion .note .btn{justify-self:start}.cs .stage .frame,.cs .stage .phone{transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .8s}.cs .stage .phone{transition-delay:.25s}@media (scripting:enabled){.cs .stage:not(.is-in) .frame{opacity:0;transform:translateY(60px)}.cs .stage:not(.is-in) .phone{opacity:0;transform:translateY(140px)rotate(4deg)}}.cs .rhymes{gap:clamp(56px,7vw,104px);display:grid}.cs figure,.cs .rhyme{margin:0}.cs .pair{aspect-ratio:var(--ar,16 / 7);background:var(--brick);--split:50%;--gap:12px;--k:60px;border-radius:16px;position:relative;overflow:hidden}.cs .half{transition:transform 1.1s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.cs .half img{object-fit:cover;height:100%;position:absolute;top:0}.cs .half.a{clip-path:polygon(0 0,calc(var(--split) - var(--k)) 0,calc(var(--split) + var(--k)) 100%,0 100%)}.cs .half.a img{width:calc(var(--split) + var(--k) + 2px);left:-1px}.cs .half.b{clip-path:polygon(calc(var(--split) - var(--k) + var(--gap)) 0,100% 0,100% 100%,calc(var(--split) + var(--k) + var(--gap)) 100%)}.cs .half.b img{left:calc(var(--split) - var(--k) + var(--gap));width:calc(100% - var(--split) + var(--k) - var(--gap) + 2px)}.cs .rhyme figcaption{grid-template-columns:1fr auto 1fr;align-items:start;gap:24px;margin-top:18px;display:grid}.cs .rh-label{font-family:var(--heading);text-transform:uppercase;white-space:nowrap;font-size:clamp(26px,2.6vw,40px);font-weight:600;line-height:1;transition:opacity .6s .5s,transform .6s .5s}.cs .rh-label span{color:var(--brick);margin:0 .2em}@media (scripting:enabled){.cs .rhyme:not(.is-in) .half.a{transform:translate(-16%)}.cs .rhyme:not(.is-in) .half.b{transform:translate(16%)}.cs .rhyme:not(.is-in) .rh-label{opacity:0;transform:translateY(12px)}}.cs .rh-cap{color:#262626cc;font-size:15px;line-height:1.5}.cs .rh-cap.b{text-align:right}.cs .rh-cap em{font-style:normal;font-family:var(--heading);text-transform:uppercase;letter-spacing:.04em;color:var(--anthracite);margin-bottom:2px;font-size:14px;display:block}.cs .rhyme.narrow{width:82%}.cs .rhyme.right{margin-left:auto}.cs .steps{grid-template-columns:repeat(4,1fr);gap:20px;margin:0;padding:0;list-style:none;display:grid}.cs .steps li{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:16px;padding:28px 24px 30px}.cs .steps .num{font-family:var(--heading);color:var(--brick);font-size:48px;line-height:1}.cs .steps h3{color:#fff;margin:18px 0 10px;font-size:20px}.cs .steps p{color:#f5f6f5c7;font-size:15px;line-height:1.6}.cs .dark .lead{color:#f5f6f5cc}.cs .mirror{grid-template-columns:1fr 300px;align-items:start;gap:clamp(28px,4vw,56px);display:grid}.cs .scroller{overscroll-behavior:auto;scrollbar-width:thin;scrollbar-color:#26262659 transparent;overflow-y:auto}.cs .scroller img{width:100%;height:auto;display:block}.cs .scroller:focus-visible{outline:3px solid var(--brick);outline-offset:-3px}.cs .m-desk .scroller{height:620px}.cs .m-phone .screen.scroller{height:612px}.cs .hint{font-family:var(--heading);text-transform:uppercase;align-items:center;gap:10px;margin-top:22px;font-size:16px;display:inline-flex}.cs .hint svg{color:var(--brick)}.cs .ed{grid-template-columns:4fr 8fr;align-items:start;gap:clamp(32px,5vw,80px);display:grid}.cs .ed+.ed{border-top:1px solid #26262626;margin-top:clamp(64px,8vw,112px);padding-top:clamp(40px,5vw,64px)}.cs .ed h2{font-size:clamp(30px,3.2vw,46px)}.cs .slist{grid-template-columns:1fr 1fr;gap:0 40px;margin:0;padding:0;list-style:none;display:grid}.cs .slist li{border-bottom:1px solid #26262626;padding:14px 0 14px 26px;font-size:17px;line-height:1.55;position:relative}.cs .slist li:before{content:"\\";color:var(--brick);font-family:var(--heading);position:absolute;top:14px;left:4px}.cs .compare{border-collapse:collapse;border-top:3px solid var(--ink);width:100%;margin:6px 0 26px}.cs .compare th,.cs .compare td{text-align:left;font-variant-numeric:tabular-nums;border-bottom:1px solid #26262626;padding:12px 16px 12px 0;font-size:16px}.cs .compare thead th{font-family:var(--heading);text-transform:uppercase;color:#262626b3;font-size:14px;font-weight:500}.cs .compare tbody th{font-weight:400}.cs .compare td{font-family:var(--heading);white-space:nowrap;font-size:22px;font-weight:500}.cs .compare td.chg{color:var(--brick-text)}.cs .measures{border-top:3px solid var(--ink);grid-template-columns:repeat(4,1fr);margin:6px 0 26px;display:grid}.cs .measures div{padding:14px 16px 0 0}.cs .measures b{font-family:var(--heading);font-size:clamp(34px,3.4vw,52px);font-weight:500;line-height:1;display:block}.cs .measures b small{color:#262626b3;font-size:.42em}.cs .measures span{color:#262626b3;font-size:14px}.cs .faq details{border-bottom:1px solid #26262626}.cs .faq summary{cursor:pointer;font-family:var(--heading);text-transform:uppercase;padding:18px 40px 18px 0;font-size:18px;list-style:none;position:relative}.cs .faq summary::-webkit-details-marker{display:none}.cs .faq summary:after{content:"+";color:var(--brick);font-size:24px;position:absolute;top:14px;right:6px}.cs .faq details[open] summary:after{content:"–"}.cs .faq details p{color:#262626d1;max-width:46em;padding:0 0 20px;font-size:17px;line-height:1.6}.cs .credits{color:#262626b3;margin-top:28px;font-size:14px}.cs .tag-links{flex-wrap:wrap;gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}.cs .tag-links .tag{font-family:var(--heading);text-transform:uppercase;letter-spacing:.02em;padding:6px 12px;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-block}.cs .tag-links .tag:hover{color:var(--brick-text);border-color:var(--brick)}.cs .outro{padding:clamp(56px,6vw,96px) 0}.cs .screens{grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px) clamp(20px,3vw,40px);display:grid}.cs .screens .frame img{display:block}.cs a.inline{color:var(--brick-text);text-underline-offset:3px}@media (prefers-reduced-motion:reduce){.cs .cover-media,.cs .cover-title>*,.cs .rec{animation:none}.cs .reveal,.cs .half,.cs .rh-label,.cs .stage .frame,.cs .stage .phone{transition:none}.cs .reveal:not(.is-in),.cs .stage:not(.is-in) .frame,.cs .stage:not(.is-in) .phone,.cs .rhyme:not(.is-in) .half,.cs .rhyme:not(.is-in) .rh-label{opacity:1;transform:none}}@media (max-width:1023px){.cs .keyfigs ul,.cs .steps{grid-template-columns:1fr 1fr}.cs .mirror{grid-template-columns:1fr 240px}.cs .m-phone .screen.scroller{height:490px}.cs .m-desk .scroller{height:500px}}@media (max-width:900px){.cs .cover{min-height:calc(560px + var(--bar));flex-direction:column;display:flex}.cs .cover-media{clip-path:polygon(0 0,100% 0,100% 100%,0 82%);flex:1 1 0;height:auto;min-height:120px;animation-name:cs-open-m;position:relative;inset:auto}.cs .cover-media:after{background:linear-gradient(#16161600 60%,#16161659)}.cs .cover-inner{flex:none;grid-template-rows:auto auto auto;gap:12px;height:auto;padding-top:8px;padding-bottom:20px}.cs .cover .reel{display:none}.cs .cover-lede{font-size:15px;line-height:1.5}.cs .cover .tag{font-size:13px}.cs .cover .breadcrumb{order:-1;font-size:11px}.cs .cover-title{max-width:40em}.cs .cover h1{font-size:clamp(26px,6vw,44px)}}@media (max-width:760px){.cs .cover-title{max-width:100%}.cs .cover h1{font-size:clamp(26px,8vw,34px)}.cs .cols2,.cs .row2,.cs .ed,.cs .slist,.cs .mirror,.cs .screens{grid-template-columns:1fr}.cs .keyfigs ul{gap:24px 16px}.cs .keyfigs .l{font-size:15px}.cs .steps{grid-template-columns:1fr}.cs .stage{flex-direction:column;padding-right:0;display:flex}.cs .stage .frame{order:1}.cs .stage .phone{order:2;width:56%;margin:-70px 0 0 auto;position:relative;bottom:auto;right:auto}.cs .stage .cap-a{order:3}.cs .stage .phone-cap{order:4}.cs .phone-cap{width:auto;margin-top:12px;position:static}.cs .stage+.row2{margin-top:56px}.cs .frame .bar{height:30px}.cs .frame .bar span{font-size:10px}.cs .pair{--gap:8px;aspect-ratio:4/3!important;--split:50%!important}.cs .rhyme.narrow{width:100%}.cs .rhyme figcaption{grid-template-columns:1fr 1fr;gap:12px}.cs .rh-label{white-space:normal;grid-area:1/1/auto/-1;font-size:26px}.cs .rh-cap.b{text-align:left}.cs .measures{grid-template-columns:1fr 1fr}.cs .compare th,.cs .compare td{padding-right:8px;font-size:14px}.cs .compare td{font-size:17px}.cs .measures div{padding-bottom:14px}.cs .m-desk .scroller{height:300px}.cs .m-phone{width:70%;margin:0 auto}.cs .m-phone .screen.scroller{height:520px}}