:root{--ink:#0b0c10;--ink-2:#101218;--line:#eae6dd17;--bone:#eae6dd;--bone-dim:#eae6dd85;--bone-faint:#eae6dd47;--copper:#d97b4a;--ember:#f0a86b;--font-display:"Bricolage Grotesque", "Arial Narrow", sans-serif;--font-body:"Figtree", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--gutter:clamp(1.1rem, 4vw, 4rem);--ease-out:cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--ink);color:var(--bone);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:clamp(1rem,.95rem + .3vw,1.0625rem);line-height:1.6;overflow-x:hidden}::selection{background:var(--copper);color:var(--ink)}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.grain{pointer-events:none;z-index:60;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%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");width:200%;height:200%;animation:.9s steps(4,end) infinite grain-shift;position:fixed;inset:-50%}@keyframes grain-shift{0%{transform:translate(0)}25%{transform:translate(-2%,3%)}50%{transform:translate(3%,-2%)}75%{transform:translate(-3%,-3%)}to{transform:translate(2%,2%)}}.site-header{z-index:50;padding:.6rem var(--gutter);mix-blend-mode:difference;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-header .brand,.site-header .contact-link{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;padding:.7rem 0;font-size:.72rem}.site-header .contact-link{position:relative}.site-header .contact-link:after{content:"";transform-origin:100%;width:100%;height:1px;transition:transform .45s var(--ease-out);background:currentColor;position:absolute;bottom:.5rem;left:0;transform:scaleX(0)}.site-header .contact-link:hover:after{transform-origin:0;transform:scaleX(1)}.hero{height:100svh;min-height:520px;position:relative}.hero canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hero-vignette{pointer-events:none;background:radial-gradient(120% 90% at 50% 40%, transparent 55%, #0b0c10d9 100%), linear-gradient(to bottom, #0b0c1080, transparent 22%, transparent 72%, var(--ink) 100%);position:absolute;inset:0}.hero-copy{left:var(--gutter);right:var(--gutter);flex-direction:column;align-items:flex-start;gap:2rem;display:flex;position:absolute;bottom:clamp(1.6rem,6vh,4.5rem)}.hero-copy p.lead{max-width:30ch;color:var(--bone-dim);text-wrap:balance;font-size:clamp(1.1rem,1rem + .9vw,1.45rem);line-height:1.45}.hero-copy p.lead strong{color:var(--bone);font-weight:600}.scroll-cue{display:none}.numbers{padding:clamp(4rem, 12vh, 8rem) var(--gutter);border-top:1px solid var(--line);gap:2.6rem;display:grid}.numbers .claim h2{font-family:var(--font-display);letter-spacing:-.02em;max-width:16ch;font-size:clamp(1.7rem,1.3rem + 2.6vw,3rem);font-weight:700;line-height:1.08}.numbers .claim p{color:var(--bone-dim);max-width:36ch;margin-top:.9rem}.stat-list{align-content:start;gap:1.8rem;display:grid}.stat{border-top:1px solid var(--line);padding-top:1rem}.stat .value{font-family:var(--font-display);letter-spacing:-.02em;color:var(--ember);font-variant-numeric:tabular-nums;font-size:clamp(2.4rem,2rem + 3vw,4rem);font-weight:800;line-height:1}.stat .label{color:var(--bone-dim);max-width:28ch;margin-top:.4rem;font-size:.95rem;display:block}section.projects{padding:clamp(4rem, 12vh, 8rem) var(--gutter)}.section-head{margin-bottom:clamp(2rem,6vh,4rem)}.section-head h2{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(1.9rem,1.4rem + 3vw,3.2rem);font-weight:700;line-height:1.05}.section-head .note{color:var(--bone-dim);margin-top:.7rem}.mask-line{display:block;overflow:hidden}.carousel{--cardw:min(84vw, 560px);margin-inline:calc(-1 * var(--gutter));perspective:1400px;padding-block:1.2rem 0;position:relative;overflow:clip}.p-track{width:max-content;padding-inline:calc((100vw - var(--cardw)) / 2);cursor:grab;transform-style:preserve-3d;gap:clamp(1rem,2.5vw,1.8rem);display:flex}.p-track:active{cursor:grabbing}.p-card{width:var(--cardw);transform-style:preserve-3d;flex:none}.p-card>a{background:var(--ink-2);border:1px solid var(--line);-webkit-user-select:none;user-select:none;display:block;box-shadow:0 34px 70px #00000080}.p-frame{aspect-ratio:16/10;border-bottom:1px solid var(--line);display:block;overflow:hidden}.p-frame img{object-fit:cover;object-position:top;width:112%;max-width:none;height:100%;margin-left:-6%;display:block}.p-info{gap:.3rem;padding:1rem 1.1rem 1.15rem;display:grid}.p-name{font-family:var(--font-display);letter-spacing:-.02em;color:var(--bone);font-size:clamp(1.2rem,1rem + 1.2vw,1.7rem);font-weight:700;line-height:1.05}.p-tag{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);font-size:.66rem}.p-url{font-family:var(--font-mono);letter-spacing:.06em;color:var(--copper);font-size:.62rem}.carousel-nav{justify-content:center;align-items:center;gap:1.4rem;margin-top:1.8rem;display:flex}.carousel-nav button{font:inherit;font-family:var(--font-mono);color:var(--bone);border:1px solid var(--line);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1rem;transition:border-color .3s,color .3s;display:inline-flex}.carousel-nav button:hover:not(:disabled){border-color:var(--copper);color:var(--ember)}.carousel-nav button:disabled{opacity:.3;cursor:default}.carousel-nav .counter{font-family:var(--font-mono);letter-spacing:.2em;color:var(--bone-dim);font-variant-numeric:tabular-nums;font-size:.72rem}.process{padding:clamp(4rem, 12vh, 8rem) var(--gutter);border-top:1px solid var(--line)}.steps{gap:2.4rem;padding-left:1.6rem;display:grid;position:relative}.steps:before{content:"";background:var(--line);width:1px;position:absolute;top:.5rem;bottom:.5rem;left:0}.step{position:relative}.step:before{content:"";background:var(--copper);border-radius:50%;width:7px;height:7px;margin-left:-3px;position:absolute;top:.45rem;left:-1.6rem}.step .n{font-family:var(--font-mono);letter-spacing:.2em;color:var(--copper);font-size:.68rem}.step h3{font-family:var(--font-display);letter-spacing:-.015em;margin:.35rem 0 .5rem;font-size:clamp(1.25rem,1.1rem + .9vw,1.6rem);font-weight:700}.step p{color:var(--bone-dim);max-width:34ch;font-size:.98rem}.cta{padding:clamp(4rem, 14vh, 9rem) var(--gutter);border-top:1px solid var(--line)}.cta h2{font-family:var(--font-display);letter-spacing:-.03em;max-width:14ch;font-size:clamp(2.2rem,1.4rem + 6vw,6rem);font-weight:800;line-height:1}.cta h2 em{color:var(--copper);font-style:normal}.cta p{color:var(--bone-dim);max-width:38ch;margin:1.4rem 0 2.4rem}.cta-actions{flex-direction:column;align-items:stretch;gap:1rem;display:flex}.btn-primary{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink);background:var(--ember);min-height:48px;transition:background .3s, transform .3s var(--ease-out);border-radius:2px;justify-content:center;align-items:center;gap:.7rem;padding:1.1rem 2.1rem;font-size:.8rem;display:inline-flex}.btn-primary:hover{background:var(--copper);transform:translateY(-2px)}.btn-ghost{font-family:var(--font-mono);letter-spacing:.1em;color:var(--bone-dim);border-bottom:1px solid var(--line);justify-content:center;align-items:center;min-height:44px;padding:.9rem .2rem;font-size:.74rem;transition:color .3s,border-color .3s;display:inline-flex}.btn-ghost:hover{color:var(--ember);border-color:var(--copper)}footer{border-top:1px solid var(--line);padding:1.3rem var(--gutter);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--bone-faint);flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.64rem;display:flex}@media (width>=760px){.site-header{padding:1.15rem var(--gutter)}.hero-copy{flex-direction:row;justify-content:space-between;align-items:flex-end}.scroll-cue{font-family:var(--font-mono);letter-spacing:.3em;color:var(--bone-faint);flex-direction:column;flex:none;align-items:center;gap:.7rem;font-size:.62rem;display:flex}.scroll-cue .track{background:var(--line);width:1px;height:56px;position:relative;overflow:hidden}.scroll-cue .track:after{content:"";background:var(--ember);width:100%;height:40%;animation:cue-drop 1.8s var(--ease-out) infinite;position:absolute;top:-40%;left:0}@keyframes cue-drop{to{top:110%}}.numbers{grid-template-columns:1.1fr 1fr;gap:4rem}.stat-list{gap:2.2rem}.carousel{padding-block:2rem 0}.steps{grid-template-columns:repeat(4,1fr);gap:2.5rem;padding-top:1.8rem;padding-left:0}.steps:before{width:auto;height:1px;inset:0 0 auto}.step:before{margin-top:-3px;margin-left:0;top:-1.8rem;left:0}.cta-actions{flex-direction:row;align-items:center}.btn-primary{align-self:auto}}@media (prefers-reduced-motion:reduce){.grain,.scroll-cue .track:after{animation:none}*{transition-duration:.01ms!important}}