:root{--ink:#0b0b0b;--paper:#f1f0eb;--acid:#d7ff38;--blue:#3158ff;--orange:#ff5c35;--line:#0b0b0b2e;--pad:clamp(1.25rem, 3vw, 3.5rem);--display:"Arial Narrow", "Avenir Next Condensed", "Franklin Gothic Medium", sans-serif;--body:"Avenir Next", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.site-header{color:#fff;padding:1.5rem var(--pad);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;display:grid;position:absolute;top:0;left:0;right:0}.menu-trigger,.menu-topline button{color:inherit;cursor:pointer;text-transform:uppercase;background:0 0;border:0;padding:0}.menu-trigger{letter-spacing:.12em;justify-self:start;align-items:center;gap:.6rem;font-size:.68rem;display:flex}.menu-dot{background:var(--acid);border-radius:50%;width:.45rem;height:.45rem}.wordmark,.footer-logo{font-family:var(--display);letter-spacing:-.05em;font-size:1rem;font-weight:900}.wordmark span{color:var(--acid)}.header-cta{letter-spacing:.1em;text-transform:uppercase;justify-self:end;font-size:.68rem}.header-cta span,.button span,.project-info a span,.contact-action a span{margin-left:.4rem}.menu-overlay{background:var(--blue);color:#fff;opacity:0;padding:1.5rem var(--pad) 2rem;pointer-events:none;z-index:100;flex-direction:column;transition:opacity .4s,transform .65s cubic-bezier(.77,0,.18,1);display:flex;position:fixed;inset:0;transform:translateY(-100%)}.menu-overlay.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.menu-topline,.menu-footer{letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;font-size:.68rem;display:flex}.menu-overlay nav{border-top:1px solid #ffffff4d;margin:auto 0}.menu-overlay nav a{font-family:var(--display);letter-spacing:-.07em;text-transform:uppercase;border-bottom:1px solid #ffffff4d;justify-content:space-between;align-items:baseline;padding:.07em 0;font-size:clamp(3.6rem,9vw,8rem);font-weight:900;line-height:.92;display:flex}.menu-overlay nav a span{font-family:var(--body);letter-spacing:0;font-size:.65rem;font-weight:400}.hero{background:radial-gradient(circle at 52% 64%, #3158ff38, transparent 24%), var(--ink);color:#fff;min-height:100svh;padding:8.5rem var(--pad) 2rem;flex-direction:column;display:flex;position:relative;overflow:hidden}.hero-grid{background-image:linear-gradient(#ffffff0e 1px,#0000 1px),linear-gradient(90deg,#ffffff0e 1px,#0000 1px);background-size:6.25vw 6.25vw;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.eyebrow{letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:700}.hero-kicker{z-index:2;position:relative}.hero h1{font-family:var(--display);letter-spacing:-.075em;text-transform:uppercase;z-index:2;max-width:12ch;margin:7vh 0 0;font-size:clamp(4.2rem,10.5vw,10rem);font-weight:900;font-stretch:75%;line-height:.78;position:relative}.hero h1 span,.contact h2 span{color:#0000;-webkit-text-stroke:1.5px currentColor;display:block}.hero-foot{z-index:4;justify-content:space-between;align-items:end;margin-top:auto;display:flex;position:relative}.hero-foot p{max-width:27rem;margin:0;font-size:clamp(.8rem,1.1vw,1rem);line-height:1.45}.button{letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1rem 1.25rem;font-size:.7rem;font-weight:700;transition:transform .2s,background .2s;display:inline-flex}.button-light{color:var(--ink);background:#fff}.button:hover{background:var(--acid);transform:translateY(-3px)}.hero-object{perspective:700px;z-index:1;width:clamp(15rem,33vw,31rem);height:clamp(15rem,33vw,31rem);position:absolute;top:47%;left:61%;transform:translate(-50%,-50%)}.orbit{border:1px solid #ffffff40;border-radius:50%;position:absolute;inset:4%}.orbit-one{border-left-color:var(--acid);animation:18s linear infinite spin;transform:rotateX(70deg)rotate(18deg)}.orbit-two{border-right-color:var(--blue);animation:14s linear infinite spin-reverse;inset:18%;transform:rotateY(64deg)rotate(-20deg)}.object-core,.object-card{font-family:var(--display);justify-content:center;align-items:center;font-weight:900;display:flex;position:absolute}.object-core{background:var(--acid);color:var(--ink);width:36%;height:36%;font-size:clamp(2rem,5vw,4.5rem);top:32%;left:32%;transform:rotate(-7deg)}.object-card{letter-spacing:.08em;width:34%;height:24%;font-size:clamp(.55rem,1.1vw,.85rem)}.card-one{color:var(--ink);background:#fff;top:17%;left:5%;transform:rotate(-13deg)}.card-two{background:var(--blue);top:27%;right:2%;transform:rotate(12deg)}.card-three{background:var(--orange);bottom:11%;right:16%;transform:rotate(-5deg)}.scroll-note{letter-spacing:.12em;text-transform:uppercase;font-size:.58rem;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.manifesto{background:var(--paper);min-height:88vh;padding:clamp(5rem, 9vw, 9rem) var(--pad) 3rem}.manifesto-copy{font-family:var(--display);letter-spacing:-.065em;text-transform:uppercase;max-width:13.5ch;margin:clamp(5rem,13vh,9rem) 0;font-size:clamp(3rem,7.2vw,7.2rem);font-weight:900;line-height:.94}.manifesto-copy em{color:var(--blue);text-transform:none;font-family:Georgia,serif;font-weight:400}.manifesto-meta{border-top:1px solid var(--line);letter-spacing:.1em;text-transform:uppercase;grid-template-columns:repeat(3,1fr);gap:1rem;padding-top:1rem;font-size:.68rem;display:grid}.showreel{color:#fff;background:radial-gradient(circle,#0000 0 10%,#00000061 42%),linear-gradient(125deg,#3158ff 0 28%,#d7ff38 28% 52%,#ff5c35 52% 74%,#111 74%);justify-content:center;align-items:center;height:min(82vw,55rem);min-height:36rem;display:flex;position:relative;overflow:hidden}.showreel-noise{mix-blend-mode:multiply;background-image:repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 5px);position:absolute;inset:0}.showreel-mark{color:#ffffff24;font-family:var(--display);letter-spacing:-.1em;font-size:clamp(9rem,30vw,30rem);font-weight:900;position:absolute;transform:rotate(-8deg)}.showreel button{background:var(--paper);color:var(--ink);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;z-index:2;border:0;border-radius:999px;align-items:center;gap:.8rem;padding:.55rem 1.25rem .55rem .55rem;font-size:.7rem;font-weight:700;transition:transform .2s;display:flex;position:relative}.showreel button:hover{transform:scale(1.06)}.showreel button span{background:var(--ink);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.6rem;height:2.6rem;padding-left:.15rem;display:flex}.showreel>p{font-family:var(--display);bottom:2rem;left:var(--pad);letter-spacing:-.05em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4vw,4rem);font-weight:900;position:absolute}.work{background:var(--paper);padding:clamp(5rem, 10vw, 10rem) var(--pad)}.section-heading{grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:clamp(4rem,9vw,8rem);display:grid}.section-heading h2,.services-intro h2,.contact h2{font-family:var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0;font-size:clamp(3.7rem,8vw,8rem);font-weight:900;line-height:.84}.project{border-top:1px solid var(--line);grid-template-columns:1.55fr 1fr;gap:clamp(1.5rem,3vw,3rem);padding:1.5rem 0 clamp(5rem,10vw,9rem);display:grid}.project-visual{aspect-ratio:16/10;position:relative;overflow:hidden}.tone-acid{background:var(--acid)}.tone-blue{background:var(--blue);color:#fff}.tone-sand{background:#c9a77c}.project-client,.project-index{letter-spacing:.12em;text-transform:uppercase;z-index:2;font-size:.62rem;font-weight:700;position:absolute}.project-client{top:1rem;left:1rem}.project-index{bottom:1rem;right:1rem}.project-shape{background:var(--ink);width:44%;height:56%;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;top:22%;left:28%;transform:rotate(7deg)}.tone-blue .project-shape{background:var(--paper);border-radius:50% 50% 4% 4%;transform:rotate(-10deg)}.tone-sand .project-shape{background:linear-gradient(90deg, transparent 48%, #ffffff59 49% 51%, transparent 52%), var(--orange);border-radius:50%}.project:hover .project-shape{transform:rotate(-5deg)scale(1.08)}.project-info{grid-template-columns:1fr 1fr;align-content:start;gap:2rem;display:grid}.project-info h3{font-family:var(--display);letter-spacing:-.05em;text-transform:uppercase;margin:.5rem 0 0;font-size:clamp(2rem,3.4vw,4rem);line-height:.9}.project-info p,.services-intro>p:last-child,.contact-action p{margin:0;font-size:.9rem;line-height:1.55}.project-info ul{flex-wrap:wrap;grid-column:1/-1;gap:.35rem;margin:0;padding:0;list-style:none;display:flex}.project-info li{border:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:.5rem .7rem;font-size:.62rem}.project-info a{border-bottom:1px solid var(--ink);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;justify-self:start;padding-bottom:.3rem;font-size:.67rem;font-weight:700}.services{background:var(--ink);color:#fff;padding:clamp(5rem, 10vw, 10rem) var(--pad);grid-template-columns:.85fr 1.15fr;gap:clamp(4rem,8vw,9rem);display:grid}.services-intro{align-self:start;position:sticky;top:3rem}.services-intro h2{margin:clamp(4rem,10vh,7rem) 0 2rem}.services-intro h2 span{color:var(--acid);text-transform:none;font-family:Georgia,serif;font-style:italic;font-weight:400;display:block}.services-intro>p:last-child{color:#ffffffa8;max-width:29rem}.service-list{border-top:1px solid #ffffff40}.service-list article{border-bottom:1px solid #ffffff40;grid-template-columns:2rem 1fr 1fr auto;align-items:center;gap:1rem;min-height:11rem;transition:background .25s,color .25s,padding .25s;display:grid}.service-list article:hover{background:var(--acid);color:var(--ink);padding:0 1.25rem}.service-list article>span:first-child{font-size:.65rem}.service-list h3{font-family:var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:0;font-size:clamp(2.2rem,4.5vw,5rem)}.service-list p{max-width:15rem;margin:0;font-size:.75rem;line-height:1.5}.service-arrow{font-size:1.4rem}.contact{background:var(--blue);color:#fff;min-height:82vh;padding:clamp(5rem, 10vw, 10rem) var(--pad) 3rem;grid-template-columns:1.5fr .5fr;gap:5rem;display:grid}.contact h2{margin-top:clamp(5rem,12vh,9rem)}.contact-action{align-self:end}.contact-action p{margin-bottom:2rem}.contact-action a{font-family:var(--display);text-transform:uppercase;border-bottom:1px solid #fff;justify-content:space-between;padding-bottom:.7rem;font-size:clamp(1.4rem,2vw,2rem);font-weight:900;display:flex}footer{background:var(--ink);color:#fff;min-height:70vh;padding:3rem var(--pad) 1.5rem}.footer-top{justify-content:space-between;align-items:start;display:flex}.footer-logo{letter-spacing:-.1em;font-size:clamp(5rem,19vw,19rem);line-height:.75}.footer-top p{color:var(--acid);font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(1.7rem,3vw,3.4rem);font-weight:900;line-height:.9}.footer-bottom{letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff40;justify-content:space-between;align-items:end;margin-top:clamp(8rem,20vh,16rem);padding-top:1rem;font-size:.62rem;display:flex}.footer-bottom div{gap:2rem;display:flex}@keyframes spin{to{transform:rotateX(70deg)rotate(378deg)}}@keyframes spin-reverse{to{transform:rotateY(64deg)rotate(-380deg)}}@media (max-width:900px){.hero h1{margin-top:11vh}.hero-object{top:62%;left:68%}.hero-foot{flex-direction:column-reverse;align-items:start;gap:1.5rem}.hero-foot p{max-width:20rem}.section-heading,.project,.services,.contact{grid-template-columns:1fr}.section-heading{gap:4rem}.project-info{grid-template-columns:1fr 1fr}.services-intro{position:static}.contact-action{max-width:30rem}}@media (max-width:600px){.site-header{grid-template-columns:1fr auto}.wordmark{justify-self:end}.header-cta{display:none}.menu-overlay nav a{font-size:clamp(3.3rem,18vw,5rem)}.menu-footer{flex-direction:column;align-items:start;gap:.65rem}.hero{min-height:49rem;padding-top:7rem}.hero h1{margin-top:4.5rem;font-size:clamp(4.1rem,20vw,6.8rem);line-height:.82}.hero-object{top:auto;bottom:8rem;left:72%}.scroll-note{display:none}.manifesto{min-height:auto}.manifesto-copy{margin:5rem 0}.manifesto-meta{grid-template-columns:1fr}.showreel{min-height:32rem}.project{padding-bottom:6rem}.project-info{grid-template-columns:1fr}.project-info ul,.project-info a{grid-column:auto}.service-list article{grid-template-columns:1.5rem 1fr auto;min-height:9rem}.service-list p{display:none}.contact{min-height:48rem}.contact h2 span{-webkit-text-stroke-width:1px}.footer-top{flex-direction:column;gap:3rem}.footer-logo{font-size:28vw}.footer-bottom{flex-direction:column-reverse;align-items:start;gap:2rem}.footer-bottom div{flex-wrap:wrap;gap:1rem 1.5rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}