:root{--black:#0d0c0a;--bone:#eeeae1;--ash:#aaa397;--copper:#bd8653;--line:rgba(238,234,225,.18);--serif:'Italiana',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{margin:0;background:var(--black);color:var(--bone);font:16px var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}header{position:fixed;z-index:10;inset:0 0 auto;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;border-bottom:1px solid var(--line);mix-blend-mode:difference;color:white}.brand{font-weight:600;letter-spacing:.22em}.brand span{display:block;font-size:.5rem;letter-spacing:.38em;margin-top:3px;opacity:.7}.coordinates{font-size:.62rem;letter-spacing:.18em;opacity:.7}.selection-open{border:0;background:none;color:inherit;font-size:.65rem;letter-spacing:.15em;cursor:pointer}.selection-open b{display:inline-grid;place-items:center;width:22px;height:22px;border:1px solid #777;border-radius:50%;margin-left:.6rem}.chapter{min-height:100svh;scroll-snap-align:start}.rings{position:fixed;z-index:8;left:2.5vw;top:50%;transform:translateY(-40%);display:grid;gap:.7rem;width:150px}.rings a{display:flex;gap:.7rem;font-size:.56rem;letter-spacing:.11em;color:#8b857c;transition:.3s}.rings a span{width:20px}.rings a.active{color:#fff;transform:translateX(5px)}.ring-shape{width:70px;height:70px;position:relative;margin:0 0 1rem -10px}.ring-shape i{position:absolute;border:1px solid rgba(189,134,83,.4);border-radius:48% 52% 45% 55%}.ring-shape i:nth-child(1){inset:0}.ring-shape i:nth-child(2){inset:9px 7px 8px 10px}.ring-shape i:nth-child(3){inset:18px 15px 17px 21px}.ring-shape i:nth-child(4){inset:28px 24px 26px 31px;background:var(--copper)}.opening{position:relative;overflow:hidden}.opening>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.04)}.veil{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,6,.96),rgba(8,7,6,.68) 48%,rgba(8,7,6,.1)),linear-gradient(0deg,rgba(8,7,6,.7),transparent 45%)}.opening-copy{position:absolute;z-index:2;left:15vw;top:48%;transform:translateY(-50%)}.overline{font-size:.62rem;font-weight:600;letter-spacing:.23em;color:#c69b72}.opening h1{font:400 clamp(3.8rem,7.2vw,8rem)/.91 var(--serif);letter-spacing:-.025em;margin:.35em 0}.opening h1 em,.passport h2 em,.maker h2 em{font-style:italic;color:#c69568}.scroll-call{position:absolute;z-index:2;bottom:3vw;left:15vw;font-size:.62rem;letter-spacing:.14em}.scroll-call span{margin-left:1rem}.edition-mark{position:absolute;right:3.2vw;bottom:3vw;z-index:2;font-size:.55rem;letter-spacing:.14em;line-height:1.7;text-align:right;color:#aaa}.edition-mark strong{color:#fff}.artwork{display:grid;grid-template-columns:58% 42%;background:#14120f}.artwork.reverse{direction:rtl}.artwork>*{direction:ltr}.art-visual{position:relative;height:100svh;overflow:hidden}.art-visual img{width:100%;height:100%;object-fit:cover}.passport{padding:14vh 5vw 7vh;display:flex;flex-direction:column;justify-content:center}.passport h2{font:400 clamp(4.2rem,7vw,8rem)/.78 var(--serif);margin:.32em 0}.story{max-width:480px;color:#aaa397;line-height:1.75}.passport dl{border-top:1px solid var(--line);margin:2rem 0}.passport dl div{display:flex;justify-content:space-between;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.68rem;letter-spacing:.1em}.passport dt{color:#827b72}.passport dd{margin:0}.ownership{margin-top:auto;display:flex;align-items:center;justify-content:space-between}.ownership>strong{font:1.4rem var(--serif)}.select,.commission{border:0;background:var(--bone);color:#17130f;padding:1rem 1.2rem;font-size:.65rem;letter-spacing:.12em;cursor:pointer}.select span,.commission span{margin-left:2rem}.hotspot{position:absolute;z-index:3;width:34px;height:34px;border:1px solid #ddd;border-radius:50%;background:rgba(10,9,7,.3);color:#fff;backdrop-filter:blur(4px);cursor:pointer}.hotspot:after{content:'';position:absolute;inset:-8px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:pulse 2s infinite}.h1{left:66%;top:35%}.h2{left:57%;top:69%}.h3{left:42%;top:56%}.h4{left:55%;top:63%}@keyframes pulse{50%{transform:scale(1.2);opacity:0}}.material-note{position:absolute;z-index:3;left:2rem;bottom:2rem;max-width:310px;background:rgba(13,12,10,.82);padding:.85rem 1rem;font-size:.68rem;line-height:1.5;letter-spacing:.06em}.maker{padding:18vh 15vw 0;background:#e7e1d7;color:#181511;display:flex;flex-direction:column}.maker .overline{color:#8d5e37}.maker h2{font:400 clamp(3rem,6vw,7rem)/.96 var(--serif);margin:.3em 0}.maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;max-width:800px;color:#5e574d;line-height:1.7}.maker .commission{align-self:flex-start;margin-top:2rem;background:#181511;color:#fff}.maker footer{margin-top:auto;border-top:1px solid #bdb5a9;padding:2rem 0;display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.1em}.maker footer em{font:1rem var(--serif);letter-spacing:0}.selection{position:fixed;z-index:30;top:0;right:0;width:min(470px,100%);height:100%;background:#ebe6dc;color:#17140f;padding:2rem;display:flex;flex-direction:column;transform:translateX(105%);transition:.4s}.selection.open{transform:none}.selection-head{display:flex;justify-content:space-between;border-bottom:1px solid #c5bdb0;padding-bottom:1.5rem;font-size:.7rem;letter-spacing:.15em}.selection-close{border:0;background:none;font-size:2rem}.selection-items,#selection-items{flex:1;padding:2rem 0}.empty{color:#777067}.item{display:flex;justify-content:space-between;border-bottom:1px solid #cec6ba;padding:1rem 0}.item button{border:0;background:none;color:#885c39}.selection-foot{border-top:1px solid #c5bdb0;padding-top:1.5rem}.selection-foot>div{display:flex;justify-content:space-between;font-size:.75rem;margin-bottom:1.2rem}.selection-foot button{width:100%;border:0;background:#17140f;color:#fff;padding:1rem;font-size:.65rem;letter-spacing:.12em}.selection-foot small{display:block;color:#746d63;line-height:1.5;margin-top:1rem}.backdrop{position:fixed;z-index:20;inset:0;background:rgba(0,0,0,.7);opacity:0;pointer-events:none;transition:.3s}.backdrop.show{opacity:1;pointer-events:auto}.toast{position:fixed;z-index:40;left:50%;bottom:2rem;transform:translate(-50%,120px);background:#eee9df;color:#17140f;padding:.9rem 1.2rem;font-size:.72rem;transition:.3s}.toast.show{transform:translate(-50%,0)}
@media(max-width:850px){header{height:68px;padding:0 1rem}.coordinates,.rings{display:none}.opening-copy{left:1.2rem;right:1rem;top:43%}.opening h1{font-size:clamp(3.4rem,16vw,5.5rem)}.scroll-call{left:1.2rem;bottom:1.5rem}.edition-mark{right:1rem;bottom:1.5rem}.artwork,.artwork.reverse{display:block;direction:ltr}.art-visual{height:58svh}.passport{min-height:70svh;padding:4rem 1.2rem}.passport h2{font-size:4.2rem}.ownership{margin-top:2rem}.maker{padding:7rem 1.2rem 0}.maker-grid{grid-template-columns:1fr;gap:1rem}.maker footer{display:grid;gap:1rem;margin-top:5rem}.material-note{left:1rem;bottom:1rem;right:1rem}.select span{margin-left:.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hotspot:after{animation:none}.selection,.toast,.backdrop{transition:none}}