/* Decorative enhancements: all content stays available without motion or JavaScript. */
.pod-brand-logo{width:265px;height:auto;aspect-ratio:955/430;object-fit:contain;filter:drop-shadow(0 3px 9px #58345114)}
.nav{height:150px}header .brand,footer .brand{padding:9px 14px;background:transparent;border:0;border-radius:0;box-shadow:none}footer .pod-brand-logo{width:230px}nav a{white-space:nowrap}
.preview-notice{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 20px;background:#f1e4ef;color:#60405f}
.motion-toggle{border:1px solid #ad7ca3;border-radius:30px;padding:5px 12px;background:#fff8f4;color:#72426b;font:500 11px/1.5 var(--sans);cursor:pointer;min-height:34px}
.hero{isolation:isolate}.hero-grid{z-index:1}.hero-art:after{animation:floral-drift 16s ease-in-out infinite alternate}
.hero:after{content:'';position:absolute;inset:-25%;z-index:0;pointer-events:none;background:radial-gradient(ellipse at 75% 20%,#deb4e349,transparent 42%),radial-gradient(ellipse at 30% 70%,#f5cdd95e,transparent 40%);animation:light-wash 18s ease-in-out infinite alternate}
.hero-copy>*{position:relative}.hero-ready .hero-copy>*{animation:opening-rise .95s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--intro-step,0)*85ms)}
.hero h1 em{background-size:220% 100%;animation:ink-light 9s ease-in-out infinite alternate}
.hero-petals{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}.hero-petals i{position:absolute;left:var(--petal-x);bottom:-30px;width:var(--petal-size);height:calc(var(--petal-size)*1.6);border-radius:80% 12% 70% 25%;background:linear-gradient(135deg,#dfb8da95,#f6c9d84d);opacity:0;animation:petal-rise var(--petal-time) linear infinite;animation-delay:var(--petal-delay)}
.attention-reveal{transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.25,1);transition-delay:var(--attention-delay,0ms)}.attention-pending{opacity:0;transform:translateY(34px) scale(.98)}
.scene-seen h2 em{background-image:linear-gradient(90deg,#ddabc75e,#b9a7d146);background-position:left bottom;background-repeat:no-repeat;background-size:100% 7px;animation:underline-arrive 1.2s ease both}
.features article,.audience-grid article,.week-grid article{transition:opacity .8s,transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .4s,border-color .4s}
.features article:hover,.week-grid article:hover{box-shadow:0 22px 48px #6d3a7824;border-color:#ab73a0}.line-icon{transition:transform .5s,color .5s}.features article:hover .line-icon{transform:rotate(-12deg) scale(1.15);color:#a86692}
.page-preview{overflow:hidden;transform-origin:50% 90%;transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}.page-preview img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .65s}.page-preview:hover img{transform:scale(1.025);filter:saturate(1.07)}.page-preview:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:0 25px 50px #68426429}
.offer-card{isolation:isolate}.offer-card:after{content:'';position:absolute;inset:-2px;border:2px solid #b57da5;border-radius:inherit;pointer-events:none;animation:offer-glow 5s ease-in-out infinite}.offer-card .checkout{box-shadow:0 8px 28px #8d47754d}.offer-price strong{display:inline-block}.scene-seen .offer-price strong{animation:price-arrive .8s cubic-bezier(.16,.85,.3,1) both}
.sample-link span,.hero-bottom a span{display:inline-block;animation:invitation-arrow 2.5s ease-in-out infinite}.author-art{transition:box-shadow .5s}.author-art:hover{box-shadow:0 24px 60px #80597a3d}
dialog img{max-height:min(65vh,calc(100dvh - 220px))}.dialog-gallery-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:16px}.dialog-gallery-nav button{border:1px solid #b287aa;background:#f0e4ef;color:#683c68;border-radius:50%;width:44px;height:44px;font-size:22px;cursor:pointer}.dialog-gallery-nav button:hover{background:#e4cbe1}.dialog-gallery-count{font-size:12px;min-width:95px;text-align:center}.dialog-gallery-nav[hidden]{display:none}
html.motion-paused *,html.motion-paused *:before,html.motion-paused *:after{animation-play-state:paused!important;transition:none!important;scroll-behavior:auto!important}html.motion-paused .attention-pending,html.motion-paused .is-pending{opacity:1;transform:none}html.motion-paused .hero-copy>*{animation:none!important}html.motion-paused .book-interaction{transform:none!important}html.motion-paused .hero-petals{display:none}
@keyframes opening-rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes floral-drift{from{transform:translate(0,0) rotate(-2deg)}to{transform:translate(-10px,13px) rotate(3deg)}}
@keyframes light-wash{from{transform:translate(-2%,0) scale(1)}to{transform:translate(4%,3%) scale(1.08)}}
@keyframes ink-light{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes petal-rise{0%{opacity:0;transform:translate(0,0) rotate(0)}10%{opacity:.65}80%{opacity:.4}100%{opacity:0;transform:translate(90px,-950px) rotate(210deg)}}
@keyframes underline-arrive{from{background-size:0 7px}to{background-size:100% 7px}}
@keyframes offer-glow{0%,100%{opacity:.25;box-shadow:0 0 0 0 #c493b633}50%{opacity:.8;box-shadow:0 0 0 7px #c493b600}}
@keyframes price-arrive{from{opacity:.4;transform:translateY(12px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes invitation-arrow{0%,75%,100%{transform:translateY(0)}85%{transform:translateY(4px)}}
@media(max-width:950px){header nav{display:none}}
@media(max-width:700px){.nav{height:100px;gap:12px}.pod-brand-logo{width:clamp(125px,40vw,170px)}header .brand{padding:6px}.nav>.button{max-width:125px}footer .pod-brand-logo{width:210px}.motion-toggle{font-size:10px;min-height:34px}.preview-notice{font-size:10px;gap:6px 12px}.hero-petals i:nth-child(n+5){display:none}.hero:after{animation-duration:24s}.hero-art:after{animation:none}.attention-pending{transform:translateY(20px)}.page-preview:hover{transform:none}.page-preview img{transition:none}.scene-seen h2 em{background-size:100% 5px}.hero-ready .hero-copy>*{animation-duration:.65s;animation-delay:calc(var(--intro-step,0)*55ms)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.attention-pending{opacity:1;transform:none}.hero-petals{display:none}.hero-ready .hero-copy>*{opacity:1;transform:none}.motion-toggle{display:none}}
header .brand,footer .brand{padding:0}.nav{height:104px}@media(max-width:700px){.nav{height:88px}}

.announcement .motion-toggle{margin-left:18px;letter-spacing:0;vertical-align:middle}@media(max-width:700px){.announcement .motion-toggle{display:block;margin:8px auto 0}}