@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500;600&display=swap";.grain{position:fixed;inset:-50%;width:200%;height:200%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");opacity:.05;pointer-events:none;z-index:9999;animation:grain 8s steps(10) infinite}@keyframes grain{0%,to{transform:translate(0)}10%{transform:translate(-5%,-10%)}20%{transform:translate(-15%,5%)}30%{transform:translate(7%,-25%)}40%{transform:translate(-5%,25%)}50%{transform:translate(-15%,10%)}60%{transform:translate(15%)}70%{transform:translateY(15%)}80%{transform:translate(3%,35%)}90%{transform:translate(-10%,10%)}}.atmosphere{position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.02) 0%,transparent 70%);pointer-events:none;z-index:0}:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--canvas: #ffffff;--surface: #f7f7f7;--surface-2: #f0f0f0;--border: rgba(0,0,0,.08);--border-hi: rgba(0,0,0,.15);--ink: #0a0a0a;--ink-2: rgba(10,10,10,.6);--ink-3: rgba(10,10,10,.35);--accent: #0a0a0a;--white: #0a0a0a;--ivory: #0a0a0a;--black: #ffffff;--muted: rgba(10,10,10,.35);--muted-hi: rgba(10,10,10,.6);--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--sp-16: 4rem;--sp-20: 5rem;--sp-24: 6rem;--sp-32: 8rem;--nav-h: 72px;--max-w: 1440px;--gutter: clamp(1.5rem, 5vw, 5rem);--radius: 9999px;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-in: cubic-bezier(.64, 0, .78, 0);--ease-inout: cubic-bezier(.65, 0, .35, 1);--p-accent: var(--accent);--p-bg: var(--canvas);--p-ink: var(--ink);--p-ink-mid: var(--ink-2);--p-ink-low: var(--ink-3);--p-border: var(--border)}:root{--shadow-sm: 0 2px 4px rgba(0,0,0,.02), 0 1px 2px rgba(0,0,0,.01);--shadow-md: 0 10px 15px -3px rgba(0,0,0,.03), 0 4px 6px -2px rgba(0,0,0,.01);--shadow-lg: 0 20px 25px -5px rgba(0,0,0,.04), 0 10px 10px -5px rgba(0,0,0,.02);--shadow-xl: 0 32px 64px -12px rgba(0,0,0,.08);--tracking-tighter: -.05em;--tracking-tight: -.02em;--tracking-wide: .05em;--tracking-wider: .15em}.glass-2{background:#ffffff05;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.glass-2:before{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");opacity:.03;pointer-events:none}[data-theme=dark-neon],[data-theme=dark-brutalist],[data-theme=dark-cyan],[data-theme=dark-technical],[data-theme=dark-luxury],[data-theme=dark-gold]{--p-bg: #0a0a0a;--p-ink: #ffffff;--p-ink-mid: rgba(255,255,255,.6);--p-ink-low: rgba(255,255,255,.3);--p-border: rgba(255,255,255,.1)}[data-theme=light-minimal],[data-theme=light-technical],[data-theme=light-mint],[data-theme=light-glass]{--p-bg: #ffffff;--p-ink: #0a0a0a;--p-ink-mid: rgba(10,10,10,.6);--p-ink-low: rgba(10,10,10,.3);--p-border: rgba(0,0,0,.08)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:auto!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--canvas);color:var(--ink);text-rendering:optimizeLegibility}body{font-family:var(--font-sans);background:var(--canvas);overflow-x:hidden;cursor:none}@media(pointer:coarse){body,a,button,*{cursor:auto!important}}a{text-decoration:none;color:inherit;cursor:none}ul{list-style:none}button{font-family:var(--font-sans);border:none;background:none;cursor:none}img{display:block;max-width:100%;height:auto;-o-object-fit:cover;object-fit:cover}em{font-style:italic}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:var(--canvas)}::-webkit-scrollbar-thumb{background:var(--ink-3)}*:focus-visible{outline:1.5px solid var(--ink);outline-offset:3px;border-radius:2px}.l-root{min-height:100vh;display:flex;flex-direction:column}.l-section{padding:var(--sp-24) var(--gutter);position:relative}.l-section--xl{padding:var(--sp-32) var(--gutter)}.l-container{max-width:var(--max-w);margin:0 auto;width:100%}.l-stack{display:flex;flex-direction:column}.l-stack--xs{gap:var(--sp-2)}.l-stack--sm{gap:var(--sp-4)}.l-stack--md{gap:var(--sp-8)}.l-stack--lg{gap:var(--sp-16)}.l-stack--xl{gap:var(--sp-24)}.l-grid-12{display:grid;grid-template-columns:repeat(12,1fr);gap:var(--sp-6)}.f-display{font-family:var(--font-serif);font-size:clamp(4rem,10vw,9.5rem);line-height:.95;letter-spacing:-.03em;font-weight:400;color:var(--ink)}.f-h1{font-family:var(--font-sans);font-size:clamp(2.5rem,6vw,6rem);line-height:1;letter-spacing:-.04em;font-weight:500;color:var(--ink)}.f-h2{font-family:var(--font-sans);font-size:clamp(1.8rem,4vw,3.5rem);line-height:1.1;letter-spacing:-.03em;font-weight:500;color:var(--ink)}.f-h3{font-family:var(--font-sans);font-size:clamp(1.2rem,2.5vw,1.8rem);line-height:1.2;letter-spacing:-.02em;font-weight:500;color:var(--ink)}.f-body{font-family:var(--font-sans);font-size:1rem;line-height:1.75;color:var(--ink-2);font-weight:400}.f-body--lg{font-family:var(--font-sans);font-size:1.125rem;line-height:1.8;color:var(--ink-2);font-weight:400}.f-caption{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.01em;color:var(--ink-3);font-weight:400}.f-mono{font-family:var(--font-sans);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.9rem;font-weight:500;letter-spacing:-.01em;padding:13px 24px;border-radius:var(--radius);transition:all .3s var(--ease-out);white-space:nowrap;cursor:none;border:1px solid transparent}.btn--primary{background:var(--ink);color:var(--canvas);border-color:var(--ink)}.btn--primary:hover{background:#0a0a0ad9;transform:translateY(-1px);box-shadow:0 6px 20px #0000001f}.btn--primary:active{transform:translateY(0)}.btn--outline{background:transparent;color:var(--ink);border-color:var(--border-hi)}.btn--outline:hover{background:var(--surface);border-color:var(--ink);transform:translateY(-1px)}#nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);z-index:1000;transition:background .5s var(--ease-out),border-color .5s;border-bottom:1px solid transparent}#nav.is-scrolled{background:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom-color:var(--border)}.nav-logo{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:1rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.nav-links{display:flex;align-items:center;gap:36px;position:absolute;left:50%;transform:translate(-50%)}.nav-link{font-family:var(--font-sans);font-size:.9rem;font-weight:400;color:var(--ink-2);transition:color .2s;letter-spacing:-.01em}.nav-link:hover{color:var(--ink)}.nav-link--active{color:var(--ink)!important;position:relative}.nav-link--active:after{content:"";position:absolute;bottom:-3px;left:0;right:0;height:1px;background:currentColor;opacity:.5}.nav-cta-wrapper{display:flex;align-items:center;gap:16px}.mobile-toggle{display:none;color:var(--ink);z-index:10002}.work-card{position:relative;overflow:hidden;cursor:none;background:var(--surface);border-radius:8px}.work-card--lg,.work-card--sm{aspect-ratio:4/3}.work-card-strip{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;display:flex;align-items:flex-end;justify-content:space-between;background:linear-gradient(to top,rgba(0,0,0,.75) 0%,transparent 100%);z-index:10;pointer-events:none}.work-card-title{font-family:var(--font-sans);font-size:1.1rem;font-weight:500;letter-spacing:-.02em;color:#fff}.work-card-tag{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;color:#fff9;margin-bottom:6px;font-style:italic;font-family:var(--font-serif)}.work-card-arrow{color:#fff;opacity:0;transform:translate(-4px,4px);transition:opacity .3s,transform .3s var(--ease-out)}.work-card:hover .work-card-arrow{opacity:1;transform:translate(0)}.c-input-group{position:relative;width:100%}.c-label{font-family:var(--font-sans);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);display:block;margin-bottom:var(--sp-2);font-weight:500}.c-input{width:100%;background:transparent;border:none;border-bottom:1px solid var(--border-hi);padding:var(--sp-4) 0;color:var(--ink);font-family:var(--font-sans);font-size:1.1rem;font-weight:400;letter-spacing:-.01em;transition:border-color .3s;outline:none;border-radius:0}.c-input:focus{border-bottom-color:var(--ink)}.c-input::-moz-placeholder{color:var(--ink-3)}.c-input::placeholder{color:var(--ink-3)}.c-input option{color:var(--ink);background:var(--canvas)}.ticker{padding:20px 0;overflow:hidden;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.ticker-track{display:flex;width:-moz-max-content;width:max-content;animation:ticker 60s linear infinite}.ticker-item{display:inline-flex;align-items:center;gap:60px;padding:0 60px;white-space:nowrap;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-weight:500}.ticker-sep{color:var(--ink-3);font-size:5px}.mobile-menu-overlay{position:fixed;inset:0;background:var(--canvas);z-index:10001;display:flex;flex-direction:column;padding:calc(var(--nav-h) + 40px) var(--gutter) 48px}.mobile-menu-content{height:100%;display:flex;flex-direction:column;justify-content:space-between}.mobile-nav-list{display:flex;flex-direction:column;gap:8px}.mobile-nav-item{font-family:var(--font-sans);font-size:clamp(2.5rem,10vw,5rem);font-weight:500;letter-spacing:-.04em;color:var(--ink);line-height:1.1;border-bottom:1px solid var(--border);padding-bottom:16px}.k-reveal-line{overflow:hidden;display:block}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.s-divider{border:none;border-top:1px solid var(--border);margin:0}.svc-item{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--border);cursor:none;transition:padding-left .4s var(--ease-out)}.svc-item:hover{padding-left:12px}.svc-name{font-family:var(--font-sans);font-size:clamp(1.1rem,2vw,1.5rem);font-weight:500;letter-spacing:-.02em;color:var(--ink);transition:opacity .3s}.svc-desc{font-size:.85rem;color:var(--ink-2);max-width:30ch;text-align:right;opacity:0;transform:translate(8px);transition:all .4s var(--ease-out)}.svc-item:hover .svc-desc{opacity:1;transform:translate(0)}@media(hover:none),(max-width:768px){.svc-desc{opacity:1;transform:none;text-align:left;position:static;max-width:none}.svc-item{flex-direction:column;align-items:flex-start;gap:8px}}.footer{background:var(--ink);color:var(--canvas)}.footer a{color:#ffffff80}.footer a:hover{color:#fff;transition:color .2s}@media(max-width:1100px){.nav-links{display:none}.mobile-toggle{display:block}}@media(max-width:768px){:root{--gutter: 20px;--nav-h: 60px}.l-section{padding:var(--sp-16) var(--gutter)}.l-section--xl{padding:var(--sp-20) var(--gutter)}.l-grid-12{grid-template-columns:1fr 1fr;gap:var(--sp-4)}}@media(max-width:480px){.btn{font-size:.85rem;padding:12px 20px}.l-grid-12{grid-template-columns:1fr}}.p-long-section{background:var(--p-bg);color:var(--p-ink);padding:120px var(--gutter);border-bottom:1px solid var(--p-border)}.p-display{font-family:var(--font-serif);font-size:clamp(3rem,8vw,7rem);line-height:.95;letter-spacing:-.04em;color:var(--p-ink)}.p-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--p-border);padding-top:40px}.p-feature-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.p-hero-full{width:100%;height:100vh;position:relative;overflow:hidden;background:var(--p-bg)}.p-glass{background:var(--p-surface);border:1px solid var(--p-border);backdrop-filter:blur(20px);border-radius:12px;overflow:hidden}@media(min-width:768px){.md\:span-8{grid-column:span 8!important}.md\:span-4{grid-column:span 4!important}}[data-theme^=dark] .p-glass{background:#ffffff08;border-color:#ffffff0d}[data-theme^=light] .p-glass{background:#00000005;border-color:#0000000d}