:root{--bg: #F7F7F5;--text: #0E0E0D;--muted: #63635F;--accent: #C9C9C6;--line: #D9DBDB;--yellow: #FFD20A;--font: "Hanken Grotesk", system-ui, sans-serif;--font-head: "Big Shoulders Display", "Arial Narrow", sans-serif;--gutter: clamp(16px, 5vw, 80px);--swap: 0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:18px;line-height:1.5;overflow-x:clip;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3{font-family:var(--font-head);font-weight:800;line-height:.95;margin:0;text-transform:uppercase;letter-spacing:.005em}h2{font-size:clamp(52px,8vw,128px)}p{margin:0}a{color:inherit}:focus-visible{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px var(--text)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.paper,#stage,#sketch{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.paper{z-index:0;background:#fcfcfb}#stage{z-index:1;opacity:var(--swap)}#sketch{z-index:2;overflow:visible;opacity:calc(1 - var(--swap));pointer-events:none}body.stage-failed #stage{display:none}#page{position:relative;z-index:10}.nav{position:fixed;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:16px var(--gutter);transition:color .25s}body.nav-dark .nav{color:var(--bg)}.nav a{text-decoration:none;font-weight:600;font-size:16px}.nav__logo{display:block;color:var(--text)}.nav__logo svg{display:block;width:40px;height:40px;filter:drop-shadow(0 0 1px #FFF) drop-shadow(0 0 3px rgba(255,255,255,.85))}.nav nav{display:flex;gap:clamp(16px,3vw,40px)}.nav nav a{padding:10px 0;background:linear-gradient(var(--accent),var(--accent)) left bottom 6px / 0 3px no-repeat;transition:background-size .25s}.nav nav a:hover{background-size:100% 3px}#book{position:relative;height:1700vh}.intro{position:fixed;inset:auto 0 3.5vh;text-align:center;opacity:0;transition:opacity .7s;pointer-events:none}.intro p{font-size:26px;color:var(--muted)}.intro span{font-size:15px;font-weight:600}body.sketched .intro{opacity:calc(1 - var(--swap))}body.on-project #book{cursor:zoom-in}.caption{position:fixed;left:0;right:0;bottom:3.5vh;display:flex;justify-content:center;gap:14px;align-items:baseline;opacity:0;transition:opacity .3s;pointer-events:none;font-size:15px;color:var(--muted)}.caption strong{font-family:var(--font-head);font-size:24px;text-transform:uppercase;color:var(--text)}body.on-project .caption{opacity:1}.work-fallback-title,.work-grid{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}body.stage-failed #book{height:auto;padding:16vh var(--gutter) 10vh}body.stage-failed #sketch{position:relative;height:90vh;opacity:1}body.stage-failed .intro,body.stage-failed .caption{display:none}body.stage-failed .work-fallback-title{position:static;width:auto;height:auto;clip-path:none;margin-bottom:32px}body.stage-failed .work-grid{position:static;width:auto;height:auto;clip-path:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:40px 24px}.work-card{background:none;border:0;padding:0;text-align:left;font:inherit;color:inherit;cursor:pointer}.work-card__img{display:block;aspect-ratio:4 / 3;overflow:hidden}.work-card__text{display:flex;flex-direction:column;padding-top:12px}.work-card__text strong{font-family:var(--font-head);font-size:28px;text-transform:uppercase}.work-card__text span{color:var(--muted);font-size:16px}.btn{display:inline-block;margin-top:6px;padding:15px 28px;min-height:44px;background:var(--text);color:var(--bg);font-weight:600;text-decoration:none;box-shadow:6px 6px 0 var(--bg);transition:transform .2s,box-shadow .2s}.btn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--bg)}.stage-cover{position:relative}.arsetco{background:#fff;color:var(--text);padding:18vh var(--gutter);min-height:80vh;display:flex;align-items:center;justify-content:space-between;gap:clamp(32px,6vw,96px);border-top:8px solid var(--yellow)}.arsetco>div{display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:880px}.arsetco h2{font-size:clamp(46px,6.4vw,104px)}.arsetco h2 span{box-shadow:inset 0 -.14em 0 var(--yellow)}.arsetco__logo{width:226px;height:auto;flex:none;object-fit:contain;background:#fff;padding:14px;box-sizing:content-box}.arsetco .btn{box-shadow:6px 6px 0 var(--yellow)}.arsetco .btn:hover{box-shadow:3px 3px 0 var(--yellow)}.footer{min-height:100vh;background:var(--text);color:var(--bg);padding:22vh var(--gutter) 40px;display:flex;flex-direction:column;gap:30px}.footer__email{font-family:var(--font-head);font-weight:500;font-size:clamp(34px,7.4vw,124px);line-height:1;text-decoration-color:var(--accent);text-decoration-thickness:4px;text-underline-offset:10px;overflow-wrap:anywhere}.footer__row{margin-top:auto;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px 40px;border-top:1px solid #4b4b47;padding-top:18px}.footer__small{color:#a3a39e;font-size:15px}.project{width:min(1180px,100vw - 32px);max-height:calc(100dvh - 32px);padding:0;border:3px solid var(--text);background:var(--bg);color:var(--text)}.project::backdrop{background:#0e0e0dcc}.project__inner{padding:clamp(18px,3vw,36px);position:relative}.project h3{font-size:clamp(36px,5vw,68px);padding-right:80px}.project__meta{color:var(--muted);margin:8px 0 22px}.project__images{display:grid;gap:14px}.project__images img{height:auto}.project__close{position:absolute;top:clamp(14px,3vw,32px);right:clamp(14px,3vw,32px);min-height:44px;padding:8px 16px;background:var(--text);color:var(--bg);border:0;font:600 16px var(--font);cursor:pointer}@media (max-width: 768px){html,body{font-size:17px}.nav{padding:12px 16px}.nav__logo svg{width:34px;height:34px}h2{font-size:15vw}.arsetco{flex-direction:column;align-items:flex-start}.arsetco__logo{width:150px}.caption{flex-direction:column;gap:0;align-items:center;bottom:12vh}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}