.cs{background:var(--base-100);width:100%;color:var(--base-300);position:relative;overflow-x:hidden}.cs .mono{text-transform:uppercase;font-family:var(--font-dm-mono);font-size:.85rem;font-weight:500}.cs .mono span{position:relative;top:-.1rem}.cs [data-reveal]{opacity:0;transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay,0s);transform:translateY(28px)}.cs [data-reveal].is-visible{opacity:1;transform:none}.cs-hero{background:var(--base-1000);min-height:100svh;color:var(--base-100);grid-template-columns:1.05fr .95fr;display:grid;position:relative;overflow:hidden}.cs-hero-media{min-height:100svh;position:relative;overflow:hidden}.cs-hero-media-wrap{will-change:clip-path;position:absolute;inset:0}.cs-hero-media-wrap img{object-fit:cover;transform-origin:50%;width:100%;height:100%;filter:var(--photo-filter);will-change:transform;transform:scale(1.2)}.cs-hero-media:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 55%,#201e1d59 100%);position:absolute;inset:0}.cs-hero-index{z-index:2;color:#f3f2f2b3;opacity:0;border-top:1px solid #f3f2f259;gap:1rem;padding:.7rem 0;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}.cs-hero-copy{background:radial-gradient(ellipse at 12% 8%, #17801c29, transparent 42%), radial-gradient(ellipse at 90% 90%, #3fc94a14, transparent 40%), linear-gradient(165deg, #201e1d 0%, var(--base-1000) 48%, #201e1d 100%);align-items:center;min-height:100svh;display:flex;position:relative}.cs-hero-copy:before{content:"";pointer-events:none;background-image:repeating-linear-gradient(-14deg,#0000,#0000 12px,#f3f2f204 12px 13px);position:absolute;inset:0}.cs-hero-copy-inner{z-index:1;flex-direction:column;gap:1.75rem;width:100%;padding:clamp(5.5rem,10vh,8rem) clamp(2rem,4.5vw,4.5rem) 4rem;display:flex;position:relative}.cs-kicker{color:#f3f2f280}.cs-hero-copy h1{max-width:8ch;color:var(--base-100);font-size:clamp(4.5rem,9vw,8.5rem);line-height:.86}.cs-lede{color:#f3f2f2b8;max-width:34ch;font-size:clamp(1.05rem,1.35vw,1.2rem);line-height:1.55}.cs-meta{border-top:1px solid #f3f2f21f;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem 1.5rem;margin:1rem 0 0;padding-top:1.75rem;display:grid}.cs-meta dt{color:#f3f2f266;margin-bottom:.4rem}.cs-meta dd{font-family:var(--font-host-grotesk);color:var(--base-100);margin:0;font-size:1.05rem}.cs-chapter{background:radial-gradient(ellipse at 100% 0%, #17801c1a, transparent 35%), var(--base-100);padding:7.5rem 0 0;position:relative}.cs-chapter-build{padding-bottom:2rem}.cs-chapter-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.cs-chapter-head{flex-direction:column;gap:1rem;display:flex;position:sticky;top:6.5rem}.cs-chapter-index{color:#201e1d66;letter-spacing:.1em}.cs-chapter-head h2{max-width:8ch;color:var(--base-300);font-size:clamp(3.25rem,6.5vw,5.5rem);line-height:.9}.cs-chapter-body{color:#201e1dad;max-width:42ch;font-size:clamp(1.08rem,1.25vw,1.2rem);line-height:1.6}.cs-build-copy{flex-direction:column;gap:2.25rem;display:flex}.cs-frames{background:var(--base-100);padding:6rem 0 2rem}.cs-frames-grid{grid-template-columns:1fr 1fr;align-items:start;gap:1.25rem 1.75rem;display:grid}.cs-frame{margin:0}.cs-frame-offset{margin-top:4.5rem}.cs-frame-media{aspect-ratio:16/9;background:var(--base-200);border:1px solid #201e1d14;border-radius:.3rem;position:relative;overflow:hidden}.cs-frame-media img{transition:transform 1.15s cubic-bezier(.22,1,.36,1)}.cs-frame:hover .cs-frame-media img{transform:scale(1.035)}.cs-frame figcaption,.cs-build-image figcaption{color:#201e1d6b;margin-top:.9rem}.cs-tags{flex-wrap:wrap;gap:.55rem .65rem;max-width:42rem;margin:0;padding:0;list-style:none;display:flex}.cs-tags li{color:#201e1d9e;letter-spacing:.08em;border-bottom:1px solid #201e1d2e;padding:.45rem 0;font-size:.72rem}.cs-tags li:nth-child(3n+1){border-bottom-color:color-mix(in srgb, var(--accent-1) 70%, #201e1d33);color:var(--accent-700)}.cs-tags li:nth-child(3n+2){border-bottom-color:color-mix(in srgb, var(--accent-2) 70%, #201e1d33)}.cs-tags li:nth-child(3n+3){border-bottom-color:color-mix(in srgb, var(--accent-3) 75%, #201e1d33)}.cs-build-image{margin:.5rem 0 0}.cs-build-image-media{aspect-ratio:16/10;border:1px solid #201e1d14;border-radius:.3rem;position:relative;overflow:hidden}.cs-build-image-media img{transition:transform 1.15s cubic-bezier(.22,1,.36,1)}.cs-build-image:hover .cs-build-image-media img{transform:scale(1.04)}.cs-after{background:radial-gradient(ellipse at 0% 100%, #17801c1f, transparent 40%), var(--base-200);padding:7rem 0}.cs-after-inner{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:clamp(2rem,5vw,5rem);display:grid}.cs-after-copy{flex-direction:column;gap:1.35rem;max-width:42ch;padding-top:.35rem;display:flex}.cs-after-copy p{color:#201e1dad;font-size:1.12rem;line-height:1.55}.cs-after-punch{border-top:1px solid #201e1d1f;padding-top:.75rem;font-weight:500;color:var(--base-300)!important}.cs-impact{background:var(--base-300);color:var(--base-100);padding:7.5rem 0 8rem;position:relative;overflow:hidden}.cs-impact-glow{pointer-events:none;background:radial-gradient(at 15% 20%,#17801c29,#0000 38%),radial-gradient(at 90% 80%,#3fc94a1a,#0000 35%);position:absolute;inset:0}.cs-impact .container{z-index:1;position:relative}.cs-impact-head{flex-direction:column;gap:1.15rem;margin-bottom:3.5rem;display:flex}.cs-impact-head .mono{color:#f3f2f273}.cs-impact-head h2{color:var(--base-100);font-size:clamp(3rem,7vw,5.5rem);line-height:.9}.cs-stats{border-top:1px solid #f3f2f224;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;display:grid}.cs-stats[data-cols="1"]{grid-template-columns:1fr}.cs-stats[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr))}.cs-stat{border-bottom:1px solid #f3f2f21a;border-right:1px solid #f3f2f21a;flex-direction:column;gap:.85rem;padding:3rem 1.5rem 2.3rem 0;display:flex}.cs-stat:nth-child(3n){border-right:0;padding-right:0}.cs-stat:nth-child(3n+1){padding-left:0}.cs-stats[data-cols="2"] .cs-stat:nth-child(2n){border-right:0;padding-right:0}.cs-stats[data-cols="2"] .cs-stat:nth-child(odd){padding-left:0}.cs-stats[data-cols="1"] .cs-stat{border-right:0;padding-left:0;padding-right:0}.cs-stat-value{font-family:var(--font-barlow-condensed);letter-spacing:-.02rem;text-transform:uppercase;color:var(--base-100);font-size:clamp(3.5rem,6.5vw,6rem);font-weight:900;line-height:.9}.cs-stat:nth-child(3n+1) .cs-stat-value{color:var(--accent-1)}.cs-stat:nth-child(3n+2) .cs-stat-value{color:var(--accent-2)}.cs-stat:nth-child(3n+3) .cs-stat-value{color:var(--accent-3)}.cs-stat-label{color:#f3f2f27a;max-width:18ch;line-height:1.4}.cs-preview{background:var(--base-1000);width:100%;position:relative}.cs-preview-media{width:100%;height:min(100svh,880px);position:relative;overflow:hidden}.cs-preview-media img{filter:var(--photo-filter);transition:transform 1.4s cubic-bezier(.22,1,.36,1)}.cs-preview-media:hover img{transform:scale(1.03)}.cs-preview-bar{color:var(--base-100);background:linear-gradient(#0000,#201e1dc7);justify-content:space-between;gap:1rem;padding:1.4rem 2rem;display:flex;position:absolute;inset:auto 0 0}.cs-closing{background:radial-gradient(ellipse at 50% 0%, #17801c1a, transparent 40%), var(--base-100);padding:7.5rem 0 5rem}.cs-closing-grid{grid-template-columns:1fr 1fr;gap:2.5rem 3.5rem;display:grid}.cs-closing-block{border-top:1px solid #201e1d1f;flex-direction:column;gap:1.15rem;padding-top:1.5rem;display:flex}.cs-closing-block h2{max-width:12ch;font-size:clamp(2.5rem,4.5vw,3.75rem);line-height:.92}.cs-closing-block p{color:#201e1da8;max-width:40ch;line-height:1.55}.cs-quote{background:var(--base-100);padding:4rem 0 8rem}.cs-quote-inner{max-width:52rem;margin-left:auto;padding-top:1rem;position:relative}.cs-quote-mark{font-family:var(--font-barlow-condensed);color:#0000;-webkit-text-stroke:1.5px #201e1d24;-webkit-user-select:none;user-select:none;margin-bottom:.5rem;font-size:clamp(7rem,14vw,12rem);font-weight:900;line-height:.55}.cs-quote blockquote{font-family:var(--font-barlow-condensed);letter-spacing:-.02rem;text-transform:uppercase;color:var(--base-300);margin:0;font-size:clamp(2.75rem,5.5vw,4.75rem);font-weight:900;line-height:.95}.cs-quote-attr{color:#201e1d6b;margin-top:1.75rem}.cs-next{background:radial-gradient(ellipse at 80% 40%, #17801c1f, transparent 35%), var(--base-300);width:100%;min-height:100svh;color:var(--base-100);display:block;position:relative;overflow:hidden}.cs-next-data{z-index:1;flex-direction:column;justify-content:center;gap:1.25rem;min-height:100svh;padding-top:6rem;padding-bottom:6rem;display:flex;position:relative}.cs-next-data .mono{color:#f3f2f280}.cs-next-data h2{color:var(--base-100);max-width:10ch;font-size:clamp(3.5rem,9vw,7.5rem);line-height:.9;transition:color .3s}.cs-next:hover .cs-next-data h2{color:var(--accent-1)}.cs-next-meta{max-width:36rem;font-family:var(--font-host-grotesk);color:#f3f2f28c;border-top:1px dashed #f3f2f22e;flex-wrap:wrap;gap:1rem 2rem;padding-top:1.25rem;display:flex}.cs-next-cta{font-family:var(--font-dm-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--accent-3);align-items:center;gap:.4rem;font-size:.78rem;display:inline-flex}.cs-next-cta span{transition:transform .25s}.cs-next:hover .cs-next-cta span{transform:translate(4px)}.cs-next-thumb{z-index:0;aspect-ratio:4/5;border:1px solid #f3f2f21f;border-radius:.3rem;width:clamp(200px,22vw,320px);position:absolute;top:50%;right:7%;overflow:hidden;transform:translateY(-50%);box-shadow:0 30px 60px -20px #0000008c}.cs-next-thumb img{filter:var(--photo-filter);transition:transform 1.15s cubic-bezier(.22,1,.36,1)}.cs-next:hover .cs-next-thumb img{transform:scale(1.05)}.cs-next-bar{z-index:2;width:100%;position:absolute;left:0}.cs-next-bar-top{top:0}.cs-next-bar-bottom{bottom:0}.cs-next-bar .container{justify-content:space-between;align-items:center;display:flex}.cs-next-bar-bottom .mono{color:#f3f2f273}@media (max-width:1100px){.cs-hero{grid-template-columns:1fr;min-height:auto}.cs-hero-media{order:2;min-height:30svh}.cs-hero-copy{order:1;min-height:auto}.cs-hero-media:after{background:linear-gradient(#201e1d40,#0000 60%)}.cs-hero-copy-inner{padding:6rem 1.5rem 2.5rem}.cs-meta{grid-template-columns:1fr 1fr}.cs-chapter,.cs-after{padding-top:5rem}.cs-chapter-inner,.cs-after-inner{grid-template-columns:1fr;gap:1.5rem}.cs-chapter-head{position:static}.cs-chapter-head h2,.cs-after-inner .cs-chapter-head h2{max-width:none}.cs-frames{padding-top:3.5rem}.cs-frames-grid{grid-template-columns:1fr;gap:2rem}.cs-frame-offset{margin-top:0}.cs-frame-media{aspect-ratio:16/9}.cs-stats{grid-template-columns:1fr 1fr}.cs-stat{padding:1.5rem 1rem 1.5rem 0}.cs-stat:nth-child(3n){border-right:1px solid #f3f2f21a;padding-right:1rem}.cs-stat:nth-child(2n){border-right:0;padding-right:0}.cs-closing-grid{grid-template-columns:1fr;gap:3rem}.cs-impact{padding:5rem 0 5.5rem}.cs-preview-media{height:70svh}.cs-preview-bar{flex-direction:column;gap:.25rem;padding:1rem 1.25rem}.cs-quote{padding:2rem 0 5rem}.cs-quote-inner{margin-left:0}.cs-next-thumb{display:none}.cs-next-data{min-height:80svh;padding-top:5rem;padding-bottom:5rem}}@media (max-width:640px){.cs-meta{grid-template-columns:1fr;gap:1rem}.cs-stats[data-cols]{grid-template-columns:1fr}.cs-stat{padding-right:0;border-right:0!important;padding-left:0!important}.cs-stat-label{max-width:none}.cs-hero-copy h1{font-size:clamp(3.75rem,16vw,5rem)}}@media (prefers-reduced-motion:reduce){.cs [data-reveal]{opacity:1;transition:none;transform:none}.cs-frame-media img,.cs-build-image-media img,.cs-preview-media img,.cs-next-thumb img{transition:none}}
