/* The preview uses the same red, cream and warm gold as the printed letters. */
.voice-player{--voice-ink:#244431;--voice-gold:#b29152;display:grid;grid-template-columns:46px minmax(0,1fr) 58px;align-items:center;gap:12px;padding:14px 16px;border:1px solid #b79a6155;border-radius:14px;background:#fff9ed;color:var(--voice-ink);max-width:520px;text-align:left;box-shadow:0 8px 24px #2811080a}
.voice-player.hero-voice{--voice-ink:#fff2d8;--voice-gold:#e4c587;max-width:410px;background:linear-gradient(110deg,#fff0cf12,#fff0cf05);border-color:#e4c58766;backdrop-filter:blur(12px);box-shadow:inset 0 1px #fff0cf12,0 8px 24px #0002;margin-top:18px}
.voice-play{width:46px;min-width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;border:1px solid #f6dfaf;background:linear-gradient(135deg,#fae6b5,#cfa96a);color:#59121e;display:grid;place-items:center;box-shadow:0 3px 10px #0002;transition:transform .2s,box-shadow .2s}
.voice-play:hover{transform:scale(1.06);box-shadow:0 4px 18px #d6b16d44}.voice-play svg{width:23px;height:23px}.voice-body{min-width:0}.voice-player-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font:500 14px/1.4 Inter,Arial,sans-serif;white-space:nowrap}.voice-caption{display:block;font:12px/1.4 Inter,Arial,sans-serif;opacity:.72;margin-top:4px}.hero-voice .voice-caption{display:none}.voice-time{font:11px/1.4 Inter,Arial,sans-serif;opacity:.8;white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.voice-bars{display:flex;gap:2px;height:17px;align-items:center}.voice-bars i{display:block;width:2px;height:5px;border-radius:2px;background:var(--voice-gold);transition:height .3s}.voice-bars i:nth-child(2n){height:12px}.voice-bars i:nth-child(3n){height:17px}.is-playing .voice-bars i{animation:voice-wave .9s ease-in-out infinite alternate}.is-playing .voice-bars i:nth-child(2n){animation-delay:-.3s}.is-playing .voice-bars i:nth-child(3n){animation-delay:-.6s}
.voice-player input[type=range]{display:block;appearance:none;width:100%;height:4px;padding:0;margin:12px 0 0;border:0;min-height:4px;border-radius:4px;background:linear-gradient(to right,var(--voice-gold) 0 var(--played,0%),#a88b5540 var(--played,0%) 100%);cursor:pointer}.voice-player input[type=range]::-webkit-slider-thumb{appearance:none;height:10px;width:10px;border-radius:50%;background:var(--voice-gold);border:1px solid #fff1cc}.voice-player input[type=range]::-moz-range-thumb{height:10px;width:10px;border-radius:50%;background:var(--voice-gold);border:1px solid #fff1cc}.voice-player audio[hidden]{display:none!important}.voice-error{grid-column:1/-1;font:13px/1.5 Inter,Arial,sans-serif}.voice-error:empty{display:none}.protected-preview,.printed-letter{-webkit-touch-callout:none;user-select:none}.printed-letter{-webkit-user-drag:none}
@keyframes voice-wave{from{transform:scaleY(.45)}to{transform:scaleY(1)}}

.envelope-back{background:linear-gradient(135deg,#ad2537,#790e1c);border:2px solid #d6b97d;border-radius:7px;box-shadow:inset 0 0 0 8px #8a1525,inset 0 0 0 9px #dab97966}
.envelope-front{background:linear-gradient(145deg,#a82537,#730b1c);border:2px solid #d6b97d;box-shadow:inset 0 0 0 8px #8a1525,inset 0 0 0 9px #dab97966}
.envelope-front:after{content:'ПОЧТА ДЕДА МОРОЗА · 2027';position:absolute;left:8%;right:8%;bottom:11%;padding-top:10px;border-top:1px solid #d9bc8055;text-align:center;color:#e9d3a0;letter-spacing:.12em;font:9px/1.4 Inter,Arial,sans-serif}
.envelope-flap{background:linear-gradient(165deg,#b53240,#790e1c 80%);border-top:2px solid #e2c992}
.envelope-sheet{border:8px solid #8c1727;background:#fff9ed;padding:12px 17px;box-shadow:inset 0 0 0 1px #d4b981;overflow:hidden}.envelope-sheet>span{display:block;font:8px/1.4 Inter,Arial,sans-serif;letter-spacing:.09em;text-align:center;color:#244431}.envelope-sheet>img{width:112px;height:35px;object-fit:cover;display:block;margin:8px auto 3px}.envelope-sheet strong{font:30px/1.05 Gogol,cursive;margin:5px 0;text-align:center}.envelope-sheet p{font:11px/1.35 Inter,Arial,sans-serif;text-align:center;margin:8px 0}.envelope-sheet .letter-signature{display:block;text-align:right;font:16px/1.1 Gogol,cursive;color:#244431}.envelope-seal{background:radial-gradient(at 35% 25%,#e3c689,#b9985d);border:3px double #f6e6bd;color:#791426;box-shadow:0 3px 8px #3b00075c;font:19px Novelist,Georgia,serif}

.how-section{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 80% 10%,#b8343d55,transparent 60%),#7e1021;color:#fff3db;border-block:1px solid #d7bc8255}.how-section:before{content:'12';position:absolute;right:3%;top:-70px;font:clamp(240px,35vw,460px)/1 Novelist,Georgia,serif;color:#f2d5a30a;pointer-events:none;transform:translateY(calc(var(--section-progress,.5)*50px))}.how-section .section-head h2{color:#fff3db}.how-section .section-head>p{color:#f0dbc3}.how-section .eyebrow{color:#dfc289}.how-grid{position:relative;gap:22px;z-index:1}.how-grid article{background:#fff9ed;color:#244431;border:1px solid #d8c397;border-radius:12px;padding:28px!important;position:relative;box-shadow:0 10px 24px #39041025;overflow:hidden}.how-grid article:after{content:'';position:absolute;inset:8px;border:1px solid #c5ac7460;border-radius:6px;pointer-events:none}.how-grid article>span{position:absolute!important;left:auto!important;right:24px;top:22px!important;font:38px/1 Novelist,Georgia,serif;color:#b89957}.how-grid h3{font-size:29px;margin:20px 0 16px!important;color:#791426}.how-grid p{color:#405142;font:16px/1.7 Inter,Arial,sans-serif}.how-art{width:80px;height:64px}.how-art svg{width:100%;height:100%;fill:none;stroke:#9a2635;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.how-track{height:1px;background:#e9cb8c40;margin:-10px 0 26px;overflow:hidden}.how-track>span{display:block;height:100%;background:#f0d298;transform-origin:left;transform:scaleX(var(--section-progress,0));transition:transform .15s linear}.how-end{color:#f7e5c0;font-size:32px!important;line-height:1.25!important;margin-top:36px!important}

/* Every major section participates, while the advent doors remain click-controlled. */
.motion-ready .story-reveal{opacity:0;translate:0 34px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.7,.2,1);transition-delay:var(--story-delay,0ms)}.motion-ready .story-reveal.is-visible{opacity:1;translate:0 0}.personal-section .printed-letter{transform:translateY(calc((var(--section-progress,.5) - .5)*-28px)) rotate(calc((var(--section-progress,.5) - .5)*-1deg));transition:transform .15s linear;will-change:transform}.greeting-film{transform:translateY(calc((var(--section-progress,.5) - .5)*-24px));transition:transform .15s linear}.greeting-product .product-visual{position:relative;overflow:hidden}.greeting-product .greeting-monogram{transform:translateY(calc((var(--section-progress,.5) - .5)*-24px));transition:transform .15s linear}.premium-advent{position:relative}.premium-advent .advent-house{box-shadow:0 24px 55px #65201a16}.advent-cell.story-reveal{transition-delay:var(--story-delay,0ms)}.greeting-lead{max-width:620px}.greeting-prices strong{white-space:nowrap}.premium-greeting .film-border .handwritten{font-size:clamp(31px,3.5vw,49px);line-height:1.25}
@media(max-width:700px){.voice-player{grid-template-columns:42px minmax(0,1fr) 48px;gap:10px;padding:12px;max-width:100%}.voice-player.hero-voice{max-width:345px}.voice-play{width:42px;min-width:42px;height:42px;min-height:42px}.voice-player-title{font-size:12px;gap:5px}.voice-time{font-size:10px}.voice-bars{gap:1px}.voice-caption{font-size:11px}.envelope-sheet{padding:9px 10px;border-width:7px}.envelope-sheet>img{height:28px;width:94px;margin-top:5px}.envelope-sheet strong{font-size:24px;margin:4px 0}.envelope-sheet p{font-size:10px;margin:5px 0}.envelope-sheet .letter-signature{font-size:13px}.envelope-front:after{font-size:7px;bottom:9%}.how-grid article{padding:25px!important}.how-grid h3{font-size:28px}.how-art{width:68px;height:55px}.how-end{font-size:27px!important}.how-track{margin-top:0}.greeting-prices{gap:18px}.greeting-prices strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.motion-ready .story-reveal{opacity:1;translate:none;transition:none}.personal-section .printed-letter,.greeting-film,.greeting-product .greeting-monogram,.how-section:before{transform:none;transition:none}.voice-bars i{animation:none!important}}

.footer-seller{grid-column:1/-1;font:500 14px/1.65 Inter,Arial,sans-serif;color:#f8efe1;opacity:.9}.footer-seller a{text-decoration:underline;text-underline-offset:3px}@media(max-width:720px){.footer-seller{font-size:14px}}