header{position:absolute;inset:0 0 auto;z-index:5;background:transparent;color:white;height:100px;border-bottom:1px solid #ffffff35;margin:0 4%;padding:0}.brand{font-size:38px;letter-spacing:7px}.hero{height:100svh;max-height:none;min-height:650px}.hero-top{top:130px}.shade{background:linear-gradient(180deg,#0008,transparent 45%,#0009)}.hero-copy{display:block;bottom:18%;left:7%}.hero-signature{font-size:12px;letter-spacing:5px;margin:0 0 24px}h1{font-size:clamp(75px,9vw,155px);letter-spacing:-5px}.hero-copy>a{position:absolute;right:0;bottom:0}.hero-bottom{padding-top:20px;border-top:1px solid #ffffff45;bottom:25px}.intro{padding-top:140px;padding-bottom:140px}.story-step>*{background:transparent!important;padding:0;text-shadow:0 2px 18px #000}.story-step{background:linear-gradient(90deg,transparent 58%,#0008)}.story-step h3{margin:22px 0}.story-status{border-bottom:1px solid #ffffff45;padding-bottom:20px}.story-title h2{font-size:clamp(70px,8vw,130px)}.reading-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:#aaa;z-index:100;transform:scaleX(0);transform-origin:left}.works{background:#fafafa}.project-card{background:#fafafa}.project-caption{border-bottom:1px solid #ccc;padding-bottom:25px}.filters button{border-radius:0;border:0;border-bottom:1px solid #bbb;background:transparent}.filters .active{background:transparent;color:#111;border-bottom:2px solid #111}.project-visual{height:72vh}.project-visual .overlay{font-size:clamp(35px,3.8vw,62px);max-width:70%}.project-visual .arrow{border:1px solid #ffffff80;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:25px}.dialog-top{background:#f8f8f8}.contact-links a:hover,.text-link:hover{opacity:.6}@media(max-width:760px){header{height:80px;margin:0 6%}.brand{font-size:27px}nav{gap:15px}nav a:nth-child(2),nav a:nth-child(3){display:none}.hero{min-height:600px}.hero-top{top:110px}.hero-copy{left:6%;bottom:23%}h1{font-size:67px;letter-spacing:-3px}.hero-signature{font-size:10px;letter-spacing:3px}.hero-copy>a{position:static;margin-top:26px}.intro{padding-top:75px;padding-bottom:75px}.story-step{padding-left:32%;background:linear-gradient(90deg,transparent,#0008)}.story-step h3{font-size:25px}.story-title h2{font-size:54px}.story-step p{font-size:13px}.project-visual{height:58svh;min-height:350px}.project-visual .overlay{max-width:85%;font-size:36px}}@media(prefers-reduced-motion:reduce){.story-step{background:#171717}}
