@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Great+Vibes&family=Manrope:wght@400;500;600&display=swap');
:root{--night:#112a30;--paper:#fff8e9;--ink:#304238;--gold:#b99756;--lightgold:#f1d89c;--burgundy:#74392f;--serif:'Cormorant Garamond',Georgia,serif;--script:'Great Vibes','Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;--ease:cubic-bezier(.22,.61,.36,1);font-family:var(--sans);color:var(--ink);background:var(--night);scroll-behavior:smooth;color-scheme:light;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--lightgold);outline-offset:6px}img{display:block;max-width:100%}[hidden]{display:none!important}.skip-link{position:fixed;top:-70px;left:15px;z-index:100;padding:14px;background:var(--paper)}.skip-link:focus{top:15px}
.hero{height:100svh;min-height:720px;position:relative;isolation:isolate;overflow:hidden;color:var(--paper);--mx:0;--my:0}.hero-bg{position:absolute;inset:0;z-index:-2;background:#122932}.hero-bg>img{position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:50% 53%;transform:translate3d(calc(var(--mx)*-12px),calc(var(--my)*-12px),0) scale(1.025);transition:transform .65s var(--ease);filter:brightness(.77) saturate(.88)}.vignette{position:absolute;inset:0;background:linear-gradient(180deg,#082332b8 0%,#08233219 28%,transparent 55%,#072227bb 100%),radial-gradient(ellipse at 50% 50%,transparent 30%,#06212d75 100%)}.scene-header{position:absolute;inset:22px 30px auto;display:flex;justify-content:space-between;z-index:7;pointer-events:none}.hotel-monogram,.motion-control{width:42px;height:42px;border:1px solid #e8cc8d8c;border-radius:50%;color:var(--lightgold);display:grid;place-items:center;background:#10272c40;backdrop-filter:blur(5px)}.hotel-monogram{font:32px var(--serif)}.motion-control{pointer-events:auto;font-size:18px}.title-lockup{position:absolute;left:50%;top:4%;transform:translateX(-50%);z-index:4;text-align:center;pointer-events:none;width:min(540px,47vw);filter:drop-shadow(0 3px 8px #081519aa)}.eyebrow{font:500 11px/1.6 var(--sans);letter-spacing:.19em}.title-lockup>.eyebrow{color:#f4dfb5;font-size:10px;letter-spacing:.24em;margin:0 0 8px}.title-lockup h1{font:500 clamp(55px,6vw,91px)/.9 var(--serif);margin:0;letter-spacing:.08em;text-transform:uppercase}.title-lockup h1>span{display:block}.title-lockup h1>em{font:400 clamp(62px,6.2vw,98px)/1.18 var(--script);text-transform:none;letter-spacing:0;display:block;color:#f4d99c;margin-top:-5px}.location{font:500 10px var(--sans);letter-spacing:.39em;margin:4px 0 0}.location:before,.location:after{content:'—';margin:0 12px;color:var(--lightgold)}.scene-nav{position:absolute;inset:0;pointer-events:none;z-index:6}.scene-link{position:absolute;pointer-events:auto;border:0;background:none;color:var(--paper);padding:10px 5px;filter:drop-shadow(0 2px 5px #06131ed9);transition:transform .35s var(--ease),color .35s}.scene-link>span{font:400 clamp(27px,3.1vw,45px)/1.1 var(--script);display:block}.scene-link>span:after{content:'';display:block;width:45%;height:1px;background:var(--lightgold);margin:7px auto 0;transition:width .3s}.scene-link small{display:block;font:500 10px/1.7 var(--sans);text-transform:uppercase;letter-spacing:.17em;color:#f1dab0;margin-top:10px}.nav-story{left:6%;top:17%;transform:rotate(-5deg)}.nav-publisher{right:6%;top:19%;transform:rotate(4deg)}.scene-link:hover,.scene-link:focus-visible{color:var(--lightgold);transform:rotate(0) scale(1.07)}.scene-link:hover>span:after{width:80%}
.floating-stage{position:absolute;inset:0;z-index:3;pointer-events:none}.floating-door{position:absolute;width:clamp(138px,15vw,220px);background:none;border:0;padding:0;pointer-events:auto;transform:translate3d(calc(var(--mx)*var(--depth)),calc(var(--my)*var(--depth)),0);transition:transform .5s var(--ease);--depth:30px;--tilt:-5deg;--dur:6.4s;--delay:-1s}.floating-door[data-slot="0"]{left:4%;top:34%;--tilt:-8deg;--depth:34px;--delay:-1.4s}.floating-door[data-slot="1"]{left:21%;bottom:14%;width:clamp(115px,12vw,185px);--tilt:5deg;--depth:20px;--delay:-3.2s;--dur:7.4s}.floating-door[data-slot="2"]{right:4%;top:35%;--tilt:7deg;--depth:38px;--delay:-2.5s;--dur:5.8s}.floating-door[data-slot="3"]{right:21%;bottom:14%;width:clamp(115px,12vw,185px);--tilt:-4deg;--depth:23px;--delay:-4.2s}.door-bob{display:block;animation:float var(--dur) ease-in-out infinite;animation-delay:var(--delay)}.door-picture{display:block;transform:rotate(var(--tilt));transition:transform .45s var(--ease),filter .45s;filter:drop-shadow(0 15px 10px #001c27a8)}.door-picture img{width:100%;height:auto}.door-number{position:absolute;left:50%;bottom:11.8%;transform:translateX(-50%);font:600 clamp(17px,1.6vw,24px)/1 var(--serif);color:#3b3827;background:linear-gradient(120deg,#c4a367,#f7e6b1 45%,#c3a365);border:1px solid #dec596;border-radius:2px;padding:4px 12px;box-shadow:0 3px 5px #0005;text-shadow:0 1px #fff8}.door-caption{position:absolute;left:50%;bottom:-2%;width:160px;transform:translate(-50%,4px);font:italic 19px var(--serif);color:#fff4da;text-shadow:0 2px 8px #000;opacity:0;transition:.25s;pointer-events:none}.floating-door:hover,.floating-door:focus-visible{z-index:6;outline:none}.floating-door:hover .door-picture,.floating-door:focus-visible .door-picture{transform:rotate(calc(var(--tilt)*-.3)) scale(1.11);filter:drop-shadow(0 0 18px #ffc8648c) drop-shadow(0 17px 12px #001622ad)}.floating-door:focus-visible .door-number{outline:2px solid #fff;outline-offset:4px}.floating-door:hover .door-caption,.floating-door:focus-visible .door-caption{opacity:1;transform:translate(-50%,0)}
.room-browsing{position:absolute;bottom:7%;left:50%;transform:translateX(-50%);z-index:6;text-align:center;width:min(420px,92vw)}.window-invitation{font:italic 23px/1.3 var(--serif);text-shadow:0 2px 7px #051418;margin:0 0 15px}.stage-pager{display:flex;align-items:center;justify-content:center;gap:16px}.stage-pager>button{background:#10282ccc;backdrop-filter:blur(7px);border:1px solid #d8bf8270;color:var(--paper);min-height:44px;border-radius:2px}.stage-pager>button:not(.all-rooms){width:44px;font:25px var(--serif);border-radius:50%}.stage-pager>button:disabled{opacity:.35;cursor:default}.stage-pager>button:hover:not(:disabled){background:#324438}.all-rooms{padding:10px 20px;font:500 13px var(--sans);letter-spacing:.04em}.group-progress{font:10px var(--sans);display:block;color:#dcc79e;margin-top:5px;letter-spacing:.12em}.scroll-cue{position:absolute;bottom:1.2%;left:50%;transform:translateX(-50%);z-index:5;text-align:center;text-decoration:none;white-space:nowrap;font:9px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#eee0c1}.scroll-cue span{display:block;font:20px var(--serif);margin-top:4px}.snow{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:2}.snow i{position:absolute;left:var(--left);top:-15px;width:var(--size);height:var(--size);border-radius:50%;background:#fff7dc;opacity:.6;animation:snowfall var(--duration) linear infinite;animation-delay:var(--delay)}
.letter-section{padding:75px 25px 80px;background:radial-gradient(ellipse at 50% 20%,#315044 0%,#1b352e 55%,#112a27 100%)}.section-kicker{text-align:center;color:#d3ba86;font:500 10px/1.8 var(--sans);letter-spacing:.24em;margin:0 0 30px}.invitation-letter,.letter-paper{background-color:var(--paper);background-image:radial-gradient(#b89e6820 .65px,transparent .65px);background-size:5px 5px;color:var(--ink);position:relative}.invitation-letter{max-width:850px;margin:auto;padding:55px 85px 50px;box-shadow:0 24px 60px #031b2266;transform:rotate(-.65deg)}.invitation-letter:before,.letter-paper:before{content:'';position:absolute;inset:13px;border:1px solid #b69a5e;outline:1px solid #c5b583;outline-offset:-5px;pointer-events:none}.letter-heading,.paper-header{text-align:center}.letter-mark{display:inline-grid;place-items:center;font:42px var(--serif);color:#aa884b;width:64px;height:64px;border:1px solid #b89b5e;border-radius:50%;outline:1px solid #b89b5e;outline-offset:-5px}.letter-heading>.eyebrow{font-size:10px;color:#8c784e;margin:19px 0 35px}.salutation{font:38px/1.2 var(--script);color:var(--burgundy);margin:0 0 16px}.invitation-letter h2{font:500 clamp(32px,3.2vw,45px)/1.12 var(--serif);letter-spacing:-.015em;margin:0 0 25px}.invitation-letter h2 em{font-weight:400;color:#8e7445}.gold-divider{display:flex;align-items:center;gap:14px;color:var(--gold);width:135px;margin:26px auto;font-size:20px}.gold-divider:before,.gold-divider:after{content:'';height:1px;flex:1;background:var(--gold)}.editorial-copy p{font:20px/1.7 var(--serif);margin:20px 0}.editorial-copy .lead{font:500 26px/1.4 var(--serif);color:#3f4b3b}.letter-quote{font:italic 28px/1.25 var(--serif);color:#94743d;text-align:center;margin:32px auto}.signature{text-align:right;font:italic 17px/1.4 var(--serif);margin:32px 0}.signature span{display:block;font:34px var(--script);color:#784136;margin-top:8px}.letter-link{background:none;color:var(--ink);border:0;border-bottom:1px solid #b99756;padding:12px 0;font:500 13px var(--sans);display:inline-flex;align-items:center;gap:20px;min-height:44px}.letter-link:hover{color:var(--burgundy)}.book-invitation{max-width:790px;margin:90px auto 0;display:flex;gap:60px;align-items:center;color:#f8efd9}.book-invitation>img{width:170px;height:auto;box-shadow:12px 13px 30px #0005;transform:rotate(4deg)}.book-invitation .eyebrow{font-size:10px;color:#d4bd8d}.book-invitation h2{font:400 41px/1.08 var(--serif);margin:18px 0}.book-invitation .letter-link{color:var(--paper)}footer{background:#102824;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ddd0ad}footer img{width:120px;height:auto}footer span{font-size:9px;letter-spacing:.2em}footer a{font-size:12px;text-decoration:none}
dialog{border:0;padding:0;width:min(840px,calc(100vw - 60px));max-width:none;max-height:none;background:transparent;overflow:visible;color:var(--ink)}dialog::backdrop{background:#071b26b8;backdrop-filter:blur(6px)}dialog[open]{animation:letter-arrive .4s var(--ease) both}.letter-paper{max-height:calc(100dvh - 70px);overflow:auto;padding:36px 66px 35px;box-shadow:0 25px 80px #0007;scrollbar-width:thin;scrollbar-color:#b79c64 #f5edda}.paper-header>.letter-mark{width:49px;height:49px;font-size:33px}.paper-header>.eyebrow{font-size:9px;color:#8c784e;margin:12px 0 27px}.close-popup{position:absolute;right:-16px;top:-16px;z-index:4;border:1px solid #a68a50;outline:1px solid #d6bd85;outline-offset:-5px;border-radius:50%;background:var(--paper);color:#625438;width:49px;height:49px;font:30px var(--serif);box-shadow:0 5px 20px #0005;transition:transform .3s}.close-popup:hover{transform:rotate(90deg);background:#f1dfb7}#popup-title{text-align:center;font:500 49px/1.07 var(--serif);margin:0 auto 18px;max-width:600px}.letter-paper .salutation{text-align:center;font-size:33px;margin-bottom:12px}.room-kicker{text-align:center;letter-spacing:.23em;font:500 12px var(--sans);color:#987c43;margin:0 0 16px}.room-kicker span{font:600 25px var(--serif);letter-spacing:.06em;margin-left:7px}.room-author{text-align:center;font:italic 23px var(--serif);color:#79533b}.room-synopsis{font:21px/1.6 var(--serif);text-align:center;max-width:510px;margin:24px auto}.guest-block{padding:20px 25px;border:1px solid #c1a26370;margin-top:28px;text-align:center}.guest-block>.eyebrow{font-size:9px;color:#8f784c;margin:0 0 12px}.guest-block h3{font:500 27px var(--serif);margin:0 0 8px}.guest-block>p:last-child{font:18px/1.5 var(--serif);margin:0}.room-signature{font:25px/1.25 var(--script);color:#8b6b3b;text-align:center;margin:28px 0}.room-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #bca36977;padding-top:15px}.room-pagination button{background:none;border:0;color:var(--ink);min-height:44px;font-size:12px}.room-pagination button:first-child{font:25px var(--serif);min-width:44px}.room-pagination button:last-child span{font-size:21px;margin-left:15px}#room-progress{font:11px var(--sans);color:#7f775f}.story-statement{text-align:center;font:24px/1.35 var(--serif);margin:15px auto}.story-statement em{color:#94743d}.letter-paper .editorial-copy{max-width:600px;margin:auto}.letter-paper .signature{margin-bottom:10px}.directory-intro{text-align:center;font:20px var(--serif)}.room-list{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.room-list button{border:1px solid #baa26d;background:#efe5d133;color:var(--ink);font:600 26px var(--serif);min-height:65px;transition:.25s;box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px #c5ae7c6b}.room-list button:hover,.room-list button:focus-visible{background:#284639;color:#ffe7af;outline-color:var(--gold);box-shadow:inset 0 0 0 4px #284639,inset 0 0 0 5px #c5ae7c6b}.book-popup{display:grid;grid-template-columns:230px 1fr;gap:45px;align-items:center;margin:15px 0}.book-popup img{width:100%;height:auto;box-shadow:7px 12px 20px #30422b33;transform:rotate(-3deg)}.book-popup .salutation{text-align:left;font-size:36px}.book-statement{font:29px/1.1 var(--serif)}.book-popup p:not([class]){font:18px/1.6 var(--serif)}.book-popup .letter-quote{text-align:left;margin:20px 0;font-size:25px}.dialog-open{overflow:hidden}.motion-paused{scroll-behavior:auto}.motion-paused *{animation:none!important;transition:none!important}.motion-paused .snow{display:none}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-15px) rotate(1.5deg)}}@keyframes snowfall{to{transform:translate(45px,105vh)}}@keyframes letter-arrive{from{opacity:0;transform:translateY(24px) rotate(-1deg) scale(.97)}to{opacity:1;transform:none}}
@media(min-width:1700px){.floating-door[data-slot="0"],.floating-door[data-slot="2"]{width:240px}.floating-door[data-slot="1"],.floating-door[data-slot="3"]{width:190px}.title-lockup{top:6%}.hero-bg>img{object-position:50% 60%}}
@media(max-width:900px){.hero{min-height:680px}.title-lockup{width:55vw;top:6%}.title-lockup h1{font-size:65px}.title-lockup h1>em{font-size:70px}.scene-link>span{font-size:33px}.scene-link small{font-size:8px}.nav-story{left:3%;top:24%}.nav-publisher{right:3%;top:24%}.floating-door[data-slot="0"]{left:2%;top:40%}.floating-door[data-slot="2"]{right:2%;top:41%}.floating-door[data-slot="1"]{left:19%;bottom:18%}.floating-door[data-slot="3"]{right:19%;bottom:18%}.window-invitation{font-size:21px}.invitation-letter{padding:48px 60px}.letter-paper{padding:32px 40px}.book-popup{grid-template-columns:180px 1fr;gap:30px}}
@media(max-width:599px){.hero{height:100svh;min-height:740px}.hero-bg>img{width:150%;height:106%;left:-25%;object-fit:cover;object-position:center 50%;filter:brightness(.73) saturate(.9)}.vignette{background:linear-gradient(#082532c9,transparent 40%,#102c2922 60%,#072323ef 100%)}.scene-header{inset:17px 20px auto}.hotel-monogram,.motion-control{width:36px;height:36px}.hotel-monogram{font-size:27px}.title-lockup{top:8%;width:90%}.title-lockup>.eyebrow{font-size:8px;letter-spacing:.16em}.title-lockup h1{font-size:60px}.title-lockup h1>em{font-size:68px}.location{font-size:8px;margin:2px 0}.scene-nav .nav-story{left:7%;top:30%}.scene-nav .nav-publisher{right:7%;top:30%}.scene-link>span{font-size:29px}.scene-link small{display:none}.floating-door[data-slot="0"]{left:5%;top:auto;bottom:23%;width:145px;--tilt:-6deg}.floating-door[data-slot="1"]{left:auto;right:4%;bottom:20%;width:145px;--tilt:6deg}.floating-door[data-slot="2"],.floating-door[data-slot="3"]{display:none}.door-number{font-size:19px;padding:4px 10px}.door-caption{font-size:17px}.room-browsing{bottom:8.5%}.window-invitation{font-size:20px;margin-bottom:12px}.stage-pager{gap:12px}.all-rooms{font-size:12px;padding:8px 15px}.group-progress{font-size:9px}.scroll-cue{bottom:2%;font-size:8px;letter-spacing:.12em}.letter-section{padding:45px 17px 50px}.section-kicker{font-size:8px;letter-spacing:.15em}.invitation-letter{padding:35px 28px 35px;transform:rotate(-.35deg)}.invitation-letter:before,.letter-paper:before{inset:9px;outline-offset:-4px}.letter-mark{width:53px;height:53px;font-size:36px}.letter-heading>.eyebrow{font-size:8px;margin:16px 0 28px}.salutation{font-size:33px}.invitation-letter h2{font-size:31px;line-height:1.15}.editorial-copy .lead{font-size:24px}.editorial-copy p{font-size:20px;line-height:1.6}.letter-quote{font-size:26px;line-height:1.25}.signature span{font-size:32px}.book-invitation{margin-top:55px;gap:30px;flex-direction:column;text-align:center}.book-invitation>img{width:155px}.book-invitation h2{font-size:36px}.book-invitation .eyebrow{font-size:8px}footer{padding:25px;gap:15px}footer span{display:none}footer img{width:110px}footer a{font-size:11px}dialog{width:calc(100vw - 34px)}.letter-paper{padding:27px 27px 25px;max-height:calc(100dvh - 60px)}.close-popup{width:42px;height:42px;top:-12px;right:-8px;font-size:27px}.paper-header>.eyebrow{font-size:7px;letter-spacing:.14em;margin:13px 0 24px}.paper-header>.letter-mark{width:42px;height:42px;font-size:29px}#popup-title{font-size:38px;line-height:1.07}.room-kicker{font-size:10px;letter-spacing:.14em}.room-kicker span{font-size:24px}.room-synopsis{font-size:21px;line-height:1.5}.guest-block{padding:18px 13px}.guest-block>.eyebrow{font-size:8px}.guest-block h3{font-size:26px}.guest-block>p:last-child{font-size:18px}.room-signature{font-size:24px}.room-pagination{gap:5px}.room-pagination button{font-size:11px}.room-pagination button:last-child span{margin-left:6px}#room-progress{font-size:10px}.letter-paper .salutation{font-size:30px}.room-list{grid-template-columns:repeat(4,1fr);gap:10px}.room-list button{min-height:53px;font-size:24px}.directory-intro{font-size:20px;line-height:1.4}.story-statement{font-size:24px}.book-popup{display:flex;flex-direction:column;gap:27px}.book-popup img{width:160px}.book-popup>div{text-align:center}.book-popup .salutation,.book-popup .letter-quote{text-align:center}.book-statement{font-size:29px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-bg>img,.floating-door{transform:none!important}.snow{display:none}}
/* El marco permanece fuera del área que desplaza el texto de la carta. */
.letter-paper{border:18px solid var(--paper);padding:20px 48px 22px}
.letter-paper:before{display:none}
dialog:before{content:'';position:absolute;inset:8px;border:3px double #baa065;pointer-events:none;z-index:2}
@media(max-width:599px){.letter-paper{border-width:14px;padding:18px 15px 20px}dialog:before{inset:6px}}

/* Puertas oficiales: marco fijo y hoja con bisagra, sobre la misma ilustración. */
.door-picture{position:relative;container-type:inline-size;perspective:950px;--leaf-left:27.49%;--leaf-top:19.83%;--leaf-width:45.93%;--leaf-height:73.21%}
.door-opening,.door-leaf{position:absolute;left:var(--leaf-left);top:var(--leaf-top);width:var(--leaf-width);height:var(--leaf-height)}
.door-opening{background:linear-gradient(110deg,#321c10,#8b5626 70%,#f2c26c);box-shadow:inset 0 0 13px #28120e;}
.door-leaf{overflow:hidden;transform-origin:0 50%;transition:transform 1.05s cubic-bezier(.2,.65,.3,1);backface-visibility:hidden;transform:rotateY(0deg)}
.door-leaf .door-leaf-image{position:absolute;width:calc(100% / .4593);max-width:none;height:auto;left:calc(-27.49% / .4593);top:calc(-19.83% / .7321);pointer-events:none}
.door-number{left:49.4%;top:18.35%;bottom:auto;transform:translate(-50%,-50%);font:500 13cqw/1 var(--serif);padding:0;color:#553015;border:0;background:none;box-shadow:none;text-shadow:none}
.floating-door:hover .door-leaf,.floating-door:focus-visible .door-leaf{transform:rotateY(-43deg)}
.floating-door:focus-visible .door-number{outline:none}
.floating-door:hover .door-picture,.floating-door:focus-visible .door-picture{filter:drop-shadow(0 0 2px #ffeb99) drop-shadow(0 0 12px #f4c86baa) drop-shadow(0 17px 12px #001622ad)}
.door-caption{bottom:-7%}
.nav-publisher{right:4%;max-width:255px}
.nav-publisher>span{font-family:var(--serif);font-size:33px;line-height:1.05}
.nav-publisher>span>small{font:30px/1.2 var(--script);text-transform:none;letter-spacing:0;margin:0 0 5px;color:var(--paper)}
.ui-icon{display:inline-block;width:20px;height:20px;flex-shrink:0;vertical-align:middle}
.motion-control span,.close-popup,.stage-pager>button:not(.all-rooms){display:grid;place-items:center}
.close-popup .ui-icon{width:22px;height:22px}
.scroll-cue{display:grid;place-items:center;width:44px;height:35px;bottom:.7%}
.gold-divider{height:1px;gap:0;margin:30px auto;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.gold-divider:before,.gold-divider:after{display:none}
.letter-section{background-image:url('assets/christmas-red.png'),radial-gradient(ellipse at 50% 20%,#315044 0%,#1b352e 55%,#112a27 100%);background-size:302px 557px,100% 100%;background-repeat:repeat,no-repeat;background-blend-mode:luminosity}
.section-kicker,.book-invitation .eyebrow{color:#ffe3af}
.book-invitation>img{width:240px;height:auto;box-shadow:none;transform:none;filter:drop-shadow(10px 18px 15px #031b2266)}
.book-popup{grid-template-columns:260px 1fr;gap:30px}
.book-popup img{width:100%;box-shadow:none;transform:none;filter:drop-shadow(10px 14px 12px #63452530)}
footer{background:#102824}
@media(max-width:900px){.nav-publisher{max-width:210px}.nav-publisher>span{font-size:27px}.book-popup{grid-template-columns:210px 1fr}}
@media(max-width:599px){.scene-nav .nav-publisher{right:5%;max-width:160px;top:29%}.nav-publisher>span{font-size:24px}.nav-publisher>span>small{display:block;font-size:25px;margin-bottom:1px}.scene-nav .nav-story{left:6%;top:31%}.book-invitation>img{width:230px}.book-popup img{width:220px}.door-number{font-size:13cqw}.door-caption{font-size:18px}.floating-door[data-slot="0"],.floating-door[data-slot="1"]{width:142px}.letter-section{background-size:302px 557px,100% 100%}}
@media(hover:none){.floating-door:hover .door-leaf{transform:none}}
@media(prefers-reduced-motion:reduce){.door-leaf{transform:none!important}}
.motion-paused .door-leaf{transform:none!important}