:root{--ink:#111;--paper:#f3f0e8;--accent:#f4cf42;--rule:#111;--sans:Arial,Helvetica,sans-serif;--display:Impact,"Arial Narrow",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.45}a{color:inherit}button{font:inherit;color:inherit}.skip-link{position:fixed;top:-4rem;left:1rem;background:#fff;padding:.7rem 1rem;z-index:99}.skip-link:focus{top:1rem}:focus-visible{outline:4px solid var(--accent);outline-offset:3px}header{display:flex;align-items:center;padding:1.1rem 2vw;border-bottom:2px solid var(--rule);position:sticky;top:0;background:var(--paper);z-index:10}.wordmark{font-weight:900;text-transform:uppercase;text-decoration:none;letter-spacing:-.04em;margin-right:auto;font-size:1.2rem}nav{display:flex;gap:1.4rem}nav a{text-transform:uppercase;font-size:.78rem;font-weight:700}.menu{display:none;border:1px solid;padding:.5rem;background:transparent}.hero{min-height:85svh;padding:clamp(4rem,9vw,9rem) 2vw 0;overflow:hidden}.kicker,.section-title>p,.meta,.contact>p,dialog>p:first-of-type{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:700}.hero h1,.section-title h2,.statement strong,.contact h2{font-family:var(--display);text-transform:uppercase;line-height:.84;letter-spacing:-.035em;margin:.5rem 0}.hero h1{font-size:clamp(4.5rem,15vw,14rem);max-width:8ch}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:2rem;border-top:2px solid;padding:1.5rem 0 3rem}.hero-bottom p{font-size:1.2rem;max-width:36rem}.hero-bottom a{justify-self:end;font-weight:800;text-transform:uppercase}.ticker{display:flex;width:max-content;background:var(--ink);color:var(--paper);font-size:clamp(2rem,6vw,6rem);font-family:var(--display);text-transform:uppercase;padding:.18em 0;animation:roll 24s linear infinite}.ticker span{padding-right:.4em}@keyframes roll{to{transform:translateX(-50%)}}.work,.approach{padding:clamp(5rem,9vw,9rem) 2vw}.section-title{display:grid;grid-template-columns:1fr 2fr;gap:2rem;margin-bottom:5rem}.section-title h2{font-size:clamp(3rem,9vw,9rem)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5rem 2vw}.project{border-top:2px solid;padding-top:1rem}.project.feature{grid-column:span 2;display:grid;grid-template-columns:2fr 1fr;gap:2vw;align-items:end}.project.feature.reverse{grid-template-columns:1fr 2fr}.project.feature.reverse .project-image{order:2}.project-image{width:100%;aspect-ratio:4/3;border:0;display:flex;justify-content:space-between;align-items:flex-end;padding:1rem;cursor:pointer;font-size:1rem;font-weight:800;text-transform:uppercase;transition:transform .2s}.project-image:hover{transform:rotate(-.6deg) scale(.995)}.project-image span{font:8rem/1 var(--display);opacity:.7}.coral{background:#ff6f5e}.cobalt{background:#3354e6;color:#fff}.acid{background:#cbea46}.lilac{background:#c3a8e6}.project h3{font:clamp(2rem,5vw,5rem)/.9 var(--display);text-transform:uppercase;margin:.5rem 0}.statement{background:var(--accent);padding:clamp(5rem,10vw,10rem) 2vw;display:flex;flex-direction:column}.statement p{font-size:1.2rem}.statement strong{font-size:clamp(3.4rem,10vw,10rem)}.statement strong:last-child{align-self:flex-end}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid}.principles article{padding:1.5rem;border-right:2px solid;min-height:18rem}.principles article:last-child{border-right:0}.principles span{font-weight:900}.principles h3{font:2.3rem/1 var(--display);text-transform:uppercase;margin:5rem 0 1rem}.contact{padding:clamp(5rem,10vw,10rem) 2vw;background:#111;color:#fff}.contact h2{font-size:clamp(4rem,13vw,13rem);max-width:9ch}.contact button{background:var(--accent);border:0;padding:1rem 1.4rem;font-weight:900;text-transform:uppercase;cursor:pointer}.copy-status{font-size:.85rem}footer{display:flex;justify-content:space-between;padding:1.3rem 2vw;border-top:2px solid}dialog{width:min(760px,92vw);border:3px solid;padding:2rem;background:var(--paper);box-shadow:16px 16px 0 var(--accent)}dialog::backdrop{background:#111b}.close{float:right;border:0;background:transparent;font-size:2rem;cursor:pointer}dialog h2{font:clamp(2.5rem,7vw,6rem)/.9 var(--display);text-transform:uppercase}.modal-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:.5rem;clear:both}.modal-grid span{min-height:12rem;background:var(--accent)}.modal-grid span:nth-child(2){background:#111}.modal-grid span:nth-child(3){background:#ff6f5e}@media(max-width:700px){.menu{display:block}nav{display:none;position:absolute;right:2vw;top:100%;background:var(--paper);border:2px solid;padding:1rem;flex-direction:column}nav.open{display:flex}.hero-bottom,.section-title{grid-template-columns:1fr}.hero-bottom a{justify-self:start}.project-grid{grid-template-columns:1fr}.project.feature,.project.feature.reverse{grid-column:auto;display:block}.project.feature.reverse .project-image{order:0}.project{margin-bottom:2rem}.project-image span{font-size:5rem}.principles{grid-template-columns:1fr}.principles article{border-right:0;border-bottom:2px solid;min-height:13rem}.principles h3{margin-top:3rem}.statement strong:last-child{align-self:auto}footer{gap:1rem;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker{animation:none}}
