:root{--paper: #f2efe8;--paper-2: #e9e4d8;--ink: #0a0a0c;--ink-2: #101014;--ink-soft: rgba(242, 239, 232, .62);--line: rgba(242, 239, 232, .14);--accent: #e8542d;--accent-2: #2d6be8;--serif: "Instrument Serif", Georgia, serif;--sans: "Space Grotesk", system-ui, sans-serif;--mono: "JetBrains Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-2: cubic-bezier(.83, 0, .17, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--ink);color:var(--paper);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}::selection{background:var(--accent);color:var(--paper)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.grain{position:fixed;inset:-60%;width:220%;height:220%;z-index:40;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 9s 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%)}}.gl-stage{position:fixed;inset:0;z-index:0}.gl-stage canvas{display:block}.loader{position:fixed;inset:0;z-index:100;background:var(--ink);color:var(--paper);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.6rem;will-change:opacity}.loader-brand{font-family:var(--mono);font-size:.72rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-soft)}.loader-num{font-family:var(--serif);font-style:italic;font-weight:400;font-size:clamp(4rem,12vw,9rem);line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.loader-num em{font-style:italic;color:var(--accent)}.loader-bar{width:min(320px,60vw);height:1px;background:var(--line);overflow:hidden}.loader-bar span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.loader-line{font-family:var(--mono);font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;color:#f2efe866}.nav{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;padding:1.05rem 2.4rem;background:#0a0a0c6b;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid var(--line);transition:transform .6s var(--ease-2)}.nav.is-hidden{transform:translateY(-110%)}.nav .logo{font-weight:700;font-size:1.02rem;letter-spacing:.01em;display:flex;align-items:center;gap:.55rem}.nav .logo .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.nav-links{display:flex;gap:1.8rem;font-size:.72rem;font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase}.nav-links a{position:relative;padding:.2rem 0;color:var(--ink-soft);transition:color .3s}.nav-links a:hover{color:var(--paper)}.nav-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .45s var(--ease)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-right{display:flex;align-items:center;gap:1rem}.nav-cta{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(242,239,232,.35);border-radius:999px;padding:.5rem 1.15rem;transition:border-color .3s,background .3s,color .3s}.nav-cta:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}.hud{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:.9rem 2.4rem;font-family:var(--mono);font-size:.62rem;letter-spacing:.26em;text-transform:uppercase;color:#f2efe870;pointer-events:none}.hud-zone{transition:opacity .4s}.hud-line{position:relative;flex:1;margin:0 1.6rem;height:1px;background:var(--line)}.hud-line span{position:absolute;left:0;top:0;bottom:0;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left}.story{position:relative;z-index:2}.story:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 86% at 50% 6%,#0505079e,#05050700 58%),radial-gradient(150% 100% at 50% 100%,#050507d1,#05050700 42%)}.panel{position:relative;width:100%;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:center;padding:9rem 2.4rem 8rem;box-sizing:border-box}.panel-inner{position:relative;width:100%;max-width:1200px;margin:0 auto;pointer-events:none}.panel-inner a,.panel-inner button{pointer-events:auto}.panel-inner-center{text-align:center;display:flex;flex-direction:column;align-items:center}.panel-hero{position:relative;justify-content:flex-end;padding-bottom:14vh;min-height:100vh;min-height:100svh}.panel-hero .panel-inner{max-width:none;margin:0}.panel-hero .hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;margin-top:3rem;flex-wrap:wrap}.panel-hero .lead{max-width:440px}.panel-services{min-height:auto;justify-content:flex-start;padding-top:10rem;padding-bottom:12rem}.panel-services .svc-head{margin-bottom:2.6rem;max-width:1200px}.panel-services .count{color:#f2efe84d}.panel-services .svc-rows{max-width:1200px}.panel-work{min-height:auto;padding-top:12rem;padding-bottom:14rem}.panel-work .panel-inner{max-width:1200px}.panel-process{min-height:auto;padding-top:10rem;padding-bottom:12rem}.panel-cta{min-height:100vh;min-height:100svh;text-align:center;align-items:center;padding-top:10rem;padding-bottom:10rem}.kicker{font-family:var(--mono);font-size:.7rem;letter-spacing:.26em;text-transform:uppercase;color:var(--ink-soft);display:flex;align-items:center;gap:.75rem;margin-bottom:1.6rem}.kicker:before{content:"";width:34px;height:1px;background:var(--accent)}.display{font-weight:700;line-height:.96;letter-spacing:-.03em;font-size:clamp(3rem,9.2vw,8.2rem)}.display .serif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-.01em}.display .line{display:block;overflow:hidden;padding-bottom:.06em;margin-bottom:-.06em}.display .line-inner{display:block;transform:translateY(112%);will-change:transform}.display.is-in .line-inner{transform:translateY(0);transition:transform 1.15s var(--ease)}.display.is-in .line:nth-child(2) .line-inner{transition-delay:.1s}.display.is-in .line:nth-child(3) .line-inner{transition-delay:.2s}.lead{max-width:440px;color:var(--ink-soft);font-size:1.02rem;line-height:1.6}.panel-hero .lead{text-shadow:0 1px 18px rgba(8,8,10,.55)}.cta-row{display:flex;gap:.9rem;margin-top:2.4rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.6rem;border-radius:999px;font-family:var(--mono);font-size:.76rem;letter-spacing:.08em;text-transform:uppercase;padding:.95rem 1.7rem;border:1px solid transparent;transition:transform .45s var(--ease),background .3s,color .3s,border-color .3s;will-change:transform}.btn:hover{transform:translateY(-3px)}.btn-solid{background:var(--paper);color:var(--ink)}.btn-solid:hover{background:var(--accent);color:var(--paper)}.btn-ghost{border-color:#f2efe859;color:var(--paper)}.btn-ghost:hover{border-color:var(--paper);background:#f2efe814}.panel-hero .btn,.panel-hero .btn-ghost{box-shadow:0 4px 22px #08080a80}.scroll-cue{position:absolute;bottom:4.6rem;left:50%;transform:translate(-50%);font-family:var(--mono);font-size:.6rem;letter-spacing:.32em;text-transform:uppercase;color:#f2efe86b;display:flex;flex-direction:column;align-items:center;gap:.7rem}.scroll-cue .mouse{width:20px;height:32px;border:1.5px solid rgba(242,239,232,.35);border-radius:11px;position:relative}.scroll-cue .mouse:after{content:"";position:absolute;top:6px;left:50%;width:3px;height:6px;margin-left:-1.5px;border-radius:2px;background:var(--accent);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%{transform:translateY(0);opacity:1}70%{transform:translateY(9px);opacity:0}to{transform:translateY(0);opacity:0}}.manifesto{max-width:1100px;font-size:clamp(1.7rem,4.4vw,3.9rem);line-height:1.14;letter-spacing:-.02em;font-weight:600}.manifesto .w{display:inline-block;opacity:.14;transition:opacity .5s;will-change:opacity}.manifesto .w.lit{opacity:1}.manifesto .serif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.m-meta{display:flex;gap:3rem;margin-top:3.6rem;font-family:var(--mono);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#f2efe866;flex-wrap:wrap}.svc-head{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.6rem;border-bottom:1px solid var(--line);padding-bottom:1.3rem}.svc-head .count{font-family:var(--mono);font-size:.72rem;letter-spacing:.2em;color:#f2efe870}.svc-rows{max-width:1200px}.svc-row{display:grid;grid-template-columns:3rem 2.2fr 1fr 2fr;gap:1.4rem;align-items:center;padding:1.7rem 0;border-bottom:1px solid var(--line);position:relative;transition:padding-left .5s var(--ease),background .4s}.svc-row:before{content:"";position:absolute;left:-1rem;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .5s var(--ease)}.svc-row:hover{padding-left:.9rem;background:linear-gradient(90deg,rgba(232,84,45,.06),transparent 70%)}.svc-row:hover:before{transform:scaleY(1)}.svc-num{font-family:var(--mono);font-size:.74rem;color:var(--accent)}.svc-name{font-size:clamp(1.3rem,2.6vw,2.1rem);font-weight:600;letter-spacing:-.01em}.svc-price{font-family:var(--serif);font-style:italic;font-size:1.4rem;color:var(--paper)}.svc-desc{color:var(--ink-soft);font-size:.94rem;max-width:400px}.work-head{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.6rem;border-bottom:1px solid var(--line);padding-bottom:1.3rem}.work-head a{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;display:inline-flex;gap:.5rem;align-items:center;color:var(--ink-soft)}.work-head a:hover{color:var(--paper)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.3rem;max-width:1200px}.work-card{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16 / 9;isolation:isolate;display:flex;align-items:flex-end;padding:1.2rem;border:1px solid var(--line);transition:border-color .4s,transform .5s var(--ease)}.work-card:hover{border-color:#f2efe866;transform:translateY(-3px)}.work-card .art{position:absolute;inset:0;z-index:-1;transition:transform .9s var(--ease-2)}.work-card:hover .art{transform:scale(1.05)}.work-card .art.a1{background:linear-gradient(135deg,#16161a,#2a2a30 55%,#e8542d 165%)}.work-card .art.a2{background:linear-gradient(135deg,#1a1c22,#23262e 60%,#2d6be8 175%)}.work-card .art.a3{background:linear-gradient(135deg,#131313,#22301a 70%,#b8e02d 170%)}.work-card .art.a4{background:linear-gradient(135deg,#131313,#3a2a20 70%,#ffb36b 170%)}.work-card .glyph{position:absolute;right:.2rem;bottom:-2.2rem;font-family:var(--serif);font-style:italic;font-size:8rem;line-height:1;color:#f2efe81a;user-select:none}.work-card .tag{position:absolute;top:.9rem;left:.9rem;font-family:var(--mono);font-size:.56rem;letter-spacing:.18em;text-transform:uppercase;color:var(--paper);background:#0a0a0c80;border:1px solid rgba(242,239,232,.22);border-radius:999px;padding:.3rem .7rem;backdrop-filter:blur(6px)}.work-card .meta{display:flex;flex-direction:column;gap:.15rem}.work-card .meta b{font-size:1.12rem;font-weight:600;letter-spacing:-.01em}.work-card .meta span{font-family:var(--mono);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:#f2efe899}.pipe{display:flex;flex-wrap:wrap;gap:0;max-width:1200px;margin-top:.5rem}.pipe-step{flex:1;min-width:130px;padding:1.4rem;border:1px solid var(--line);margin-left:-1px;margin-top:-1px;position:relative;overflow:hidden;transition:background .4s,border-color .4s}.pipe-step:hover{background:#2d6be824;border-color:var(--accent-2)}.pipe-step small{display:block;font-family:var(--mono);font-size:.6rem;letter-spacing:.24em;color:#f2efe866;margin-bottom:.7rem}.pipe-step b{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.3rem}.pipe-step:after{content:"";position:absolute;left:0;bottom:0;height:2px;width:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease)}.pipe-step:hover:after{transform:scaleX(1)}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1.4rem;max-width:1200px;margin-top:3rem}.stat .num{font-size:clamp(2.2rem,4.6vw,4.2rem);font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.stat .num .serif{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.stat .lbl{font-family:var(--mono);font-size:.62rem;letter-spacing:.2em;text-transform:uppercase;color:#f2efe86b;margin-top:.7rem}.panel-cta .lead{margin:1.6rem auto 0}.cta-email{font-family:var(--serif);font-style:italic;font-size:1.5rem;color:var(--ink-soft);display:inline-block;margin-top:2rem;transition:color .3s}.cta-email:hover{color:var(--accent)}.footer{position:relative;z-index:3;background:#040406f2;backdrop-filter:blur(10px);border-top:1px solid var(--line);padding:4rem 2.4rem 2.2rem}.footer-top{display:flex;justify-content:space-between;gap:3rem;flex-wrap:wrap;padding-bottom:2.6rem;border-bottom:1px solid var(--line);max-width:1400px;margin:0 auto}.footer .logo{font-weight:700;font-size:1.05rem;display:flex;align-items:center;gap:.5rem}.footer .logo .dot{width:9px;height:9px;border-radius:50%;background:var(--accent)}.footer-brand p{max-width:300px;margin-top:1rem;color:#f2efe88c;font-size:.9rem}.footer-col h4{font-family:var(--mono);font-size:.62rem;letter-spacing:.22em;text-transform:uppercase;color:#f2efe866;margin-bottom:1rem}.footer-col a{display:block;font-size:.92rem;color:#f2efe8cc;margin-bottom:.6rem;transition:color .3s}.footer-col a:hover{color:var(--accent)}.footer-bot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:1.5rem;font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:#f2efe859;max-width:1400px;margin:0 auto}[data-reveal]{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1s var(--ease)}[data-reveal].is-in{opacity:1;transform:translateY(0)}@media (max-width: 860px){.nav{padding:.9rem 1.2rem}.nav-links{display:none}.panel{padding:5rem 1.3rem 4rem}.svc-row{grid-template-columns:1fr;gap:.3rem;padding:1.3rem 0}.work-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.hud{padding:.8rem 1.2rem}.footer{padding:3rem 1.3rem 1.8rem}.panel-hero{padding-bottom:10vh}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:1ms!important;transition-duration:1ms!important}.grain{display:none}[data-reveal]{opacity:1;transform:none}.display .line-inner{transform:none}.story:before{display:none}}