:root{--white:#f5f4f0;--black:#050505}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--black);color:var(--white);font-family:Manrope,Arial,sans-serif}.site-header{position:fixed;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:27px 32px}.brand{color:var(--white);text-decoration:none;font-size:24px;font-weight:700;letter-spacing:-1.8px}.brand span{font-size:7px;vertical-align:top;margin-left:2px;letter-spacing:0}.menu{border:0;background:transparent;width:42px;height:28px;display:flex;flex-direction:column;justify-content:center;gap:7px;cursor:pointer}.menu i{display:block;background:var(--white);height:1px;width:100%}.showcase,.track,.project{height:100svh}.track{position:relative;overflow:hidden}.project{position:absolute;inset:0;opacity:0;visibility:hidden;cursor:pointer;transition:opacity .72s ease,visibility .72s}.project.is-active{opacity:1;visibility:visible}.project:focus-visible{outline:2px solid #fff;outline-offset:-8px}.project img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.94)}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.1) 56%,rgba(0,0,0,.28)),linear-gradient(0deg,rgba(0,0,0,.52),transparent 38%)}.copy{position:absolute;left:8.2vw;top:47%;max-width:540px;transform:translateY(-50%)}.copy p,.copy small{margin:0;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:600}.copy h1{font-family:"DM Serif Display",Georgia,serif;font-size:clamp(40px,5.1vw,76px);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:10px 0 25px}.copy h1 em{font-style:italic}.project h2{position:absolute;right:8.2vw;bottom:11vh;margin:0;font-size:clamp(28px,3.7vw,55px);font-weight:300;line-height:.88;letter-spacing:-.07em;text-align:right}.controls{position:absolute;left:8.2vw;bottom:10.5vh;z-index:2;display:flex;align-items:center;gap:20px}.controls button{border:0;background:none;color:var(--white);font:300 33px/1 Manrope;cursor:pointer;padding:0}.controls span{font-size:10px;letter-spacing:.15em}.controls b{font-weight:600}.controls i{font-style:normal;opacity:.55}.progress{position:absolute;z-index:2;left:32px;right:32px;bottom:31px;height:1px;background:rgba(255,255,255,.28)}.progress span{display:block;height:100%;width:20%;background:var(--white);transition:width .45s ease}@media(max-width:650px){.site-header{padding:20px}.copy{left:24px;right:24px;top:48%;max-width:380px}.copy h1{font-size:47px}.project h2{right:24px;bottom:18vh}.controls{left:24px;bottom:12vh}.progress{left:20px;right:20px;bottom:20px}}