:root{font-family:Arial,Helvetica,sans-serif;color:#f3e9d3;background:#030303;font-synthesis:none;--gold:#d9b46e;--muted:#aaa397;--line:#8e6d354f;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #ffe1a3;outline-offset:6px}button svg,a svg{width:22px;height:22px;flex-shrink:0}button:disabled{cursor:wait}button,a{touch-action:manipulation}button{background:transparent}a{color:inherit;text-decoration:none}.app{min-height:100svh;display:flex;align-items:center;justify-content:center;background:#030303}.stage{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden;container-type:inline-size;background:#030303}.backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;opacity:0;pointer-events:none}.visible{opacity:1!important}.final-frame{z-index:0}.film{z-index:2}.match-frame{z-index:3;transition:opacity .35s ease}.loader{position:absolute;inset:0;opacity:0;z-index:4;pointer-events:none;transition:opacity .35s ease}.loader-art{position:absolute;inset:0;transform:translateY(3.9%) scale(1.44,1.5)}.loader-art img{position:absolute;inset:0;width:100%;height:100%}.percentage{position:absolute;left:46.2%;top:57.7%;width:7.6%;height:3.3%;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#0b0c0d00,#0b0c0d 16% 84%,#0b0c0d00);color:#d0d2d3;font-size:1.27cqw;letter-spacing:.2cqw;font-family:Arial,sans-serif;line-height:1}.percentage.complete{letter-spacing:.13cqw}.loading-accessible{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.start-controls{position:fixed;z-index:10;top:calc(50% + 25vh);left:50%;transform:translate(-50%);width:min(92%,650px);text-align:center}.start-controls p{font-size:12px;letter-spacing:.24em;color:#c2b49a;margin:0 0 19px}.start-controls>div{display:flex;gap:20px;align-items:center;justify-content:center}.primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid #b88d45;background:linear-gradient(135deg,#d9b977,#9d793d);color:#100d07;padding:14px 23px;font-size:14px;font-weight:700;letter-spacing:.025em;min-height:48px;transition:filter .2s}.primary:hover{filter:brightness(1.16)}.quiet{color:#c5bbaa;font-size:14px;padding:12px;min-height:44px}.quiet:hover{color:#fff}.status{position:fixed;bottom:12%;left:0;width:100%;text-align:center;z-index:10;color:#b9aa90;font-size:14px}.intro-controls{position:fixed;right:25px;bottom:20px;z-index:10;display:flex;align-items:center;gap:12px;padding:2px 8px;background:#03030399;border:1px solid #9b78343b}.resume{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:#0006}.error p{letter-spacing:normal;line-height:1.6;font-size:16px}.edge-shade{position:absolute;inset:0;background:linear-gradient(90deg,#03030399,transparent 34%,transparent 66%,#03030399);pointer-events:none}.topline{position:absolute;inset:0 0 auto;height:18%;z-index:6;pointer-events:none;animation:appear 1.2s both}.brand-caption{position:absolute;left:4%;top:29%;font-size:12px;letter-spacing:.24em;line-height:1.8;color:#e0c995}.brand-caption span{color:#867c6d}.brand-logo{position:absolute;right:2.4%;top:3%;width:19%;height:100%;object-fit:contain;filter:drop-shadow(0 4px 10px #000)}.menus{position:absolute;inset:0;z-index:5;pointer-events:none}.carousel{position:absolute;top:16.8%;bottom:10%;width:26%;pointer-events:auto;animation:menu-in 1s .1s both}.carousel.left{left:3.8%;--turn:35deg;--shift:-5%}.carousel.right{right:3.8%;--turn:-35deg;--shift:5%;animation-delay:.24s}.menu-heading{position:absolute;inset:0 0 auto;text-align:center;z-index:3}.eyebrow{font-size:12px;letter-spacing:.22em;color:#c2a777}.menu-heading .eyebrow{font-size:10px;letter-spacing:.32em}.menu-heading h2{font-size:clamp(22px,2.35cqw,44px);font-family:Georgia,Times New Roman,serif;font-weight:400;letter-spacing:.02em;margin:8px 0 12px;text-shadow:0 3px 20px #000;white-space:nowrap}.gold-rule{display:block;height:1px;width:49%;margin:auto;background:linear-gradient(90deg,transparent,#c5a25d,transparent)}.arrow{position:absolute;left:calc(50% - 22px);height:36px;width:44px;display:grid;place-items:center;color:#c6a76b;z-index:5;transition:color .2s,background .2s}.arrow:hover{color:#fff1c7;background:#c39b5022}.arrow.above{top:17%}.arrow.below{bottom:5%}.cards{position:absolute;inset:24% 0 14%;perspective:850px;touch-action:pan-x}.picture-card{position:absolute;left:3%;top:50%;width:94%;height:35%;padding:0;border:1px solid #b79654;background:#10100e;box-shadow:0 10px 34px #000a;transition:transform .6s cubic-bezier(.2,.75,.2,1),opacity .5s,filter .5s;transform-style:preserve-3d;overflow:hidden;text-align:left}.picture-card img{height:100%;width:100%;object-fit:cover;transition:transform .8s;filter:saturate(.6)}.picture-card:hover img{transform:scale(1.04);filter:saturate(.95)}.slot-active{transform:translateY(-50%);z-index:4;opacity:1;box-shadow:0 0 0 3px #9b793122,0 12px 32px #000c}.slot-prev{transform:translate(var(--shift),-155%) rotateY(var(--turn)) scale(.82);opacity:.63;filter:brightness(.68);z-index:2}.slot-next{transform:translate(var(--shift),55%) rotateY(var(--turn)) scale(.82);opacity:.63;filter:brightness(.68);z-index:2}.slot-hidden{transform:translateY(-50%) scale(.5);opacity:0;pointer-events:none;z-index:0}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#030303f0,transparent 83%)}.card-label{position:absolute;bottom:14%;left:7%;right:13%;display:flex;flex-direction:column;gap:7px}.card-label small{font-size:clamp(10px,1cqw,16px);color:#d0b986;letter-spacing:.025em}.card-label strong{font-size:clamp(16px,1.65cqw,30px);font-weight:500;letter-spacing:.01em}.card-corner{position:absolute;left:8px;top:8px;width:18px;height:18px;border-left:1px solid #ffe4a6;border-top:1px solid #ffe4a6}.open-mark{position:absolute;right:6%;bottom:14%;color:#eed5a0}.open-mark svg{width:19px;height:19px}.carousel-foot{position:absolute;bottom:0;left:10%;right:10%;display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.12em;color:#e0c28b}.carousel-foot i{font-style:normal;color:#918775;margin-left:4px}.dots{display:flex;gap:5px}.dots button{width:24px;height:24px;position:relative}.dots button:after{content:"";position:absolute;height:2px;left:3px;right:3px;top:11px;background:#73664b}.dots .selected:after{background:#f4d697;box-shadow:0 0 6px #cfac66}.bottomline{position:absolute;bottom:0;left:3.8%;right:3.8%;height:8%;display:flex;align-items:center;justify-content:space-between;z-index:6;font-size:11px;letter-spacing:.14em;border-top:1px solid #bfa57430;animation:appear 1.4s .3s both}.bottomline b{font-weight:400;color:#968a74;margin-left:10px}.explore-label{color:#bba98a;font-size:10px;letter-spacing:.22em}.footer-actions{display:flex;align-items:center;gap:22px}.footer-actions>button{font-size:12px;color:#c4b99f;min-height:44px}.sound-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;min-width:44px;min-height:44px}.sound-button svg{width:18px;height:18px}.detail{padding:0;width:min(880px,92vw);max-height:88svh;border:1px solid #b99354;background:#11100d;color:#efe9dd;box-shadow:0 20px 120px #000;overflow:auto}.detail::backdrop{background:#000b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.detail-inner{position:relative}.close{position:absolute;right:12px;top:12px;width:44px;height:44px;display:grid;place-items:center;background:#000c;border:1px solid #a98b59;z-index:2}.detail-image{display:block;width:100%;height:260px;object-fit:cover}.detail-copy{padding:30px 38px 38px}.detail h2{font: 36px Georgia,serif;margin:14px 0 18px}.detail p{font-size:17px;line-height:1.7;color:#d0c8b7;max-width:650px}.detail ul{display:flex;flex-wrap:wrap;gap:10px;padding:0;list-style:none;margin:24px 0}.detail li{border:1px solid #715934;padding:8px 12px;color:#d5bd8d;font-size:14px}.detail .primary{margin-top:8px}.phase-home .final-frame{opacity:1}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes menu-in{0%{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@media(max-width:900px){.app{display:block}.stage{min-height:100svh;aspect-ratio:auto;overflow:hidden}.backdrop{height:auto;aspect-ratio:16/9;top:13svh;object-fit:contain}.loader{top:calc(40svh - 28.125vw);height:56.25vw;bottom:auto}.match-frame,.film{top:calc(40svh - 28.125vw)}.start-controls{top:63svh}.start-controls p{font-size:11px;letter-spacing:.16em}.start-controls>div{flex-direction:column;gap:8px}.status{bottom:auto;top:64svh}.phase-home .stage{min-height:1450px;padding-top:0}.phase-home .final-frame{top:80px}.edge-shade{background:linear-gradient(0deg,#030303 35%,transparent 90%)}.topline{height:100px}.brand-caption{left:6%;top:24px;font-size:10px;letter-spacing:.13em}.brand-logo{width:42%;height:100px;right:3%;top:0}.menus{position:relative;display:flex;flex-direction:column;gap:30px;padding:0 7% 100px;margin-top:calc(80px + 42vw)}.carousel,.carousel.left,.carousel.right{position:relative;inset:auto;width:100%;height:505px;max-width:480px;margin:0 auto;--turn:25deg}.carousel.right{--turn:-25deg}.menu-heading h2{font-size:30px}.menu-heading .eyebrow{font-size:11px}.cards{inset:24% 4% 14%;touch-action:pan-x}.card-label small{font-size:12px}.card-label strong{font-size:22px}.arrow.above{top:17%}.arrow.below{bottom:5%}.carousel-foot{font-size:12px}.bottomline{position:absolute;height:90px;bottom:0;left:7%;right:7%;flex-wrap:wrap;padding:12px 0;font-size:10px;gap:4px}.explore-label{display:none}.footer-actions{gap:14px}.footer-actions>button{font-size:11px}.sound-button span{font-size:10px}.detail-image{height:190px}.detail-copy{padding:25px}.detail h2{font-size:30px}.intro-controls{right:12px;bottom:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.menu-heading h2{color:var(--gold);margin:18px 0 16px}@media(min-width:901px){html,body,#root{width:100%;height:100%;overflow:hidden}.app{width:100%;height:100dvh;min-height:0;overflow:hidden;align-items:center}.stage{flex:none;width:min(100vw,177.7777778dvh);height:auto;max-height:100dvh;aspect-ratio:16/9}.backdrop{object-fit:contain}.start-controls{top:auto;bottom:max(18px,7dvh)}}