:root{--brand:var(--red);--brand-bg:var(--ink)}.cs-hero{min-height:100dvh;padding:clamp(6rem, 12vh, 8rem) var(--gutter) clamp(4rem, 8vh, 6rem);perspective:1600px;align-items:center;display:grid}.cs-hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(2rem,5vw,5rem);display:grid}.cs-hero__text{justify-items:start;gap:1.5rem;display:grid}.cs-hero__visit{margin-top:.25rem}.cs-hero__title{max-width:10ch;font-size:clamp(3rem,1.5rem + 5vw,7rem)}.cs-hero__tagline{color:#f7f4efd1;max-width:34ch}.cs-facts{border-top:1px solid #ffffff1f;grid-template-columns:1fr 1fr;gap:1.1rem 1.75rem;width:100%;padding-top:1.5rem;display:grid}.cs-facts dd{font-size:var(--fs-small);color:var(--paper);margin-top:.35rem;line-height:1.45}.cs-facts a{color:var(--paper);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--brand) 70%, transparent);text-decoration-color:color-mix(in srgb, var(--brand) 70%, transparent);text-underline-offset:4px}.cs-facts a:hover{color:var(--brand)}.cs-hero__shot{transform-style:preserve-3d;will-change:transform}.browser,.floatshot{animation:float 7s var(--ease-inout) infinite alternate}@keyframes float{0%{transform:translateY(-8px)}to{transform:translateY(10px)}}.browser{box-shadow:0 0 0 1px #ffffff14, 0 60px 120px -40px #000000e6, 0 0 120px -20px color-mix(in srgb, var(--brand) 45%, transparent);background:#1b1b1d;border-radius:14px;overflow:hidden}.browser__bar{background:#232326;grid-template-columns:5rem 1fr 5rem;align-items:center;height:2.4rem;padding:0 .9rem;display:grid}.browser__dots{gap:.4rem;display:flex}.browser__dots i{background:#ff5f57;border-radius:50%;width:.7rem;height:.7rem}.browser__dots i:nth-child(2){background:#febc2e}.browser__dots i:nth-child(3){background:#28c840}.browser__url{font-family:var(--font-display);color:#ffffffa6;background:#18181a;border-radius:999px;justify-self:center;align-items:center;gap:.45rem;padding:.3rem 1rem;font-size:.75rem;display:inline-flex}.browser__url svg{width:.75rem;height:.75rem}.browser__view{aspect-ratio:16/10;background:#111;overflow:hidden}.browser__view img{object-fit:cover;object-position:top;width:100%;height:100%;animation:settle 2.4s var(--ease-out) .3s forwards;display:block;transform:scale(1.04)}@keyframes settle{to{transform:scale(1)}}.floatshot{border-radius:var(--radius);overflow:hidden;box-shadow:0 60px 120px -40px #000,0 0 0 1px #ffffff14}.floatshot img{aspect-ratio:16/11;object-fit:cover;width:100%}@media (max-width:900px){.cs-hero{padding-top:4.5rem}.cs-hero__grid,.cs-facts{grid-template-columns:1fr}}.cs-story .wrap{justify-items:start;gap:clamp(1.75rem,3vw,2.5rem);display:grid}.cs-story__lead{font-family:var(--font-display);letter-spacing:-.035em;max-width:30ch;font-size:clamp(1.7rem,1rem + 2.4vw,3.4rem);font-weight:400;line-height:1.12}.cs-story__lead .word{opacity:.14}.cs-story__more{max-width:52ch}.cs-story__cols{border-top:1px solid #ffffff1a;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,4vw,4rem);width:100%;margin-top:1rem;padding-top:2rem;display:grid}.cs-story__cols>div{align-content:start;gap:.9rem;display:grid}.cs-story__cols .index-num{color:var(--brand)}.cs-story__cols p{font-size:var(--fs-lead);max-width:34ch;line-height:1.4}@media (max-width:800px){.cs-story__cols{grid-template-columns:1fr}}.cs-process__grid{grid-template-columns:minmax(0,4fr) minmax(0,7fr);align-items:start;gap:clamp(2rem,6vw,6rem);display:grid}.cs-process__head{justify-items:start;gap:1.5rem;display:grid;position:sticky;top:7rem}.cs-steps{display:grid}.cs-steps li{border-top:1px solid #ffffff1a;grid-template-columns:clamp(3.5rem,6vw,5.5rem) 1fr;gap:1.25rem;padding:clamp(1.5rem,2.5vw,2.25rem) 0;display:grid}.cs-steps__num{font-family:var(--font-display);letter-spacing:-.05em;color:var(--brand);font-size:clamp(2rem,1.4rem + 1.8vw,3.25rem);line-height:.9}.cs-steps h3{font-family:var(--font-display);font-size:var(--fs-lead);letter-spacing:-.02em;margin-bottom:.5rem;font-weight:500}.cs-steps p{max-width:46ch}@media (max-width:900px){.cs-process__grid{grid-template-columns:1fr}.cs-process__head{position:static}}.cs-kit .wrap{justify-items:start;gap:1.25rem;display:grid}.cs-kit__grid{grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:1rem;width:100%;margin-top:1rem;display:grid}.cs-kit__panel{border-radius:var(--radius);background:var(--panel);place-items:center;min-height:clamp(14rem,26vw,22rem);padding:2.5rem;display:grid}.cs-kit__panel img{max-width:min(80%,30rem);max-height:70%}.cs-kit__grid--single{grid-template-columns:minmax(0,1fr)}.cs-kit__panel--cover{padding:0;overflow:hidden}.cs-kit__panel--cover img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.cs-kit__panel--symbol{padding:0;overflow:hidden}.cs-kit__panel--symbol img{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.cs-kit__type{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:1rem;display:grid}.cs-kit__font{border-radius:var(--radius-sm);background:#ffffff0a;grid-template-columns:auto 1fr;align-items:center;gap:1.5rem;padding:clamp(1.25rem,2.5vw,2rem);display:grid;box-shadow:inset 0 0 0 1px #ffffff14}.cs-kit__aa{color:var(--brand);font-size:clamp(3.5rem,2.5rem + 3vw,6rem);line-height:.85}.cs-kit__font div{gap:.3rem;display:grid}.cs-kit__font strong{font-family:var(--font-display);font-size:1.2rem;font-weight:500}.cs-swatches{gap:.5rem;width:100%;height:clamp(9rem,16vw,13rem);display:flex}.cs-swatch{border-radius:var(--radius-sm);background:var(--c);min-width:0;color:var(--on);text-align:left;transition:flex-grow var(--dur-slow) var(--ease-spring);flex-direction:column;flex:1 1 0;justify-content:flex-end;align-items:flex-start;gap:.2rem;padding:1rem;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff14}.cs-swatch span:first-child{font-family:var(--font-display);font-weight:500}.cs-swatch span:last-child{font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);opacity:.75}.cs-swatch:hover{flex-grow:2}.cs-swatch.is-copied:after{content:"Copied";font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;position:absolute;top:.9rem;left:1rem}@media (max-width:800px){.cs-kit__grid,.cs-kit__type{grid-template-columns:1fr}.cs-swatches{flex-direction:column;height:auto}.cs-swatch{flex-direction:row;justify-content:space-between;align-items:center;min-height:4rem}}.cs-work__head{justify-items:start;gap:1.5rem;margin-bottom:clamp(2.5rem,5vw,4rem);display:grid}.cs-bento{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}.cs-dev{--panel:color-mix(in srgb, var(--brand) 16%, #141414);--cap:#ffffffd9;isolation:isolate;border-radius:var(--radius);background:var(--panel);place-items:center;padding:0;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0f}.cs-dev--dark{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--brand) 26%, #161616), color-mix(in srgb, var(--brand) 8%, #0d0d0d))}.cs-dev--wide{aspect-ratio:16/11;grid-column:span 8}.cs-dev--narrow{grid-column:span 4}.cs-dev--half{aspect-ratio:4/3;grid-column:span 6}.dev-web{width:84%;transition:transform var(--dur-slow) var(--ease-spring);background:#1b1b1d;border-radius:10px;display:block;overflow:hidden;box-shadow:0 40px 80px -30px #000000a6,0 0 0 1px #0000001f}.cs-dev--half .dev-web{width:88%}.dev-web__bar{background:#232326;align-items:center;gap:.35rem;height:clamp(1.1rem,1.6vw,1.6rem);padding:0 .7rem;display:flex}.dev-web__bar i{background:#ff5f57;border-radius:50%;width:.5rem;height:.5rem}.dev-web__bar i:nth-child(2){background:#febc2e}.dev-web__bar i:nth-child(3){background:#28c840}.dev-web img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.dev-phone{aspect-ratio:390/844;height:82%;transition:transform var(--dur-slow) var(--ease-spring);background:#0b0b0c;border-radius:13%/6%;padding:2.2%;display:block;position:relative;box-shadow:0 40px 80px -30px #000000b3,inset 0 0 0 1px #ffffff1f}.cs-dev--narrow{contain:size}.cs-dev:hover .dev-phone{transform:translateY(-6px)scale(1.015)}.dev-phone img{object-fit:cover;object-position:top;border-radius:11%/5%;width:100%;height:100%;display:block}.cs-dev__photo{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease-spring);position:absolute;top:0;bottom:0;left:0;right:0}.cs-dev--photo:before{content:"";z-index:1;background:linear-gradient(#0000,#050505b3);position:absolute;top:55%;bottom:0;left:0;right:0}.cs-dev__cap{z-index:2;text-align:left;font-family:var(--font-display);font-size:var(--fs-micro);letter-spacing:.02em;color:var(--cap);opacity:.85;align-items:baseline;gap:.6rem;display:flex;position:absolute;bottom:clamp(.75rem,1.4vw,1.2rem);left:clamp(.9rem,1.6vw,1.4rem);right:1rem}.cs-dev--photo .cs-dev__cap{color:#fff}.cs-dev__cap .index-num{color:inherit;opacity:.6}.cs-dev:hover .dev-web{transform:translateY(-6px)scale(1.015)}.cs-dev:hover .cs-dev__photo{transform:scale(1.04)}@media (max-width:800px){.cs-bento{grid-template-columns:minmax(0,1fr)}.cs-dev--wide,.cs-dev--half,.cs-dev--narrow{grid-column:auto}.cs-dev--wide,.cs-dev--half{aspect-ratio:4/3}.cs-dev--narrow{aspect-ratio:4/5}.dev-web{width:90%}}.cs-results .wrap{justify-items:start;gap:clamp(2rem,4vw,3rem);display:grid}.cs-results__summary{font-family:var(--font-display);letter-spacing:-.035em;max-width:30ch;font-size:clamp(1.6rem,1rem + 2.2vw,3.2rem);font-weight:400;line-height:1.12}.cs-results__summary .word{opacity:.14}.cs-stats{border-top:1px solid #ffffff1f;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));width:100%;display:grid}.cs-stat{gap:.5rem;padding:1.75rem 1.5rem 0 0;display:grid}.cs-stat__num{font-family:var(--font-display);letter-spacing:-.05em;color:var(--paper);font-size:clamp(3rem,2rem + 3vw,5.5rem);line-height:.9}.cs-quote{border-left:2px solid var(--brand);gap:1rem;max-width:46rem;padding-left:1.5rem;display:grid}.cs-quote p{font-family:var(--font-display);font-size:var(--fs-lead);line-height:1.35}.cs-results__visit{margin-top:.5rem}.cs-next{padding:var(--section-y) 0 clamp(5rem, 10vw, 8rem)}.cs-next__head{justify-content:space-between;align-items:end;gap:1.5rem;margin-bottom:clamp(1.75rem,3vw,2.5rem);display:flex}.cs-next__head>div:first-child{justify-items:start;gap:1rem;display:grid}.cs-next__title{font-family:var(--font-display);letter-spacing:-.03em;font-size:clamp(1.6rem,1.1rem + 1.6vw,2.6rem);font-weight:500;line-height:1}.cs-next__arrows{gap:.5rem;display:flex}.cs-next__arrow{width:3rem;height:3rem;color:var(--paper);transition:background-color var(--dur-fast) var(--ease-out);background:#ffffff0f;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;box-shadow:inset 0 0 0 1px #ffffff24}.cs-next__arrow:hover{background:var(--brand)}.cs-next__track{overscroll-behavior-x:contain;padding:1rem max(var(--gutter), (100vw - var(--max)) / 2) 1.5rem;scroll-padding-inline:max(var(--gutter), (100vw - var(--max)) / 2);scroll-snap-type:x proximity;scrollbar-width:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:clamp(1rem,2vw,1.75rem);display:flex;overflow-x:auto}.cs-next__track::-webkit-scrollbar{display:none}.cs-next__track.is-dragging{cursor:grabbing;scroll-snap-type:none}.cs-next__track.is-dragging .nx-card{pointer-events:none}.nx-card{scroll-snap-align:start;color:var(--paper);flex:0 0 clamp(15rem,24vw,22rem);align-content:start;gap:.45rem;display:grid}.nx-card__media{aspect-ratio:16/10;border-radius:var(--radius-sm);background:#111;margin-bottom:.5rem;display:block;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}.nx-card__media img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .9s var(--ease-out)}.nx-card__type{font-size:var(--fs-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;color:var(--brand)}.nx-card__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.05rem,.9rem + .5vw,1.35rem);font-weight:500;line-height:1.15}.nx-card__btn{font-family:var(--font-display);font-size:var(--fs-small);color:var(--ink);background:var(--paper);opacity:0;transition:opacity .45s var(--ease-out), transform .6s var(--ease-spring);border-radius:999px;justify-self:start;align-items:center;gap:.6rem;margin-top:.35rem;padding:.3rem .3rem .3rem 1rem;font-weight:500;display:inline-flex;transform:translateY(8px)}.nx-card__btn .btn__icon{background:#00000014;width:1.9rem;height:1.9rem}.nx-card>:not(.nx-card__btn){transition:filter .6s var(--ease-out), opacity .6s var(--ease-out)}.nx-card .nx-card__media{filter:blur(2.5px)brightness(.72)saturate(.85);opacity:.85}.nx-card .nx-card__name,.nx-card .nx-card__type{opacity:.6}.nx-card.is-next .nx-card__media,.nx-card:hover .nx-card__media{filter:none;opacity:1}.nx-card:focus-visible .nx-card__media{filter:none;opacity:1}.nx-card.is-next>*,.nx-card:hover>*{opacity:1}.nx-card:focus-visible>*{opacity:1}.nx-card.is-next .nx-card__btn,.nx-card:hover .nx-card__btn{opacity:1;transform:none}.nx-card:focus-visible .nx-card__btn{opacity:1;transform:none}.nx-card:hover .nx-card__media img{transform:scale(1.05)}.cs-next__track:hover .nx-card.is-next:not(:hover) .nx-card__media{filter:blur(2.5px)brightness(.72)saturate(.85);opacity:.85}.cs-next__track:hover .nx-card.is-next:not(:hover)>:not(.nx-card__media){opacity:.6}.cs-next__track:hover .nx-card.is-next:not(:hover) .nx-card__btn{opacity:0;transform:translateY(8px)}@media (hover:none){.nx-card .nx-card__media{filter:blur(1px)brightness(.85)}.nx-card .nx-card__btn{opacity:1;transform:none}.nx-card .nx-card__name,.nx-card .nx-card__type{opacity:1}}@media (max-width:700px){.cs-next__arrows{display:none}.nx-card{flex-basis:72vw}}.lightbox{z-index:var(--z-menu);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity var(--dur) var(--ease-spring), visibility 0s linear var(--dur);background:#000000eb;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.lightbox.is-open{opacity:1;visibility:visible;transition-delay:0s}.lightbox__stage{scrollbar-width:thin;width:min(100vw - 8rem,1400px);max-height:100dvh;padding:4.5rem 0;overflow-y:auto}.lightbox__img{border-radius:.75rem;width:100%;height:auto;box-shadow:0 40px 120px -40px #000}.lightbox__img.is-phone{border-radius:1.75rem;width:min(420px,100%);margin-inline-start:auto;margin-inline-end:auto;display:block}.lightbox__close,.lightbox__nav{z-index:2;width:3rem;height:3rem;color:var(--paper);transition:background-color var(--dur-fast) var(--ease-out);background:#ffffff14;border-radius:50%;place-items:center;font-size:1.25rem;display:grid;position:absolute;box-shadow:inset 0 0 0 1px #ffffff1f}.lightbox__close:hover,.lightbox__nav:hover{background:var(--brand)}.lightbox__close{top:1.25rem;right:1.25rem}.lightbox__nav--prev{top:50%;left:1.25rem;translate:0 -50%}.lightbox__nav--next{top:50%;right:1.25rem;translate:0 -50%}.lightbox__count{white-space:nowrap;position:absolute;bottom:1.25rem;left:50%;translate:-50%}@media (max-width:700px){.lightbox__stage{width:calc(100vw - 1.5rem)}.lightbox__nav{top:auto;bottom:1rem;translate:none}}