.story-page{margin:0;background:#181416;color:#f7f1ea;overflow-x:hidden}.story-page .site-header{position:absolute;top:0;left:0;right:0;background:transparent;border:0;z-index:90}.story-page .site-header .wrap{max-width:1500px}.story-page .site-header .brand img{filter:drop-shadow(0 3px 12px #0007)}.story-page .nav>a:not(.button){display:none}.story-page .nav .button{background:#f7f1eae6;color:#5a2438}.story-page main{min-height:100vh}.story-experience{--story-bg:#181416;--story-ink:#f7f1ea;--story-accent:#c9a86a;background:var(--story-bg);color:var(--story-ink);font-family:Montserrat,sans-serif;position:relative}.story-experience h1,.story-experience h2,.story-experience h3,.story-experience blockquote{font-family:'Playfair Display',serif;font-weight:400}.story-experience i{font-weight:400}.story-gate{min-height:100svh;display:grid;place-items:center;padding:130px 5vw 70px;text-align:center;position:relative;overflow:hidden}.gate-copy{position:relative;z-index:3;max-width:980px}.gate-copy>p{font:clamp(1rem,1.7vw,1.4rem)/1.6 'Playfair Display';opacity:.75}.gate-copy h1{font-size:clamp(3.3rem,7.8vw,8.4rem);line-height:.94;margin:28px 0 55px;letter-spacing:-.035em}.gate-copy h1 i{color:var(--story-accent)}.story-button{border:1px solid transparent;background:var(--story-accent);color:#181416;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:15px 25px;border-radius:100px;font:600 12px Montserrat;letter-spacing:.03em;cursor:pointer;text-decoration:none}.story-button-light{background:transparent;color:#f7f1ea;border-color:#f7f1ea55}.story-content[aria-hidden=true]{display:none}.story-content{position:relative}.story-panel{min-height:86svh;padding:clamp(75px,10vw,145px) max(6vw,24px);position:relative;overflow:hidden}.story-panel>header,.story-panel>div,.story-panel>p,.story-panel>span,.story-panel>strong,.story-panel>h2{position:relative;z-index:2}.story-kicker{display:block;font-size:10px;letter-spacing:.22em;font-weight:700;margin-bottom:24px}.story-audio{position:fixed;right:22px;top:110px;z-index:100;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#181416d9;color:#f7f1ea;border:1px solid #ffffff2a;border-radius:50px;backdrop-filter:blur(12px);box-shadow:0 8px 30px #0003}.story-audio button{border:0;background:transparent;color:inherit;min-width:38px;min-height:38px;border-radius:50%;font:600 9px Montserrat}.story-audio>span{min-width:86px}.story-audio small,.story-audio strong,.story-audio em{display:block}.story-audio small{font-size:8px;opacity:.6;text-transform:uppercase;letter-spacing:.12em}.story-audio strong{font:15px 'Playfair Display'}.story-audio em{font-size:8px;opacity:.72;font-style:normal;margin-top:2px}.story-audio-external{border-radius:16px;padding:10px 12px}.story-audio-external>span{min-width:155px}.story-audio-external>button{display:inline-flex;align-items:center;justify-content:center;min-width:auto;min-height:36px;padding:0 13px;border-radius:30px;background:#c9a86a;color:#181416;font:700 9px Montserrat;white-space:nowrap;cursor:pointer}.story-track-dialog{width:min(680px,calc(100vw - 28px));border:1px solid #c9a86a66;border-radius:20px;padding:44px 16px 18px;background:#181416;color:#f7f1ea;box-shadow:0 30px 100px #000b}.story-track-dialog::backdrop{background:#100b0dcc;backdrop-filter:blur(7px)}.story-track-dialog>div{aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#000}.story-track-dialog iframe{width:100%;height:100%;border:0}.story-track-dialog .track-close{position:absolute;right:14px;top:10px;border:0;background:transparent;color:#f7f1ea;font:600 10px Montserrat;padding:8px;cursor:pointer}.story-track-dialog p{font:18px 'Playfair Display';margin:16px 0 7px}.story-track-dialog>a{color:#c9a86a;font:600 10px Montserrat}.audio-bars{display:flex;align-items:center;justify-content:center;gap:2px;height:20px}.audio-bars i{display:block;width:2px;height:7px;background:currentColor;animation:wave .8s ease-in-out infinite alternate}.audio-bars i:nth-child(2){height:16px;animation-delay:.15s}.audio-bars i:nth-child(3){height:11px;animation-delay:.3s}.audio-bars i:nth-child(4){height:18px;animation-delay:.45s}.story-audio.paused .audio-bars i{animation-play-state:paused}.story-demo-controls{position:fixed;z-index:110;bottom:14px;left:50%;translate:-50% 0;display:flex;background:#181416dd;border:1px solid #fff3;border-radius:40px;padding:5px;backdrop-filter:blur(10px)}.story-demo-controls button{color:#fff;background:transparent;border:0;padding:10px 13px;font:600 9px Montserrat}.recording-mode{cursor:none}.recording-mode .site-header,.recording-mode footer,.recording-mode .floating-contact,.recording-mode .story-audio{display:none!important}.recording-mode .story-demo-controls{display:flex!important}.recording-mode .story-panel{min-height:100svh}.story-ending{min-height:85svh;background:#5a2438;color:#f7f1ea;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:90px 24px}.story-ending p{font:italic 22px 'Playfair Display'}.story-ending img{width:230px;height:auto;margin:22px 0;filter:drop-shadow(0 8px 18px #1b071080)}.story-ending>strong{font:22px 'Playfair Display';font-weight:400}.story-ending-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin:42px 0 25px}.story-whatsapp svg{width:18px}.story-ending>small{font-size:9px;letter-spacing:.12em;opacity:.65}.story-page footer{background:#f7f1ea;color:#29262a}.story-page footer .floating-contact{display:none}
/* Romance */
.story-love{--story-bg:#181416;--story-accent:#c9a86a}.story-love .story-gate{background:radial-gradient(circle at 50% 50%,#5a243855,transparent 48%),#181416}.gold-dust,.gold-dust:before,.gold-dust:after{position:absolute;inset:0;content:'';background-image:radial-gradient(circle,#c9a86a 0 1px,transparent 1.8px);background-size:97px 111px;opacity:.35;animation:dust 16s linear infinite}.gold-dust:before{background-size:151px 129px;translate:13px -20px;animation-duration:23s}.gold-dust:after{background-size:73px 163px;translate:-17px 29px;animation-direction:reverse}.story-envelope{position:relative;width:min(360px,85vw);height:195px;border:1px solid #c9a86a77;background:linear-gradient(145deg,#6b2a42,#3f1928);color:#f7f1ea;box-shadow:0 35px 90px #0008;cursor:pointer;overflow:hidden}.story-envelope:before,.story-envelope:after{content:'';position:absolute;inset:auto 0 0;border-style:solid;border-width:0 180px 110px;border-color:transparent transparent #4d1d30}.story-envelope:after{border-width:110px 180px 0;border-color:#733149 transparent transparent;inset:0 0 auto}.story-envelope b{position:absolute;left:0;right:0;bottom:27px;z-index:3;font-size:11px;letter-spacing:.14em}.story-envelope .envelope-flap{position:absolute;z-index:4;left:50%;top:72px;width:42px;height:42px;border-radius:50%;translate:-50% -50%;background:#c9a86a;box-shadow:0 5px 18px #0005}.story-started .story-envelope:after{transform-origin:top;animation:open-envelope .9s ease both}.love-reveal{display:grid;grid-template-columns:1.12fr .88fr;gap:7vw;align-items:center;background:linear-gradient(90deg,#130f11,#32151f)}.hero-memory{height:min(75svh,760px);object-fit:cover;filter:saturate(.8) contrast(1.06);box-shadow:0 30px 80px #0006;animation:slowzoom 14s ease-in-out infinite alternate}.love-reveal h2{font-size:clamp(4rem,8vw,9rem);line-height:.9}.love-reveal h2 i{color:#c9a86a}.love-reveal>div>p{margin:25px 0;color:#dba7b1}.together{border-top:1px solid #c9a86a55;padding-top:28px}.together strong{display:block;font:clamp(3.4rem,7vw,6rem) 'Playfair Display';color:#c9a86a}.together span{font-size:10px;letter-spacing:.16em}.love-timeline{background:#f7f1ea;color:#29262a}.love-timeline header{text-align:center;max-width:800px;margin:0 auto 80px}.love-timeline h2,.love-gallery h2{font-size:clamp(3.3rem,6vw,6rem);line-height:1}.love-timeline h2 i{color:#8b5366}.story-line{max-width:930px;margin:auto;border-left:1px solid #c9a86a}.story-line article{display:grid;grid-template-columns:100px 1fr;gap:30px;padding:0 0 90px 42px;position:relative}.story-line article:before{content:'';position:absolute;left:-6px;top:4px;width:11px;height:11px;border-radius:50%;background:#c9a86a;box-shadow:0 0 0 7px #f7f1ea}.story-line article>span{font:italic 22px 'Playfair Display';color:#9b7b43}.story-line h3{font-size:36px;color:#5a2438}.story-line p{max-width:590px;margin:16px 0 28px;line-height:1.8}.story-line img{height:380px;object-fit:cover}.love-chat{max-width:520px;background:#eee4dd;padding:24px;border-radius:18px}.love-chat p{width:max-content;max-width:82%;margin:8px 0;padding:11px 15px;background:#fff;border-radius:2px 15px 15px 15px;font-size:13px}.love-chat p.to{margin-left:auto;background:#5a2438;color:white;border-radius:15px 2px 15px 15px}.love-chat small{display:block;font-size:8px;opacity:.65}.love-gallery{background:#26131a}.love-gallery>div{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:320px 320px;gap:16px;margin-top:55px}.love-gallery img{width:100%;height:100%;object-fit:cover}.love-gallery img:first-child{grid-row:span 2}.love-gallery img:nth-child(2){object-position:50% 30%}.love-letter{display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(#f7f1eadb,#f7f1eadb),url('/assets/mauro-eliane-07.jpg') center 42%/cover;color:#5a2438}.type-line{font:clamp(2.8rem,6vw,6rem)/1.2 'Playfair Display';max-width:1100px;margin:0 auto 35px}.love-letter>span:last-child{font:italic 26px 'Playfair Display'}.love-final{display:grid;place-items:center;align-content:center;text-align:center;background:#181416}.love-final>p{font:clamp(2.5rem,5vw,5.5rem)/1.2 'Playfair Display';max-width:1100px}.love-final .story-button{margin-top:45px}.final-note{font:italic 24px 'Playfair Display';margin-top:25px;color:#dba7b1}
/* Amizade */
.story-friends{--story-bg:#fff9f0;--story-ink:#25252a;--story-accent:#ffd166;background:#fff9f0;color:#25252a}.story-friends .story-gate{background:linear-gradient(135deg,#77d9b4 0 25%,#fff9f0 25% 70%,#ff6b81 70%);isolation:isolate}.story-friends .gate-copy h1 i{color:#4169e1}.story-friends .story-button{background:#25252a;color:#fff}.sticker{display:inline-block;background:#ffd166;padding:9px 15px;transform:rotate(-5deg);font:800 11px Montserrat;box-shadow:4px 4px 0 #25252a}.falling-polaroids{position:absolute;inset:0;z-index:-1}.falling-polaroids span{position:absolute;width:180px;padding:8px 8px 30px;background:#fff;box-shadow:0 13px 35px #25252a2b;animation:polaroid-fall 1.2s cubic-bezier(.2,.8,.3,1) both}.falling-polaroids img{width:100%;height:135px;object-fit:cover}.falling-polaroids span:nth-child(1){left:5%;top:12%;rotate:-12deg}.falling-polaroids span:nth-child(2){right:7%;top:8%;rotate:9deg;animation-delay:.12s}.falling-polaroids span:nth-child(3){left:12%;bottom:5%;rotate:7deg;animation-delay:.24s}.falling-polaroids span:nth-child(4){right:13%;bottom:4%;rotate:-10deg;animation-delay:.36s}.falling-polaroids span:nth-child(5){left:46%;top:-8%;rotate:4deg;animation-delay:.48s}.friends-reveal{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;background:#4169e1;color:#fff}.tape-photo{background:white;padding:14px 14px 55px;rotate:-5deg;box-shadow:0 25px 60px #16308355;position:relative}.tape-photo:before{content:'';position:absolute;width:130px;height:32px;background:#ffd166cc;left:50%;top:-14px;translate:-50%;rotate:4deg}.tape-photo img{width:100%;height:60svh;object-fit:cover}.friends-reveal h2{font-size:clamp(4rem,8vw,8rem);line-height:.9}.friends-reveal h2 i{color:#ffd166}.friends-reveal p{margin-top:25px;font-size:17px}.friend-conversation{background:#ffd166;color:#25252a;text-align:center}.friend-conversation h2,.scrapbook h2,.reason-cards h2{font-size:clamp(3rem,6vw,6rem);line-height:1}.friend-conversation>div{max-width:700px;margin:60px auto 0}.friend-conversation p{width:max-content;max-width:80%;padding:17px 23px;background:#fff;border:3px solid #25252a;box-shadow:7px 7px 0 #4169e1;border-radius:18px;margin:18px 0;font-size:17px;text-align:left}.friend-conversation p:nth-child(even){margin-left:auto;box-shadow-color:#ff6b81}.friend-conversation small{display:block;font-size:9px;font-weight:800;margin-bottom:4px}.scrapbook{background-color:#fff9f0;background-image:linear-gradient(#4169e10d 1px,transparent 1px),linear-gradient(90deg,#4169e10d 1px,transparent 1px);background-size:30px 30px}.scrapbook header{text-align:center;margin-bottom:65px}.scrap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:55px 35px;max-width:1100px;margin:auto}.scrap-grid figure{background:#fff;padding:10px 10px 42px;box-shadow:0 13px 30px #25252a20;rotate:-3deg;position:relative}.scrap-grid figure:nth-child(even){rotate:4deg;translate:0 22px}.scrap-grid img{width:100%;height:240px;object-fit:cover}.scrap-grid figcaption{font:italic 18px 'Playfair Display';margin:16px 8px 0}.scrap-grid figure>span{position:absolute;right:-15px;bottom:-8px;background:#77d9b4;padding:7px 10px;font:800 9px Montserrat;rotate:-7deg}.distance{background:#334f65;color:#fff;text-align:center;display:grid;align-content:center}.distance h2{font-size:clamp(3.5rem,7vw,7rem);line-height:1}.distance>p{max-width:680px;margin:30px auto;color:#dce6e8;line-height:1.8}.voice-note{margin:30px auto 0;display:flex;align-items:center;gap:16px;padding:18px 24px;border:0;border-radius:50px;background:#fff;color:#334f65}.reason-cards{background:#ff6b81;color:#25252a}.reason-cards header{text-align:center}.reason-cards>div{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin:60px auto 0;max-width:1200px}.reason-cards button{min-height:300px;padding:25px;background:#fff9f0;border:3px solid #25252a;box-shadow:8px 8px 0 #ffd166;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:.25s}.reason-cards button:hover,.reason-cards button.open{translate:0 -8px;rotate:-2deg;background:#ffd166}.reason-cards button span{font:italic 35px 'Playfair Display';color:#4169e1}.reason-cards button b{font:30px/1.2 'Playfair Display';font-weight:400}.friends-final{text-align:center;background:#77d9b4;display:grid;align-content:center}.final-collage{display:flex;justify-content:center;margin-bottom:60px}.final-collage img{width:260px;height:250px;object-fit:cover;border:10px solid white;box-shadow:0 18px 30px #25252a26}.final-collage img:first-child{rotate:-8deg}.final-collage img:nth-child(2){translate:0 -30px;position:relative;z-index:2}.final-collage img:last-child{rotate:8deg}.friends-final>p{font:clamp(2.5rem,5vw,5rem)/1.12 'Playfair Display';max-width:1000px;margin:auto}.friends-final>strong{margin-top:30px;font-size:15px}
/* Família */
.story-family{--story-bg:#234e42;--story-ink:#fff9f1;--story-accent:#c9a86a;background:#234e42;color:#fff9f1}.story-family .story-gate{background:radial-gradient(circle at 50% 35%,#496d5d,#234e42 68%)}.leaf-shadow{position:absolute;inset:-10%;background:radial-gradient(ellipse at 10% 20%,#0000 0 20%,#142d2775 21% 22%,#0000 23%),radial-gradient(ellipse at 90% 80%,#0000 0 25%,#142d2770 26% 27%,#0000 28%);filter:blur(5px);animation:leaf 10s ease-in-out infinite alternate}.closed-book{width:min(620px,90vw);min-height:420px;padding:70px 65px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;background:#4b352d;color:#efe4d3;border-radius:4px 18px 18px 4px;border-left:14px solid #2f211c;box-shadow:25px 30px 70px #10211d99,inset -12px 0 #34231d;z-index:2}.closed-book:before{content:'';position:absolute;inset:13px;border:1px solid #c9a86a77}.closed-book span{font:italic clamp(1.6rem,3vw,2.5rem)/1.45 'Playfair Display';max-width:430px}.closed-book h1{font:clamp(2.3rem,5vw,4rem) 'Playfair Display';letter-spacing:.12em;margin:30px 0}.closed-book .story-button{position:relative;z-index:2}.story-started .closed-book{transform-origin:left;animation:open-book 1.1s ease both}.family-reveal{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;background:#efe4d3;color:#4b352d}.old-frame{padding:18px 18px 70px;background:#fff9f1;box-shadow:0 28px 70px #4b352d33;rotate:-3deg}.old-frame img{height:62svh;width:100%;object-fit:cover;filter:none}.family-reveal h2{font-size:clamp(4.5rem,9vw,9rem);line-height:.9;color:#234e42}.family-reveal p{font:italic 25px 'Playfair Display';margin-top:28px}.family-book{background:#fff9f1;color:#4b352d}.family-book article{max-width:1050px;margin:0 auto 80px;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;padding:55px;background:#efe4d3;box-shadow:0 20px 50px #4b352d1c;position:relative}.family-book article:nth-child(even)>div{order:2}.family-book article:after{content:'';position:absolute;inset:12px;border:1px solid #c9a86a66;pointer-events:none}.family-book article span{font:italic 23px 'Playfair Display';color:#c76d4c}.family-book h3{font-size:43px;color:#234e42;margin:13px 0}.family-book p{line-height:1.8}.family-book img{height:390px;object-fit:cover;filter:none}.mother-memories{background:#234e42;display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:center}.mother-family-photo img{width:100%;height:min(72svh,720px);object-fit:cover;object-position:50% 35%;box-shadow:0 28px 70px #102a2266}.mother-memories h2,.lesson-cards h2,.before-after h2,.family-voices h2{font-size:clamp(3rem,6vw,6rem);line-height:1}.mother-memories blockquote{max-width:800px;margin:35px 0 0;font-size:clamp(1.5rem,3vw,2.6rem);color:#efe4d3}.mother-memories small{display:block;font:10px Montserrat;letter-spacing:.13em;margin-top:15px;color:#c9a86a}.lesson-cards{background:#c76d4c;color:#fff9f1}.lesson-cards header{text-align:center}.lesson-cards>div{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1100px;margin:60px auto}.lesson-cards button{min-height:280px;padding:30px;border:1px solid #c9a86a;background:#fff9f1;color:#4b352d;text-align:left;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.lesson-cards button span{font:italic 38px 'Playfair Display';color:#c76d4c}.lesson-cards button b{font:31px/1.25 'Playfair Display';font-weight:400}.lesson-cards button.open{background:#234e42;color:#fff9f1;translate:0 -8px}.before-after{background:#efe4d3;color:#4b352d;text-align:center}.compare{width:min(700px,100%);height:auto;aspect-ratio:1/1;margin:55px auto 0;position:relative;overflow:hidden;box-shadow:0 22px 55px #4b352d3b}.compare img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.compare-back{filter:none}.compare-front{clip-path:inset(0 0 0 50%)}.compare input{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:.001;cursor:ew-resize}.compare:after{content:'';position:absolute;z-index:3;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px #4b352d44;pointer-events:none}.family-voices{background:#fff9f1;color:#4b352d;text-align:center}.family-voices>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;max-width:1000px;margin:60px auto 35px}.family-voices button{padding:12px 12px 25px;border:0;background:#efe4d3;color:#234e42;cursor:pointer}.family-voices button img{height:290px;width:100%;object-fit:cover;filter:none}.family-voices button b,.family-voices button span{display:block}.family-voices button b{font:30px 'Playfair Display';margin:17px 0 5px}.family-voices button span{font-size:9px;letter-spacing:.13em}.family-message{font:italic 24px/1.6 'Playfair Display';max-width:760px;margin:auto;min-height:80px}.family-final{background:#234e42;text-align:center;display:grid;align-content:center}.family-final h2{font-size:clamp(3rem,6vw,6rem);line-height:1.12;max-width:1150px;margin:auto}.family-final>p{max-width:800px;margin:45px auto 20px;font:italic 28px/1.55 'Playfair Display';color:#efe4d3}.family-final>strong{color:#c9a86a}
@keyframes wave{to{height:3px}}@keyframes dust{to{translate:0 110px}}@keyframes slowzoom{to{scale:1.035}}@keyframes open-envelope{to{rotate:x 160deg;opacity:.2}}@keyframes polaroid-fall{from{translate:0 -120vh;rotate:-25deg;opacity:0}}@keyframes open-book{45%{rotate:y -18deg}100%{scale:.96;opacity:0}}
@media(max-width:720px){.story-page .site-header{position:absolute}.story-page .header-inner{padding:8px 18px}.story-page .site-header .brand img{width:110px;height:auto}.story-page .nav{display:flex;position:static;background:transparent;padding:0;box-shadow:none;width:auto}.story-page .nav .button{display:flex!important;font-size:9px;padding:11px 13px}.story-gate{padding:100px 20px 45px}.gate-copy h1{font-size:clamp(3rem,12vw,5.5rem);margin-bottom:40px}.falling-polaroids span{width:105px;padding:5px 5px 18px}.falling-polaroids img{height:78px}.story-audio{top:auto;bottom:14px;right:12px}.story-audio>span{display:none}.story-audio-external{right:10px;left:10px;justify-content:space-between}.story-audio-external>span{display:block;min-width:0}.story-audio button{font-size:8px}.story-panel{min-height:auto;padding:85px 22px}.recording-mode .story-panel{min-height:100svh}.story-ending{min-height:100svh}.story-ending-actions{flex-direction:column;width:min(330px,100%)}.story-ending-actions .story-button{width:100%}.love-reveal,.friends-reveal,.family-reveal{grid-template-columns:1fr;gap:42px}.love-reveal .hero-memory,.tape-photo img,.old-frame img{height:48svh}.love-reveal h2,.friends-reveal h2,.family-reveal h2{font-size:clamp(3.6rem,17vw,6rem)}.love-reveal>div:last-child{padding-bottom:20px}.story-line article{grid-template-columns:55px 1fr;gap:13px;padding-left:24px}.story-line h3{font-size:28px}.story-line img{height:260px}.love-gallery>div{grid-template-columns:1fr 1fr;grid-template-rows:270px 190px}.love-gallery img:first-child{grid-column:span 2;grid-row:auto}.type-line{font-size:clamp(2.5rem,11vw,4rem)}.love-final>p{font-size:clamp(2.5rem,10vw,4rem)}.friend-conversation p{font-size:14px}.scrap-grid{grid-template-columns:1fr 1fr;gap:40px 15px}.scrap-grid img{height:150px}.scrap-grid figcaption{font-size:14px}.reason-cards>div{grid-template-columns:1fr 1fr;gap:14px}.reason-cards button{min-height:210px;padding:18px}.reason-cards button b{font-size:22px}.final-collage img{width:38vw;height:180px;border-width:6px}.final-collage img:first-child{margin-right:-18px}.final-collage img:last-child{margin-left:-18px}.friends-final>p{font-size:clamp(2.4rem,10vw,4rem)}.closed-book{min-height:390px;padding:50px 30px}.closed-book span{font-size:23px}.family-book article{grid-template-columns:1fr;gap:25px;padding:30px 25px}.family-book article:nth-child(even)>div{order:0}.family-book img{height:280px}.family-book h3{font-size:33px}.lesson-cards>div{grid-template-columns:1fr}.lesson-cards button{min-height:210px}.family-voices>div{grid-template-columns:repeat(3,1fr);gap:8px}.family-voices button{padding:7px 7px 15px}.family-voices button img{height:150px}.family-voices button b{font-size:20px}.family-voices button span{font-size:7px}.compare{height:55svh}.family-final>p{font-size:23px}.recording-mode .story-demo-controls{bottom:8px}.recording-mode .story-demo-controls button{padding:8px 10px}}
@media(prefers-reduced-motion:reduce){.story-experience *,.story-experience *:before,.story-experience *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.recording-mode{cursor:auto}}
.story-header .header-inner{display:flex;justify-content:space-between}.story-back{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:1px solid #f7f1ea66;border-radius:40px;background:#18141677;color:#f7f1ea;font-size:10px;letter-spacing:.05em;backdrop-filter:blur(8px)}.story-page>.floating-contact{display:none}.gate-copy{width:100%;min-width:0}.closed-book{box-sizing:border-box}.closed-book h1{font:clamp(2.3rem,5vw,4rem) 'Playfair Display';letter-spacing:.12em;margin:30px 0}.closed-book>b{display:none}.recording-mode main{background:#090909}.recording-mode .story-experience{width:100%;max-width:calc(100vh * .5625);margin:auto;box-shadow:0 0 80px #000}
@media(max-width:720px){.story-page .story-header .header-inner{padding:8px 18px}.story-back{font-size:8px;padding:8px 11px}.gate-copy h1{font-size:clamp(2.55rem,10.5vw,4.2rem);overflow-wrap:anywhere}.story-envelope{width:min(330px,100%);box-sizing:border-box}.closed-book{width:calc(100vw - 38px);padding:48px 25px}.closed-book span{max-width:290px}.story-friends .gate-copy h1{font-size:clamp(2.7rem,11vw,4.1rem);line-height:.93}.story-love .gate-copy h1{font-size:clamp(2.75rem,11.3vw,4.2rem)}}

@media(max-width:720px){.mother-memories{grid-template-columns:1fr;gap:38px;text-align:center}.mother-family-photo img{height:55svh}.mother-memories blockquote{margin:30px auto 0}}

@media(max-width:720px){.compare{height:auto;aspect-ratio:1/1}}

/* Preserve the complete 4:5 portraits in Dona Rosa's story. */
.story-family .old-frame img,.story-family .family-book img,.story-family .mother-family-photo img,.story-family .family-voices button img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center top}


/* Show both comparison portraits completely, without splitting the face. */
.story-family .before-after .compare{width:min(1080px,100%);height:auto;aspect-ratio:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;overflow:visible;box-shadow:none}
.story-family .before-after .compare:after{display:none}
.story-family .before-after .compare figure{margin:0;padding:12px 12px 20px;background:#fff9f1;box-shadow:0 22px 55px #4b352d2e}
.story-family .before-after .compare img{position:static;width:100%;height:auto;aspect-ratio:1/1;object-fit:cover;object-position:center center;clip-path:none}
.story-family .before-after .compare figcaption{margin-top:14px;font:italic 20px 'Playfair Display';color:#4b352d}
@media(max-width:720px){.story-family .before-after .compare{width:min(440px,100%);grid-template-columns:1fr;gap:24px}}

/* Keep Ariana and Ludmila's faces visible in every collage crop. */
.story-friends .falling-polaroids img,.story-friends .tape-photo img,.story-friends .scrap-grid img,.story-friends .final-collage img{object-position:center 22%}


/* Ariana + Ludmila: a warmer, photo-led friendship story. */
.story-friends .story-gate{background:radial-gradient(circle at 50% 45%,#fff9f0 0 34%,#ffd166 34% 55%,#ff6b81 55% 76%,#77d9b4 76%);}
.friends-gate-copy{max-width:760px;text-align:center}.friends-gate-copy h1{font-size:clamp(3.6rem,7vw,7.5rem);line-height:.86}.friends-gate-note{max-width:520px;margin:-18px auto 28px;font:italic clamp(1rem,1.7vw,1.35rem)/1.5 'Playfair Display';color:#25252a}.friendship-seal{display:inline-block;margin-top:28px;padding:10px 15px;background:#ffd166;color:#25252a;font:800 10px Montserrat;letter-spacing:.12em;rotate:-2deg;box-shadow:5px 5px 0 #ff6b81}.story-friends .friends-reveal{background:linear-gradient(135deg,#4169e1,#5c54d8)}.story-friends .scrapbook{background-color:#fff9f0;background-image:linear-gradient(#4169e10c 1px,transparent 1px),linear-gradient(90deg,#4169e10c 1px,transparent 1px),radial-gradient(circle at 80% 10%,#ffd16655,transparent 28%)}.story-friends .scrap-grid figure:nth-child(3n){rotate:-1deg}.story-friends .distance{grid-template-columns:minmax(280px,.9fr) minmax(320px,1.1fr);gap:7vw;text-align:left;align-items:center}.distance-photo{background:#fff;padding:12px 12px 48px;rotate:-3deg;box-shadow:0 25px 60px #152a3b55}.distance-photo img{width:100%;height:min(66svh,650px);object-fit:cover;object-position:center 24%}.distance-copy p{max-width:650px;color:#dce6e8;line-height:1.8}.distance-copy .voice-note{margin:30px 0 0}.story-friends .reason-cards{background:linear-gradient(145deg,#ff6b81,#ff8b9d)}.story-friends .friends-final{background:linear-gradient(135deg,#77d9b4,#a7ead1)}
@media(max-width:720px){.friends-gate-copy h1{font-size:clamp(2.75rem,11vw,4.2rem)}.friends-gate-note{margin:-8px auto 24px}.story-friends .distance{grid-template-columns:1fr;gap:40px;text-align:center}.distance-photo{max-width:420px;margin:auto}.distance-photo img{height:auto;aspect-ratio:2/3}.distance-copy .voice-note{margin:28px auto 0}}
.story-friends .friends-reveal p{color:#fff}