:root{--ink:#0b0b0b;--paper:#f2f0e9;--white:#fff;--orange:#ff4b18;--blue:#1746ff;--yellow:#e9ff52;--line:rgba(11,11,11,.25);--sans:"Arial Black",Arial,sans-serif;--body:"Helvetica Neue",Arial,sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.45;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:auto}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.cursor{position:fixed;width:18px;height:18px;border-radius:50%;background:var(--orange);mix-blend-mode:multiply;pointer-events:none;z-index:120;transform:translate(-50%,-50%);transition:width .25s,height .25s;display:none}@media(pointer:fine){.cursor{display:block}}.header{height:80px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.1rem,3vw,3.5rem);position:fixed;inset:0 0 auto;z-index:50;background:rgba(242,240,233,.9);backdrop-filter:blur(14px);border-bottom:2px solid var(--ink)}.logo{font-family:var(--sans);font-size:1.5rem;letter-spacing:-.08em}.logo span{color:var(--orange)}.nav,.actions{display:flex;gap:clamp(1rem,2.3vw,2.5rem);align-items:center}.actions{justify-content:flex-end}.nav a,.actions a{font-family:var(--mono);font-size:.64rem;letter-spacing:.09em;text-transform:uppercase}.nav a:hover,.nav a[aria-current=page],.actions a:hover{background:var(--yellow)}.menu-toggle{display:none;background:none;border:0;width:42px}.menu-toggle span{height:2px;background:var(--ink);display:block;margin:7px}.hero{min-height:100svh;padding-top:80px;display:grid;grid-template-columns:.85fr 1.15fr;border-bottom:2px solid var(--ink)}.hero-copy{padding:clamp(3rem,7vw,7rem) clamp(1.2rem,5vw,5.5rem);display:flex;flex-direction:column;justify-content:space-between;background:var(--orange)}.label{font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}.hero h1,h1,h2,h3{font-family:var(--sans);font-weight:900;text-transform:uppercase;letter-spacing:-.075em;line-height:.82;margin:0}.hero h1{font-size:clamp(5rem,11vw,11rem);writing-mode:vertical-rl;transform:rotate(180deg);height:max-content}.hero-intro{font-size:clamp(1.1rem,1.6vw,1.5rem);max-width:28rem;margin:2rem 0}.hero-media{position:relative;overflow:hidden}.hero-media img{height:100%;object-fit:cover}.hero-stamp{position:absolute;right:2rem;bottom:2rem;width:150px;height:150px;border-radius:50%;background:var(--yellow);display:grid;place-items:center;text-align:center;font-family:var(--mono);font-size:.66rem;text-transform:uppercase;animation:spin 14s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;min-width:210px;width:max-content;padding:.95rem 1.1rem;border:2px solid var(--ink);font-family:var(--mono);font-size:.63rem;letter-spacing:.1em;text-transform:uppercase;background:transparent;transition:.3s}.btn:after{content:"↗";font-size:1rem}.btn:hover{background:var(--ink);color:var(--paper)}.marquee{overflow:hidden;border-bottom:2px solid var(--ink);background:var(--yellow);padding:.9rem 0}.marquee-track{display:flex;width:max-content;animation:marquee 24s linear infinite}.marquee span{font-family:var(--sans);font-size:clamp(1.1rem,2vw,2rem);text-transform:uppercase;white-space:nowrap;padding:0 2rem}.marquee span:after{content:"✳";color:var(--blue);padding-left:4rem}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:clamp(5rem,10vw,10rem) clamp(1.2rem,4vw,5rem)}.section-head{display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end;margin-bottom:clamp(3rem,7vw,7rem)}.section-head h2{font-size:clamp(4rem,9vw,10rem);max-width:9ch}.section-head p{font-size:1.05rem;max-width:32rem;margin:0 0 .5rem auto}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1.3rem}.project-card{position:relative;overflow:hidden;border:2px solid var(--ink);min-height:620px;background:#ddd}.project-card:nth-child(1){grid-column:1/8}.project-card:nth-child(2){grid-column:8/13;margin-top:8rem}.project-card:nth-child(3){grid-column:2/6}.project-card:nth-child(4){grid-column:6/13;margin-top:5rem}.project-card img{height:100%;object-fit:cover;transition:.8s var(--ease)}.project-card:hover img{transform:scale(1.04) rotate(.3deg)}.project-info{position:absolute;left:0;right:0;bottom:0;background:var(--paper);border-top:2px solid var(--ink);padding:1rem;display:grid;grid-template-columns:1fr auto}.project-info h3{font-size:clamp(2.2rem,4vw,4.5rem)}.project-info p{grid-column:1/-1;margin:.4rem 0 0;font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.project-no{font-family:var(--mono)}.services{border-top:2px solid var(--ink)}.service-row{display:grid;grid-template-columns:100px 1fr auto;gap:2rem;align-items:center;padding:2rem 0;border-bottom:2px solid var(--ink);transition:.3s}.service-row:hover{background:var(--blue);color:#fff;padding-inline:1rem}.service-row h3{font-size:clamp(2.7rem,6vw,6.5rem)}.service-row p{max-width:31rem}.split{display:grid;grid-template-columns:1fr 1fr;min-height:760px;border-block:2px solid var(--ink)}.split-media{overflow:hidden}.split-media img{height:100%;object-fit:cover}.split-copy{padding:clamp(3rem,8vw,8rem);background:var(--blue);color:#fff;display:flex;flex-direction:column;justify-content:center}.split-copy h2{font-size:clamp(4rem,8vw,8rem)}.split-copy p{font-size:1.1rem;max-width:29rem;margin:2rem 0}.split-copy .btn{border-color:#fff}.split-copy .btn:hover{background:#fff;color:var(--blue)}.quote{padding:clamp(7rem,14vw,14rem) 1.5rem;text-align:center;background:var(--ink);color:#fff}.quote blockquote{font-family:var(--sans);font-size:clamp(3.5rem,8vw,9rem);line-height:.9;text-transform:uppercase;letter-spacing:-.07em;max-width:13ch;margin:auto}.quote em{color:var(--orange);font-style:normal}.quote cite{display:block;margin-top:2rem;font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.footer{padding:4rem clamp(1.2rem,4vw,5rem) 1.5rem;background:var(--yellow);border-top:2px solid var(--ink)}.footer-top{display:grid;grid-template-columns:1.3fr repeat(3,.55fr);gap:3rem;padding-bottom:4rem}.footer-brand .logo{display:block;margin-bottom:1rem}.footer-brand p{max-width:24rem}.footer h4{font-family:var(--mono);font-size:.6rem;text-transform:uppercase;margin:0 0 1.3rem}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:.6rem 0}.footer-bottom{border-top:2px solid var(--ink);padding-top:1.2rem;display:flex;justify-content:space-between;font-family:var(--mono);font-size:.6rem;text-transform:uppercase}.page-hero{padding:11rem clamp(1.2rem,4vw,5rem) 5rem;min-height:68vh;display:grid;grid-template-columns:1.3fr .7fr;gap:3rem;align-items:end;border-bottom:2px solid var(--ink);background:var(--paper)}.page-hero h1{font-size:clamp(5rem,13vw,13rem)}.page-hero p{font-size:1.12rem;max-width:34rem}.filter-bar{position:sticky;top:80px;z-index:20;display:flex;gap:.5rem;padding:1rem clamp(1.2rem,4vw,5rem);background:rgba(242,240,233,.93);backdrop-filter:blur(12px);border-bottom:2px solid var(--ink);flex-wrap:wrap}.filter-btn{border:2px solid var(--ink);background:none;padding:.6rem 1rem;font-family:var(--mono);font-size:.6rem;text-transform:uppercase}.filter-btn.active,.filter-btn:hover{background:var(--ink);color:#fff}.case-hero{height:90vh;position:relative;display:flex;align-items:flex-end;border-bottom:2px solid var(--ink)}.case-hero img{position:absolute;inset:0;height:100%;object-fit:cover}.case-title{position:relative;background:var(--orange);padding:2rem clamp(1.2rem,4vw,5rem);width:min(82%,1100px);border-top:2px solid var(--ink);border-right:2px solid var(--ink)}.case-title h1{font-size:clamp(4rem,10vw,10rem)}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid var(--ink)}.case-meta div{padding:1.3rem;border-right:2px solid var(--ink)}.case-meta span{display:block;font-family:var(--mono);font-size:.58rem;text-transform:uppercase}.case-story{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(3rem,8vw,9rem)}.case-story h2{font-size:clamp(4rem,8vw,8rem)}.case-story p{font-size:1.2rem}.image-full{border-block:2px solid var(--ink)}.image-full img{max-height:90vh;object-fit:cover}.values{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid var(--ink);border-left:2px solid var(--ink)}.value{min-height:300px;padding:1.5rem;border-right:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;flex-direction:column;justify-content:space-between}.value h3{font-size:2.3rem}.value:hover{background:var(--orange)}.journal-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.story-card:nth-child(1){grid-column:1/8}.story-card:nth-child(2){grid-column:9/13;margin-top:8rem}.story-card:nth-child(3){grid-column:2/6}.story-card:nth-child(4){grid-column:7/13;margin-top:4rem}.story-card img{aspect-ratio:4/3;object-fit:cover;border:2px solid var(--ink)}.story-card h2{font-size:clamp(2.5rem,5vw,5rem);margin:1rem 0}.story-card p{font-family:var(--mono);font-size:.64rem;text-transform:uppercase}.jobs{border-top:2px solid var(--ink)}.job{display:grid;grid-template-columns:1.3fr .7fr auto;align-items:center;gap:2rem;padding:1.8rem 0;border-bottom:2px solid var(--ink)}.job h2{font-size:clamp(2.4rem,5vw,5rem)}.job span{font-family:var(--mono);font-size:.62rem;text-transform:uppercase}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,9rem)}.contact-grid h2{font-size:clamp(4rem,8vw,8rem)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.field.full{grid-column:1/-1}.field label{display:block;font-family:var(--mono);font-size:.6rem;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;border:0;border-bottom:2px solid var(--ink);background:none;padding:.8rem 0;outline:none}.field textarea{min-height:130px}.toast{position:fixed;right:1.5rem;bottom:1.5rem;background:var(--blue);color:#fff;border:2px solid var(--ink);padding:1rem 1.4rem;z-index:120;transform:translateY(160%);transition:.5s var(--ease);font-family:var(--mono);font-size:.65rem;text-transform:uppercase}.toast.show{transform:none}.reveal{opacity:0;transform:translateY(38px);transition:.8s var(--ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){.nav,.actions{display:none}.header{grid-template-columns:1fr auto}.menu-toggle{display:block}.nav.open{display:flex;position:fixed;inset:80px 0 0;background:var(--orange);padding:3rem 1.5rem;flex-direction:column;align-items:flex-start}.nav.open a{font-family:var(--sans);font-size:3rem;letter-spacing:-.06em}.hero{grid-template-columns:1fr}.hero-copy{min-height:70vh}.hero h1{writing-mode:horizontal-tb;transform:none}.hero-media{min-height:70vh}.project-card:nth-child(n){grid-column:1/-1;margin-top:0}.split{grid-template-columns:1fr}.split-media{min-height:65vh}.values{grid-template-columns:repeat(2,1fr)}.footer-top{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.header{height:70px}.page-hero{grid-template-columns:1fr;padding-top:8rem}.section-head{grid-template-columns:1fr}.hero h1{font-size:clamp(4.6rem,25vw,7rem)}.project-card{min-height:520px}.service-row{grid-template-columns:1fr}.values{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.7rem}.filter-bar{top:70px}.case-meta{grid-template-columns:1fr 1fr}.case-story{grid-template-columns:1fr}.journal-grid{display:block}.story-card{margin:0 0 4rem!important}.job{grid-template-columns:1fr}.contact-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor{display:none}}
.reveal{transition:opacity .8s var(--ease),transform .8s var(--ease)}