@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;900&display=swap";:root{color:#f5f5f0;font-synthesis:none;background:#10110f;font-family:Inter,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#10110f;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.app-shell{background:radial-gradient(circle at 50% 0,#28332d 0,#10110f 36rem);min-height:100vh;overflow:hidden}.site-header{z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#10110fdb;border-bottom:1px solid #2b302b;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(1.25rem,5vw,5rem);display:flex;position:fixed;inset:0 0 auto}.brand{align-items:baseline;gap:.55rem;display:flex}.brand strong{letter-spacing:-.05em;font-size:1.875rem;font-weight:900}.brand span{color:#aeb7a7;letter-spacing:.2em;font-size:.875rem;font-weight:700}.site-header nav{letter-spacing:.18em;align-items:center;gap:2rem;font-size:.875rem;font-weight:700;display:flex}.contact-link{background:#e65c3f;padding:.5rem 1.25rem;font-size:.75rem}.menu-button{color:#fff;background:0 0;border:0;display:none}.showcase{background:#000;max-width:1120px;margin:0 auto;padding:10rem 1rem 3rem;position:relative;overflow:hidden}.showcase .vanta-canvas{inset:0;z-index:0!important;position:absolute!important}.showcase-track,.showcase>.dots{z-index:1;position:relative}.showcase>.nav-button,.showcase>.mute-button{z-index:1}.showcase-track{--slide-gap:clamp(110px, 12vw, 145px);min-height:470px;position:relative}.showcase-slide{top:50%;left:calc(50% + (var(--slide-offset) * var(--slide-gap)));aspect-ratio:420/640;opacity:0;visibility:hidden;width:min(18vw,200px);transition:all .45s;position:absolute;transform:translate(-50%,-50%)scale(.84)}.showcase-slide.is-visible{opacity:1;visibility:visible}.showcase-slide.is-near{z-index:1;width:min(30vw,330px);transform:translate(-50%,-50%)scale(.88)}.showcase-slide.is-far{width:min(25vw,280px);transform:translate(-50%,-50%)scale(.78)}.showcase-slide.is-active{opacity:1;visibility:visible;z-index:2;width:min(38vw,420px);transform:translate(-50%,-50%)scale(1)}.showcase-slide img,.showcase-slide video{object-fit:contain;background:0 0;width:100%;height:100%;display:block}.showcase-slide:not(.is-active) img{filter:brightness(.55)}.is-hidden{display:none!important}.nav-button{z-index:3;color:#f5f5f0;cursor:pointer;background:0 0;border:0;font-size:2rem;position:absolute;top:50%}.nav-button:hover{color:#e65c3f}.nav-left{left:0}.nav-right{right:0}.mute-button{color:#fff;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.1rem;transition:background .3s;display:grid;position:absolute;bottom:3rem;right:2rem}.mute-button:hover{background:#ffffff52}.dots{justify-content:center;gap:.35rem;margin-top:1rem;display:flex}.dots button{cursor:pointer;background:#495049;border:0;width:18px;height:3px;padding:0}.dots button.is-active{background:#e65c3f}.youtube-section{text-align:center;background:#181d18;padding:3rem clamp(1rem,5vw,5rem)}.youtube-section h2{letter-spacing:-.025em;margin:0 0 2rem;font-size:1.875rem;font-weight:900}.youtube-slider{max-width:1440px;height:min(40vw,640px);margin:auto;position:relative}.youtube-slide{top:50%;left:calc(50% + (var(--slide-offset) * clamp(360px, 40vw, 520px)));opacity:.42;filter:brightness(.35);width:min(65vw,1040px);transition:transform .45s,opacity .45s,filter .45s;position:absolute;overflow:hidden;transform:translate(-50%,-50%)scale(.6)}.youtube-slide.is-active{opacity:1;filter:brightness();z-index:2;transform:translate(-50%,-50%)scale(1)}.youtube-slide iframe{aspect-ratio:16/9;background:#000;border:1px solid #39433b;width:100%}.youtube-dim{pointer-events:none;background:#00000080;position:absolute;inset:0}.youtube-slider .nav-left{left:-3rem}.youtube-slider .nav-right{right:-3rem}.slide-count{color:#89958b;letter-spacing:.1em;font-size:.75rem}.work-section{max-width:1280px;margin:auto;padding:5rem clamp(1.25rem,5vw,5rem)}.section-heading span{color:#e65c3f;letter-spacing:.2em;text-transform:uppercase;font-size:.7rem}.section-heading h1{letter-spacing:-.025em;margin:.4rem 0 2.4rem;font-size:1.875rem;font-weight:900}.project-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.project-card{aspect-ratio:16/10;background:#252b26;position:relative;overflow:hidden}.project-card img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.project-card:hover img{transform:scale(1.06)}.project-overlay{background:linear-gradient(#0000,#000000e6);flex-direction:column;gap:.35rem;padding:1.5rem;display:flex;position:absolute;inset:auto 0 0}.project-overlay strong{font-size:1.5rem;font-weight:900;line-height:1.2}.project-overlay small{color:#e65c3f}.site-footer{background:#111;border-top:1px solid #2b302b;padding:1.25rem 1.5rem}.footer-content{flex-direction:column;justify-content:center;align-items:center;gap:2rem;max-width:80rem;margin:0 auto;display:flex}.footer-contact{color:#ccc;letter-spacing:.025em;align-items:center;gap:1.5rem;font-size:.875rem;font-weight:500;display:flex}.footer-contact a{color:inherit;align-items:center;transition:color .3s;display:inline-flex}.footer-contact a:hover{color:#f33}.footer-divider{background:#333;width:1px;height:.75rem}.site-footer small{text-align:center;color:#444;letter-spacing:.25em;text-transform:uppercase;font-size:.625rem;font-weight:700}@media (width<=700px){.site-header nav{background:#171b17;flex-direction:column;align-items:flex-start;padding:1.5rem;display:none;position:absolute;top:76px;left:0;right:0}.site-header nav.is-open{display:flex}.menu-button{display:block}.showcase{padding-top:8rem}.showcase-track{min-height:280px}.showcase-slide{display:none}.showcase-slide.is-active{width:90vw;display:block}.showcase .nav-left{left:.3rem}.showcase .nav-right{right:.3rem}.mute-button{bottom:2.7rem;right:1rem}.youtube-slider .nav-left{left:-.5rem}.youtube-slider .nav-right{right:-.5rem}.youtube-slider{height:60vw}.youtube-slide{display:none}.youtube-slide.is-active{width:88vw;display:block}.project-grid{grid-template-columns:1fr;gap:1.2rem}}