:root{--paper:#f3f3f0;--ink:#282828;--signal:red;--blue:#1648ff;--yellow:#f3ff39;--violet:#43206b;--line:#28282840;--pad:clamp(18px, 2.8vw, 48px);--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--paper)}body{background:var(--paper);color:var(--ink);margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}::selection{background:var(--signal);color:var(--paper)}.mono,.eyebrow{letter-spacing:.06em;text-transform:uppercase;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.skip-link{z-index:100;background:var(--ink);color:var(--paper);padding:.7rem 1rem;position:fixed;top:-80px;left:1rem}.skip-link:focus{top:1rem}.site-header{z-index:50;height:82px;padding:0 var(--pad);border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);grid-template-columns:1fr 1fr 1fr;align-items:center;display:grid;position:fixed;inset:0 0 auto}.header-brand{width:46px;height:58px;display:block;overflow:hidden}.header-brand img{object-fit:contain;width:100%;height:100%;display:block}.header-domain{letter-spacing:.14em;justify-self:center;margin:0;font:11px/1 SFMono-Regular,Consolas,monospace}.site-header nav{text-transform:uppercase;justify-self:end;gap:clamp(14px,2vw,34px);font:600 12px/1 SFMono-Regular,Consolas,monospace;display:flex}.site-header nav a{padding:.7rem 0;position:relative}.site-header nav a:after{content:"";background:var(--signal);height:2px;transition:right .18s var(--ease);position:absolute;bottom:.35rem;left:0;right:100%}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.hero{min-height:100svh;padding:122px var(--pad) 32px;border-bottom:1px solid var(--ink);flex-direction:column;display:flex;position:relative}.hero-meta{grid-template-columns:1fr auto 1fr;gap:2rem;font-size:10px;display:grid}.hero-meta span:nth-child(2){text-align:center}.hero-meta span:last-child{text-align:right}.hero h1{letter-spacing:-.075em;text-transform:uppercase;margin:auto 0 3vh;font-size:clamp(56px,9.15vw,170px);font-weight:570;line-height:.79}.hero h1 span{display:block}.hero h1 span:nth-child(2){margin-left:18%;font-style:italic;font-weight:420}.hero h1 span:nth-child(3){white-space:nowrap;margin-left:5.5%}.hero-foot{border-top:1px solid var(--ink);grid-template-columns:1fr auto;align-items:end;gap:2rem;padding-top:22px;display:grid}.hero-foot p{margin:0;font-size:clamp(14px,1.2vw,20px);line-height:1.35}.hero-index{right:var(--pad);color:var(--signal);writing-mode:vertical-rl;font-size:12px;position:absolute;top:20%}.signal{letter-spacing:.05em;white-space:nowrap;align-items:baseline;gap:.45em;font:700 12px/1 SFMono-Regular,Consolas,monospace;display:inline-flex}.signal span{color:var(--signal);transition:transform .16s var(--ease);font-size:18px;display:inline-block}.signal span:nth-child(2){transition-delay:45ms}.signal i{font-style:normal}.signal b{font-weight:600}a:hover .signal span:first-child,summary:hover .signal span:first-child,.service-row:hover .signal span:first-child{transform:translate(5px)rotate(45deg)}a:hover .signal span:nth-child(2),summary:hover .signal span:nth-child(2),.service-row:hover .signal span:nth-child(2){transform:translate(10px)rotate(45deg)}.work{padding:clamp(90px, 12vw, 190px) var(--pad)}.section-head{grid-template-columns:1fr 2fr 1fr;align-items:start;gap:3vw;margin-bottom:clamp(72px,10vw,160px);display:grid}.eyebrow{margin:.55em 0 0;font-size:10px}.section-head h2,.services h2,.about h2,.process h2,.contact h2{letter-spacing:-.065em;margin:0;font-size:clamp(52px,7.8vw,136px);font-weight:520;line-height:.87}.section-note{max-width:27em;margin:.45em 0 0;font-size:14px;line-height:1.45}.project{margin:0 0 clamp(100px,14vw,220px)}.project summary{cursor:pointer;outline:none;list-style:none;display:block}.project summary::-webkit-details-marker{display:none}.project summary:focus-visible{outline:3px solid var(--signal);outline-offset:6px}.project-top{justify-content:space-between;gap:2rem;margin-bottom:10px;font-size:9px;display:flex}.visual{border:1px solid var(--ink);isolation:isolate;position:relative;overflow:hidden}.project-caption{border-top:1px solid var(--ink);justify-content:space-between;align-items:baseline;gap:1rem;padding-top:13px;display:flex}.project-caption h3{letter-spacing:-.045em;margin:0;font-size:clamp(30px,4vw,68px);font-weight:520;line-height:.9}.project-info{animation:snap-in .22s var(--ease) both;grid-template-columns:1fr auto;gap:2rem;padding:18px 0 0 25%;display:grid}.project-info p{max-width:38em;margin:0;line-height:1.45}.project-info .mono{font-size:9px}.visual-one{background:var(--ink);min-height:min(67vw,820px);color:var(--paper)}.v1-type{letter-spacing:-.15em;color:var(--paper);transition:transform .28s var(--ease);font-size:min(73vw,970px);font-weight:650;line-height:.95;position:absolute;top:-7vw;left:-1.5vw}.v1-word{z-index:2;letter-spacing:-.05em;text-align:right;font-size:clamp(24px,4.5vw,78px);font-weight:600;line-height:.86;position:absolute;top:8%;right:4%}.v1-word em{color:var(--signal);font-style:normal}.v1-tag{z-index:2;border-left:1px solid var(--signal);color:var(--paper);padding-left:18px;font:10px/1.5 SFMono-Regular,Consolas,monospace;position:absolute;bottom:4%;right:3%}.visual-one:after{content:"";background:var(--signal);mix-blend-mode:difference;width:16%;height:100%;transition:transform .22s var(--ease);position:absolute;top:0;left:53%;transform:skew(-7deg)translateY(105%)}.project-one summary:hover .v1-type{transform:translate(1.2%)}.project-one summary:hover .visual-one:after{transform:skew(-7deg)translateY(0)}.project-pair{grid-template-columns:1.1fr .9fr;align-items:end;gap:clamp(26px,5vw,90px);display:grid}.project-two{width:min(100%,680px)}.visual-two{aspect-ratio:2/2.75;background:var(--signal);color:var(--ink)}.visual-two>span{transition:transform .18s var(--ease);font-size:clamp(220px,34vw,600px);font-weight:350;line-height:.75;position:absolute}.v2-a{top:-1%;left:-9%;transform:rotate(7deg)}.v2-b{bottom:5%;right:-12%;transform:rotate(-12deg)}.visual-two p{z-index:2;letter-spacing:-.07em;margin:0;font-size:clamp(30px,5vw,80px);font-weight:700;line-height:.82;position:absolute;bottom:7%;left:7%}.visual-two b{font:700 11px/1 SFMono-Regular,Consolas,monospace;position:absolute;top:4%;right:4%}.project-two summary:hover .v2-a{transform:translate(4%)rotate(15deg)}.project-two summary:hover .v2-b{transform:translate(-5%)rotate(-20deg)}.pair-aside{align-self:center;max-width:30rem;margin-bottom:10vw}.pair-aside .mono{border-bottom:1px solid var(--ink);padding-bottom:12px;font-size:9px}.pair-aside p:last-child{letter-spacing:-.04em;margin-top:18px;font-size:clamp(24px,3.3vw,56px);line-height:1}.project-three{margin-left:12%}.visual-three{background:var(--blue);color:#f8f8f4;min-height:min(53vw,720px)}.browser-bar{border-bottom:1px solid #fff9;align-items:center;gap:10px;height:54px;padding:0 18px;font:9px/1 SFMono-Regular,Consolas,monospace;display:flex}.browser-bar i{background:#f8f8f4;border-radius:50%;width:8px;height:8px}.browser-bar span{margin-left:auto}.screen-copy{letter-spacing:-.08em;grid-template-columns:1fr auto;font-size:clamp(46px,9vw,150px);font-weight:600;line-height:.78;display:grid;position:absolute;inset:14% 4% auto}.screen-copy span:nth-child(2){color:var(--yellow);justify-self:end;font-style:italic}.screen-copy strong{grid-column:1/-1;justify-self:end;font-weight:600}.screen-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid;position:absolute;inset:auto 4% 5%}.screen-grid i{height:clamp(40px,8vw,110px);transition:transform .18s var(--ease), background .18s;background:#f8f8f4;transform:translateY(20%)}.screen-grid i:nth-child(2),.screen-grid i:nth-child(5){transition-delay:45ms}.project-three summary:hover .screen-grid i{transform:none}.project-three summary:hover .screen-grid i:nth-child(2),.project-three summary:hover .screen-grid i:nth-child(5){background:var(--yellow)}.project-four{margin-right:8%}.visual-four{background:var(--yellow);min-height:min(34vw,480px);color:var(--violet);grid-template-columns:repeat(3,1fr);display:grid}.visual-four>div{border-right:1px solid var(--ink);place-items:center;display:grid;position:relative}.visual-four>div:last-child{background:var(--violet);color:var(--yellow);border:0}.visual-four small{font:9px/1 SFMono-Regular,Consolas,monospace;position:absolute;top:14px;left:14px}.visual-four b{font-size:clamp(100px,19vw,330px);font-weight:380;line-height:.7}.visual-four>div:nth-child(2) b{letter-spacing:-.28em;transform:translate(-10%)}.project-four summary:hover .visual-four>div:first-child b{transition:transform .16s var(--ease);transform:rotate(45deg)}.project-four summary:hover .visual-four>div:nth-child(2) b{transition:transform .16s 45ms var(--ease);transform:translate(-10%)scale(.9)}.brand-break{color:#eae0dc;background:#0e0e0e;border-bottom:1px solid #0e0e0e;height:min(92svh,980px);min-height:620px;position:relative;overflow:hidden}.brand-break-meta{z-index:2;inset:28px var(--pad) auto;justify-content:space-between;gap:2rem;font-size:9px;display:flex;position:absolute}.brand-break img{width:min(72vw,940px);height:auto;display:block;position:absolute;top:-8vw;right:-3vw}.brand-break-signal{z-index:2;left:var(--pad);position:absolute;bottom:30px}.brand-break .signal span{color:var(--signal)}.services{padding:clamp(80px, 12vw, 180px) var(--pad);background:var(--ink);color:var(--paper);grid-template-columns:.82fr 1.18fr;gap:7vw;display:grid}.services-title-wrap{align-self:start;position:sticky;top:115px}.service-list{border-top:1px solid #f2eee766}.service-row{border-bottom:1px solid #f2eee766;outline:none;grid-template-columns:45px 1fr 1fr auto;align-items:baseline;gap:18px;padding:22px 0;display:grid}.service-row>span{font-size:9px}.service-row h3{letter-spacing:-.045em;transition:transform .18s var(--ease), color .18s;margin:0;font-size:clamp(28px,3.5vw,58px);font-weight:500;line-height:1}.service-row p{color:#f2eee7b3;max-width:26em;margin:0;font-size:13px;line-height:1.4}.service-row:focus-visible{outline:2px solid var(--signal);outline-offset:4px}.service-row:hover h3,.service-row:focus-visible h3{color:var(--signal);transform:translate(10px)}.about{padding:clamp(100px, 15vw, 230px) var(--pad);min-height:90svh;position:relative}.about h2{margin-top:8vw;font-size:clamp(58px,9.3vw,160px)}.about h2 em{color:var(--signal);margin-left:28%;font-style:italic;font-weight:420;display:block}.about-copy{grid-template-columns:1fr 1fr;gap:4vw;width:52%;margin:8vw 0 0 auto;display:grid}.about-copy p{margin:0;font-size:clamp(17px,1.6vw,25px);line-height:1.35}.process{padding:clamp(80px, 12vw, 180px) var(--pad);border-top:1px solid var(--ink)}.process-head{grid-template-columns:1fr 2fr;gap:4vw;display:grid}.process-track{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(3,1fr);margin-top:9vw;display:grid}.process-track>div{border-right:1px solid var(--ink);min-height:280px;padding:18px}.process-track>div:last-child{border:0}.process-track span{font-size:9px}.process-track h3{letter-spacing:-.05em;margin:8vw 0 14px;font-size:clamp(32px,4vw,64px);font-weight:520;line-height:.9}.process-track p{max-width:20em;margin:0;font-size:14px;line-height:1.45}.process-result{background:var(--signal)}.easter{color:#10101094;width:max-content;margin:16px 0 0 auto;font-size:9px}.contact{min-height:100svh;padding:clamp(90px, 11vw, 170px) var(--pad) 30px;background:var(--signal);flex-direction:column;display:flex}.contact h2{margin:auto 0;font-size:clamp(58px,10.3vw,178px)}.contact-link{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);letter-spacing:-.045em;justify-content:space-between;align-items:baseline;gap:2rem;padding:18px 0;font-size:clamp(28px,5vw,84px);line-height:1;display:flex}.contact-bottom{justify-content:space-between;gap:1rem;margin-top:34px;font-size:9px;display:flex}@keyframes snap-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}@media (width<=900px){.site-header{grid-template-columns:auto 1fr;height:68px}.header-brand{width:40px;height:52px}.header-domain{display:none}.site-header nav{gap:16px}.hero{padding-top:98px}.hero-meta{grid-template-columns:1fr auto}.hero-meta span:nth-child(2){display:none}.hero h1{font-size:clamp(55px,11.5vw,100px);line-height:.82}.hero h1 span:nth-child(2){margin-left:8%}.hero h1 span:nth-child(3){white-space:normal;max-width:9em;margin-left:0}.section-head{grid-template-columns:1fr 2fr}.section-note{grid-column:2}.project-pair{grid-template-columns:1.25fr .75fr}.project-three{margin-left:5%}.services{grid-template-columns:1fr}.services-title-wrap{position:static}.about-copy{width:70%}.service-row{grid-template-columns:36px 1fr auto}.service-row p{grid-column:2/-1}.brand-break{height:82svh;min-height:560px}.brand-break img{width:min(94vw,800px);top:4vw;right:-12vw}}@media (width<=620px){:root{--pad:16px}.site-header nav a{font-size:10px}.site-header nav a:nth-child(2){display:none}.hero{min-height:92svh}.hero-meta{font-size:8px}.hero h1{margin-top:auto;font-size:clamp(50px,18.2vw,88px);line-height:.78}.hero h1 span:nth-child(2){margin-left:16%}.hero h1 span:nth-child(3){margin:.1em 0 0;font-size:.72em;line-height:.88}.hero-foot{grid-template-columns:1fr;gap:18px}.hero-index{display:none}.section-head{display:block}.section-head h2{margin-top:28px}.section-note{margin:28px 0 0 22%}.project{margin-bottom:110px}.project-top{font-size:7px}.project-top span:last-child{text-align:right}.project-caption h3{font-size:34px}.project-info{grid-template-columns:1fr;padding-left:16%;font-size:13px}.visual-one{min-height:126vw}.v1-type{font-size:118vw;top:11vw;left:-8vw}.v1-word{font-size:9vw;top:5%}.v1-tag{font-size:7px}.project-pair{display:block}.project-two{width:84%}.pair-aside{margin:-60px 0 100px 31%}.pair-aside p:last-child{font-size:28px}.project-three,.project-four{margin-left:0;margin-right:0}.visual-three{min-height:78vw}.browser-bar{height:36px}.screen-copy{font-size:12vw;top:21%}.visual-four{grid-template-columns:1fr;min-height:132vw}.visual-four>div{border-right:0;border-bottom:1px solid var(--ink)}.visual-four b{font-size:42vw}.brand-break{height:72svh;min-height:520px}.brand-break-meta{font-size:7px;top:18px}.brand-break-meta span:last-child{text-align:right}.brand-break img{width:125vw;max-width:none;top:14vw;right:-34vw}.services{padding-top:100px}.service-row{grid-template-columns:30px 1fr auto}.service-row h3{font-size:31px}.service-row p{font-size:12px}.service-row .signal b,.service-row .signal i{display:none}.about{min-height:auto}.about h2{margin-top:70px;font-size:15vw}.about h2 em{margin-left:8%}.about-copy{grid-template-columns:1fr;width:81%;margin-top:60px}.process-head{display:block}.process-head h2{margin-top:32px}.process-track{grid-template-columns:1fr}.process-track>div{border-right:0;border-bottom:1px solid var(--ink);min-height:245px}.process-track>div:last-child{border-bottom:0}.process-track h3{margin-top:110px}.easter{text-align:right;width:auto}.contact{min-height:88svh}.contact h2{font-size:15.4vw}.contact-link{flex-direction:column;gap:16px;font-size:8.8vw}.contact-bottom span:nth-child(2){display:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}