:root{--bg: #e9f0ff;--ink: #0b1b4a;--ink-soft: #33406b;--mute: #6c7aa6;--line: rgba(11, 27, 74, .16);--accent: #ff4d1c;--sans: "Inter Tight", system-ui, sans-serif;--serif: "Instrument Serif", Georgia, serif;--mono: "IBM Plex Mono", ui-monospace, monospace;--gutter: clamp(16px, 3vw, 40px)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}h1,h2,h3,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--accent)}.serif,i.serif{font-family:var(--serif);font-style:italic;font-weight:400}.eyebrow{font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--ink);color:var(--bg);display:grid;place-items:center}.loader-mask{overflow:hidden;padding:.1em .2em}.loader-word{display:block;font-size:clamp(44px,9vw,120px);line-height:1;letter-spacing:-.02em}.loader-word i{color:var(--accent)}.loader-num{font-family:var(--mono);position:absolute;right:var(--gutter);bottom:var(--gutter);font-size:12px;letter-spacing:.08em;opacity:.6}.cursor{position:fixed;left:0;top:0;z-index:90;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--accent);pointer-events:none;opacity:0;transition:width .25s,height .25s,margin .25s,opacity .3s}.cursor.big{width:44px;height:44px;margin:-22px 0 0 -22px;opacity:.35!important}@media (hover: none),(pointer: coarse){.cursor{display:none}}.nav{position:fixed;z-index:50;inset:0 0 auto 0;display:flex;align-items:center;justify-content:space-between;padding:18px var(--gutter);color:var(--ink);transition:color .3s}.nav.on-dark{color:var(--bg)}.logo{font-weight:600;letter-spacing:-.01em;font-size:18px}.logo i{font-size:1.15em;margin-left:1px}.nav-menu{font-family:var(--mono);font-size:12px;text-transform:uppercase;display:inline-flex;gap:8px;align-items:center}.nav-menu:before{content:"";width:18px;height:6px;border-block:1.5px solid currentColor}.nav-cta{font-family:var(--mono);font-size:12px;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:8px 16px;transition:background .3s,color .3s}.nav-cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.hero{min-height:100svh;padding:120px var(--gutter) var(--gutter);display:flex;flex-direction:column;justify-content:flex-end;gap:28px}.hero-title{font-weight:500;font-size:clamp(48px,11.5vw,190px);line-height:.92;letter-spacing:-.045em;visibility:hidden;max-width:14ch}.hero-title em{letter-spacing:-.02em}.hero-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.hero-sub{max-width:46ch;font-size:clamp(15px,1.3vw,18px);color:var(--ink-soft)}.scroll-cue{display:inline-flex;gap:10px;align-items:center;font-size:14px}.scroll-cue i{font-style:normal;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1px solid var(--ink);transition:background .3s,color .3s,transform .3s}.scroll-cue:hover i{background:var(--ink);color:var(--bg);transform:translateY(3px)}.hero-fade{opacity:0}@media (prefers-reduced-motion: reduce){.hero-fade{opacity:1}}.marquee{overflow:hidden;border-block:1px solid var(--line);padding:18px 0}.marquee-track{display:flex;width:max-content;font-size:clamp(32px,5vw,72px);line-height:1.1;white-space:nowrap;will-change:transform}.marquee-track span{display:inline-flex;align-items:center;gap:.6em;padding-right:.6em}.marquee-track b{color:var(--accent);font-size:.5em;font-style:normal}.statement{padding:clamp(100px,18vw,240px) var(--gutter);display:grid;gap:32px}.statement-text{font-size:clamp(30px,5vw,76px);line-height:1.08;letter-spacing:-.015em;max-width:24em}.work{position:relative;height:100vh;height:100svh;overflow:hidden;background:var(--bg)}.work-canvas{position:absolute;top:0;right:0;bottom:0;left:0}.work-canvas canvas{display:block;width:100%;height:100%}.work-label{position:absolute;left:var(--gutter);top:76px}.work-label span{opacity:.6;text-transform:none;letter-spacing:0}.work-counter{position:absolute;left:var(--gutter);top:50%;transform:translateY(-50%);font-size:clamp(28px,3.4vw,52px);line-height:1;letter-spacing:-.02em}.work-total{font-family:var(--serif);font-style:italic;color:var(--mute);font-size:.55em}.label-italic{font-size:18px;margin-bottom:10px}.work-filter{position:absolute;right:var(--gutter);top:76px;text-align:right}.work-filter li+li{margin-top:2px}.work-filter button,.work-mode button{font-family:var(--mono);font-size:11px;text-transform:uppercase;color:var(--mute);transition:color .25s}.work-filter button:hover,.work-mode button:hover,.work-filter .on,.work-mode .on{color:var(--ink)}.work-filter .on,.work-mode .on{font-weight:600}.work-mode{position:absolute;right:var(--gutter);bottom:32px;text-align:right;font-size:12px;color:var(--mute)}.work-meta{position:absolute;left:var(--gutter);bottom:32px;display:grid;gap:8px;max-width:60vw}.work-visit{width:fit-content;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:2px;transition:color .25s,border-color .25s}.work-visit:hover{color:var(--accent);border-color:var(--accent)}.work-hint{position:absolute;left:50%;bottom:20px;transform:translate(-50%);opacity:.6}@media (max-width: 800px){.work-counter{top:110px;transform:none}.work-label{top:68px}.work-filter{top:110px}.work-hint{display:none}}.services{padding:clamp(80px,12vw,180px) var(--gutter)}.services>.eyebrow{margin-bottom:24px}.services-title{font-size:clamp(38px,6vw,96px);line-height:1;letter-spacing:-.025em;max-width:12em;margin-bottom:64px}.service{position:relative;display:grid;grid-template-columns:60px 1.1fr 1.4fr auto;gap:24px;align-items:baseline;padding:32px 0;transition:opacity .3s,padding .4s}.services ul:hover .service:not(:hover){opacity:.35}.service:hover{padding-left:12px}.service-line{position:absolute;left:0;right:0;top:0;height:1px;background:var(--ink)}.service-no{font-family:var(--mono);font-size:12px;color:var(--mute)}.service h3{font-size:clamp(32px,4.5vw,68px);line-height:1;letter-spacing:-.02em}.service p{color:var(--ink-soft);max-width:44ch}.tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.tags li{font-family:var(--mono);font-size:11px;border:1px solid var(--line);border-radius:999px;padding:4px 12px;white-space:nowrap}@media (max-width: 900px){.service{grid-template-columns:40px 1fr}.service p,.tags{grid-column:2;justify-content:flex-start}}.process{padding:clamp(60px,10vw,140px) var(--gutter)}.process h2{font-size:clamp(38px,6vw,96px);line-height:1;letter-spacing:-.025em;margin:24px 0 64px;max-width:12em}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.step{border-top:1px solid var(--ink);padding-top:16px}.step-no{font-family:var(--mono);font-size:12px;color:var(--mute)}.step h3{font-size:22px;font-weight:500;margin:32px 0 8px;letter-spacing:-.01em}.step p{color:var(--ink-soft);font-size:15px;max-width:30ch}@media (max-width: 900px){.steps{grid-template-columns:1fr 1fr;gap:40px 16px}}@media (max-width: 520px){.steps{grid-template-columns:1fr}}.contact{background:var(--ink);color:var(--bg);padding:clamp(100px,14vw,200px) var(--gutter) var(--gutter);min-height:100svh;display:flex;flex-direction:column}.contact .eyebrow{color:#8f9cc8;margin-bottom:32px}.contact-title{font-size:clamp(48px,10vw,170px);line-height:.95;letter-spacing:-.03em;max-width:12em}.contact-row{margin-top:auto;padding:64px 0;display:flex;align-items:center;gap:clamp(24px,5vw,64px);flex-wrap:wrap}.contact-btn{display:grid;place-items:center;width:clamp(130px,14vw,190px);aspect-ratio:1;border-radius:50%;background:var(--accent);color:#fff;font-weight:500;text-align:center;padding:20px;will-change:transform}.contact-row p{font-size:clamp(18px,2vw,28px);line-height:1.3}.contact-row span{font-size:14px;color:#8f9cc8}.footer{font-family:var(--mono);display:flex;justify-content:space-between;border-top:1px solid rgba(233,240,255,.18);padding-top:20px;font-size:13px;color:#8f9cc8}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--ink);color:var(--bg);padding:18px var(--gutter) var(--gutter);display:flex;flex-direction:column;clip-path:inset(0 0 100% 0);visibility:hidden}.menu-top{display:flex;justify-content:space-between;align-items:center}.menu-close{font-family:var(--mono);font-size:12px;text-transform:uppercase;border:1px solid currentColor;border-radius:999px;padding:8px 16px}.menu-close:hover{background:var(--accent);border-color:var(--accent)}.menu ul{margin:auto 0}.menu li{overflow:hidden}.menu li a{display:flex;align-items:baseline;gap:20px;padding:6px 0;font-size:clamp(48px,10vw,150px);line-height:1;letter-spacing:-.03em;transition:color .3s,padding .4s}.menu li a span{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:0}.menu ul:hover a:not(:hover){color:#5b6a9c}.menu li a:hover{color:var(--accent);padding-left:16px}.menu-foot{font-family:var(--mono);font-size:12px;color:#8f9cc8;display:flex;justify-content:space-between}.hero-title>div,.contact-title>div,.process h2>div{padding-bottom:.22em;margin-bottom:-.22em}