:root{--bg: #ffffff;--text: #000000;--gray: #868686;--gray-dark: #4f4f4f;--border: #e7e7e7;--panel: #f5f5f5;--font-sans: "Geist", "Inter", system-ui, -apple-system, sans-serif;--font-mono: "Geist Mono", "Fragment Mono", ui-monospace, monospace;--page-pad: clamp(16px, 2.5vw, 40px);--max-width: 2048px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.5;letter-spacing:-.02em;-webkit-font-smoothing:antialiased}img,video,iframe{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:var(--max-width);margin:0 auto;padding-inline:var(--page-pad)}.mono-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;text-transform:uppercase;color:var(--gray)}.page-title{font-size:clamp(48px,8vw,112px);font-weight:500;letter-spacing:-.04em;line-height:1.05}.page-title .count{font-family:var(--font-mono);font-size:.22em;font-weight:400;color:var(--gray);vertical-align:super;letter-spacing:0}.body-text{color:var(--gray-dark);max-width:62ch}.nav{position:sticky;top:0;z-index:50;background:var(--bg);display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:18px var(--page-pad)}.nav-brand strong{display:block;font-size:14px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.nav-brand span{display:block;font-size:11px;color:var(--gray);letter-spacing:-.01em}.nav-links{display:flex;gap:28px;font-family:var(--font-mono);font-size:13px;text-transform:uppercase;letter-spacing:.01em;padding-top:4px}.nav-links a{position:relative}.nav-links a .count{color:var(--gray);margin-left:2px}.nav-links a:after{content:"";position:absolute;left:0;bottom:-3px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-links a:hover:after,.nav-links a[aria-current=page]:after{transform:scaleX(1)}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px) 16px}.work-card .thumb{overflow:hidden;background:var(--panel);aspect-ratio:16 / 9}.work-card .thumb img,.work-card .thumb video{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1)}.work-card:hover .thumb img,.work-card:hover .thumb video{transform:scale(1.03)}.work-card .mono-label{margin-top:14px}.work-card h3{font-size:24px;font-weight:500;letter-spacing:-.02em;margin-top:2px}.split-section{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-block:clamp(56px,8vw,120px)}.split-section>.label h2{font-size:clamp(32px,3.5vw,48px);font-weight:500;letter-spacing:-.03em;position:sticky;top:96px}.split-section>.label .count{font-family:var(--font-mono);font-size:14px;color:var(--gray);vertical-align:super;margin-left:6px;font-weight:400}.footer{padding:clamp(56px,8vw,120px) var(--page-pad) 24px}.footer-email{font-size:clamp(24px,3.5vw,44px);font-weight:500;letter-spacing:-.03em;cursor:pointer;background:none;border:none;font-family:inherit;color:inherit;text-align:left;padding:0;position:relative}.footer-email .copied{position:absolute;top:-1.4em;left:0;font-family:var(--font-mono);font-size:12px;text-transform:uppercase;color:var(--gray);opacity:0;transition:opacity .2s ease}.footer-email.is-copied .copied{opacity:1}.footer-note{margin-top:12px;color:var(--gray);white-space:pre-line}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(48px,7vw,110px);font-size:13px;color:var(--gray)}.footer-bottom a:hover{color:var(--text)}.reveal .w{color:var(--border);transition:color .35s ease}.reveal .w.on{color:inherit}.media-stack{display:grid;gap:16px;margin-top:clamp(40px,6vw,96px)}.media-stack .embed{position:relative;aspect-ratio:16 / 9;background:var(--panel)}.media-stack .embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.mixtape-grid{columns:3;column-gap:16px}.mixtape-grid>*{break-inside:avoid;margin-bottom:16px}@media(max-width:1199px){.mixtape-grid{columns:2}}@media(max-width:809px){.nav{padding-block:14px}.nav-links{gap:16px;font-size:12px;flex-wrap:wrap;justify-content:flex-end}.nav-brand span{display:none}.work-grid{grid-template-columns:1fr}.split-section{grid-template-columns:1fr;gap:24px}.split-section>.label h2{position:static}.mixtape-grid{columns:1}}
