.entrance{position:fixed;inset:0;z-index:30;background:#170a10;display:grid;place-items:center;overflow:hidden}
.entrance[hidden]{display:none}.entrance:focus{outline:none}
.motion-stage{width:min(100vw,56.28svh,620px);aspect-ratio:941/1672;position:relative;perspective:1500px;isolation:isolate;direction:rtl;container-type:inline-size}
.motion-stage>img,.motion-stage>.layer,.flap-layer>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;user-select:none}
.scene-photo{z-index:0}
.inside{z-index:1;opacity:0;clip-path:polygon(4.4% 52.4%,85.5% 38.1%,98.3% 61.6%,13.4% 75.3%);background:linear-gradient(155deg,#351723,#251019)}
.rear-lining{z-index:2;opacity:0;clip-path:polygon(4.4% 51.2%,44.5% 25.3%,87.2% 40.1%);background:linear-gradient(150deg,#30141e,#251019)}
.rear{z-index:2;opacity:0;clip-path:polygon(15% 38.5%,39% 24.7%,47% 24.7%,70% 31.3%)}
.card-layer{z-index:3;opacity:0;clip-path:polygon(6.8% 41%,80.1% 30.5%,86.7% 44%,51.1% 56.6%,10.7% 51.8%);transform:translate(3%,12%)}
.pocket-layer{z-index:4;opacity:0;clip-path:polygon(4.3% 51.7%,51.2% 57%,87.2% 44.8%,98.3% 61.6%,13.4% 75.3%)}
.flap-layer{z-index:5;transform-origin:45% 45.3%;transform-style:preserve-3d;backface-visibility:hidden}
.flap-image{clip-path:polygon(4.5% 52.3%,85.4% 38.1%,85.4% 44.2%,52% 61%,9.6% 56.3%)}
.flap-seal{clip-path:ellipse(5.5% 3.5% at 52% 60.4%)}
.scene-final{z-index:6;opacity:0}
.entrance.settled .scene-final{opacity:1}.entrance.settled .entrance-copy{opacity:0}
.entrance.revealing .flap-layer,.entrance.revealing .card-layer{will-change:transform,opacity}
.entrance-copy{position:absolute;top:11%;right:10%;left:10%;z-index:8;color:#fcfaf6;text-align:right;pointer-events:none}
.entrance-copy .en{font-size:clamp(9px,2.5cqw,12px);letter-spacing:3px;color:#d2b477}
.entrance-copy h1{font:400 clamp(32px,12cqw,66px)/1.5 Amiri;margin:15px 0 0}
.entrance-copy p{font:clamp(22px,7cqw,37px) Cormorant;color:#e7d8bf;margin:0;direction:ltr;text-align:right}
.entrance-copy .sample{display:block;color:#c6b29b;margin-top:14px;font-size:clamp(9px,2cqw,11px)}
/* Hotspot coordinates are measured on the approved 941 x 1672 hero. */
.seal-trigger{position:absolute;left:52%;top:60.4%;width:max(52px,13%);height:auto;aspect-ratio:1;min-height:52px;transform:translate(-50%,-50%);z-index:12;border:0;border-radius:50%;padding:0;background:transparent;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline:none}
.seal-halo,.seal-ring{position:absolute;pointer-events:none;border-radius:50%}
.seal-halo{left:50%;top:50%;width:22cqw;height:22cqw;margin:-11cqw;background:radial-gradient(circle,#ddab5240 0%,#ddab5224 35%,#ddab5200 70%);opacity:.4;animation:seal-breathe 2.8s ease-in-out infinite}
.seal-ring{left:50%;top:50%;width:11.2cqw;height:11.2cqw;margin:-5.6cqw;border:1px solid #ebc88666;box-shadow:0 0 12px #ddab5233;opacity:.4;animation:seal-ring-breathe 2.8s ease-in-out infinite}
.seal-trigger:hover .seal-halo,.seal-trigger:focus-visible .seal-halo{opacity:.85;animation:none}
.seal-trigger:focus-visible{outline:2px solid #f0d8a5;outline-offset:5px}
.seal-trigger:active .seal-ring{transform:scale(.91);opacity:1;animation:none}
.seal-trigger:disabled{cursor:default;pointer-events:none}
.entrance[data-state=loading] .seal-halo{animation:none;opacity:.9}
.entrance[data-state=loading] .seal-ring{animation:none;opacity:1;transform:scale(.93)}
.entrance.revealing .seal-trigger,.entrance.settled .seal-trigger{opacity:0;pointer-events:none;transition:opacity .18s}
.entrance.revealing .seal-halo,.entrance.revealing .seal-ring{animation:none}
.entrance-actions{position:absolute;bottom:7%;right:10%;left:10%;z-index:10;text-align:center}
.seal-hint{color:#e6d2af;font:400 clamp(15px,4cqw,20px)/1.7 Amiri;margin:0 0 12px;transition:opacity .2s}
.seal-hint span{display:block;font:clamp(13px,3.4cqw,17px)/1.5 Cormorant;color:#bba68c}
.entrance.revealing .seal-hint,.entrance[data-state=loading] .seal-hint,.entrance.settled .entrance-actions{opacity:0;pointer-events:none}
.skip-button{color:#cbbbA6;background:transparent;border:0;border-bottom:1px solid #9f815440;min-height:44px;padding:8px 12px;font-size:11px;touch-action:manipulation}
.entrance-language{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(20px,env(safe-area-inset-left));z-index:40;color:#efe4d2;border:0;background:transparent;min-height:44px;padding:10px;font-size:12px}
.reading-arrival{animation:paper-arrive .65s ease both}.replay-wrap{text-align:center;padding:0 20px 28px}.replay{border:0;background:transparent;border-bottom:1px solid #c9b792;color:#7c644b;min-height:44px;font-size:12px}
.motion-stage.review-mid .inside,.motion-stage.review-mid .pocket-layer,.motion-stage.review-mid .rear,.motion-stage.review-mid .rear-lining{opacity:1}
.motion-stage.review-mid .flap-layer{opacity:0}.motion-stage.review-mid .card-layer{opacity:1;transform:translate(1%,4%)}.motion-stage.review-mid .entrance-copy,.motion-stage.review-mid .seal-trigger{opacity:0}.motion-stage.review-mid .entrance-actions{display:none}
@keyframes seal-breathe{0%,100%{opacity:.25;transform:scale(.94)}50%{opacity:.65;transform:scale(1.05)}}
@keyframes seal-ring-breathe{0%,100%{opacity:.2;transform:scale(.97)}50%{opacity:.55;transform:scale(1.03)}}
@keyframes paper-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){body.entered .editorial{display:none}}
@media(max-height:600px){.entrance-copy{top:5%}.entrance-copy h1{font-size:29px;margin-top:4px}.entrance-copy p{font-size:21px}.entrance-copy .sample{font-size:8px;margin-top:5px}.entrance-copy .en{font-size:8px;letter-spacing:1px}.entrance-actions{bottom:2%}.seal-hint{font-size:13px;margin-bottom:0}.seal-hint span{display:none}.skip-button{font-size:10px}}
@media(prefers-reduced-motion:reduce){.entrance{display:none}.reading-arrival,.seal-halo,.seal-ring{animation:none}}