.cs-main{padding:0 var(--gutter)}.cs-main>*{max-width:1360px;margin-inline:auto}.cs-intro{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,4vw,64px);min-height:min(100svh - 76px,640px);padding:24px 0 48px;display:grid}.cs-name{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.cs-name b{font-family:var(--cc-display), sans-serif;font-size:20px;font-weight:600}.cs-name span{font-family:var(--cc-figures), sans-serif;color:var(--muted);font-size:17px}.cs-intro h1{font-family:var(--cc-display), sans-serif;font-variation-settings:"wdth" 96;letter-spacing:-.01em;margin-top:20px;font-size:clamp(38px,3.6vw,56px);font-weight:500;line-height:1.02}.cs-lead{max-width:32em;color:var(--muted);margin-top:20px;font-size:18px;line-height:1.6}.cs-intro .cc-actions{margin-top:28px}.cs-note{max-width:34em;color:var(--dim);margin-top:14px;font-size:14px;line-height:1.5}.cs-hero-shot{align-items:flex-end;gap:3%;margin:0;display:flex}.cs-hero-screen{flex:1 1 0;min-width:0}.cs-hero-phone{flex:0 0 18%}.cs-hero-screen,.cs-hero-phone{filter:drop-shadow(0 18px 28px #00000073);display:block}.cs-shot{background:#1b1c1f;border-radius:10px;display:block;position:relative;overflow:hidden}.cs-shot picture{display:block}.cs-shot img,.cs-shot video{width:100%;height:auto;display:block}.cs-shot-browser{container-type:inline-size}.cs-shot-bar{border-bottom:1px solid #ecedef12;justify-content:center;align-items:center;height:clamp(18px,5.6cqi,30px);padding:0 12%;display:flex}.cs-shot-bar span{white-space:nowrap;text-overflow:ellipsis;color:#8f949b;background:#ecedef0f;border-radius:5px;max-width:100%;padding:.2em .9em;font-size:clamp(8.5px,2.1cqi,12px);line-height:1.4;overflow:hidden}.cs-shot:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ecedef1f}.cs-shot-phone{background:#1d1e21;border-radius:26px;padding:6px}.cs-shot-phone img,.cs-shot-phone video{border-radius:20px}.cs-shot-fade{-webkit-mask-image:linear-gradient(#000 70%,#0000);mask-image:linear-gradient(#000 70%,#0000)}.cs-benefit{border-top:1px solid var(--line);grid-template-columns:minmax(0,440px) minmax(0,720px);justify-content:center;align-items:center;gap:clamp(40px,5.4vw,96px);padding:clamp(44px,4.6vw,72px) 0;display:grid}.cs-benefit-flip{grid-template-columns:minmax(0,720px) minmax(0,440px)}.cs-benefit-flip .cs-benefit-copy{order:2}.cs-benefit h2{font-family:var(--cc-display), sans-serif;font-size:clamp(30px,2.8vw,42px);font-weight:500;line-height:1.06}.cs-benefit-copy>p{max-width:24em;color:var(--muted);margin-top:18px;font-size:19px;line-height:1.55}.cs-benefit-copy>.cs-figure{font-family:var(--cc-figures), sans-serif;color:var(--text);margin-top:24px;font-size:19px;line-height:1.35}.cs-figure b{font-family:var(--cc-display), sans-serif;margin-right:6px;font-size:44px;font-weight:500;line-height:1}.cs-stage{--shift:1;align-items:flex-start;width:100%;display:flex}.cs-layer{flex:none;display:block}.cs-layer-inner{will-change:transform;filter:drop-shadow(0 18px 28px #00000073);display:block}.cs-layer-back .cs-layer-inner{transform:translate3d(0, calc(var(--depth,0) * 16px * var(--shift)), 0)}.cs-layer-front .cs-layer-inner{transform:translate3d(0, calc(var(--depth,0) * -34px * var(--shift)), 0)}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.cs-layer{transition:opacity .8s,transform 1s cubic-bezier(.2,.7,.2,1)}.cs-stage:not([data-shown]) .cs-layer-back{opacity:0}.cs-stage:not([data-shown]) .cs-layer-front{opacity:0;transform:translateY(32px)scale(.96)}}.cs-story{border-top:1px solid var(--line);padding:44px 0 48px}.cs-story dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px clamp(28px,3.4vw,56px);margin:0;display:grid}.cs-story dt{font-family:var(--cc-display), sans-serif;font-size:24px;font-weight:500;line-height:1.15}.cs-story dd{max-width:34em;color:var(--muted);margin:12px 0 0;font-size:16.5px;line-height:1.6}.cs-details{border-top:1px solid var(--line);grid-template-columns:minmax(0,420px) minmax(0,1fr);gap:clamp(36px,4.4vw,72px);padding:52px 0;display:grid}.cs-details h2{font-family:var(--cc-display), sans-serif;font-size:24px;font-weight:500;line-height:1.15}.cs-details>div>p{color:var(--muted);margin-top:12px;font-size:15px;line-height:1.6}.cs-details dl{grid-template-columns:1fr 1fr;column-gap:clamp(24px,3vw,48px);margin:0;display:grid}.cs-details dl>div{border-top:1px solid var(--line);padding:14px 0 16px}.cs-details dt{color:var(--text);font-size:15px;font-weight:500}.cs-details dd{color:var(--muted);margin:6px 0 0;font-size:15px;line-height:1.55}.cs-closing{border-top:1px solid var(--line);padding:60px 0 64px}.cs-closing p{font-family:var(--cc-display), sans-serif;font-size:clamp(32px,3vw,44px);font-weight:500;line-height:1.05}.cs-closing .cc-actions{margin-top:26px}.sv-works{border-top:1px solid var(--line);padding:52px 0 60px}.sv-works h2{font-family:var(--cc-display), sans-serif;font-size:clamp(30px,2.8vw,42px);font-weight:500;line-height:1.06}.sv-works>.cc-actions{margin-top:20px}.sv-clips{--vg-gap:12px;margin-top:32px}.sv-grid{--sv-gap:48px;gap:var(--sv-gap) clamp(28px, 3vw, 48px);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:36px;display:grid}.sv-grid[data-count="1"]{grid-template-columns:minmax(0,660px)}.sv-grid[data-count="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}.sv-work-shot{filter:drop-shadow(0 18px 28px #00000073);display:block}.sv-work .cs-name{margin-top:22px}.sv-work-text{max-width:30em;color:var(--muted);margin-top:8px;font-size:16px;line-height:1.55}.sv-work .cc-actions{margin-top:14px}@supports (grid-template-rows:subgrid){.sv-grid{margin-bottom:calc(-1 * var(--sv-gap));row-gap:0}.sv-work{grid-template-rows:subgrid;padding-bottom:var(--sv-gap);grid-row:span 4;display:grid}.sv-screen{grid-row:span 3}.sv-work-shot{align-self:end}}.sv-one{border-top:1px solid var(--line);flex-wrap:wrap;align-items:baseline;gap:12px 32px;margin-top:40px;padding-top:22px;display:flex}.sv-one .cc-actions{margin-top:0}.sv-wide dl{grid-template-columns:minmax(0,1fr)}.sv-wide dd{max-width:46em}.sv-list{border-top:1px solid var(--line);margin-block:0;padding:0;list-style:none}.sv-list a{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,340px) minmax(0,1fr);align-items:baseline;gap:8px 48px;padding:26px 0;display:grid}.sv-list b{font-family:var(--cc-display), sans-serif;font-size:26px;font-weight:600;line-height:1.1}.sv-list span{color:var(--muted);font-size:18px;line-height:1.5;transition:color .2s}.sv-list a:hover span{color:var(--text)}.ct-screen{flex-direction:column;min-height:100svh;display:flex}.ct-screen>main{flex:1}.ct-page{--button:#fff;--button-ink:var(--ink);--button-hover:#e8e9eb;--button-press:#d9dadd;padding:64px 0 72px}.ct-page h1{font-family:var(--cc-display), sans-serif;font-variation-settings:"wdth" 96;letter-spacing:-.01em;font-size:clamp(38px,3.6vw,56px);font-weight:500;line-height:1.02}.ct-page .cc-contact-links{margin-top:32px}.ct-first{border-top:1px solid var(--line);padding:48px 0 24px}.ct-first h2{font-family:var(--cc-display), sans-serif;font-size:24px;font-weight:600;line-height:1.15}.ct-first ul{max-width:40em;color:var(--muted);margin:16px 0 0;padding:0;font-size:17px;line-height:1.55;list-style:none}.ct-first li{border-bottom:1px solid var(--line);padding:12px 0}@media (max-width:1100px){.sv-grid[data-count="3"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-intro{grid-template-columns:minmax(0,1fr);min-height:0;padding-top:28px}.cs-hero-shot{max-width:820px}.cs-benefit,.cs-benefit-flip,.cs-details{grid-template-columns:minmax(0,1fr);justify-content:stretch;gap:32px}.cs-stage{max-width:720px}.cs-benefit-flip .cs-benefit-copy{order:0}.cs-benefit-copy>p{max-width:36em}}@media (max-width:860px){.cs-intro{gap:32px;padding:20px 0 40px}.cs-intro h1{font-size:34px;line-height:1.06}.cs-lead{font-size:16.5px}.cs-shot{border-radius:7px}.cs-shot-phone{border-radius:16px;padding:3px}.cs-shot-phone img,.cs-shot-phone video{border-radius:13px}.cs-hero-phone{flex-basis:20%}.cs-benefit{gap:26px;padding:40px 0}.cs-benefit h2{font-size:27px}.cs-benefit-copy>p{font-size:17px}.cs-figure b{font-size:34px}.cs-stage{--shift:.5}.cs-story{padding:32px 0 36px}.cs-story dl{grid-template-columns:minmax(0,1fr);gap:24px}.cs-story dt{font-size:21px}.cs-story dd{margin-top:8px}.cs-details{padding:40px 0}.cs-details dl{grid-template-columns:minmax(0,1fr)}.cs-closing{padding:44px 0 48px}.sv-works{padding:40px 0 44px}.sv-grid,.sv-grid[data-count]{--sv-gap:36px;grid-template-columns:minmax(0,1fr);margin-top:28px}.sv-list a{grid-template-columns:minmax(0,1fr);padding:20px 0}.sv-list b{font-size:22px}.sv-list span{font-size:16.5px}.ct-page{padding:36px 0 48px}.ct-page h1{font-size:34px;line-height:1.06}.ct-first{padding:36px 0 12px}.ct-first ul{font-size:16px}}@media (max-width:600px){.cs-name span{flex-basis:100%}}
