@font-face{font-family:FilmBodoni;src:local('Bodoni 72 Book'),local('Bodoni 72');font-weight:400;font-style:normal;font-display:swap}
:root{color-scheme:dark;--background:#171717;--text:#f0eee8;--muted:#bbbcb6;--serif:FilmBodoni,Didot,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}
html{background:var(--background);scroll-padding-top:0}
body{margin:0;background:var(--background);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer;background:none;border:0;padding:0}
a:focus-visible,button:focus-visible{outline:2px solid var(--text);outline-offset:8px}
.skip{position:fixed;top:-100px;left:24px;z-index:100;background:var(--background);padding:16px}.skip:focus{top:12px}
.header{position:fixed;inset:0 0 auto;z-index:10;height:90px;padding:0 4.45vw;display:flex;align-items:center;justify-content:space-between;background:var(--background)}
.identity{font-size:27.5px;min-height:44px;display:inline-flex;align-items:center;letter-spacing:.025em;font-weight:700}
nav{display:flex;align-items:center;gap:24px}
nav a,nav button{font-size:15px;min-height:44px;min-width:44px;padding:12px 6px;display:inline-flex;align-items:center;justify-content:center;line-height:1.4;font-weight:700;letter-spacing:.045em}
nav a:hover,nav button:hover{color:#c3c1bb}
.project{position:relative;isolation:isolate;height:100svh;min-height:650px;overflow:hidden;background:var(--background)}
.visual{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.ice{object-position:57% center}.embrace{object-position:center center}
.shade{position:absolute;inset:0;z-index:-1;background:transparent}
.project-copy{position:absolute;left:4.45vw;right:4.45vw;bottom:10.5%;max-width:900px;text-shadow:0 1px 4px rgba(0,0,0,.65)}
h1,h2{font-family:var(--serif);font-size:clamp(64px,7.35vw,118px);font-weight:400;letter-spacing:-.025em;line-height:1.02;margin:0 0 24px}
.metadata{display:flex;gap:32px;align-items:center;font-size:15px;line-height:1.5;margin:0 0 32px;color:var(--text)}
.project-link{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.045em;padding:13px 0 9px;border-bottom:1px solid var(--text)}
.project-link:hover{border-bottom-width:2px;padding-bottom:8px}
footer{min-height:220px;padding:70px 4.45vw;display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #292b28;font-size:13px;color:var(--muted)}
footer p{margin:0;line-height:1.8}.footer-name{font-size:16px;font-weight:700;color:var(--text);margin-bottom:6px}
footer a{font-size:11px;font-weight:700;color:var(--text);letter-spacing:.04em}
.prototype-label{color:#858781}
.notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20;max-width:calc(100vw - 32px);width:max-content;background:#090909;border:1px solid #53564f;padding:20px 24px;font-size:14px;line-height:1.5;box-shadow:0 4px 28px #0005}
.notice:not([hidden]){display:flex;align-items:center;gap:28px}.notice button{font-size:11px;font-weight:700;flex-shrink:0}
@media(min-width:1800px){.header{height:100px}.project-copy{max-width:1100px}}
@media(max-width:700px){.header{height:76px;padding:0 22px}.identity{font-size:21.25px}nav{gap:5px}nav a,nav button{font-size:11.25px;letter-spacing:0;padding:12px 4px}.project{min-height:600px}.project-copy{left:24px;right:24px;bottom:12%}h1,h2{font-size:62px}.metadata{font-size:13px;gap:20px}.ice{object-position:57% center}.embrace{object-position:50% center}.shade{background:transparent}footer{padding:44px 24px;flex-wrap:wrap}.prototype-label{display:none}.notice{font-size:12px;padding:16px;gap:15px}}

@media(max-width:420px){.header{padding:0 16px;gap:4px}.identity{font-size:21.25px;white-space:nowrap}nav{gap:0}nav a,nav button{padding:12px 3px}}

.friday{object-position:52% center}.sabotage{object-position:50% 46%}
@media(max-width:700px){#friday-title,#sabotage-title{font-size:clamp(38px,8.5vw,59px)}}