@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700&family=Italiana&display=swap');
:root {--bg:#070b0e;--pearl:#f4f2ef;--soft:#aeb3b5;--dim:#6d797f;--metal:#dce7e9;--gold:#d8c7aa;--sans:'DM Sans','Helvetica Neue',Arial,sans-serif;--serif:'Italiana','Bodoni MT',Georgia,serif;}
*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:var(--bg);color:var(--pearl);font-family:var(--sans);font-weight:400;overflow-x:hidden;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}::selection{background:#c4b29c;color:#101316}
.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}
.scroll-journey{position:relative;z-index:0;pointer-events:none}.scroll-chapter{height:142svh;position:relative}.scroll-chapter:last-child{height:115svh}
.experience{position:fixed;inset:0;height:100svh;isolation:isolate;overflow:hidden;background:#070a0d;z-index:1}
.scene-background{position:absolute;inset:-5%;background:radial-gradient(ellipse at 72% 44%,rgba(108,132,145,.21),transparent 45%),radial-gradient(ellipse at 60% 87%,rgba(112,107,103,.08),transparent 45%),linear-gradient(122deg,#07090c,#0e1518 53%,#05080b);transition:filter .5s;z-index:0}
.scene-background:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,rgba(210,220,225,.045) 50%,transparent 50.1%),linear-gradient(transparent 49.9%,rgba(210,220,225,.034) 50%,transparent 50.1%);background-size:20vw 20vw;mask-image:linear-gradient(90deg,transparent 20%,black 65%);opacity:.26}
.tunnel-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.light-beam{position:absolute;top:-40%;width:23%;height:190%;pointer-events:none;filter:blur(4px);opacity:.4;transform:rotate(18deg);mix-blend-mode:screen;z-index:1}.light-beam-left{left:38%;background:linear-gradient(90deg,transparent,rgba(163,192,206,.035),transparent)}.light-beam-right{right:3%;width:9%;background:linear-gradient(90deg,transparent,rgba(213,189,157,.045),transparent);transform:rotate(-11deg)}
.product-stage{position:absolute;inset:0;z-index:3;pointer-events:none;will-change:transform,opacity}.product-stage canvas{width:100%;height:100%;display:block;filter:contrast(1.11) saturate(.85)}
.floor-glow{position:absolute;left:46%;bottom:14%;width:34%;height:7%;border-radius:50%;background:radial-gradient(ellipse,rgba(0,0,0,.8) 0%,rgba(0,0,0,.5) 35%,transparent 75%);filter:blur(19px);z-index:2;transition:opacity .25s;pointer-events:none}
.cinema-vignette{position:absolute;inset:0;z-index:5;pointer-events:none;background:radial-gradient(ellipse at 52% 44%,transparent 20%,rgba(4,7,9,.18) 70%,rgba(2,5,7,.66) 115%)}
.cinema-grain{position:absolute;inset:0;pointer-events:none;z-index:11;opacity:.13;mix-blend-mode:screen;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.88' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}
.cinema-flash{position:absolute;inset:0;background:radial-gradient(ellipse at 54% 50%,rgba(248,250,255,.85),rgba(193,216,231,.46) 24%,rgba(184,187,191,.06) 60%,transparent);pointer-events:none;z-index:4;opacity:0;mix-blend-mode:screen}
.cinema-topline,.cinema-bottomline{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(205,217,220,.25) 32%,rgba(216,199,170,.26) 72%,transparent);z-index:14;pointer-events:none}.cinema-topline{top:102px}.cinema-bottomline{bottom:111px}
.site-header{position:absolute;left:0;top:0;width:100%;height:101px;padding:0 5.4vw;display:flex;align-items:center;justify-content:space-between;z-index:25;gap:18px}.wordmark{display:flex;align-items:center;gap:14px;font-size:26px;letter-spacing:.22em;font-weight:500;white-space:nowrap}.wordmark .mark{font-size:22px;font-weight:300;color:var(--gold);letter-spacing:0}.gold-dot{color:var(--gold)}.header-center{font-size:9px;letter-spacing:.28em;color:#98a2a6}.nav-replay{border:1px solid rgba(225,223,215,.3);padding:13px 17px;background:rgba(7,11,14,.3);font-size:9px;letter-spacing:.14em;transition:background .3s,border .3s;white-space:nowrap}.nav-replay:hover{background:#d8c7aa;color:#111315;border-color:#d8c7aa}.nav-replay span{margin-left:18px;font-size:17px;vertical-align:-1px}
.scene-copies{position:absolute;inset:0;pointer-events:none;z-index:12}.scene-copy{position:absolute;inset:0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:9vh 0 9vh clamp(50px,9.8vw,185px);opacity:0;visibility:hidden;transform:translateY(26px);filter:blur(6px);will-change:opacity,transform,filter;transition:opacity .3s,visibility .3s,filter .3s,transform .3s}.scene-copy.is-visible{visibility:visible}.scene-copy>*{max-width:650px}.scene-copy.scene-copy-center{align-items:center;text-align:center;justify-content:flex-end;padding:0 20px 18vh}.scene-copy-center>*{max-width:900px}.scene-copy-center .eyebrow{justify-content:center}.scene-copy-left{padding-left:clamp(52px,9.5vw,180px)}.scene-copy-hero{justify-content:center;padding-top:13vh}
.eyebrow{font-size:10px;font-weight:500;letter-spacing:.21em;display:flex;align-items:center;gap:13px;color:var(--gold);line-height:1.4}.eyebrow-line{width:29px;height:1px;background:var(--gold);display:inline-block;flex:none}.eyebrow-star{font-size:13px;color:#8c9da5;margin:0 3px}.hero-overline,.small-kicker{font-size:10px;letter-spacing:.24em;color:#a0a9ad;line-height:1.65;margin:55px 0 16px;font-weight:500}.scene-copy h1,.scene-copy h2{font-family:var(--serif);font-weight:300;line-height:.89;letter-spacing:-.05em;margin:0;max-width:900px;text-wrap:balance;color:#f6f5f1;text-shadow:0 0 40px rgba(0,0,0,.14)}.scene-copy h1{font-size:clamp(72px,8.5vw,142px)}.scene-copy h2{font-size:clamp(61px,7.2vw,112px)}.scene-copy h1 em,.scene-copy h2 em{font-style:normal;color:var(--gold);letter-spacing:-.045em}.scene-copy-left h2{font-size:clamp(62px,6.7vw,104px)}.scene-copy-center h2{font-size:clamp(55px,6.8vw,104px);letter-spacing:-.025em}.scene-copy-finale h2{font-size:clamp(62px,6vw,96px);line-height:.99}
.body-copy{font-size:clamp(12px,1.08vw,15px);font-weight:300;letter-spacing:.015em;line-height:2.06;color:#b5bcc0;margin:29px 0 0;max-width:380px}.scene-copy-center .body-copy{max-width:510px;margin-top:20px}.scene-link{pointer-events:auto;margin-top:41px;display:inline-flex;align-items:center;gap:13px;border:0;background:none;font-size:10px;letter-spacing:.16em;font-weight:600;padding:0}.link-circle{width:45px;height:45px;border-radius:50%;border:1px solid rgba(243,243,241,.58);display:grid;place-items:center;font-size:21px;font-weight:300;transition:background .2s}.scene-link:hover .link-circle{background:var(--gold);color:#101417;border-color:var(--gold)}.scene-link i{width:44px;height:1px;background:#8c9190;transition:width .2s}.scene-link:hover i{width:72px}.spec-id{font-size:9px;letter-spacing:.23em;color:#8f9ba0;margin-top:43px}.vertical-caption{font-size:8px;letter-spacing:.31em;color:#8b9a9e;margin-top:31px}.final-button{pointer-events:auto;margin-top:40px;border:1px solid rgba(215,200,174,.72);background:rgba(6,10,12,.48);padding:19px 21px 19px 26px;display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:.11em;font-weight:600;transition:background .25s,color .25s}.final-button:hover{color:#101518;background:var(--gold)}.final-button span{font-size:18px}
.scene-rail{position:absolute;top:50%;right:4.6vw;transform:translateY(-48%);z-index:21;display:flex;align-items:center;flex-direction:column;gap:24px}.rail-title{font-size:8px;letter-spacing:.25em;color:#99a3a9;writing-mode:vertical-rl}.rail-bottom{font-size:8px;letter-spacing:.24em;color:#8e9294;writing-mode:vertical-rl;opacity:.8}.rail-buttons{display:flex;flex-direction:column;gap:12px;align-items:center}.rail-button{width:40px;height:37px;display:flex;align-items:center;gap:5px;justify-content:center;background:none;border:0;color:#899397;transition:transform .2s,color .2s}.rail-button i{width:3px;height:15px;border:1px solid rgba(200,217,222,.5);transition:height .2s,background .2s}.rail-button span{font-size:8px;letter-spacing:.04em;opacity:.65}.rail-button:hover,.rail-button.active{color:#f3e9d9;transform:scale(1.1)}.rail-button.active i{height:25px;background:#dcc8ab;border-color:#dcc8ab;box-shadow:0 0 18px rgba(232,196,150,.6)}
.scene-counter{position:absolute;right:5.4vw;top:123px;z-index:20;display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.08em}.scene-counter #scene-current{color:var(--gold);font-size:13px}.scene-counter span:last-child{color:#6f7d82}.scene-counter-line{width:35px;height:1px;background:#6b757a;transform:rotate(-44deg)}
.bottom-hud{position:absolute;bottom:0;left:0;right:0;z-index:22;height:109px;padding:0 5.4vw;display:grid;grid-template-columns:1fr minmax(200px,350px) 1fr;gap:60px;align-items:center;background:linear-gradient(to bottom,rgba(8,12,14,.03),rgba(8,11,13,.32));border-top:1px solid rgba(215,217,217,.14)}.hud-location{display:flex;align-items:center;gap:13px;min-width:0}.hud-location .mini-cross{font-size:23px;color:#c8b79e;font-weight:100}.hud-location>span:nth-child(2){font-size:10px;letter-spacing:.17em;white-space:nowrap}.hud-location small{border-left:1px solid #626868;color:#69777b;font-size:8px;letter-spacing:.1em;padding-left:14px;white-space:nowrap}.hud-progress-top{font-size:8px;letter-spacing:.17em;color:#a6afb2;display:flex;justify-content:space-between;margin-bottom:11px}.hud-progress-top span:last-child{color:#e8dfd2}.hud-progress-track{height:2px;width:100%;background:rgba(207,219,220,.22);position:relative}.hud-progress-track:after{content:"";position:absolute;left:0;top:-3px;height:8px;width:1px;background:#d9c1a0;transform:translateX(calc(var(--progress, 0) * (350px - 2px)))}.hud-progress-track>span{height:2px;display:block;background:linear-gradient(90deg,#899da5,#f0ddc2);width:0;box-shadow:0 0 10px rgba(227,223,209,.55)}.hud-action{justify-self:end;display:flex;align-items:center;gap:22px}.hud-action>span{font-size:8px;letter-spacing:.15em;color:#a8b0b3;white-space:nowrap}.hud-action button{height:42px;width:42px;background:none;border:1px solid #8b8b85;border-radius:50%;font-size:18px;transition:background .2s,transform .2s}.hud-action button:hover{background:var(--gold);color:#131819;transform:translateY(4px)}.project-disclaimer{position:absolute;left:14px;bottom:116px;z-index:18;font-size:7px;letter-spacing:.09em;color:rgba(196,199,198,.30);writing-mode:vertical-rl;transform:rotate(180deg)}
.callout-wires{position:absolute;inset:0;width:100%;height:100%;z-index:8;overflow:visible;opacity:0;pointer-events:none}.callout-wires path{stroke:#d9c2a1;stroke-width:1;fill:none;vector-effect:non-scaling-stroke;opacity:.86}.callout-wires circle{stroke:#e5d3b9;stroke-width:1.5;fill:#111b20}.callout{position:absolute;left:0;top:0;z-index:10;display:flex;flex-direction:column;gap:6px;max-width:210px;min-width:165px;opacity:0;transform:translateY(8px);transition:opacity .2s,transform .2s;pointer-events:none;text-shadow:0 2px 16px #0b0e0f}.callout.is-visible{opacity:1;transform:none}.callout-index{font-size:9px;letter-spacing:.17em;color:#dfc6a4}.callout-title{font-size:11px;letter-spacing:.08em;font-weight:600;color:#f6f3ed}.callout-desc{font-size:10px;color:#9ba9ad;line-height:1.5}
.render-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column}.render-fallback[hidden]{display:none}.fallback-case{position:relative;width:210px;height:310px;border-radius:25px;border:13px ridge #c4c9ca;box-shadow:35px 35px 40px #0008;background:repeating-linear-gradient(90deg,#777e85 0 8px,#e6edf1 10px 18px,#7a858f 24px 28px);transform:rotate(-11deg)}.fallback-handle{position:absolute;top:-37px;left:70px;width:45px;height:20px;border:6px solid silver;border-bottom:0;border-radius:12px}.fallback-wheels{position:absolute;bottom:-34px;width:100%;display:flex;justify-content:space-between;color:#35383c;font-size:32px}.render-fallback p{margin-top:76px;font-size:9px;letter-spacing:.23em;color:#a2acb0}
.intro-loader{position:fixed;inset:0;z-index:100;background:#080b0d;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .7s ease,visibility .7s}.intro-loader.complete{opacity:0;visibility:hidden;pointer-events:none}.loader-emblem{font-family:var(--serif);font-size:120px;font-weight:300;color:#ece8e2;line-height:1}.loader-emblem span{color:#c4b49a}.intro-loader p{font-size:9px;letter-spacing:.36em;color:#c0b5a6;margin:25px 0 20px}.loader-line{width:125px;height:1px;background:#465052;overflow:hidden}.loader-line i{display:block;height:100%;width:65%;background:#dfc6a5;animation:loading 1.2s alternate infinite}@keyframes loading{from{transform:translateX(-100%)}to{transform:translateX(150%)}}
@media (max-width:1250px){.header-center{display:none}.bottom-hud{gap:23px;grid-template-columns:1fr 250px 1fr}.hud-location small{display:none}.scene-copy h1{font-size:clamp(74px,9.1vw,115px)}.scene-copy h2{font-size:clamp(65px,7.6vw,100px)}}
@media (max-width:800px){.site-header{height:80px;padding:0 24px}.wordmark{font-size:21px}.wordmark .mark{font-size:18px}.nav-replay{padding:11px;font-size:8px}.nav-replay span{margin-left:5px}.cinema-topline{top:80px}.scene-counter{right:22px;top:96px}.scene-rail{right:10px;top:44%;gap:12px}.rail-title,.rail-bottom{display:none}.rail-buttons{gap:4px}.rail-button{width:33px;height:31px}.rail-button span{display:none}.rail-button i{height:12px}.rail-button.active i{height:20px}.scene-copy,.scene-copy-left,.scene-copy-hero{padding:0 57px 0 7vw;justify-content:flex-start;padding-top:16vh}.scene-copy-hero{padding-top:17vh}.scene-copy h1{font-size:clamp(62px,12.9vw,101px)}.scene-copy h2,.scene-copy-left h2{font-size:clamp(57px,10vw,88px)}.scene-copy-finale h2{font-size:clamp(49px,9.4vw,78px)}.hero-overline,.small-kicker{margin-top:33px}.scene-copy-center{padding:0 45px 21vh;justify-content:flex-end}.scene-copy-center h2{font-size:clamp(52px,10vw,90px)}.body-copy{margin-top:20px;max-width:350px;font-size:13px;line-height:1.8}.spec-id{margin-top:21px}.bottom-hud{padding:0 24px;height:94px;gap:14px;grid-template-columns:1fr 130px 42px}.hud-location>span:nth-child(2){font-size:9px}.hud-progress-top{font-size:7px}.hud-action>span{display:none}.hud-action button{height:38px;width:38px}.cinema-bottomline{bottom:95px}.project-disclaimer{bottom:101px}}
@media(max-width:520px){.scroll-chapter{height:130svh}.scroll-chapter:last-child{height:106svh}.scene-background{background:radial-gradient(ellipse at 51% 58%,rgba(93,126,144,.24),transparent 49%),linear-gradient(118deg,#070a0d,#121b20 50%,#05080b)}.site-header{height:75px;padding:0 19px}.wordmark{gap:8px;font-size:19px;letter-spacing:.19em}.wordmark .mark{font-size:17px}.nav-replay{font-size:7px;letter-spacing:.04em;padding:10px 7px}.nav-replay span{display:none}.cinema-topline{top:76px}.scene-copy,.scene-copy-left,.scene-copy-hero{padding:0 42px 0 23px;justify-content:flex-start;padding-top:14.5vh}.scene-copy-hero{padding-top:17vh}.eyebrow{font-size:7px;letter-spacing:.17em;gap:8px}.eyebrow-line{width:18px}.eyebrow-star{display:none}.hero-overline,.small-kicker{font-size:8px;margin-top:27px;margin-bottom:14px}.scene-copy h1{font-size:clamp(62px,16vw,80px)}.scene-copy h2,.scene-copy-left h2{font-size:clamp(48px,12.3vw,70px);line-height:.96}.scene-copy-finale h2{font-size:clamp(42px,10.8vw,60px)}.scene-copy-center{padding:0 28px 18vh;justify-content:flex-end}.scene-copy-center h2{font-size:clamp(45px,12.8vw,65px)}.scene-copy-center .eyebrow{justify-content:center}.scene-copy-center .small-kicker{margin-top:10px}.body-copy{font-size:11px;line-height:1.8;max-width:272px;margin-top:16px}.scene-copy-center .body-copy{font-size:10px;max-width:300px}.spec-id{font-size:7px;margin-top:16px}.scene-link{margin-top:23px;font-size:8px;gap:9px}.link-circle{height:39px;width:39px}.scene-link i{width:23px}.scene-link:hover i{width:29px}.scene-copy-finale .small-kicker{margin-top:16px}.final-button{font-size:8px;padding:13px;margin-top:20px;gap:10px}.final-button span{font-size:13px}.scene-rail{right:2px;top:51%}.scene-counter{top:87px;right:19px;font-size:9px}.scene-counter #scene-current{font-size:11px}.scene-counter-line{width:22px}.bottom-hud{height:92px;padding:0 18px;grid-template-columns:1fr 111px 35px;gap:8px}.hud-location{gap:5px}.hud-location .mini-cross{font-size:17px}.hud-location>span:nth-child(2){font-size:8px;letter-spacing:.04em}.hud-progress-top{font-size:7px;letter-spacing:.05em}.hud-action button{height:35px;width:35px;font-size:16px}.cinema-bottomline{bottom:93px}.project-disclaimer{display:none}.callout{min-width:115px;max-width:140px}.callout-index{font-size:6px}.callout-title{font-size:8px;letter-spacing:.02em}.callout-desc{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.light-beam{display:none}}

/* Hardware-grade CSS 3D fallback: a physically opening case even without WebGL. */
.css-case3d{height:clamp(320px,61svh,610px);aspect-ratio:.67;position:relative;transform-style:preserve-3d;transform:translateX(var(--caseShift,0px)) rotateX(5deg) rotateY(var(--caseYaw)) rotateZ(var(--caseRoll)) scale(var(--caseScale));filter:drop-shadow(28px 33px 27px #0008);will-change:transform}
.css-case-back,.css-case-lid{position:absolute;inset:0;border-radius:8.3%/5.7%;transform-style:preserve-3d}
.css-case-back{background:linear-gradient(135deg,#747d83,#dadfdf 20%,#616c70 58%,#1f2b2e);border:12px solid #afb4b6;box-shadow:inset 0 0 0 5px #23292c,18px 7px 0 #454f53,21px 9px 8px #131b1ec9}
.css-back-edge{position:absolute;inset:8px;border:2px solid #a99986;border-radius:19px}
.css-lining{position:absolute;inset:12px;border-radius:10px;background:linear-gradient(127deg,#c5b8a7,#857e72 56%,#464a49);box-shadow:inset 0 0 0 8px #343c3d,inset 8px 12px 30px #171f2270;overflow:hidden}
.css-packing-top{position:absolute;top:8%;left:8%;width:84%;height:33%;border-radius:9px;background:repeating-linear-gradient(0deg,#878073 0 3px,#928a7a 4px 5px);border:8px solid #5b5e59;box-shadow:0 3px 4px #25292533}
.css-packing-top span:first-child{position:absolute;bottom:-3px;left:0;width:100%;height:4px;background:#d4bea0}
.css-packing-top span:last-child{position:absolute;right:3%;bottom:-5px;width:13px;height:7px;background:#d5c0a3}
.css-pocket-one,.css-pocket-two{position:absolute;top:48%;left:8%;width:39%;height:39%;border:7px solid #4c504e;background:repeating-linear-gradient(0deg,#a89b85 0 4px,#afa38d 4px 6px);border-radius:8px}
.css-pocket-two{left:53%}
.css-straps{position:absolute;top:52%;height:9px;width:115%;left:-7%;background:linear-gradient(#252e2f,#545e5d,#252d2f);transform-origin:50%;box-shadow:0 2px 3px #1118}
.css-straps.strap-a{transform:rotate(36deg)}.css-straps.strap-b{transform:rotate(-36deg)}
.css-lock-center{position:absolute;top:68%;left:calc(50% - 17px);width:34px;height:24px;background:linear-gradient(90deg,#565e5d,#dbd1bd,#6c6b64);border-radius:4px;border:3px solid #4c514f}
.css-case-side{position:absolute;left:-13px;top:11px;bottom:11px;width:16px;background:linear-gradient(90deg,#343e41,#eef0ed,#647076);border-radius:15px 0 0 15px;transform:translateZ(11px)}
.css-case-lid{transform-origin:0% 50%;transform:translateZ(28px) rotateY(var(--lidAngle));transition:none}
.css-lid-front,.css-lid-inside{position:absolute;inset:0;border-radius:8%/5.8%;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transform-style:preserve-3d}
.css-lid-front{border:11px solid #d6dbdb;transform:translateZ(3px);background:repeating-linear-gradient(90deg,#536067 0px,#78848a 7px,#d3d8d9 14px,#f5f6f4 19px,#909ca0 22px,#444f56 28px,#8b969b 33px);box-shadow:inset 4px 4px 12px #131a1a84,inset -6px 0px 13px #fff7,6px 6px 1px #444e53,12px 9px 6px #252f337c}
.css-face-shine{position:absolute;inset:0;background:linear-gradient(106deg,transparent 0%,rgba(255,255,255,.48) 9%,transparent 13%,rgba(26,39,49,.1) 42%,rgba(255,255,255,.45) 67%,transparent 73%,rgba(12,25,29,.34) 100%);mix-blend-mode:soft-light}
.css-face-trim{position:absolute;inset:12px;border:2px solid #f4f5ef;border-radius:15px;box-shadow:inset 0 0 0 1px #333b41,0 0 1px #3d4b50}
.css-corner{position:absolute;width:21px;height:34px;background:linear-gradient(130deg,#879398,#f4f6f4,#68767c);border-radius:8px;box-shadow:inset 0 1px #fff8}
.css-corner.one{top:3px;left:3px}.css-corner.two{top:3px;right:3px}.css-corner.three{bottom:3px;left:3px}.css-corner.four{bottom:3px;right:3px}
.css-emblem{position:absolute;top:calc(50% - 31px);left:calc(50% - 31px);height:62px;width:62px;border-radius:50%;background:linear-gradient(130deg,#2a3133,#ecdfca 55%,#45494a);border:6px solid #616f75;box-shadow:0 4px 7px #13202480, inset 0 0 0 1px #fff5;display:grid;place-items:center}
.css-emblem span{display:grid;place-items:center;border-radius:50%;background:#293135;color:#d9d1c2;width:44px;height:44px;font:34px var(--serif)}
.css-lid-inside{transform:rotateY(180deg) translateZ(4px);border:12px solid #bcc3c3;background:linear-gradient(135deg,#d4c5af,#827867 75%,#4b4d4c);box-shadow:inset 0 0 0 9px #515857}
.css-inner-pocket{position:absolute;left:10%;width:80%;height:37%;background:repeating-linear-gradient(0deg,#a89b86 0 4px,#aca08d 5px 7px);border:9px solid #585d59;border-radius:12px;box-shadow:0 3px 6px #15191944}
.css-inner-pocket.pocket-top{top:9%}.css-inner-pocket.pocket-low{bottom:8%}
.css-inner-zip{position:absolute;top:50%;left:10%;width:80%;height:4px;background:#dac3a3;box-shadow:0 2px 2px #0006}
.css-hinge{position:absolute;z-index:4;left:-17px;width:32px;height:39px;border-radius:9px;background:linear-gradient(90deg,#4b5559,#f7f5ef 43%,#78878e);box-shadow:0 3px 7px #0006;transform:translateZ(19px)}
.css-hinge.hinge-top{top:22%}.css-hinge.hinge-bottom{bottom:22%}
.css-side-lock{position:absolute;z-index:3;right:-23px;width:29px;height:55px;border-radius:7px;background:linear-gradient(90deg,#222d31,#b8c0c1 43%,#5b6a71);border:3px solid #58666b;box-shadow:0 4px 8px #0006;transform:translateZ(14px)}
.css-side-lock.lock-top{top:25%}.css-side-lock.lock-bottom{bottom:25%}
.css-trolley{height:21%;position:absolute;left:34%;right:34%;top:-13%;z-index:0;transform:translateY(var(--raise,0px));transform-style:preserve-3d}
.css-trolley i{display:block;position:absolute;height:100%;top:0;width:13px;border-radius:7px;background:linear-gradient(90deg,#434d50,#e2e6e5,#637277)}
.css-trolley i:first-child{left:9px}.css-trolley i:nth-child(2){right:9px}
.css-trolley b{position:absolute;top:0;left:0;right:0;height:25px;border:7px solid #a1aeb1;border-top-color:#e1e3dc;background:#293235;border-radius:13px;box-shadow:0 4px 7px #0004}
.css-carry{position:absolute;width:94px;height:34px;top:-16px;left:calc(50% - 47px);background:linear-gradient(90deg,#768387,#f5f4ef,#647276);border-radius:12px;display:grid;place-items:center;transform:translateZ(27px);box-shadow:0 4px 6px #0004}
.css-carry span{width:70px;height:15px;border-radius:9px;background:#252c30}
.css-wheel{position:absolute;z-index:-1;bottom:-25px;width:40px;height:49px;background:radial-gradient(circle at 37% 40%,#cfd6d3 0 3px,#4e595d 5px,#141a1d 8px,#3e454a 17px,#0c1115 19px);border:7px solid #333e41;border-radius:50%;box-shadow:inset 0 0 0 2px #c6cbc7,2px 4px 8px #0008;transform:translateZ(36px)}
.css-wheel-a{left:10px}.css-wheel-b{right:10px}.css-wheel-c{left:15px;transform:translateZ(-8px)}.css-wheel-d{right:15px;transform:translateZ(-8px)}
.css-hotspot{position:absolute;width:2px;height:2px;pointer-events:none;transform:translateZ(42px)}
.css-pt-shell{top:27%;right:17%}.css-pt-hinge{top:51%;left:0}.css-pt-inside{top:50%;left:35%;transform:translateZ(4px)}.css-pt-wheel{bottom:-12px;right:15%}

.render-fallback{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;perspective:1500px;pointer-events:none;overflow:visible}
.render-fallback[hidden]{display:none}
.css-case3d{height:min(60svh,555px);aspect-ratio:.67;transform-origin:center;filter:drop-shadow(24px 29px 25px rgba(0,0,0,.45))}
@media(max-width:800px){.css-case3d{height:min(52svh,480px)}}
@media(max-width:520px){.css-case3d{height:min(45svh,375px)}}

.css-case3d{transform:translateX(var(--caseShift,0px)) translateY(var(--caseY,0px)) rotateX(5deg) rotateY(var(--caseYaw,-18deg)) rotateZ(var(--caseRoll,-7deg)) scale(var(--caseScale,1))}

/* Legibility matte, as used for editorial text over active product cinematography. */
.scene-copy-left,.scene-copy-finale{background:linear-gradient(90deg,rgba(5,9,12,.63),rgba(5,9,12,.24) 36%,rgba(5,9,12,0) 66%)}
@media(max-width:520px){.scene-copy-left,.scene-copy-finale{background:linear-gradient(180deg,rgba(5,9,12,.82),rgba(5,9,12,.34) 38%,transparent 71%)}}

/* Technical labels: readable even as the polished silver shell crosses behind them. */
.callout{padding:9px 12px 9px 13px;border-left:1px solid rgba(215,191,157,.6);background:linear-gradient(90deg,rgba(5,10,13,.76),rgba(5,10,13,.4) 77%,transparent);backdrop-filter:blur(3px)}
@media(max-width:520px){.callout{padding:6px 8px;border-left-color:rgba(215,191,157,.42);background:linear-gradient(90deg,rgba(5,10,13,.66),rgba(5,10,13,.10))}}