@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@200..700&family=Instrument+Serif:ital@0;1&display=swap";:root{--ink:#121212;--paper:#f1f0e9;--acid:#eeeeea;--muted:#a6a6a0;font-family:DM Sans,sans-serif;color:var(--paper);background:var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--ink);-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img,video{display:block;width:100%}.section-dark{background:var(--ink);color:var(--paper)}.section-light{background:var(--paper);color:var(--ink)}.eyebrow{margin:0 0 2.5rem;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase}[data-reveal]{opacity:0;transform:translateY(42px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.75,.2,1)}[data-reveal].is-visible{opacity:1;transform:none}.header{position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:1.6rem 2rem;mix-blend-mode:difference;color:#fff}.brand img{width:142px;max-height:32px;object-fit:contain;object-position:left center}.header__actions{display:flex;gap:.75rem;align-items:center}.header button,.header__actions a{border:0;border-radius:999px;padding:.55rem 1rem;background:transparent;color:inherit;font-weight:600;cursor:pointer}.header__actions a{background:#fff;color:#000}.menu-panel{position:fixed;z-index:25;top:0;right:0;width:min(47rem,72vw);height:100dvh;padding:7rem 5vw 3rem;background:var(--paper);color:var(--ink);transform:translate(105%);transition:transform .65s cubic-bezier(.75,0,.2,1);display:flex;flex-direction:column}.menu-panel.is-open{transform:none}.menu-panel nav{display:flex;flex-direction:column;font-size:clamp(3rem,8vw,8rem);line-height:.86;letter-spacing:-.07em}.menu-panel nav a:hover{color:#7a00ff}.menu-panel__mail{margin-top:auto;width:100%;border-bottom:1px solid;padding-bottom:.45rem;font-size:1.25rem}.menu-panel p{font-size:.8rem}.hero{position:relative;min-height:100svh;padding:7rem 7vw 3rem;display:grid;place-items:center;overflow:hidden}.hero__media{position:absolute;top:13%;right:25%;bottom:22%;left:25%;width:50%;height:65%;object-fit:cover;border-radius:42%/24%;filter:grayscale(1)}.hero__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#12121233,#12121273)}.hero__statement{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;line-height:.72;animation:intro 1.15s .2s both cubic-bezier(.2,.75,.2,1)}.hero__word{display:flex;font-size:clamp(7rem,20vw,20rem);letter-spacing:-.09em;color:var(--acid)}.hero__word>span{font-weight:200;font-variation-settings:"wght" 200;animation:weightWave 4.8s infinite cubic-bezier(.45,0,.25,1)}.hero__word>span:nth-child(2){animation-delay:.18s}.hero__word>span:nth-child(3){animation-delay:.36s}.hero__word>span:nth-child(4){animation-delay:.54s}.hero__script{font-family:"Instrument Serif",serif;font-size:clamp(3rem,6vw,7rem);font-style:italic;color:var(--paper)}.hero__meta{position:absolute;z-index:2;left:7vw;right:7vw;bottom:3rem;padding-top:1.5rem;border-top:1px solid var(--acid);display:flex;justify-content:space-between;align-items:flex-end;font-size:.8rem}.hero__meta p{margin:0}.hero__meta span{color:var(--muted)}.signal-row{display:flex;gap:1.5rem}.signal-row span{display:flex;flex-direction:column;padding-left:1.5rem;border-left:1px solid #777}.signal-row b{color:var(--paper);font-size:1.9rem;font-weight:500}.manifesto{min-height:130vh;padding:18vh 8vw;position:relative;overflow:hidden;display:grid;place-items:center}.manifesto__frame{width:min(980px,78vw);height:68vh;position:relative;overflow:hidden;border-radius:42%/22%}.manifesto__frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073}.manifesto__frame img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}.manifesto__frame p{position:absolute;z-index:2;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:70%;margin:0;font-size:clamp(2rem,4vw,4.4rem);line-height:1.02;text-align:center}.manifesto__frame em{color:var(--acid);font-family:"Instrument Serif",serif}.float-card{position:absolute;z-index:3;width:13vw;min-width:110px;aspect-ratio:.68;overflow:hidden;border-radius:1rem}.float-card img{height:100%;object-fit:cover}.float-card--one{left:7vw;top:48%;transform:rotate(-4deg)}.float-card--two{right:7vw;top:30%;transform:rotate(5deg)}.capabilities{padding:10rem 5vw 16rem}.capability{display:grid;grid-template-columns:4rem 1fr 3rem;align-items:center;border-bottom:1px solid var(--acid);padding:2.25rem 0;position:relative;color:var(--acid)}.capability h2{margin:0;font-family:"Instrument Serif",serif;font-size:clamp(3.5rem,8vw,8rem);font-style:italic;font-weight:400;letter-spacing:-.04em}.capability b{font-size:2.5rem;transition:transform .25s}.capability:hover b{transform:translate(.5rem)}.capability__details{grid-column:2;max-height:0;overflow:hidden;color:var(--paper);transition:max-height .35s,padding .35s}.capability:hover .capability__details{max-height:4rem;padding-top:.8rem}.work{padding:4rem 2vw 9rem;border-radius:1.5rem 1.5rem 0 0}.work__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.project-card{border-radius:1rem;overflow:hidden;background:var(--ink);color:var(--paper)}.project-card__image{aspect-ratio:1.35;overflow:hidden}.project-card__image img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.75,.2,1)}.project-card:hover img{transform:scale(1.05)}.project-card__bar{min-height:5rem;padding:.8rem 1rem;display:flex;align-items:center;justify-content:space-between}.project-card__bar small{color:var(--acid)}.project-card__bar h3{margin:.2rem 0 0;font-size:1.4rem}.project-card__bar>span{width:2.75rem;height:2.75rem;border-radius:50%;background:var(--acid);color:var(--ink);display:grid;place-items:center;font-size:1.5rem}.all-work{min-height:42vh;display:flex;align-items:center;justify-content:center;gap:1rem;font-size:clamp(4rem,10vw,10rem);letter-spacing:-.07em}.all-work span{width:.75em;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;color:var(--acid);background:var(--ink);font-size:.65em}.ticker{display:flex;overflow:hidden;background:var(--acid);color:var(--ink);font-size:clamp(4rem,10vw,10rem);font-weight:700;letter-spacing:-.07em;white-space:nowrap}.ticker div{animation:ticker 26s linear infinite}.clients{padding:9rem 8vw 12rem;text-align:center}.client-list{display:grid;grid-template-columns:repeat(3,1fr);gap:4rem;margin-top:6rem;font-size:clamp(1.5rem,3vw,3rem);font-weight:600}.testimonials{min-height:95vh;padding:7rem 8vw;display:flex;flex-direction:column;align-items:center;text-align:center}.testimonials .eyebrow{align-self:flex-start}.quote{margin:auto;max-width:980px;display:flex;flex-direction:column;animation:quoteIn .45s both}.quote blockquote{margin:0 0 4rem;color:var(--acid);font-family:"Instrument Serif",serif;font-size:clamp(2.5rem,5vw,5.5rem);font-style:italic;line-height:1}.quote span{color:var(--muted)}.quote-controls{display:flex;gap:.75rem}.quote-controls button{width:3rem;height:3rem;border:1px solid var(--acid);border-radius:50%;background:none;color:var(--acid);cursor:pointer}.footer{background:var(--acid);color:var(--ink);margin:.5rem;padding:2.5rem 3vw .8rem;border-radius:1.3rem;overflow:hidden}.footer__top{display:flex;justify-content:space-between}.footer h2{margin:0 0 1rem;font-size:clamp(2rem,5vw,5rem);line-height:.9;letter-spacing:-.05em}.footer__top>div>a{display:inline-flex;gap:1rem;padding:.45rem 1rem;border-radius:999px;background:var(--ink);color:var(--paper)}.footer nav{display:flex;flex-direction:column;text-align:right}.footer__brand{font-size:clamp(7rem,22vw,22rem);line-height:.78;letter-spacing:-.1em;font-weight:700;margin-top:9rem}.footer small{font-size:.58rem}@keyframes intro{0%{opacity:0;transform:scale(.86)}}@keyframes weightWave{0%,55%,to{font-weight:200;font-variation-settings:"wght" 200}22%{font-weight:700;font-variation-settings:"wght" 700}}@keyframes ticker{to{transform:translate(-100%)}}@keyframes quoteIn{0%{opacity:0;transform:translateY(15px)}}@media(max-width:720px){.header{padding:1.2rem 1rem}.brand img{width:104px}.header__actions a{display:none}.menu-panel{width:84vw;padding:6rem 1.5rem 2rem}.menu-panel nav{font-size:3.5rem;line-height:1}.hero{padding:5rem 1rem 2rem;min-height:100svh}.hero__media{top:18%;right:20%;bottom:32%;left:20%;width:60%;height:50%;border-radius:50%/28%}.hero__word{font-size:22vw;font-weight:400;letter-spacing:.03em}.hero__script{font-size:2.4rem}.hero__meta{left:1rem;right:1rem;bottom:2rem;display:block;text-align:center}.hero__meta>div:first-child{margin-bottom:1.3rem}.signal-row{justify-content:center;gap:.7rem}.signal-row span{padding-left:.7rem;font-size:.58rem}.signal-row b{font-size:1.5rem}.manifesto{min-height:125vh;padding:10vh 1rem}.manifesto__frame{width:90vw;height:74vh;border-radius:45%/22%}.manifesto__frame p{width:88%;font-size:2.1rem}.float-card{width:26vw}.float-card--one{left:0;top:50%}.float-card--two{right:0;top:27%}.capabilities{padding:7rem 1.5rem 9rem}.capability{grid-template-columns:2.5rem 1fr 2rem}.capability h2{font-size:3.2rem;line-height:.95}.capability__details{grid-column:1/-1}.capability:hover .capability__details{max-height:7rem}.work{padding:2rem .5rem 5rem}.work__grid{grid-template-columns:1fr}.project-card__image{aspect-ratio:1.3}.all-work{min-height:28vh;font-size:4rem}.clients{padding:6rem 1rem 8rem}.client-list{grid-template-columns:repeat(2,1fr);gap:3rem 1rem;margin-top:4rem;font-size:1.4rem}.testimonials{min-height:100svh;padding:6rem 1.5rem 2rem}.quote blockquote{font-size:2.7rem;margin-bottom:3rem}.footer{padding:1.2rem .8rem .5rem}.footer h2{font-size:2.1rem}.footer__top>div>a{font-size:.75rem}.footer nav{font-size:.8rem}.footer__brand{margin-top:5rem;font-size:22vw}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.brand{display:block;width:142px;height:36px;overflow:hidden;background:#000}.brand img{width:142px;height:36px;max-height:none;object-fit:contain;object-position:left center;filter:invert(1)}.menu-panel{width:clamp(24rem,31vw,54rem)}.menu-panel nav{font-size:clamp(3rem,4vw,7rem)}.concept-visual{position:relative;width:100%;height:100%;overflow:hidden;background:#eeeeea;color:#111;isolation:isolate}.concept-visual:before{content:"";position:absolute;top:-20%;right:-20%;bottom:-20%;left:-20%;background:repeating-linear-gradient(105deg,transparent 0 7%,rgba(18,18,18,.14) 7.2% 8%);transform:rotate(calc((var(--scroll, .5) - .5)*16deg)) scale(1.2)}.concept-visual__index{position:absolute;z-index:3;top:1.2rem;left:1.2rem;font-size:.7rem;letter-spacing:.16em}.concept-visual__orb{position:absolute;width:55%;aspect-ratio:1;border-radius:50%;right:-8%;top:12%;background:#ff5b22;mix-blend-mode:multiply;transform:translateY(calc((var(--scroll,.5) - .5)*70px))}.concept-visual__line{position:absolute;z-index:2;left:-5%;bottom:19%;width:112%;height:2px;background:#111;transform:rotate(-11deg)}.concept-visual b{position:absolute;z-index:2;left:8%;bottom:7%;font-size:clamp(3.5rem,9vw,9rem);line-height:.63;letter-spacing:-.12em}.concept-visual--2{background:#111;color:#f1f0e9}.concept-visual--2 .concept-visual__orb{background:#deded8;left:22%;right:auto;width:65%}.concept-visual--2 .concept-visual__line{background:#f1f0e9;transform:rotate(17deg)}.concept-visual--3{background:#efede5}.concept-visual--3 .concept-visual__orb{background:#7a00ff;border-radius:4%;right:9%;top:7%;transform:rotate(calc(15deg + (var(--scroll,.5) - .5)*25deg))}.concept-visual--3:before{background:repeating-radial-gradient(circle at 20% 70%,transparent 0 18px,#111 19px 21px)}.concept-visual--4{background:#ff5b22}.concept-visual--4 .concept-visual__orb{background:#eeeeea;width:72%;right:-22%;top:23%}.concept-visual--4:before{background:linear-gradient(90deg,transparent 49.5%,#111 50%,transparent 50.5%)}.hero__media{transform:scale(calc(.9 + var(--scroll,0)*.2)) rotate(calc((var(--scroll,0) - .25)*2deg));will-change:transform}.hero__statement{transform:translateY(calc(var(--scroll,0)*-55px));opacity:calc(1 - var(--scroll,0)*.8);will-change:transform,opacity}.manifesto__frame{transform:translateY(calc((.5 - var(--scroll,.5))*90px)) scale(calc(.91 + var(--scroll,.5)*.12));will-change:transform}.scroll-copy{display:flex;flex-wrap:wrap;justify-content:center}.scroll-copy>span{color:rgba(238,238,234,clamp(.14,calc((var(--scroll,0) - var(--step))*9),1));transition:color .08s linear}.float-card--one{transform:translateY(calc((.5 - var(--scroll,.5))*190px)) rotate(-7deg)}.float-card--two{transform:translateY(calc((.5 - var(--scroll,.5))*-150px)) rotate(6deg)}.capability:nth-of-type(2){transform:translate(calc((.5 - var(--scroll,.5))*7vw))}.capability:nth-of-type(3){transform:translate(calc((var(--scroll,.5) - .5)*7vw))}.capability{isolation:isolate}.capability-card{position:absolute;z-index:8;top:50%;left:60%;width:clamp(17rem,21vw,23rem);padding:1rem;border-radius:2rem;background:#e95538;color:#111;opacity:0;pointer-events:none;transform:translate(-50%,-40%) scale(.72) rotate(7deg);transform-origin:50% 85%;transition:opacity .18s ease,transform .58s cubic-bezier(.18,1.35,.35,1);box-shadow:0 1.5rem 4rem #00000052}.capability:hover .capability-card,.capability:focus-visible .capability-card{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(-1.5deg)}.capability-card__visual{position:relative;height:clamp(14rem,27vw,24rem);overflow:hidden;border-radius:1.35rem;background:#111}.capability-card__visual .concept-visual{filter:none}.capability-card__visual p{position:absolute;z-index:5;left:1.1rem;right:1.1rem;bottom:1rem;margin:0;color:#fff;font-size:clamp(1rem,1.45vw,1.35rem);font-weight:600;line-height:1.05}.capability-card__list{display:flex;flex-direction:column;padding:.85rem .35rem .15rem}.capability-card__list span{padding:.55rem .15rem;border-bottom:1px solid #111;font-size:clamp(.9rem,1.25vw,1.2rem);font-weight:650}.capability-card__list span:last-child{border-bottom:0}.capability-card--3{left:42%;background:#deded8;transform:translate(-50%,-40%) scale(.72) rotate(-7deg)}.capability:hover .capability-card--3,.capability:focus-visible .capability-card--3{transform:translate(-50%,-50%) scale(1) rotate(1.5deg)}.work{transform-origin:50% 0;transform:perspective(1200px) rotateX(calc((1 - var(--scroll,1))*7deg)) translateY(calc((1 - var(--scroll,1))*55px));will-change:transform}.project-card{transform:translateY(calc((.55 - var(--scroll,.55))*52px)) rotate(calc((.55 - var(--scroll,.55))*1.4deg))}.project-card:nth-child(2n){transform:translateY(calc((.55 - var(--scroll,.55))*82px)) rotate(calc((var(--scroll,.55) - .55)*1.4deg))}.all-work{transform:translate(calc((var(--scroll,.5) - .5)*38vw));will-change:transform}.all-work>span{transform:rotate(calc((var(--scroll,.5) - .5)*90deg));transition:transform .1s linear}.client-ribbon{margin:0 -2vw -9rem;overflow:hidden;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:#deded8}.client-ribbon__track{display:flex;width:max-content;animation:clientRibbon 28s linear infinite}.client-ribbon__track>span{display:flex;align-items:center;gap:1rem;padding:1.2rem 3.5rem;border-right:1px solid var(--ink);font-family:"Instrument Serif",serif;font-size:clamp(2.4rem,5vw,6rem);font-style:italic;white-space:nowrap}.client-ribbon__track small{font-family:DM Sans,sans-serif;font-size:.55rem;font-style:normal;letter-spacing:.12em;text-transform:uppercase}@keyframes clientRibbon{to{transform:translate(-50%)}}@media(max-width:720px){.menu-panel{width:84vw}.menu-panel nav{font-size:3.25rem}.concept-visual b{font-size:5rem}.hero__media{transform:scale(calc(.94 + var(--scroll,0)*.14))}.work{transform:translateY(calc((1 - var(--scroll,1))*28px));overflow:hidden}.project-card,.project-card:nth-child(2n){transform:translateY(calc((.55 - var(--scroll,.55))*38px))}.all-work{transform:translate(calc((var(--scroll,.5) - .5)*22vw))}.client-ribbon{margin-left:-.5rem;margin-right:-.5rem;margin-bottom:-5rem}.capability-card{display:none}}@media(prefers-reduced-motion:reduce){.hero__media,.hero__statement,.manifesto__frame,.float-card--one,.float-card--two,.capability:nth-of-type(2),.capability:nth-of-type(3),.work,.project-card,.project-card:nth-child(2n),.all-work{transform:none;opacity:1}.hero__word>span{animation:none;font-weight:600;font-variation-settings:"wght" 600}.scroll-copy>span{color:var(--paper)}.client-ribbon__track{animation:none}}
