:root{--paper:#ececea;--ink:#111;--fade:#1112;--blue:#145cff;--mono:"DM Mono",monospace;--sans:"Space Grotesk",sans-serif}*{box-sizing:border-box}html,body{margin:0;overflow:hidden;background:var(--paper);color:var(--ink)}body{font:12px/1.35 var(--mono)}.spine{position:fixed;z-index:4;left:0;top:0;bottom:0;width:58px;border-right:1px solid #1112;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:18px 0}.spine b{font:600 25px/.8 var(--sans);writing-mode:vertical-rl;letter-spacing:-.12em}.spine small{font-size:9px;line-height:1.35;writing-mode:vertical-rl;transform:rotate(180deg);color:#555}.nav{position:fixed;z-index:3;top:10.5vh;left:9vw;display:grid;gap:8px}.nav small{color:#777;margin-bottom:12px}.nav button{border:0;background:none;padding:0;text-align:left;color:#1114;font:500 clamp(18px,1.8vw,30px)/.9 var(--sans);letter-spacing:-.07em;cursor:pointer;transition:.25s}.nav button:hover,.nav button.active{color:var(--ink);transform:translateX(7px)}.utility{position:fixed;z-index:3;top:8.5vh;left:45%;display:flex;gap:12vw;font-size:10px}.utility b{font-weight:400}.metadata{position:absolute;left:26%;top:22%;z-index:2;display:grid;gap:5vh}.metadata div:nth-child(2){margin-left:10vw}.metadata div:nth-child(3){margin-left:-4vw}.metadata div:nth-child(4){position:fixed;right:30%;top:10%}.metadata small{color:#777}.metadata p{margin:3px 0 0;font-size:11px}.art{position:absolute;z-index:1;left:34%;top:18%;width:28vw;height:53vh;min-width:360px;min-height:410px}.poster{position:relative;width:100%;height:100%;overflow:hidden;background:#222;transform:rotate(-3deg);transition:.65s cubic-bezier(.22,1,.36,1)}.poster:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(115deg,#111 0 8%,#494945 8.3% 10%,#222 10.5% 18%);mix-blend-mode:screen}.poster .F{position:absolute;z-index:2;left:15%;top:17%;font:700 min(32vw,500px)/.7 var(--sans);color:var(--paper);letter-spacing:-.2em;mix-blend-mode:exclusion}.texture{position:absolute;inset:-20%;background:radial-gradient(circle at 70% 30%,var(--blue),transparent 4%),linear-gradient(90deg,transparent 48%,#fff3 50%,transparent 52%);animation:drift 7s linear infinite}.poster small{position:absolute;z-index:3;left:12px;bottom:10px;color:var(--paper);font-size:9px}@keyframes drift{to{transform:translateX(12%)}}.catalogue{position:fixed;z-index:3;right:8vw;top:19%;width:19vw;min-width:230px;display:grid;gap:1.1vh}.project{border:0;background:none;text-align:left;padding:0;cursor:pointer;opacity:.13;transition:opacity .35s,transform .35s;color:var(--ink)}.project.active,.project:hover{opacity:1}@media(min-width:951px){.project.active,.project:hover{transform:translateX(-10px)}}.project small{font-size:9px;color:#666}.project b{display:block;font:600 clamp(21px,2.3vw,38px)/.86 var(--sans);letter-spacing:-.08em}.project p{margin:5px 0 0;padding-top:6px;border-top:1px solid #1113;max-width:240px;font-size:10px}.selected{position:fixed;z-index:2;left:18%;bottom:3vh}.selected small{display:block;position:absolute;top:10px;left:-1vw}.selected strong{font:600 clamp(180px,20vw,320px)/.65 var(--sans);letter-spacing:-.13em}.selected i{font-style:normal;font-size:15px;vertical-align:top}.selected:after{content:"";position:absolute;width:22vw;height:14vh;left:17%;top:30%;background:#111;transform:rotate(4deg);z-index:-1;opacity:.15;transition:.6s}#overlay{position:fixed;z-index:10;inset:0;display:none;padding:14vh 15vw;background:var(--paper)}#overlay.open{display:block;animation:open .45s ease}@keyframes open{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}#close{position:absolute;top:30px;right:35px;border:0;background:none;font:10px var(--mono);cursor:pointer}#overlay h1{margin:0 0 35px;font:600 clamp(70px,12vw,210px)/.72 var(--sans);letter-spacing:-.12em}#overlay p{max-width:650px;font:400 20px/1.35 var(--sans);letter-spacing:-.04em}.play-items{display:flex;gap:4vw;margin-top:10vh;font:600 30px/.9 var(--sans);letter-spacing:-.07em}.contact{margin-top:13vh}.contact a{font:600 clamp(32px,6vw,85px)/1 var(--sans);color:inherit}@media(max-width:950px){.spine{width:40px}.nav{left:17vw;top:8vh}.utility{left:auto;right:18px;top:22px;font-size:8px}.utility span:first-child{display:none}.metadata{left:18%;top:29%;gap:3vh}.metadata div:nth-child(2),.metadata div:nth-child(3),.metadata div:nth-child(4){margin-left:0;position:static}.art{left:50%;top:40%;width:59vw;height:36vh;min-width:0;min-height:0;transform:translateX(-50%)}.catalogue{left:16%;right:10%;top:auto;bottom:5%;width:auto;display:flex;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;gap:16px}.catalogue .project{scroll-snap-align:center}.project{min-width:110px}.project b{font-size:16px}.project p{display:none}.selected{left:11%;bottom:20%}.selected strong{font-size:35vw}#overlay{padding:14vh 15vw}}