@font-face{font-family:Italiana;font-style:normal;font-weight:400;font-display:swap;src:url('assets/italiana.ttf') format('truetype')}@font-face{font-family:'DM Sans';font-style:normal;font-weight:400 500;font-display:swap;src:url('assets/dm-sans.ttf') format('truetype')}
:root{--paper:#e9e5da;--ink:#302e28;--line:#b9b5a9;--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;border:0;background:none;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid currentColor;outline-offset:7px}::selection{background:#a19073;color:#fff}header{position:fixed;z-index:20;top:0;width:100%;padding:31px 4.2%;display:flex;align-items:center;justify-content:space-between;transition:color .6s}body.night{--ink:#e9e3dc;--line:#827480}body.night header,body.night .chapter-rail{color:#e9e3dc}.brand{font-family:var(--serif);font-size:38px;letter-spacing:7px;line-height:1}.brand span{display:block;font-family:var(--sans);font-size:7px;letter-spacing:2.7px;margin-top:9px}.header-right{display:flex;align-items:center;gap:45px;font-size:10px}.header-right button{padding:8px 0}.menu-mark{font-size:22px;margin-left:22px;vertical-align:middle}.sound-bars{display:inline-flex;gap:3px;align-items:center;height:14px;margin-right:9px}.sound-bars i{height:4px;width:1px;background:currentColor}.sound-bars i:nth-child(2){height:10px}.sound-bars i:nth-child(3){height:7px}#sound[aria-pressed=true] i{animation:sound 1s infinite alternate}#sound i:nth-child(2){animation-delay:.3s}#sound i:nth-child(3){animation-delay:.6s}.world{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:#e9e5da;transition:opacity .6s,background 1.2s}.world-halo{position:absolute;width:62vw;height:62vw;right:-4vw;top:50%;transform:translateY(-50%);border-radius:50%;background:radial-gradient(circle,#dbc8a7 0,rgba(220,206,179,.5) 35%,transparent 69%)}#scene{width:100%;height:100%;position:absolute;inset:0}.fallback-vessel{position:absolute;width:38vw;height:80vh;right:11%;top:12%;filter:drop-shadow(20px 30px 20px #40351a22);animation:float 8s ease-in-out infinite}body.webgl .fallback-vessel{display:none}.grain{position:absolute;inset:-30%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}main{position:relative}.chapter{height:115vh;min-height:720px;position:relative}.hero{height:100svh;min-height:720px}.eyebrow{font-size:9px;letter-spacing:2px;line-height:1.6}.hero-eyebrow{position:absolute;top:24%;left:8.4%;display:flex;gap:47px}.hero h1{position:absolute;top:29%;left:8%;margin:0;font-family:var(--serif);font-size:clamp(76px,8.7vw,160px);font-weight:400;line-height:.91;letter-spacing:-4px}em{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.065em}.hero-copy{position:absolute;top:64%;left:8.4%;font-size:12px;line-height:1.9}.hero-foot{position:absolute;bottom:7%;left:8.4%;right:6%;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;font-size:9px;line-height:1.8;letter-spacing:1px}.scroll-link{display:flex;gap:16px;align-items:center}.arrow{border:1px solid #9d9887;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;font-size:15px;transition:transform .3s}.scroll-link:hover .arrow{transform:translateY(5px)}.hero-caption{text-align:center}.hero-caption small{font-size:7px;letter-spacing:2px;opacity:.65}.edition{text-align:right;font-size:8px}.margin-note{position:absolute;left:3%;top:47%;writing-mode:vertical-rl;font-size:7px;letter-spacing:2px;transform:rotate(180deg)}.hotspot{position:absolute;top:49%;right:15%;display:flex;align-items:center;gap:12px;z-index:2;padding:14px}.hotspot>span{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;font-size:20px;opacity:.7;transition:transform .4s,background .4s}.hotspot small{font-size:7px;letter-spacing:1.5px;opacity:.8}.hotspot:hover>span{transform:rotate(90deg);background:#ffffff22}.hotspot.holding>span{background:#eee9db;box-shadow:0 0 0 16px #eee9db33}.interlude{position:relative;height:110vh;min-height:700px;background:#e9e5da;color:#302e28;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:100px 25px}.interlude h2{font-family:var(--serif);font-weight:400;font-size:clamp(45px,5.8vw,95px);line-height:1.08;margin:45px 0 30px;letter-spacing:-2px}.interlude h2 em{font-size:.88em}.interlude p{font-size:12px;line-height:2;color:#726e64}.interlude-bottom{position:absolute;bottom:8%;font-size:8px;letter-spacing:2px}.chapter-copy{position:absolute;left:8.4%;top:33%}.chapter-copy h2{font-family:var(--serif);font-size:clamp(70px,8.4vw,140px);font-weight:400;line-height:1.1;letter-spacing:-3px;margin:22px 0}.chapter-copy p{font-family:Georgia,serif;font-size:20px;line-height:1.7}.notes{display:flex;flex-direction:column;gap:9px;font-size:8px;letter-spacing:1.6px;margin:30px 0}.text-button{font-size:10px;padding:10px 0;border-bottom:1px solid currentColor}.text-button span{margin-left:45px}.chapter-bottom{position:absolute;bottom:8%;left:8.4%;right:6%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px}.chapter-rail{position:fixed;z-index:10;right:3%;top:45%;display:flex;flex-direction:column;gap:25px;color:#302e28;transition:opacity .5s}.chapter-rail a{display:flex;align-items:center;gap:10px;font-size:7px}.chapter-rail span{opacity:0;transition:opacity .4s}.chapter-rail i{height:4px;width:4px;border:1px solid currentColor;border-radius:50%;transition:transform .5s}.chapter-rail .active i{background:currentColor;transform:scale(1.7)}.chapter-rail .active span,.chapter-rail a:hover span{opacity:1}.journal{background:#e9e5da;color:#302e28;padding:110px 8.4% 130px}.journal-heading{position:relative}.journal h2{font-family:var(--serif);font-weight:400;font-size:clamp(50px,5.8vw,90px);line-height:1.04;margin:32px 0 60px;letter-spacing:-2px}.journal-heading p{position:absolute;right:0;bottom:0;font-size:11px;line-height:1.9}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.film{padding:0;text-align:left}.film-art{height:330px;position:relative;overflow:hidden;background:#af9674}.film-art:after{content:'';position:absolute;inset:0;background:linear-gradient(30deg,#0004,transparent 70%)}.blue{background:#98adb3}.violet{background:#65556b}.film-sculpture{position:absolute;width:110px;height:180px;left:50%;top:50%;margin:-90px -55px;border-radius:40% 40% 30% 30%;background:repeating-linear-gradient(0deg,#0002 0 2px,transparent 3px 7px),linear-gradient(100deg,#362518,#d5ba8e 48%,#796040 65%,#33271e);box-shadow:20px 26px 40px #0004;animation:film-turn 9s ease-in-out infinite}.blue .film-sculpture{background:repeating-linear-gradient(0deg,#fff2 0 2px,transparent 3px 7px),linear-gradient(100deg,#283c40,#b8d2d4 48%,#65888d 65%,#1c303b);animation-delay:-3s;border-radius:50% 50% 30% 30%}.violet .film-sculpture{background:repeating-linear-gradient(0deg,#fff2 0 2px,transparent 3px 7px),linear-gradient(100deg,#201528,#bca0b5 48%,#6c506f 65%,#251832);animation-delay:-6s}.film-orbit{position:absolute;inset:15%;border:1px solid #eee6d64d;border-radius:50%;transform:rotate(-30deg) scaleX(.6);animation:orbit 14s linear infinite}.water-rings{position:absolute;inset:20% -20%;border-radius:50%;border:1px solid #e5f6fb55;box-shadow:0 0 0 30px #e5f6fb22,0 0 0 60px #e5f6fb11;animation:ripple 6s infinite}.record{position:absolute;z-index:2;left:18px;right:18px;top:18px;font-size:7px;letter-spacing:1px;color:#eee9dc}.record b{float:right;font-weight:400}.film-caption{display:flex;justify-content:space-between;margin-top:16px;font-size:8px;letter-spacing:1px}.film:hover .film-sculpture{animation-duration:3s}footer{position:relative;overflow:hidden;padding:70px 4.2% 25px;background:#dcd7cb;color:#302e28}.footer-top{display:flex;justify-content:space-between;align-items:center;padding:0 4.6%}.footer-top p{font-family:var(--serif);font-size:32px;line-height:1.2}.footer-top a{font-size:9px;border-bottom:1px solid #8d8778;padding:10px 0}.footer-wordmark{font-family:var(--serif);font-size:25.1vw;line-height:1.2;letter-spacing:.04em;display:block;margin:5px -1.1%;text-align:center}.colophon{border-top:1px solid #aaa496;padding-top:22px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.loader{position:fixed;inset:0;z-index:100;background:#e9e5da;color:#302e28;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform 1.1s cubic-bezier(.76,0,.24,1);pointer-events:none}.loader.done{transform:translateY(-101%)}.loader-name{font-family:var(--serif);font-size:80px;letter-spacing:12px}.loader-line{display:flex;justify-content:space-between;width:240px;font-size:7px;letter-spacing:1px;margin:45px 0 15px}.loader-track{width:240px;height:1px;background:#ccc6b9}.loader-track i{display:block;width:0;height:1px;background:#302e28;transition:width .1s}.cursor{position:fixed;z-index:90;left:0;top:0;width:28px;height:28px;border:1px solid #b5a792;border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:width .3s,height .3s;mix-blend-mode:difference;display:none}.cursor span{position:absolute;inset:10px;border-radius:50%;background:#e9e5da;animation:breathe 3s infinite}.cursor.hover{width:60px;height:60px}.cursor.hover span{inset:26px}#wake{position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.5}.memory-reveal{position:fixed;inset:0;background:#16131bea;z-index:35;color:#e9e3d9;display:flex;align-items:center;justify-content:center;flex-direction:column;opacity:0;pointer-events:none;transition:opacity .8s;text-align:center;padding:40px}.memory-reveal.visible{opacity:1}.memory-reveal span{font-size:8px;letter-spacing:3px}.memory-reveal p{font-family:Georgia,serif;font-size:clamp(25px,4vw,64px);font-style:italic;max-width:850px;line-height:1.4}dialog{border:0;background:#e9e5da;color:#302e28;padding:100px 8%;width:min(800px,90vw);max-height:90svh;box-shadow:0 20px 100px #0002}dialog::backdrop{background:#211e1acc;backdrop-filter:blur(10px)}.close{position:absolute;right:35px;top:25px;font-size:9px}.close span{font-size:24px;margin-left:20px}.close:hover span{color:#9b7950}dialog h2{font-family:var(--serif);font-size:70px;font-weight:400;letter-spacing:-2px;margin:30px 0}dialog p{font-family:Georgia,serif;font-size:19px;line-height:1.7}.detail-rule{height:1px;background:#b9b3a5;margin:35px 0}.detail-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;font-size:7px;letter-spacing:1px}#collection-menu{width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:15vh 15%}#collection-menu>a:not(.menu-journal){display:flex;align-items:baseline;font-family:var(--serif);font-size:clamp(48px,6vw,90px);border-bottom:1px solid #bbb5a8;padding:15px 0}#collection-menu small{font-family:var(--sans);font-size:9px;letter-spacing:1px;margin-right:30px}#collection-menu em{margin-left:auto;font-size:15px;letter-spacing:0;color:#82796c}.menu-journal{display:block;font-size:11px;margin-top:35px}.menu-bottom{position:absolute;bottom:6%;font-size:8px;letter-spacing:2px}body.modal-open{overflow:hidden}@keyframes float{50%{transform:translateY(-15px) rotate(3deg)}}@keyframes film-turn{50%{transform:rotate(9deg) translateY(-10px) scaleX(.85)}}@keyframes orbit{50%{transform:rotate(40deg) scaleX(.8)}}@keyframes ripple{50%{transform:scale(1.1)}}@keyframes sound{to{height:12px}}@keyframes breathe{50%{opacity:.4;transform:scale(.6)}}
@media(pointer:fine){.cursor{display:block}}@media(max-width:700px){header{padding:25px 6%}.brand{font-size:29px}.brand span{font-size:6px}.header-right{gap:20px}.header-right button{font-size:8px}#sound-label{display:none}.menu-mark{margin-left:8px}.hero{min-height:740px}.hero-eyebrow{top:20%;left:8%;gap:20px;font-size:7px}.hero h1{top:25%;font-size:19vw;letter-spacing:-2px;z-index:1}.hero-copy{top:46%;font-size:10px}.hero-foot{bottom:5%;left:8%;right:8%;grid-template-columns:1fr auto;gap:20px;font-size:7px}.hero-caption{text-align:right}.edition{display:none}.world-halo{width:110vw;height:110vw;top:62%;right:-25vw}.fallback-vessel{width:70vw;height:50vh;right:-5%;top:43%}.hero .hotspot{top:68%;right:7%}.margin-note{display:none}.chapter{min-height:800px;height:115svh}.hero{height:100svh}.chapter-copy{top:18%;z-index:1}.chapter-copy h2{font-size:17vw;margin:15px 0}.chapter-copy p{font-size:16px}.notes{font-size:7px;margin:20px 0;gap:6px}.chapter .hotspot{top:72%;right:7%}.chapter-bottom{font-size:6px;bottom:5%;right:8%}.chapter-rail{right:4%;top:45%;gap:22px}.interlude{min-height:680px;height:100svh}.interlude h2{font-size:11vw;letter-spacing:-1px}.interlude p{font-size:11px;max-width:300px}.desktop{display:none}.journal{padding:80px 8%}.journal-heading p{position:static;margin:-30px 0 40px}.film-grid{grid-template-columns:1fr;gap:35px}.film-art{height:360px}.footer-top{align-items:start;gap:25px;padding:0}.footer-top p{font-size:22px;margin-top:0}.footer-top a{font-size:7px;max-width:100px;line-height:1.8}.colophon{flex-wrap:wrap;gap:15px;font-size:6px;line-height:1.6}.colophon span:nth-child(2){order:3;width:100%}.footer-wordmark{font-size:25vw;margin:40px 0 20px}dialog{padding:70px 8% 35px}dialog h2{font-size:55px}dialog p{font-size:16px}.detail-bottom{font-size:6px}#collection-menu{padding:18vh 8%}#collection-menu>a:not(.menu-journal){font-size:12vw}#collection-menu small{margin-right:18px}#collection-menu em{font-size:10px}#wake{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}#wake,.cursor{display:none}.loader{display:none}}

.loader-line{align-items:center;width:300px}.loader-line #load-percent{font-family:var(--serif);font-size:55px;letter-spacing:-2px}.loader-line #load-percent:after{content:"%";font-size:18px;margin-left:5px;vertical-align:top;line-height:2}.loader-track{width:300px}

.hotspot{color:#faf5e9;text-shadow:0 1px 12px #0003}.hotspot small{opacity:1}.hero .hotspot{mix-blend-mode:difference}

.hold{touch-action:none;user-select:none;-webkit-user-select:none}