:root{color-scheme:dark;--ink:#100c1e;--cream:#fff6e9;--muted:#bdb0c8;--accent:#e5bd8c;font-family:Arial,Helvetica,sans-serif;color:var(--cream);background:var(--ink)}
*{box-sizing:border-box}body{margin:0}body[data-scene="intro"]{overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #edc696;outline-offset:6px}button{border:0}button,a{touch-action:manipulation}[hidden]{display:none!important}
.cinema-header{position:fixed;top:0;left:0;width:100%;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:28px 4.5%;gap:25px;background:transparent!important;backdrop-filter:none!important;text-shadow:0 2px 14px #090611,0 1px 3px #090611}
.brand{font-weight:850;font-size:26px;line-height:.79;letter-spacing:-1.5px;position:relative;padding:3px 34px 6px 0}.brand span{position:absolute;right:0;top:0;font-size:38px;color:var(--accent)}.cinema-header nav{display:flex;gap:34px;font-size:12px}.cinema-header nav a{padding:10px 0;position:relative}.cinema-header nav a:after{content:'';position:absolute;bottom:4px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.cinema-header nav a:hover:after{transform:scaleX(1)}#motionToggle{display:flex;align-items:center;gap:10px;padding:10px 0;background:transparent;font-size:11px;text-shadow:inherit}.pause-icon{border:1px solid #ffffff55;border-radius:100%;display:grid;place-items:center;width:30px;height:30px;font-size:12px}.intro-scene{position:relative;height:100svh;min-height:0;isolation:isolate;overflow:hidden;background:#18132d;cursor:default}.castle{position:absolute;inset:-2%;z-index:-5;will-change:transform}.castle img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.atmosphere{position:absolute;inset:0;z-index:-4;background:linear-gradient(90deg,#0b081776 0%,transparent 65%),linear-gradient(0deg,#100b20 0%,transparent 29%,transparent 80%,#0b081757 100%)}.moonlight{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 82% 22%,#f5ddcd20,transparent 48%);pointer-events:none}.story-copy{position:absolute;left:6%;top:20%;z-index:3;pointer-events:none}.eyebrow{font-size:9px;letter-spacing:2.5px;font-weight:500;line-height:1.7}.eyebrow>span{display:inline-block;width:5px;height:5px;vertical-align:2px;border-radius:100%;background:var(--accent);margin-right:8px}.story-copy h1{font-size:clamp(48px,5.65vw,96px);font-weight:400;line-height:1.01;letter-spacing:-4px;margin:23px 0 20px;text-shadow:0 4px 35px #15102455}.story-copy h1 em{font-family:Georgia,'Times New Roman',serif;color:#efd5b2;font-size:.94em;font-weight:400;letter-spacing:-3px}.story-description{font-size:12px;color:#ded2e5;line-height:1.65;margin:0}#castStage,#cast,#ambient,#castFallback{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#castStage{z-index:4}#cast{filter:drop-shadow(0 18px 10px #0803106b)}#ambient{z-index:2}.ground-fog{position:absolute;z-index:5;left:-10%;width:120%;bottom:8%;height:10%;background:radial-gradient(ellipse,#c7b6d519,transparent 65%);filter:blur(18px);pointer-events:none}.actor-whisper{position:absolute;z-index:7;font-size:10px;background:#100b22a6;border:1px solid #dfc4ff30;border-radius:20px;padding:8px 13px;pointer-events:none;opacity:0;transition:opacity .3s;white-space:nowrap;transform:translate(-50%,-100%)}.actor-whisper.visible{opacity:1}.scene-footer{position:absolute;bottom:30px;left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;z-index:8;gap:15px}.interaction-hint{display:flex;gap:13px;align-items:center;font-size:8px;letter-spacing:1.7px}.interaction-hint i{font-style:normal;font-size:26px;color:#c5b0d3}.interaction-hint small{display:block;font-size:10px;letter-spacing:0;margin-top:6px;color:#b8a9c5}.enter-button{border:1px solid #dcc4a555;border-radius:50px;padding:9px 10px 9px 25px;background:#160e2390;display:flex;align-items:center;gap:27px;font-size:13px;transition:background .25s,box-shadow .25s}.button-arrow{height:37px;width:37px;display:grid;place-items:center;background:#ead0af;color:#201225;border-radius:100%;font-size:21px}.enter-button:hover{background:#3e284dc9;box-shadow:0 0 30px #f1cfad1a}.scene-counter{font-size:14px;letter-spacing:2px;text-align:right}.scene-counter>span{color:#887a9c;padding:0 6px}.scene-counter small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:8px;color:#b6a7c3}.load-status{position:absolute;z-index:8;bottom:105px;left:50%;transform:translateX(-50%);font-size:11px;color:#e8d0ad;background:#140d2590;padding:10px 16px;border-radius:24px}
#flight{position:fixed;inset:0;width:100%;height:100%;z-index:70;pointer-events:none;display:none}#flight.active{display:block}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.collection-scene{min-height:100svh;padding:150px 5% 0;position:relative;isolation:isolate;background:#120f1c}.collection-backdrop{position:absolute;inset:0 0 auto;height:670px;z-index:-1;background:linear-gradient(0deg,#120f1c 2%,#120f1c86 70%,#120f1c7a),url('assets/dracula-castle.png') center 36%/cover}.collection-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:48px;gap:20px}.collection-heading .eyebrow{color:var(--accent)}.collection-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(60px,8vw,120px);letter-spacing:-5px;line-height:1.1;margin:20px 0}.collection-heading h2 span{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;margin-top:20px}.collection-heading p:not(.eyebrow){font-size:13px;line-height:1.7;color:#baaec4}.replay{background:transparent;border:1px solid #ffffff30;border-radius:30px;padding:12px 20px;font-size:11px;white-space:nowrap}.replay span{margin-right:8px;font-size:20px}.collection-filters{display:flex;flex-wrap:wrap;gap:24px;border-block:1px solid #ffffff20;padding:22px 0;align-items:center}.collection-filters label{font-size:9px;color:#b7a8c1;text-transform:uppercase;letter-spacing:1.5px;display:flex;flex-direction:column;gap:10px}.collection-filters select{background:#1a1425;border:1px solid #ffffff20;border-radius:6px;min-width:180px;padding:10px 12px;font-size:12px;letter-spacing:0;color:#f4e9f6}.collection-filters .stock-filter{flex-direction:row;align-items:center;text-transform:none;letter-spacing:0;color:#e8deed;font-size:12px;margin-left:auto}.stock-filter input{accent-color:#d6b081}.collection-filters button{background:transparent;font-size:11px;color:#cdbdd6;text-decoration:underline}.collection-meta{display:flex;justify-content:space-between;align-items:center;color:#b5a5bd;font-size:10px;padding:18px 0}.collection-meta span{font-size:8px;letter-spacing:1.5px}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.product-card{background:transparent;padding:0;text-align:left;min-width:0}.product-visual{height:330px;overflow:hidden;position:relative;background:#221b2b;border-radius:100px 100px 8px 8px}.product-visual img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.8,.2,1)}.product-card:nth-child(2) img{object-position:60% 35%;transform:scale(1.15)}.product-card:nth-child(3) img{object-position:30% 40%;transform:scale(1.35)}.product-card:nth-child(4) img{object-position:80% 70%;transform:scale(1.1)}.product-card:hover img{transform:scale(1.06)}.product-card:nth-child(3):hover img{transform:scale(1.4)}.product-visual>span{position:absolute;right:14px;bottom:14px;width:30px;height:30px;border-radius:50%;background:#ede1d6;color:#2b1633;display:grid;place-items:center}.product-card h3{font-weight:400;font-size:15px;margin:19px 0 8px}.product-card>p{font-size:13px;margin:0 0 8px;color:#e5c59c}.product-card>small{font-size:10px;color:#9e8caa}.catalog-note{font-size:10px;color:#9e8caa;line-height:1.6;margin:35px 0}.collection-footer{display:flex;justify-content:space-between;gap:20px;padding:45px 0;border-top:1px solid #ffffff20}.collection-footer span{font-family:Georgia,serif;font-style:italic;font-size:27px;color:#e0c3a3}.collection-footer a{font-size:12px;align-self:center}.empty-products{grid-column:1/-1;padding:45px 0;color:#c6b9ce;font-size:14px}
#productDialog{width:min(760px,92vw);max-height:90svh;border:1px solid #6c557a;border-radius:15px;padding:0;color:var(--cream);background:#1b1425;overflow:auto}#productDialog[open]{display:grid;grid-template-columns:1fr 1fr}#productDialog::backdrop{background:#06040cd9;backdrop-filter:blur(8px)}#productDialog>img{width:100%;height:100%;max-height:600px;object-fit:cover}.dialog-copy{padding:55px 30px 30px}.dialog-copy h2{font-family:Georgia,serif;font-weight:400;font-size:34px}.dialog-copy p{font-size:12px;color:#c4b3cf;line-height:1.7}.dialog-copy #productPrice{font-size:22px;color:#e5c59c}#productAction{background:#e5c59c;color:#24142e;border-radius:25px;padding:13px 20px;font-size:12px;line-height:1.5}.close-dialog{position:absolute;right:13px;top:10px;background:#180f23;color:white;border-radius:50%;width:32px;height:32px;font-size:24px}.no-script{position:fixed;z-index:110;bottom:0;background:#211a30;padding:15px;width:100%;margin:0;text-align:center}
@media(max-width:800px){.cinema-header{padding:24px 5%;gap:15px}.cinema-header nav{gap:20px;font-size:11px}.pause-label{display:none}.story-copy h1{font-size:65px;letter-spacing:-3px}.story-copy h1 em{letter-spacing:-2px}.story-copy{top:19%}.story-copy .eyebrow{font-size:7px;letter-spacing:1.7px}.product-grid{grid-template-columns:repeat(2,1fr)}.collection-filters{gap:15px}.collection-filters .stock-filter{margin-left:0}.collection-filters select{min-width:150px}.collection-heading{align-items:start}.collection-heading h2{font-size:75px}.replay{font-size:10px;padding:8px 12px}}
@media(max-width:540px){.intro-scene{min-height:0}.brand{font-size:21px;padding-right:27px}.brand span{font-size:31px}.cinema-header nav a:nth-child(2){display:none}.cinema-header nav{gap:18px}.cinema-header{padding-top:22px}.castle img{object-position:64% center}.story-copy{top:17%;left:7%}.story-copy h1{font-size:47px;line-height:1.02;letter-spacing:-2px;margin:17px 0}.story-copy h1 em{letter-spacing:-2px}.story-description{font-size:11px;line-height:1.55}.story-copy .eyebrow{max-width:270px;font-size:6.5px;letter-spacing:1.3px}.scene-footer{bottom:22px;left:6%;right:6%;justify-content:center}.scene-counter,.interaction-hint{display:none}.enter-button{padding:8px 9px 8px 23px;gap:25px;font-size:12px}.button-arrow{width:34px;height:34px}.ground-fog{bottom:9%;height:16%}.actor-whisper{font-size:9px}.collection-scene{padding:125px 6% 0}.collection-heading{display:block;padding-bottom:20px}.collection-heading h2{font-size:64px;letter-spacing:-3px}.collection-heading h2 span{font-size:9px;letter-spacing:1.7px}.replay{margin-top:10px}.collection-filters{gap:15px 12px}.collection-filters label{font-size:8px;letter-spacing:1px}.collection-filters select{min-width:0;width:100%;font-size:11px;padding:9px 7px}.collection-filters label:not(.stock-filter){width:calc(50% - 6px)}.collection-filters .stock-filter{margin-top:20px}.collection-filters button{margin-left:auto}.collection-meta span{font-size:6px;letter-spacing:1px}.product-grid{gap:25px 14px}.product-visual{height:240px;border-radius:70px 70px 6px 6px}.product-card h3{font-size:13px;line-height:1.4;margin-top:12px}.product-card>p{font-size:12px}.product-card>small{font-size:9px}.collection-footer span{font-size:21px}.collection-footer a{font-size:10px;white-space:nowrap}#productDialog[open]{grid-template-columns:1fr}#productDialog>img{height:230px;object-position:center 28%}.dialog-copy{padding:20px 25px}.dialog-copy h2{font-size:26px;margin:10px 0}.load-status{bottom:82px;white-space:nowrap;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

@media(max-height:650px){.story-copy{top:18%}.story-copy h1{font-size:clamp(32px,8.4vh,58px);margin:12px 0}.story-description{font-size:10px}.scene-footer{bottom:14px}.cinema-header{padding-top:18px;padding-bottom:16px}}
.sr{top:0;left:0;margin:0}
@media(max-width:540px) and (max-height:650px){.story-description{display:none}.story-copy h1{font-size:42px}}
