:root{--blue:#08f;--grey-stop:#f1f1f1;--muted:rgba(0,0,0,.3);--fg:#000;--fade:1200ms cubic-bezier(0.65,0,0.35,1)}*{margin:0;padding:0;box-sizing:border-box}body,html{min-height:100%}body{font-family:forma-djr-micro,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;color:var(--fg);-webkit-font-smoothing:antialiased}.page{background:#fff;min-height:100vh;min-height:100dvh;display:flex;padding:clamp(16px,3.2vw,48px)}.frame{position:relative;isolation:isolate;flex:1 1;display:flex;flex-direction:column;padding:clamp(8px,1.5vw,12px);background:linear-gradient(to bottom,#fff,var(--grey-stop))}.frame:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(to bottom,#fff,var(--blue));opacity:0;transition:opacity var(--fade);pointer-events:none}.page.blue .frame:after{opacity:1}.nav{display:flex;justify-content:space-between;align-items:baseline;gap:16px}.nav-right{display:flex;gap:clamp(24px,6vw,88px)}.nav-link{color:var(--muted);text-decoration:none;font-weight:500;font-size:clamp(12px,1.1vw,14px);line-height:.9;letter-spacing:.01em;transition:color .25s ease;-webkit-tap-highlight-color:transparent}.nav-link:hover,.nav-link[data-active]{color:var(--fg)}.content{flex:1 1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start}.hero{font-weight:500;font-size:clamp(44px,11.5vw,132px);line-height:.92;letter-spacing:-.02em}.copy{max-width:min(542px,100%);display:flex;flex-direction:column;gap:1.2em;font-size:clamp(17px,2.3vw,22px);line-height:1.2}.accent-word{font:inherit;border:none;background:none;padding:0;cursor:pointer;color:var(--blue);transition:color var(--fade);-webkit-tap-highlight-color:transparent}.page.blue .accent-word{color:#fff}.work{display:flex;gap:clamp(24px,6vw,96px);font-size:clamp(17px,2.3vw,22px);line-height:1.2}.work-col{list-style:none;display:flex;flex-direction:column}.work-col--muted{color:var(--muted)}.email{color:var(--fg);text-decoration:none;font-size:clamp(17px,2.3vw,22px);line-height:1.2}.email:hover{text-decoration:underline}@media (max-width:767px){.hero{white-space:nowrap;font-size:10.5vw}.work{font-size:13px;gap:18px}.work-col li{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.accent-word,.frame:after{transition-duration:1ms}}