:root{font-family:Manrope,Arial,sans-serif;color:#44372b;background:#cbbba3;font-synthesis:none;font-weight:400;--edge:clamp(24px,4.3vw,76px);--ink:#44372b;--intro:1;--journey:0;color-scheme:light}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #6c432b;outline-offset:7px}button{border:0;background:none}a{color:inherit;text-decoration:none}button span{display:inline-block}#experience{position:relative;width:100%;height:100%;height:100svh;isolation:isolate;overflow:hidden}#landscape{position:absolute;inset:0}canvas{display:block;width:100%;height:100%;touch-action:none;outline:none}.vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 57% 43%,transparent 32%,rgba(69,40,15,.12) 100%);z-index:1}.grain{position:absolute;inset:-50%;width:200%;height:200%;opacity:.035;pointer-events:none;z-index:2;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='.95' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.6' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}.masthead{position:absolute;top:max(30px,env(safe-area-inset-top));left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:space-between;z-index:5}.atelier{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.14em;font-weight:600;line-height:1.45}.seal{width:35px;height:35px}.edition{position:absolute;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:.2em;white-space:nowrap}.edition-divider{margin:0 22px;opacity:.45}.text-button{font-size:11px;letter-spacing:.01em;padding:10px 0}.text-button span{margin-left:24px;font-size:17px;transition:transform .3s}.text-button:hover span{transform:translate(2px,-2px)}.intro{position:absolute;top:27%;left:var(--edge);z-index:3;opacity:var(--intro);transform:translateY(calc(var(--journey) * -35px));pointer-events:auto}.eyebrow{font-size:9px;font-weight:500;letter-spacing:.22em;display:flex;align-items:center;gap:12px;margin:0 0 27px}.small-rule{width:25px;height:1px;background:currentColor;opacity:.7}h1{font-family:Cormorant Garamond,Baskerville,Times New Roman,serif;font-weight:300;font-size:clamp(85px,9.3vw,166px);line-height:.79;letter-spacing:-.055em;margin:0 0 30px -5px}h1>span:first-of-type{letter-spacing:-.045em}.title-period{color:#8c5b3e;letter-spacing:-.1em;font-size:.8em}.intro-note{font-family:Cormorant Garamond,Baskerville,serif;font-weight:400;font-size:clamp(19px,1.55vw,25px);line-height:1.3;margin:0 0 30px;letter-spacing:.005em}.enter-button{display:flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #75614b88;border-radius:0;padding:15px 20px;font-size:10px;letter-spacing:.04em;transition:background .3s,border-color .3s}.enter-button:hover{background:#ede0ca55;border-color:#75614b}.enter-button>span{font-size:17px;line-height:1;transition:transform .3s}.enter-button:hover>span{transform:translate(2px,-2px)}.side-note{position:absolute;right:var(--edge);top:43%;display:flex;align-items:center;gap:18px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.22em;opacity:var(--intro);pointer-events:none;z-index:3}.side-note i{height:44px;width:1px;background:#66513e66}.colophon{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.12em;border-top:1px solid #705b4238;padding-top:17px;z-index:3;opacity:var(--intro);pointer-events:none}.material-note{position:absolute;left:50%;transform:translate(-50%)}.material-note i{font-style:normal;margin:0 12px}.journey-caption{position:absolute;left:52%;bottom:13.5%;display:flex;align-items:baseline;gap:15px;z-index:3;pointer-events:none;opacity:var(--intro)}.journey-caption>span:first-child{font-size:9px;letter-spacing:.1em;opacity:.65}.journey-caption>span:last-child{font:italic 19px Cormorant Garamond,Baskerville,serif}.approach{position:absolute;right:var(--edge);bottom:14%;display:flex;align-items:center;gap:12px;z-index:3;font-size:8px;letter-spacing:.16em;opacity:var(--intro);pointer-events:none}.scroll-track{height:1px;width:50px;background:#62472e35}.scroll-track i{display:block;width:100%;height:100%;background:#60442e;transform-origin:left;transform:scaleX(max(.08,var(--journey)))}.down-arrow{font-size:17px}.explore-top{position:absolute;top:110px;left:var(--edge);display:flex;align-items:center;gap:10px;opacity:0;transition:opacity .8s;pointer-events:none;font-size:8px;letter-spacing:.18em;z-index:3}.live-dot{width:5px;height:5px;border-radius:50%;background:#79543b}.explore-controls{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:var(--edge);right:var(--edge);display:flex;align-items:center;justify-content:space-between;z-index:5;border-top:1px solid #705b4255;padding-top:15px;animation:arrive .8s both}.explore-controls[hidden]{display:none}.control-button{font-size:10px;letter-spacing:.03em;min-height:35px;padding:4px 0}.control-button>span{font-size:17px;vertical-align:-1px;margin:0 9px}.gesture-hint{font-size:9px;letter-spacing:.03em;opacity:.75}.gesture-hint i{font-style:normal;margin:0 10px}.explore-actions{display:flex;align-items:center;gap:28px}.help-open{border:1px solid #72543f88;width:27px;height:27px;min-height:27px;border-radius:50%;font:15px Cormorant Garamond,serif}.exploring .intro{pointer-events:none}.exploring .explore-top{opacity:1}.exploring canvas{cursor:grab}.exploring canvas:active{cursor:grabbing}.loading{position:absolute;inset:0;z-index:20;background:#cbbba3;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;transition:opacity 1.2s,visibility 1.2s}.loading p{font-size:9px;letter-spacing:.28em}.loading-orbit{border:1px solid #65503d44;border-top-color:#65503d;border-radius:50%;width:35px;height:35px;animation:orbit 2.5s linear infinite}.loading.ready{opacity:0;visibility:hidden;pointer-events:none}.error-state{position:absolute;inset:0;background:#d4c4ac;padding:var(--edge);z-index:21;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.error-state[hidden]{display:none}.error-state h2{font:300 64px Cormorant Garamond,serif;margin:0}.error-state>p{max-width:440px;font-size:13px;line-height:1.7}.error-state .enter-button{margin-top:15px}dialog{position:fixed;border:1px solid #80694e44;background:#e7ddcc;color:var(--ink);padding:64px 60px 30px;width:min(520px,calc(100vw - 36px));max-height:calc(100svh - 40px);box-shadow:0 25px 100px #3a281326;z-index:30}dialog::backdrop{background:#3b30233b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-close{position:absolute;right:22px;top:16px;font:300 30px Cormorant Garamond,serif;min-width:36px;min-height:36px}dialog h2{font:300 56px/.96 Cormorant Garamond,Baskerville,serif;letter-spacing:-.03em;margin:35px 0 27px}dialog h2 em{font-weight:300}dialog>p:not(.eyebrow){font-size:12px;line-height:1.9;opacity:.85}.dialog-foot{font-size:8px;letter-spacing:.16em;border-top:1px solid #705b4233;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between}.instructions{margin:30px 0}.instructions>div{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #705b4233;padding:14px 0;font-size:11px}.instructions dt{font-weight:600}.instructions dd{margin:0;text-align:right;opacity:.8}.help-note{font-family:Cormorant Garamond,serif!important;font-size:18px!important;font-style:italic}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes arrive{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1700px){.intro{top:29%}.intro-note{margin-bottom:40px}.enter-button{padding:18px 24px}}@media(max-width:900px){.edition{display:none}h1{font-size:clamp(80px,12vw,110px)}.intro{top:29%}.journey-caption{left:54%;bottom:22%}.material-note{display:none}.gesture-hint{max-width:240px;text-align:center;line-height:1.8}.side-note{right:25px}.approach{bottom:15%}.year{font-size:7px}.explore-actions{gap:14px}}@media(max-width:600px){:root{--edge:25px}.masthead{top:max(25px,env(safe-area-inset-top))}.atelier{font-size:8px;gap:9px}.seal{width:29px;height:29px}.text-button{font-size:10px}.text-button span{margin-left:12px}.intro{top:18%;left:var(--edge)}.eyebrow{font-size:7px;letter-spacing:.18em;margin-bottom:20px}.small-rule{width:18px}h1{font-size:clamp(72px,18.8vw,104px);line-height:.79;margin-bottom:20px}.intro-note{font-size:17px;line-height:1.25;margin:0 0 21px}.enter-button{padding:13px 15px;font-size:9px;gap:24px;background:#deceb622}.side-note{right:16px;top:44%;font-size:6px;gap:12px}.journey-caption{left:var(--edge);bottom:16%;gap:9px}.journey-caption>span:last-child{font-size:16px}.journey-caption>span:first-child{font-size:7px}.approach{right:var(--edge);bottom:16%;gap:8px;font-size:6px}.scroll-track{width:24px}.down-arrow{font-size:14px}.colophon{font-size:6px;letter-spacing:.08em;bottom:max(22px,env(safe-area-inset-bottom));padding-top:14px}.year{max-width:110px;text-align:right;line-height:1.7;font-size:6px}.explore-top{top:82px;font-size:7px}.explore-controls{bottom:max(22px,env(safe-area-inset-bottom));padding-top:10px;flex-wrap:wrap;row-gap:4px}.gesture-hint{order:3;width:100%;max-width:none;text-align:left;font-size:8px;opacity:.75}.control-button{font-size:9px}.control-button>span{margin-left:0}.explore-actions{gap:20px}.gesture-hint i{margin:0 5px}dialog{padding:48px 28px 24px}dialog h2{font-size:48px}dialog .eyebrow{font-size:7px}.instructions>div{font-size:10px}}@media(max-height:650px)and (min-width:601px){.masthead{top:20px}.intro{top:23%}h1{font-size:85px}.eyebrow{margin-bottom:20px}.intro-note{font-size:18px;margin-bottom:18px}.enter-button{padding:11px 15px}.colophon{bottom:18px}.journey-caption{bottom:21%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}}@media(min-width:601px)and (max-width:900px)and (orientation:portrait){.intro{top:18%}.journey-caption{left:var(--edge);bottom:16%}}@media(max-width:600px){.side-note{display:none}.help-open{width:34px;height:34px;min-height:34px}.dialog-close{min-width:44px;min-height:44px}}