:root{--cream:#efe3c9;--cream-light:#f7ecd5;--ink:#123f34;--film:#433a31;--gold:#d6b260}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);background:#29231e;margin:0}body{font-family:Georgia,Times New Roman,serif;overflow-x:hidden}.film-page{background:radial-gradient(circle at 50% 8%, #ffffffbf, transparent 25%), linear-gradient(90deg, #decfb2, var(--cream-light) 14%, var(--cream) 50%, var(--cream-light) 86%, #decfb2);width:min(100%,727px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 60px #00000061}.film-page:before,.film-page:after{content:"";z-index:5;pointer-events:none;background:repeating-linear-gradient(#0000 0 11px,#d8c6a6 11px 36px,#0000 36px 49px),linear-gradient(#4a4036,#302921);width:34px;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 8px #00000073}.film-page:before{left:0}.film-page:after{right:0}.poster{z-index:1;position:relative}.poster-image{width:100%;height:auto;display:block}.scroll-invitation{width:76%;color:var(--ink);letter-spacing:.05em;background:#efe3c9e0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 16px;font-size:12px;font-weight:800;display:flex;position:absolute;bottom:2.5%;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #241c1433}.scroll-invitation b{font-size:22px;line-height:1;animation:1.4s infinite bounce}@keyframes bounce{0%,to{transform:translateY(-2px)}50%{transform:translateY(5px)}}.story{z-index:2;text-align:center;flex-direction:column;justify-content:center;min-height:125svh;padding:18svh 76px;display:flex;position:relative}.story .eyebrow{letter-spacing:.26em;text-transform:uppercase;margin:0 0 28px;font-size:14px;font-weight:800}.story h1{margin:0 0 30px;font-size:clamp(42px,9vw,72px);line-height:1.05}.story h2{max-width:560px;margin:0 auto 48px;font-size:clamp(22px,4.2vw,34px);line-height:1.45}.story p:not(.eyebrow){max-width:560px;margin:0 auto 42px;font-size:clamp(18px,3.1vw,23px);font-weight:600;line-height:2}.story.ar{font-family:Tahoma,Arial,sans-serif}.story.ar h1{font-size:clamp(52px,11vw,86px)}.interlude{z-index:2;place-items:center;min-height:48svh;font-size:18px;display:grid;position:relative}.interlude:before,.interlude:after{content:"";background:#123f3459;width:26%;height:1px;position:absolute;top:50%}.interlude:before{left:17%}.interlude:after{right:17%}.finale{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:105svh;padding:22svh 70px 30svh;display:flex;position:relative}.finale>p{margin:10px 0;font-size:clamp(34px,7vw,58px);font-weight:800}.domain-row{letter-spacing:.08em;align-items:center;gap:18px;margin-top:90px;font-size:14px;font-weight:800;display:flex}.whatsapp-button{z-index:30;right:max(22px, env(safe-area-inset-right));bottom:max(24px, env(safe-area-inset-bottom));border:4px solid var(--gold);color:#fff;background:#08755a;border-radius:50%;place-items:center;width:98px;height:98px;transition:transform .18s;display:grid;position:fixed;box-shadow:0 14px 38px #00000080,0 0 0 5px #fffc}.whatsapp-button:hover{transform:scale(1.06)}.whatsapp-button svg{fill:currentColor;width:57px;height:57px}.whatsapp-button:focus-visible{outline-offset:7px;outline:4px solid #fff}@media (width<=727px){.film-page{box-shadow:none}.film-page:before,.film-page:after{width:25px}.story{min-height:135svh;padding:24svh 48px}.story p:not(.eyebrow){line-height:2.05}.finale{min-height:115svh;padding-inline:45px}.domain-row{flex-direction:column}.whatsapp-button{right:max(18px, env(safe-area-inset-right));bottom:max(20px, env(safe-area-inset-bottom));width:94px;height:94px}}@media (prefers-reduced-motion:reduce){.scroll-invitation b{animation:none}}
