:root{--gold:#b8904c;--gold2:#e1c47b;--ink:#090909;--paper:#d7cdb9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#090909;color:#d8d0c1;font-family:Inter,sans-serif;overflow-x:hidden}.grain{position:fixed;inset:0;z-index:99;pointer-events:none;opacity:.08;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursorGlow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(190,142,61,.08),transparent 65%);pointer-events:none;z-index:2;transform:translate(-50%,-50%)}header{position:fixed;top:0;left:0;right:0;height:78px;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;border-bottom:1px solid #ffffff10;background:linear-gradient(#090909d9,transparent);backdrop-filter:blur(8px)}.sigil{font:600 21px 'Cormorant Garamond';letter-spacing:5px;color:var(--gold2);text-decoration:none}nav{display:flex;gap:28px;align-items:center}nav a,nav button{font:500 10px Inter;letter-spacing:2px;color:#aaa;text-decoration:none;background:none;border:0;cursor:pointer}.hero{height:100vh;min-height:720px;position:relative;display:flex;align-items:center;padding:7vw;background:radial-gradient(circle at 76% 45%,#2b2114 0,#13110e 18%,#0a0a09 45%),linear-gradient(100deg,#181613,#090909);border-bottom:10px solid #030303;box-shadow:inset 0 -25px 35px #000}.hero:after{content:"";position:absolute;left:0;right:0;bottom:36px;height:22px;border-top:1px solid #4d3c22;border-bottom:1px solid #2b2114;box-shadow:0 12px 25px #000}.heroCopy{width:58%;z-index:3}.eyebrow,.sectionHead>span,.archiveIntro span,.finalCopy>span{font-size:10px;letter-spacing:4px;color:#8f7446}.hero h1{font:500 clamp(58px,8vw,126px)/.69 'Cormorant Garamond';letter-spacing:.12em;color:var(--gold2);margin:40px 0;text-shadow:0 2px 0 #4c361b,0 8px 25px #000}.hero h1 small{display:block;font-size:.17em;letter-spacing:.55em;margin:0 0 26px 27%}.hero h1 span{display:block;font-size:.23em;letter-spacing:.55em;margin:30px 0 25px 29%}.hero p{font:italic 18px 'Cormorant Garamond';color:#8c8477}.enter{display:inline-block;margin-top:25px;padding:16px 0;color:#bba878;text-decoration:none;border-bottom:1px solid #6d5932;font-size:10px;letter-spacing:2.5px}.enter i{margin-left:25px}.portrait{position:absolute;right:9%;top:18%;width:24%;z-index:3}.frame{padding:18px;background:linear-gradient(135deg,#8c662d,#1f160b 12%,#c49b50 22%,#3a270f 33%,#ad7c34 60%,#211509 80%,#8e6329);box-shadow:0 20px 55px #000,0 0 0 5px #17100a,0 0 0 7px #5d421e}.frame:before{content:"";position:absolute;inset:25px;border:7px ridge #7c592a;pointer-events:none}.frame img{display:block;width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.8) contrast(1.05)}.lamp{position:absolute;width:70%;height:8px;background:#6f5226;top:-58px;left:15%;box-shadow:0 10px 25px 8px #c7893266;z-index:5}.lamp:before{content:"";position:absolute;width:14px;height:38px;background:#4b3518;left:48%;top:-30px}.plate{text-align:center;font:9px Inter;letter-spacing:2px;color:#8f7446;margin-top:22px}.scroll{position:absolute;bottom:65px;left:7vw;font-size:8px;letter-spacing:3px;color:#5e574c}.threshold{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#0d0c0b;border-bottom:1px solid #332717}.threshold p{font:22px 'Cormorant Garamond';color:#6f675b}.threshold strong{font:500 clamp(40px,6vw,84px) 'Cormorant Garamond';color:#c4a96d}.vaultSection{padding:130px 6vw;background:radial-gradient(circle at center,#1a1712,#080808 65%)}.sectionHead{max-width:720px;margin-bottom:80px}.sectionHead h2,.archiveIntro h2,.finalCopy h2{font:500 clamp(45px,5.5vw,78px)/.95 'Cormorant Garamond';color:#d1b878;margin:25px 0}.sectionHead p,.finalCopy p{color:#706a60;font:17px/1.7 'Cormorant Garamond'}.vaultGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.vaultCard{position:relative;aspect-ratio:1;background:#111;cursor:pointer;perspective:900px}.vaultDoor{position:absolute;inset:-13px;background:radial-gradient(circle,#242424,#0b0b0b 65%);border:5px solid #28231b;box-shadow:0 18px 35px #000;transition:.7s cubic-bezier(.2,.8,.2,1);transform-origin:left;z-index:2}.vaultDoor:before{content:"";position:absolute;inset:18px;border:2px solid #5c4a2e;box-shadow:inset 0 0 0 7px #111}.vaultDoor:after{content:"13";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;border:4px double #70582f;border-radius:50%;display:grid;place-items:center;font:36px 'Cormorant Garamond';color:#6c5834}.vaultCard:hover .vaultDoor{transform:rotateY(-102deg);filter:brightness(.8)}.vaultArt{position:absolute;inset:0;padding:13px;background:linear-gradient(135deg,#8a672f,#2c1d0c,#bd9144,#25190c);box-shadow:0 10px 30px #000}.vaultArt img{width:100%;height:100%;object-fit:cover}.archive{padding:130px 0 160px;background:#11100e;overflow:hidden}.archiveIntro{padding:0 6vw 55px}.rail{display:flex;gap:25px;width:max-content;padding:0 6vw;animation:drift 60s linear infinite}.rail:hover{animation-play-state:paused}.rail figure{margin:0;width:270px;flex:none;padding:12px 12px 34px;background:#16130f;border:1px solid #44351f;box-shadow:0 15px 35px #000}.rail img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.rail figcaption{font:9px Inter;letter-spacing:2px;color:#736447;margin-top:14px}@keyframes drift{to{transform:translateX(-45%)}}.finalRoom{min-height:85vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw;background:radial-gradient(circle at 25% 50%,#25211b,#080808 45%)}.door{display:grid;place-items:center}.doorRim{width:min(520px,38vw);aspect-ratio:1;border-radius:50%;padding:25px;background:repeating-conic-gradient(#252525 0 5deg,#101010 5deg 10deg);box-shadow:0 25px 70px #000,0 0 0 8px #332b20}.doorFace{height:100%;border-radius:50%;position:relative;background:radial-gradient(circle,#292929,#0d0d0d 67%);border:3px solid #5e4a2c}.wheel{position:absolute;left:50%;top:50%;width:150px;height:150px;border:12px solid #3c3428;border-radius:50%;transform:translate(-50%,-50%);transition:1s}.wheel i{position:absolute;width:12px;height:90px;background:#4a4031;left:57px;top:18px;transform-origin:6px 57px}.wheel i:nth-child(2){transform:rotate(60deg)}.wheel i:nth-child(3){transform:rotate(120deg)}.wheel i:nth-child(4){transform:rotate(180deg)}.wheel i:nth-child(5){transform:rotate(240deg)}.wheel i:nth-child(6){transform:rotate(300deg)}.doorMark{position:absolute;bottom:16%;left:50%;transform:translateX(-50%);font:22px 'Cormorant Garamond';color:#76613d}.finalRoom.open .wheel{transform:translate(-50%,-50%) rotate(180deg)}.finalCopy{padding-left:6vw}.finalCopy button{margin-top:30px;padding:15px 24px;border:1px solid #725c37;background:transparent;color:#a88d58;font-size:9px;letter-spacing:2px;cursor:pointer}.finalCopy em{display:block;margin-top:18px;font:italic 16px 'Cormorant Garamond';color:#665b48}footer{height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 6vw;background:#050505;border-top:1px solid #302719;font-size:9px;letter-spacing:2px;color:#635b50}footer b{color:#9c8150}footer a{color:#635b50;text-decoration:none}.modal{position:fixed;inset:0;background:#050505ed;z-index:100;display:none;align-items:center;justify-content:center;gap:40px}.modal.show{display:flex}.modalFrame{width:min(620px,60vh);padding:18px;background:linear-gradient(135deg,#a77d37,#26190b,#c59a4d,#2b1c0b);box-shadow:0 30px 80px #000}.modalFrame img{display:block;width:100%}.modalMeta{writing-mode:vertical-rl;font:10px Inter;letter-spacing:3px;color:#8e774d}.modalMeta b{margin-top:25px}.close{position:absolute;right:4vw;top:4vw;background:none;border:0;color:#9d8559;font:38px 'Cormorant Garamond';cursor:pointer}.crack{position:absolute;width:1px;height:230px;background:#5d4624;opacity:.5;transform:rotate(32deg)}.c1{left:14%;top:0}.c2{left:60%;bottom:0;transform:rotate(-25deg)}@media(max-width:800px){nav a{display:none}.hero{padding:100px 7vw;align-items:flex-start}.heroCopy{width:100%;margin-top:70px}.hero h1{font-size:52px}.portrait{width:40%;right:8%;top:auto;bottom:12%}.vaultGrid{grid-template-columns:1fr 1fr;gap:30px}.finalRoom{grid-template-columns:1fr;gap:70px}.doorRim{width:70vw}.finalCopy{padding:0}.modal{flex-direction:column}.modalFrame{width:75vw}}