/* Progressive enhancements: all content remains available without scripts. */
html{scroll-padding-top:110px}header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.94);backdrop-filter:blur(16px);padding-top:18px;padding-bottom:18px}.menu-toggle{display:none;background:transparent;color:var(--paper);border:1px solid #777;border-radius:30px;min-height:44px;padding:8px 16px;font:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--lime);outline-offset:5px}nav a{transition:color .2s,background .2s,border-color .2s;min-height:44px;display:flex;align-items:center}.nav-contact:hover{border-color:var(--lime)}.nav-contact span{display:inline-block;transition:transform .25s}.nav-contact:hover span{transform:translate(3px,-3px)}.circle-link{transition:background .25s,color .25s,transform .25s}.circle-link:hover{transform:translateY(4px)}.hero-copy{animation:enter .8s both}.hero-art{animation:enter 1s .12s both}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.65,.3,1)}.reveal.revealed{opacity:1;transform:none}.service-symbol{transition:transform .6s}.service{transition:border-color .3s}.project-art{transition:box-shadow .4s}.type-experiment,.web-study,.experience>p{transition:transform .65s cubic-bezier(.2,.65,.3,1)}.hero-copy,.hero-art,.service>*,.project,.about>*,.steps>*{min-width:0}.section-note,.about p,.service p{overflow-wrap:break-word}.concept{max-width:100%;white-space:normal;font-size:.75rem}.tags li,.eyebrow,.art-caption,.hero-art p{font-size:.75rem}.number,nav,.contact-pending span,.steps span,footer p{font-size:.875rem}.study-top,.study-bottom{font-size:.75rem;flex-wrap:wrap}.hero-art img{object-fit:contain}.contact-pending{flex-wrap:wrap}.steps article:nth-child(2){transition-delay:.06s}.steps article:nth-child(3){transition-delay:.12s}.steps article:nth-child(4){transition-delay:.18s}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(hover:hover) and (pointer:fine){.service:hover{border-color:var(--lime)}.service:hover .service-symbol{transform:rotate(35deg)}.project:hover .type-experiment{transform:translateX(8px)}.project:hover .web-study{transform:rotate(-1deg) translateY(-5px)}.project:hover .experience>p{transform:translateX(8px)}.project:hover .project-art{box-shadow:0 12px 28px #0002}.steps article:hover{border-color:var(--lime)}}@media(min-width:761px) and (max-width:1050px){nav{gap:18px}.hero{min-height:620px;gap:15px}.service{grid-template-columns:35px 1fr 1.25fr;gap:20px}.service-symbol{display:none}.project-art{padding:20px;min-height:420px}.type-experiment{font-size:clamp(55px,7.5vw,78px)}.about{gap:28px}}@media(max-width:760px){html{scroll-padding-top:92px}header{padding:15px 6%;flex-direction:row;align-items:center;flex-wrap:wrap;gap:10px}.enhanced .menu-toggle{display:flex;gap:20px;align-items:center}.menu-toggle span{transition:transform .25s}.menu-open .menu-toggle span{transform:rotate(45deg)}header nav{width:100%;flex-wrap:wrap}.enhanced header nav{position:absolute;top:100%;left:0;background:#101010;border-bottom:1px solid #444;display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:16px 6% 24px;visibility:hidden;opacity:0;transform:translateY(-8px);transition:opacity .22s,transform .22s,visibility .22s}.enhanced header.menu-open nav{visibility:visible;opacity:1;transform:none}header nav a{padding:12px;min-height:48px;font-size:1rem}.nav-contact{justify-content:space-between;margin-top:4px}.hero{padding-top:36px}.hero-art img{max-width:320px}.project-art{min-height:380px}.web-study{width:100%;padding:18px}.section{padding-top:64px;padding-bottom:64px}.service h3{font-size:clamp(1.75rem,6vw,2.5rem)}.steps p{max-width:none}.contact h2{font-size:clamp(2.9rem,9vw,4.8rem)}.experience-note{font-size:.875rem}.hero-art p{letter-spacing:1px}}@media(max-width:400px){.wordmark{font-size:24px}.menu-toggle{font-size:.875rem;padding:8px 12px}.hero h1{font-size:clamp(2.9rem,12vw,3.8rem)}.project-art{padding:18px}.type-experiment{font-size:clamp(3.3rem,19vw,4.7rem)}.web-study p{font-size:2.35rem}.experience>p{font-size:clamp(3rem,17vw,4rem)}.steps{grid-template-columns:1fr}.contact-pending{gap:15px}.section h2{overflow-wrap:break-word}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}