:root{--yellow: #f5d10a;--ink: #0b0b0a}*{box-sizing:border-box}html,body{margin:0;background:var(--yellow);color:var(--ink)}#ink{position:fixed;inset:0;width:100vw;height:100vh;display:block;z-index:0;pointer-events:none}main>section{position:relative}body{font-family:Albert Sans,system-ui,sans-serif;-webkit-font-smoothing:antialiased}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.bar{position:fixed;inset:0 0 auto;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;pointer-events:none}.bar>*{pointer-events:auto}.x{background:var(--yellow);border:0;border-radius:99px;font:700 18px/1 Albert Sans;color:var(--ink);cursor:pointer;padding:4px 6px}.mark{position:absolute;left:50%;top:16px;transform:translate(-50%);width:34px;height:18px;border:2px solid var(--ink);border-radius:50%;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px)}nav{display:flex;gap:6px}nav a{font:700 12px/1 Albert Sans;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--yellow);text-decoration:none;padding:6px 12px;border:1.5px solid var(--ink);border-radius:99px}@media (hover: hover){nav a:hover{background:var(--ink);color:var(--yellow)}}.hero{position:relative;height:100vh;height:100svh;overflow:hidden}#stage{position:absolute;inset:0;width:100%;height:100%;display:block}.tag{position:absolute;z-index:2;margin:0;font:800 12px/1.1 Albert Sans;text-transform:uppercase;letter-spacing:-.01em;max-width:16em;left:var(--tag-x, 7vw);top:var(--tag-y, 30vh);pointer-events:none}.dots{position:absolute;left:22px;bottom:26px;font:800 18px/1 Albert Sans}.down{position:absolute;left:50%;bottom:24px;transform:translate(-50%);font:500 18px/1 Albert Sans}.profile{padding:18vh 6vw 10vh}.kicker{font:700 12px/1 Albert Sans;text-transform:uppercase;margin:0 0 22px}.statement{margin:0;max-width:88vw;font:600 clamp(26px,4.6vw,76px)/.88 "Albert Sans";letter-spacing:-.045em;text-transform:uppercase}.statement .lead{display:block;padding-left:34vw}.work{padding:6vh 4vw 16vh}.grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:4vh 4vw}.grid li{position:relative;display:grid;grid-template-columns:1fr auto;align-items:end;padding-top:2vh}.grid li:nth-child(3n+2){transform:translateY(-3vh)}.grid img{grid-column:1 / -1;justify-self:center;width:min(19vw,290px);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(60,40,0,.28));transition:transform .5s cubic-bezier(.2,.8,.2,1)}@media (hover: hover){.grid li:hover img{transform:translateY(-10px) rotate(-4deg) scale(1.06)}}.client{font:700 13px/1 Albert Sans;margin-top:10px}.client sup{font-size:12px;font-weight:500;vertical-align:top}.grid i{width:10px;height:10px;border-radius:50%;background:var(--ink);margin-top:10px}.contact{min-height:78vh;min-height:78svh;background:var(--ink);color:var(--yellow);display:grid}.contact .in{position:relative;display:grid;place-items:center}.reach{position:relative;text-align:center}.reach h2{margin:0;font:800 clamp(64px,12.5vw,220px)/.85 "Albert Sans";letter-spacing:-.05em;text-transform:uppercase}.hand{position:absolute;left:50%;top:50%;width:min(32vw,480px);transform:translate(-46%,-62%);pointer-events:none;animation:wave 4s ease-in-out infinite;transform-origin:50% 90%}@keyframes wave{0%,to{transform:translate(-46%,-62%) rotate(-5deg)}50%{transform:translate(-46%,-66%) rotate(6deg)}}.mail{position:absolute;right:.4em;top:100%;margin-top:22px;font:600 13px/1 Albert Sans;color:var(--yellow);text-decoration:none}@media (hover: hover){.mail:hover{text-decoration:underline}}.legal{position:absolute;left:22px;bottom:22px;margin:0;font:700 12px/1.2 Albert Sans;text-transform:uppercase}.pills{position:absolute;right:22px;bottom:22px;display:flex;gap:4px}.pills a{font:700 12px/1 Albert Sans;color:var(--ink);background:var(--yellow);padding:5px 9px;border-radius:99px;text-decoration:none}.js [data-rise]{transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}.js [data-rise]:not(.risen){opacity:0;transform:translateY(40px)}@media (prefers-reduced-motion: reduce){.hand{animation:none}.js [data-rise]:not(.risen){transform:none}}@media (max-width: 640px){.grid{grid-template-columns:repeat(2,1fr)}.grid img{width:38vw}.statement .lead{padding-left:12vw}nav a{padding:6px 9px}.mark{display:none}.mail{position:static;display:block;margin-top:22vw}.hand{width:44vw}}