.cs-hero{align-items:flex-end;min-height:92vh;display:flex;position:relative;overflow:hidden}.cs-hero:after{content:"";z-index:1;background:linear-gradient(180deg, #06060d66 0%, #06060d80 30%, #06060df2 100%), radial-gradient(ellipse 60% 50% at 50% 60%, color-mix(in srgb, var(--accent,var(--amber,#e07b2e)) 15%, transparent) 0%, transparent 75%);pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 100px #06060d99}.cs-hero-img{z-index:0;background:linear-gradient(#06060d80 0%,#06060d33 40%,#06060df2 100%),repeating-linear-gradient(-45deg,#11111f 0 11px,#16162a 11px 22px);position:absolute;inset:0}.cs-hero-img:after{content:"Project Hero Image";letter-spacing:.2em;text-transform:uppercase;color:#ede9e440;font-size:.7rem;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.cs-hero-inner{z-index:2;width:100%;max-width:1340px;margin:0 auto;padding:0 3rem 8rem;position:relative}.cs-breadcrumb{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);align-items:center;gap:.6rem;margin-bottom:2rem;font-size:.72rem;display:flex}.cs-breadcrumb a{color:var(--muted);transition:color .2s}.cs-breadcrumb a:hover{color:var(--accent)}.cs-breadcrumb .sep{opacity:.4}.cs-meta-row{flex-wrap:wrap;gap:.7rem;margin-bottom:1.6rem;display:flex}.cs-tag{letter-spacing:.18em;text-transform:uppercase;color:var(--teal);border:1px solid #1dc8ce47;border-radius:99px;padding:.28rem .85rem;font-size:.66rem}.cs-tag.accent{color:var(--accent);border-color:var(--accent)}.cs-hero h1{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:1.4rem;font-size:clamp(3.5rem,9vw,9rem);font-weight:900;line-height:.88}.cs-hero-sub{color:var(--muted);max-width:560px;font-size:clamp(1rem,1.5vw,1.3rem);line-height:1.6}.cs-facts{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.cs-facts-inner{grid-template-columns:repeat(4,1fr);max-width:1340px;margin:0 auto;display:grid}.cs-fact{border-right:1px solid var(--border);padding:2.4rem 2.5rem}.cs-fact:last-child{border-right:none}.cs-fact-label{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);margin-bottom:.7rem;font-size:.64rem}.cs-fact-val{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;color:var(--text);font-size:1.15rem;font-weight:700;line-height:1.2}.cs-section{padding:7.5rem 3rem}.cs-container{max-width:1340px;margin:0 auto}.cs-narrow{max-width:820px;margin:0 auto}.cs-step-tag{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:1.6rem;font-size:.7rem;display:block}.cs-h2{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:2rem;font-size:clamp(2.4rem,4.5vw,4.5rem);font-weight:900;line-height:.96}.cs-h2 em{color:var(--accent);font-style:normal}.cs-body{color:var(--text);margin-bottom:1.5rem;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:300;line-height:1.75}.cs-body.muted{color:var(--muted)}.cs-split{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.cs-split-card{border-left:2px solid var(--accent);padding-left:2rem}.cs-split-card h3{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:1.5rem;font-weight:700}.cs-split-card p{color:var(--muted);font-size:1rem;line-height:1.75}.cs-video-section{background:radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--accent) 20%, transparent), transparent 34%), linear-gradient(180deg, var(--surface), var(--bg));border-block:1px solid var(--border);width:100vw;margin-left:calc(50% - 50vw);padding:clamp(4rem,7vw,7rem) clamp(1rem,3vw,3rem);overflow:hidden}.cs-video-showcase{grid-template-columns:1fr;align-items:stretch;gap:clamp(1.2rem,2vw,2rem);width:min(100%,1440px);margin:0 auto;display:grid}.cs-video-copy{max-width:920px;padding:0}.cs-video-copy h3{font-family:var(--font-display);letter-spacing:-.01em;text-transform:uppercase;margin-bottom:1rem;font-size:clamp(1.8rem,3vw,3rem);font-weight:900;line-height:.98}.cs-video-copy p{color:var(--muted);line-height:1.75}.cs-video-player{background:#050508;border:1px solid #ede9e41f;width:100%;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000052}.cs-video-player video{aspect-ratio:16/9;object-fit:contain;background:#050508;width:100%}.cs-video-toggle{z-index:2;color:var(--text);cursor:pointer;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;transition:background .2s var(--ease), border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease);background:#06060dc7;border:1px solid #ede9e42e;padding:.85rem 1rem;font-size:.7rem;font-weight:800;position:absolute;bottom:1rem;left:1rem}.cs-video-toggle:hover,.cs-video-toggle:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--bg);outline:none;transform:translateY(-2px)}.cs-video-showcase.is-playing .cs-video-toggle{opacity:.78}.cs-visual{aspect-ratio:16/9;border:1px solid var(--border);background:repeating-linear-gradient(-45deg,#0f0f1c 0 11px,#15152a 11px 22px);justify-content:center;align-items:center;width:100%;display:flex;position:relative}.cs-visual span{letter-spacing:.2em;text-transform:uppercase;color:#ede9e447;font-size:.66rem}.cs-visual.tall{aspect-ratio:4/3}.cs-visual img,.cs-gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.cs-gallery-section{background:radial-gradient(circle at 10% 0%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 30%), linear-gradient(180deg, var(--bg), var(--surface));overflow:hidden}.cs-gallery-head{grid-template-columns:minmax(0,1fr) minmax(280px,440px);align-items:end;gap:3rem;margin-bottom:3.5rem;display:grid}.cs-gallery-head .cs-body{margin-bottom:0}.cs-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:clamp(1rem,1.35vw,1.35rem);display:grid}.cs-gallery-item{appearance:none;aspect-ratio:16/10;border:1px solid var(--border);color:inherit;cursor:pointer;text-align:left;isolation:isolate;animation:galleryRise .8s var(--ease) both;animation-delay:calc(var(--gallery-order,0) * 70ms);background:#050508;padding:clamp(.5rem,.7vw,.75rem);position:relative;overflow:hidden;transform:translateY(18px)}.cs-gallery-item:first-child{--gallery-order:1}.cs-gallery-item:nth-child(2){--gallery-order:2}.cs-gallery-item:nth-child(3){--gallery-order:3}.cs-gallery-item:nth-child(4){--gallery-order:4}.cs-gallery-item:nth-child(5){--gallery-order:5}.cs-gallery-item:nth-child(6){--gallery-order:6}.cs-gallery-item:nth-child(7){--gallery-order:7}.cs-gallery-item:nth-child(8){--gallery-order:8}.cs-gallery-item:nth-child(9){--gallery-order:9}.cs-gallery-item:nth-child(10){--gallery-order:10}.cs-gallery-item:nth-child(11){--gallery-order:11}.cs-gallery-item:nth-child(12){--gallery-order:12}.cs-gallery-item:nth-child(13){--gallery-order:13}.cs-gallery-item:nth-child(14){--gallery-order:14}.cs-gallery-item.feature,.cs-gallery-item.portrait{grid-column:auto}.cs-gallery-item:focus-visible{border-color:var(--accent);outline:2px solid var(--accent);outline-offset:4px}.cs-gallery-item:after{content:"";opacity:.38;transition:opacity .28s var(--ease);background:linear-gradient(#0000 62%,#06060db8);position:absolute;inset:0}.cs-gallery-item img{object-fit:contain;width:100%;height:100%;transition:transform .8s var(--ease), filter .8s var(--ease);background:#050508;display:block}.cs-gallery-item:hover img,.cs-gallery-item:focus-visible img{filter:saturate(1.05)contrast(1.03);transform:scale(1.018)}.cs-gallery-item:hover:after,.cs-gallery-item:focus-visible:after{opacity:1}@keyframes galleryRise{0%{opacity:0;transform:translateY(28px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.cs-gallery-index,.cs-gallery-caption{z-index:1;letter-spacing:.2em;text-transform:uppercase;color:var(--text);font-size:.62rem;position:absolute}.cs-gallery-index{color:var(--accent);top:1rem;left:1rem}.cs-gallery-caption{opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);bottom:.9rem;left:1rem;transform:translateY(8px)}.cs-gallery-item:hover .cs-gallery-caption,.cs-gallery-item:focus-visible .cs-gallery-caption{opacity:1;transform:translateY(0)}.cs-lightbox{z-index:120;backdrop-filter:blur(18px);opacity:0;pointer-events:none;cursor:auto;transition:opacity .25s var(--ease);background:#040409f0;grid-template-columns:96px minmax(0,1fr) 96px;align-items:center;gap:1.5rem;padding:5rem 2rem 2rem;display:grid;position:fixed;inset:0}.cs-lightbox.is-open{opacity:1;pointer-events:auto}.lightbox-open,.lightbox-open body{overflow:hidden}.cs-lightbox-frame{flex-direction:column;min-width:0;height:min(72vh,680px);margin:0;display:flex}.cs-lightbox-frame img{object-fit:contain;opacity:1;width:100%;height:100%;min-height:0;transition:opacity .3s var(--ease), transform .3s var(--ease), filter .3s var(--ease);background:#050508;border:1px solid #ede9e429;display:block;transform:translateY(0)scale(1)}.cs-lightbox.is-changing .cs-lightbox-frame img{opacity:0;filter:blur(8px);transform:translateY(10px)scale(.985)}.cs-lightbox-frame figcaption{color:var(--muted);letter-spacing:.18em;text-transform:uppercase;justify-content:space-between;gap:1rem;margin-top:1rem;font-size:.7rem;display:flex}.cs-lightbox-frame strong{color:var(--text);font-weight:500}.cs-gallery-item{cursor:pointer}.cs-lightbox-close,.cs-lightbox-nav{appearance:none;color:var(--text);cursor:pointer;font-family:var(--font-display);letter-spacing:.18em;text-transform:uppercase;transition:background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);background:#ede9e40f;border:1px solid #ede9e42e;font-size:.7rem;font-weight:700}.cs-lightbox-close:hover,.cs-lightbox-nav:hover,.cs-lightbox-close:focus-visible,.cs-lightbox-nav:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--bg);outline:none;transform:translateY(-2px)}.cs-lightbox-close{padding:.8rem 1rem;position:absolute;top:1.5rem;right:1.5rem}.cs-lightbox-nav{width:100%;min-height:96px}.cs-visual-pair{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.cs-visual-pair .cs-visual{aspect-ratio:4/5}.cs-build{background:var(--surface);background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:44px 44px}.cs-phases{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem;display:grid}.cs-phase{background:var(--surface-2);border:1px solid var(--border);transition:border-color .25s, transform .28s var(--ease);padding:2.2rem}.cs-phase:hover{border-color:var(--accent);transform:translateY(-4px)}.cs-phase-num{font-family:var(--font-display);color:var(--accent);opacity:.55;margin-bottom:1.2rem;font-size:2.4rem;font-weight:900;line-height:1}.cs-phase h4{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.7rem;font-size:1.25rem;font-weight:700}.cs-phase p{color:var(--muted);font-size:.88rem;line-height:1.65}.ba-wrap{margin-top:3.5rem}.ba-slider{aspect-ratio:16/9;border:1px solid var(--border);cursor:grab;user-select:none;width:100%;position:relative;overflow:hidden}.ba-layer{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ba-before{background:repeating-linear-gradient(-45deg,#1a1212 0 11px,#241818 11px 22px)}.ba-after{border-right:2px solid var(--accent);background:repeating-linear-gradient(-45deg,#0d1a1a 0 11px,#122424 11px 22px);width:50%;overflow:hidden}.ba-after .ba-inner{justify-content:center;align-items:center;height:100%;display:flex;position:absolute;top:0;left:0}.ba-label{letter-spacing:.18em;text-transform:uppercase;color:var(--text);background:#06060db3;border-radius:99px;padding:.3rem .8rem;font-size:.64rem;position:absolute;top:1.2rem}.ba-before .ba-label{right:1.2rem}.ba-after .ba-label{left:1.2rem}.ba-handle{cursor:ew-resize;z-index:3;justify-content:center;align-items:center;width:44px;height:100%;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.ba-handle:before{content:"";background:var(--accent);width:2px;height:100%;position:absolute}.ba-knob{background:var(--accent);width:44px;height:44px;color:var(--bg);z-index:1;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;display:flex;box-shadow:0 0 24px #e07b2e66}.cs-results{background:var(--bg)}.cs-results-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3.5rem;display:grid}.cs-result{text-align:center;border:1px solid var(--border);background:var(--surface);padding:3rem 2rem;transition:border-color .25s}.cs-result:hover{border-color:var(--accent)}.cs-result-num{font-family:var(--font-display);letter-spacing:-.02em;color:var(--accent);margin-bottom:.8rem;font-size:clamp(3.5rem,6vw,5.5rem);font-weight:900;line-height:1}.cs-result-label{letter-spacing:.06em;color:var(--muted);font-size:.82rem;line-height:1.5}.cs-brand{background:var(--surface);background-image:radial-gradient(#ffffff08 1px,#0000 1px);background-size:44px 44px}.cs-brand-grid{grid-template-columns:repeat(12,1fr);gap:1.5rem;margin-top:3.5rem;display:grid}.cs-brand-cell{background:var(--surface-2);border:1px solid var(--border);flex-direction:column;padding:2.2rem;display:flex}.cs-brand-cell .cell-label{letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:1.4rem;font-size:.62rem}.cell-logo{grid-column:span 6;justify-content:center;align-items:center;min-height:260px}.cell-logo .logo-mark{font-family:var(--font-display);letter-spacing:.1em;color:var(--text);font-size:4rem;font-weight:900}.cell-logo .logo-mark span{color:var(--accent)}.cell-palette{grid-column:span 6}.palette-row{border-radius:2px;gap:0;height:100%;min-height:180px;display:flex;overflow:hidden}.swatch{transition:flex .3s var(--ease);flex:1;align-items:flex-end;padding:.8rem;display:flex}.palette-row:hover .swatch{flex:1}.swatch:hover{flex:2.2}.swatch span{letter-spacing:.08em;color:#ffffffd9;font-size:.58rem;font-family:var(--font-body)}.cell-type{grid-column:span 7}.type-specimen{font-family:var(--font-display);text-transform:uppercase;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:900;line-height:.95}.type-specimen .light{color:var(--muted);font-weight:300}.type-name{color:var(--muted);margin-top:auto;padding-top:1.5rem;font-size:.8rem}.cell-app{grid-column:span 5;padding:0;overflow:hidden}.cell-app .cs-visual{aspect-ratio:auto;border:none;height:100%}.cs-quote-section{background:var(--bg);padding:8rem 3rem}.cs-quote-inner{text-align:center;max-width:920px;margin:0 auto}.cs-quote-mark{font-family:var(--font-display);color:var(--accent);height:3rem;margin-bottom:1.5rem;font-size:6rem;line-height:.5}.cs-quote{font-family:var(--font-display);letter-spacing:.01em;text-wrap:balance;margin-bottom:2.5rem;font-size:clamp(1.8rem,3.5vw,3.2rem);font-weight:300;line-height:1.25}.cs-quote em{color:var(--accent);font-style:normal}.cs-quote-author{justify-content:center;align-items:center;gap:1rem;display:flex}.cs-quote-avatar{background:var(--surface-2);border:1px solid var(--border);width:48px;height:48px;font-family:var(--font-display);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.cs-quote-name{text-align:left;font-size:.95rem;font-weight:500}.cs-quote-role{color:var(--muted);text-align:left;font-size:.78rem}.cs-next{border-top:1px solid var(--border);position:relative;overflow:hidden}.cs-next a{text-align:center;z-index:1;padding:6rem 3rem;transition:background .3s;display:block;position:relative}.cs-next a:hover{background:var(--surface)}.cs-next a:hover .cs-next-title{color:var(--accent)}.cs-next-label{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;font-size:.7rem}.cs-next-title{font-family:var(--font-display);text-transform:uppercase;font-size:clamp(3rem,7vw,6.5rem);font-weight:900;line-height:.95;transition:color .25s}.cs-next-arrow{color:var(--accent);margin-top:1rem;font-size:1.5rem}.cs-cta-bar{background:var(--accent);text-align:center;padding:4.5rem 3rem}.cs-cta-bar h2{font-family:var(--font-display);text-transform:uppercase;color:var(--bg);margin-bottom:1.8rem;font-size:clamp(2.2rem,4vw,3.8rem);font-weight:900;line-height:.98}.cs-cta-bar .btn-dark{background:var(--bg);color:var(--text);border:1px solid var(--bg)}.cs-cta-bar .btn-dark:hover{color:var(--accent);border-color:var(--accent);background:0 0}@media (width<=1024px){.cs-split{grid-template-columns:1fr;gap:2.5rem}.cs-video-showcase{grid-template-columns:1fr}.cs-gallery-head{grid-template-columns:1fr;gap:1.5rem}.cs-gallery-item,.cs-gallery-item.feature,.cs-gallery-item.portrait{grid-area:auto}.cs-lightbox{grid-template-columns:72px minmax(0,1fr) 72px;padding-inline:1.25rem}.cs-facts-inner{grid-template-columns:1fr 1fr}.cs-fact:nth-child(2){border-right:none}.cs-fact{border-bottom:1px solid var(--border)}.cs-phases,.cs-results-grid{grid-template-columns:1fr}.cell-logo,.cell-palette,.cell-type,.cell-app{grid-column:span 12}}@media (width<=768px){.cs-section{padding:4.5rem 1.5rem}.cs-hero-inner{padding:0 1.5rem 5rem}.cs-gallery-grid{gap:.9rem}.cs-gallery-item,.cs-gallery-item.feature,.cs-gallery-item.portrait{grid-column:auto;min-height:0}.cs-lightbox{grid-template-columns:1fr 1fr;align-content:center;gap:.8rem;padding:4.5rem 1rem 1.25rem}.cs-lightbox-frame{grid-area:1/1/auto/-1}.cs-lightbox-nav{min-height:54px}.cs-lightbox-frame{height:min(62vh,520px)}.cs-facts-inner{grid-template-columns:1fr}.cs-fact{border-right:none}.cs-quote-section{padding:5rem 1.5rem}.cs-visual-pair{grid-template-columns:1fr}}:root{--accent:var(--brandAccent);--teal:var(--brandTeal)}.cs-hero-bg-custom[data-astro-cid-zzbicnga]{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.cs-hero-video[data-astro-cid-zzbicnga]{object-fit:cover;opacity:1;z-index:0;filter:saturate(1.08)contrast(1.08);width:100%;height:100%;position:absolute;inset:0}