:root{--ink:#10120e;--panel:#1b1e17;--line:#393d33;--cream:#f1f0e8;--muted:#a6aa9d;--acid:#d7fb4c;--gutter:clamp(1.25rem,4vw,5rem);--ease:cubic-bezier(.22,1,.36,1);--ease-menu:cubic-bezier(.76,0,.24,1);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--cream);font-family:Arial,'Helvetica Neue',sans-serif;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--acid);color:var(--ink)}:focus-visible{outline:2px solid var(--acid);outline-offset:5px}.container{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--gutter)}.eyebrow{font-size:.7rem;line-height:1.5;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.muted{color:var(--muted)}.accent,.section-label{color:var(--acid)}.skip-link{position:fixed;z-index:100;top:1rem;left:1rem;transform:translateY(-200%);background:var(--acid);color:var(--ink);padding:.8rem}.skip-link:focus{transform:none}.scroll-marker{position:absolute;top:0;left:0;width:1px;height:1px;pointer-events:none}
.site-header{position:fixed;z-index:50;inset:0 0 auto;border-bottom:1px solid transparent;background:transparent;transition:background-color .5s,border-color .5s,backdrop-filter .5s}.site-header.is-solid,.site-header.menu-active{background:rgba(16,18,14,.95);border-color:var(--line);backdrop-filter:blur(18px)}.header-inner{height:94px;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{position:relative;z-index:60;display:inline-flex;align-items:center;gap:.75rem;flex:none}.brand-mark{height:32px;width:32px;display:grid;place-items:center;background:var(--acid);color:var(--ink);font-size:19px;font-weight:900;letter-spacing:-.15em}.brand-mark span{font-size:10px;letter-spacing:0}.brand-name{font-size:15px;line-height:.9;letter-spacing:-.055em;font-weight:900}.brand-reg{color:var(--acid)}.desktop-nav{display:flex;align-items:center;gap:clamp(1.4rem,2.5vw,2.7rem)}.desktop-nav>a{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.header-contact{font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}.header-contact span{margin-left:.4rem}.underline-link{position:relative;display:inline-flex;padding-bottom:5px;transition:color .3s}.underline-link:hover{color:var(--acid)}.underline-link::after{content:"";position:absolute;bottom:0;left:0;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}.underline-link:is(:hover,:focus-visible)::after{transform:scaleX(1)}
.split-link{display:inline-flex;overflow:hidden;line-height:1.25}.split-link__inner{display:inline-flex;white-space:pre}.split-link__glyph{position:relative;display:inline-block;overflow:hidden}.split-link__top,.split-link__bottom{display:block;transition:transform .5s var(--ease);transition-delay:calc(var(--i)*18ms)}.split-link__bottom{position:absolute;top:100%;left:0;color:var(--acid)}a:is(:hover,:focus-visible) .split-link__top,a:is(:hover,:focus-visible) .split-link__bottom{transform:translateY(-100%)}.menu-toggle{display:none;position:relative;z-index:60;flex:none;width:48px;height:48px;align-items:center;justify-content:center;border:1px solid rgba(241,240,232,.3);border-radius:50%;background:none;color:var(--cream);cursor:pointer}.menu-icon{display:grid;gap:6px;width:19px}.menu-icon span{display:block;width:100%;height:1.5px;background:currentColor;transition:transform .35s var(--ease)}.menu-toggle[aria-expanded=true] .menu-icon span:first-child{transform:translateY(3.75px) rotate(45deg)}.menu-toggle[aria-expanded=true] .menu-icon span:last-child{transform:translateY(-3.75px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:40;inset:0;display:none;flex-direction:column;justify-content:center;padding:7rem var(--gutter) 3rem;background:var(--panel);clip-path:inset(0 0 100% 0);opacity:0;pointer-events:none;transition:clip-path .55s var(--ease-menu),opacity .55s var(--ease-menu)}.mobile-nav.is-open{clip-path:inset(0 0 0 0);opacity:1;pointer-events:auto}.mobile-nav__links{display:flex;flex-direction:column}.mobile-nav__links a{padding:.65rem 0;border-bottom:1px solid var(--line);font-size:clamp(3.1rem,11vw,6rem);font-weight:900;line-height:1;letter-spacing:-.075em;transform:translateY(24px);opacity:0;transition:color .3s,transform .5s var(--ease),opacity .5s}.mobile-nav.is-open .mobile-nav__links a{transform:none;opacity:1;transition-delay:0s,calc(.1s + var(--i,0)*.08s),calc(.1s + var(--i,0)*.08s)}.mobile-nav__links a:nth-child(1){--i:0}.mobile-nav__links a:nth-child(2){--i:1}.mobile-nav__links a:nth-child(3){--i:2}.mobile-nav__links a:nth-child(4){--i:3}.mobile-nav__links a:hover{color:var(--acid)}.mobile-nav__email{width:max-content;margin-top:3rem;color:var(--muted);font-size:.9rem;text-decoration:underline;text-underline-offset:8px}
.hero{position:relative;isolation:isolate;display:flex;min-height:min(900px,100svh);padding-top:150px;overflow:hidden}.hero-grid{position:absolute;z-index:-2;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(241,240,232,.055) 1px,transparent 1px),linear-gradient(to bottom,rgba(241,240,232,.055) 1px,transparent 1px);background-size:9.5vw 9.5vw;mask-image:linear-gradient(to left,#000,transparent 94%)}.orb-field{position:absolute;z-index:-1;right:2%;top:9%;width:min(53vw,760px);aspect-ratio:1;pointer-events:none}.orb{position:absolute;inset:12%;border-radius:50%;background:radial-gradient(circle at 36% 34%,#f8ffbd 0%,#d7fb4c 21%,#b8d837 42%,#445225 68%,#191e15 85%);box-shadow:inset -28px -34px 75px rgba(9,17,9,.6),0 0 110px rgba(215,251,76,.16);animation:orb-breathe 9s ease-in-out infinite}.orb::after{content:"";position:absolute;inset:8%;border:1px solid rgba(246,255,202,.4);border-radius:50%;transform:rotateX(71deg) rotate(-28deg) scale(1.7)}.orbit{position:absolute;border:1px solid rgba(241,240,232,.18);border-radius:50%}.orbit--outer{inset:0;transform:rotate(-25deg)}.orbit--inner{inset:4%;transform:rotate(36deg);opacity:.5}.orb-spark{position:absolute;left:3%;top:64%;height:8px;width:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 26px 10px rgba(215,251,76,.35)}@keyframes orb-breathe{50%{transform:scale(1.035)}}.hero-inner{display:flex;flex:1;flex-direction:column;justify-content:space-between}.hero-kicker{display:flex;align-items:center;gap:.75rem;margin:0 0 3rem;color:var(--acid)}.hero-kicker span{font-size:18px}.hero-title{max-width:1200px;margin:0;font-size:clamp(4.4rem,12.4vw,13.5rem);line-height:.79;letter-spacing:-.085em;font-weight:900;text-transform:uppercase}.hero-line{display:block;overflow:hidden;padding-bottom:.14em;margin-bottom:-.14em}.hero-line:nth-child(2){color:var(--acid)}.hero-word{display:inline-block;opacity:0;transform:translateY(105%);animation:word-in .95s var(--ease) forwards;animation-delay:calc(.12s + var(--i)*.13s)}@keyframes word-in{to{opacity:1;transform:translateY(0)}}.hero-space{white-space:pre}.hero-details{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:1.5rem;border-top:1px solid rgba(241,240,232,.25);margin-top:3.5rem;padding-block:2rem}.hero-caption{margin:0;color:var(--muted)}.hero-description{max-width:530px;margin:0;font-size:clamp(1.2rem,2vw,1.8rem);line-height:1.45;letter-spacing:-.025em}.magnetic-link{justify-self:end;display:inline-flex;align-items:center;justify-content:center;gap:2.5rem;min-height:56px;padding:1rem 1.7rem;border-radius:999px;background:var(--acid);color:var(--ink);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0);transition:background-color .3s,transform .55s var(--ease);will-change:transform}.magnetic-link:hover{background:var(--cream)}.magnetic-link span{font-size:20px;line-height:0;transition:transform .5s var(--ease)}.magnetic-link:hover span{transform:translate(4px,-4px)}.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-block:1.8rem;color:var(--muted);font-size:.65rem}.hero-bottom a{display:inline-flex;align-items:center;gap:.7rem;transition:color .3s}.hero-bottom a:hover{color:var(--acid)}
.section-pad{padding-block:clamp(6rem,10vw,10rem);scroll-margin-top:94px}.section-title{margin:2rem 0 0;font-size:clamp(3.5rem,8vw,8rem);line-height:.88;letter-spacing:-.075em;font-weight:900;text-transform:uppercase}.services{border-top:1px solid var(--line);background:var(--panel)}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:4rem;background:var(--line)}.service-card{display:flex;min-height:240px;align-items:end;justify-content:space-between;padding:2rem;background:var(--panel);transition:background-color .4s}.service-card:hover{background:var(--ink)}.service-card h3{margin:1.5rem 0 0;font-size:clamp(1.65rem,3vw,3rem);letter-spacing:-.045em}.service-arrow{margin-bottom:.25rem;color:var(--acid);font-size:32px;transition:transform .5s var(--ease)}.service-card:hover .service-arrow{transform:translate(7px,-7px)}.work{border-top:1px solid var(--line)}.work-row{display:flex;justify-content:space-between;align-items:end;gap:3rem}.work-row p{max-width:320px;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.6}.contact{background:var(--acid);color:var(--ink)}.contact-row{display:flex;align-items:end;justify-content:space-between;gap:3rem}.reveal-button{position:relative;display:inline-flex;min-height:56px;align-items:center;gap:2rem;overflow:hidden;border:1px solid var(--ink);border-radius:999px;background:var(--ink);padding:.8rem 1.5rem;color:var(--cream);font-size:.84rem;font-weight:800;text-transform:uppercase;letter-spacing:.09em;white-space:nowrap;transition:color .5s}.reveal-button__wipe{position:absolute;inset:0;background:var(--cream);clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path .7s var(--ease)}.reveal-button:is(:hover,:focus-visible){color:var(--ink)}.reveal-button:is(:hover,:focus-visible) .reveal-button__wipe{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.reveal-button__label,.reveal-button__arrow{position:relative;z-index:1}.reveal-button__arrow{font-size:20px;opacity:.5;transform:translateX(-8px);transition:opacity .5s,transform .5s var(--ease)}.reveal-button:is(:hover,:focus-visible) .reveal-button__arrow{opacity:1;transform:none}.footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding-block:2.5rem;color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.reveal{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--delay,0ms)}.js .reveal:not(.is-visible){opacity:0;transform:translateY(28px)}.reveal.is-visible{opacity:1;transform:none}
@media(max-width:1023px){.desktop-nav,.header-contact{display:none}.menu-toggle,.mobile-nav{display:flex}.header-inner{height:76px}.hero{padding-top:125px;min-height:800px}.orb-field{width:680px;right:-90px;top:9%}.section-pad{scroll-margin-top:76px}}
@media(max-width:767px){.hero{min-height:100svh;padding-top:120px}.hero-kicker{max-width:240px;margin-bottom:3rem}.orb-field{width:430px;right:-165px;top:13%}.hero-title{font-size:clamp(3.6rem,11.3vw,5rem);letter-spacing:-.08em}.hero-details{grid-template-columns:1fr;gap:2rem;margin-top:2.5rem;padding-block:2rem}.hero-description{font-size:1.2rem}.magnetic-link{justify-self:start}.hero-index{display:none}.hero-bottom{font-size:.58rem}.service-grid{grid-template-columns:1fr}.service-card{min-height:180px;padding:1.5rem .5rem}.work-row,.contact-row{flex-direction:column;align-items:start}.work-row p{margin-top:1rem}.footer{font-size:.65rem}}
@media(max-width:375px){.hero-title{font-size:3.42rem}.hero-bottom>span:last-child{display:none}.orb-field{right:-240px}.hero-description{font-size:1.08rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.orb,.hero-word{animation:none}.hero-word{opacity:1;transform:none}.reveal{opacity:1;transform:none}.mobile-nav__links a{opacity:1;transform:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.magnetic-link{transform:none!important}}
/* Full-page sections */
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:3rem;flex-wrap:wrap}.section-heading .section-label{width:100%}.section-heading .section-title{margin-top:0}.section-heading>p{max-width:350px;margin:0;color:var(--muted);font-size:1.1rem;line-height:1.65}.service-card p{max-width:420px;margin:1.25rem 0 0;color:var(--muted);font-size:.95rem;line-height:1.55}.work-row{align-items:end}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin-top:5rem}.project-card{position:relative;min-width:0;overflow:hidden}.project-card:first-child{grid-column:span 2}.project-art{position:relative;display:flex;min-height:clamp(320px,40vw,620px);align-items:center;justify-content:center;overflow:hidden;isolation:isolate;transition:transform .8s var(--ease)}.project-card:first-child .project-art{min-height:clamp(360px,48vw,680px)}.project-card--one .project-art{background:#cfed47;color:#202619}.project-card--two .project-art{background:#e49e7c;color:#42211d}.project-card--three .project-art{background:#d1d1d4;color:#25262f}.project-art::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 38%,rgba(255,255,255,.2) 50%,transparent 60%);transform:translateX(-100%);transition:transform .9s var(--ease)}.project-card:hover .project-art::after{transform:translateX(100%)}.art-type{position:relative;z-index:2;display:block;text-align:center;font-size:clamp(3.1rem,7vw,9rem);line-height:.85;letter-spacing:-.095em;font-weight:900;transform:scale(1);transition:transform .8s var(--ease)}.project-card:hover .art-type{transform:scale(1.06)}.art-circle{position:absolute;z-index:1;width:50%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffdbf,#829a2e 50%,#222c16 80%);box-shadow:0 25px 80px #39462590;transform:translate(68%,-10%)}.art-orbit{position:absolute;width:66%;aspect-ratio:1;border:2px solid currentColor;border-radius:50%;transform:rotateX(56deg) rotate(-30deg) scale(1.5);opacity:.5}.art-bars{position:absolute;inset:10%;background:repeating-linear-gradient(90deg,transparent 0 7%,#8e939733 7% 9%);transform:skew(-12deg)}.project-meta{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.4rem 0 2rem;border-bottom:1px solid var(--line)}.project-meta .eyebrow,.project-index{color:var(--muted)}.project-meta h3{margin:.65rem 0 0;font-size:clamp(1.5rem,2.4vw,2.5rem);letter-spacing:-.04em}.project-index{font-size:.7rem;white-space:nowrap}.project-blob{position:absolute;z-index:4;top:0;left:0;display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:var(--ink);color:var(--acid);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.13em;pointer-events:none;opacity:0;transform:translate3d(var(--blob-x,0px),var(--blob-y,0px),0) scale(.65);transition:opacity .25s,scale .35s var(--ease)}.project-card:hover .project-blob{opacity:1;scale:1}.concept-note{margin:2rem 0 0;color:var(--muted)}
.process{background:var(--panel)}.process-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,9vw,10rem)}.process-intro{position:sticky;top:130px;align-self:start}.process-intro p{max-width:450px;margin:2rem 0;color:var(--muted);font-size:1.1rem;line-height:1.65}.process-track{width:2px;height:100px;margin-top:3rem;background:var(--line);transform-origin:top}.process-progress{display:block;width:100%;height:100%;background:var(--acid);transform:scaleY(0);transform-origin:top;transition:transform .7s var(--ease)}.process-steps{list-style:none;padding:0;margin:0}.process-step{min-height:310px;padding:3rem 0;border-top:1px solid var(--line);opacity:.48;transition:opacity .6s var(--ease)}.process-step:last-child{border-bottom:1px solid var(--line)}.process-step.is-active{opacity:1}.process-step .eyebrow{color:var(--acid)}.process-step h3{margin:1.5rem 0;font-size:clamp(2rem,3.7vw,4rem);line-height:1.02;letter-spacing:-.06em}.process-step p{max-width:430px;color:var(--muted);font-size:1rem;line-height:1.6}
.numbers{border-top:1px solid var(--line)}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:5rem;background:var(--line)}.number-item{display:flex;min-height:220px;flex-direction:column;justify-content:space-between;padding:2rem;background:var(--ink)}.number-item strong{color:var(--acid);font-size:clamp(5rem,10vw,10rem);line-height:.8;letter-spacing:-.09em}.number-item .eyebrow{color:var(--muted)}.voices{background:var(--panel)}.voices-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem}.carousel-controls{display:flex;gap:.7rem}.carousel-controls button{display:grid;place-items:center;width:52px;height:52px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--cream);font-size:1.25rem;cursor:pointer;transition:background-color .3s,color .3s}.carousel-controls button:hover{background:var(--acid);color:var(--ink)}.sample-disclosure{margin:2rem 0;color:var(--muted);font-size:.84rem}.testimonials{display:flex;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) var(--panel);padding-bottom:1.5rem;overscroll-behavior-inline:contain}.quote-card{display:flex;flex:0 0 min(580px,85vw);min-height:360px;flex-direction:column;justify-content:space-between;margin:0;padding:clamp(1.5rem,3vw,3rem);border:1px solid var(--line);background:var(--ink);scroll-snap-align:start}.quote-card p{margin:0;font-size:clamp(1.55rem,2.6vw,2.5rem);line-height:1.3;letter-spacing:-.045em}.quote-card footer{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.contact{position:relative;isolation:isolate;overflow:hidden}.contact-glow{position:absolute;z-index:-1;right:-10%;top:-65%;width:60vw;aspect-ratio:1;border:2px solid rgba(16,18,14,.2);border-radius:50%;box-shadow:0 0 0 80px rgba(16,18,14,.055),0 0 0 160px rgba(16,18,14,.035);pointer-events:none}.contact-row p{margin:2rem 0 0;font-size:1.1rem}
.site-footer{background:var(--ink)}.footer-top{display:flex;justify-content:space-between;gap:3rem;border-bottom:1px solid var(--line);padding:5rem 0}.footer-wordmark{font-size:clamp(4rem,10vw,11rem);line-height:.79;letter-spacing:-.09em;font-weight:900;transition:color .3s}.footer-wordmark:hover{color:var(--acid)}.footer-wordmark span{font-size:.2em;vertical-align:top;letter-spacing:0;color:var(--acid)}.footer-links{display:flex;gap:clamp(2rem,5vw,6rem)}.footer-links>div{display:flex;flex-direction:column;align-items:start;gap:1rem}.footer-links .eyebrow{margin-bottom:.5rem}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1.5rem;padding-block:2.5rem;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:1023px){.desktop-nav{display:none}.process-intro{top:110px}}
@media(max-width:767px){.section-heading{display:block}.section-heading .section-title{margin-top:2rem}.section-heading>p{margin-top:2rem}.service-card{padding:1.5rem}.work-grid{grid-template-columns:1fr;margin-top:3rem}.project-card:first-child{grid-column:auto}.project-art,.project-card:first-child .project-art{min-height:340px}.project-blob{display:none}.process-layout{display:block}.process-intro{position:static}.process-track{display:none}.process-steps{margin-top:3rem}.process-step{min-height:250px;opacity:1}.number-grid{grid-template-columns:1fr}.number-item{min-height:180px}.voices-heading{align-items:end}.carousel-controls button{height:44px;width:44px}.quote-card{min-height:300px}.footer-top{display:block}.footer-links{margin-top:4rem}.footer-wordmark{font-size:clamp(3.8rem,13vw,7rem)}.footer-bottom{font-size:.65rem}}
@media(prefers-reduced-motion:reduce){.process-step{opacity:1}.project-blob{display:none}.js .reveal:not(.is-visible){opacity:1;transform:none}}