body{margin:0}
.ph-main-wrap{position:absolute;inset:0}.playov{position:absolute;left:50%;top:150px;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:12px}
.pbtn{width:96px;height:96px;border-radius:48px;background:radial-gradient(circle at 35% 30%,#FFE9B8,#F2B45C 70%);display:flex;align-items:center;justify-content:center;padding-left:6px;box-shadow:0 12px 30px rgba(0,0,0,.35);animation:ppulse 2.4s ease-out infinite}
@keyframes ppulse{0%{box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 0 rgba(242,180,92,.6)}100%{box-shadow:0 12px 30px rgba(0,0,0,.35),0 0 0 26px rgba(242,180,92,0)}}
.plab{padding:8px 16px;border-radius:18px;background:rgba(23,16,39,.72);color:#FFF6EA;font-size:15px;font-weight:800;white-space:nowrap}

.hero>*:not(.nav):not(.hero-grid){pointer-events:none}.hero-grid,.nav{z-index:2}
.tw{animation:tw 4s ease-in-out infinite}@keyframes tw{0%,100%{opacity:.25}50%{opacity:1}}
.shoot{position:absolute;width:160px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(255,243,214,0),#FFF3D6);transform:rotate(-24deg);opacity:0;animation:shoot 9s linear infinite}
.shoot:after{content:"";position:absolute;right:-2px;top:-2px;width:6px;height:6px;border-radius:3px;background:#FFF3D6;box-shadow:0 0 10px 3px rgba(255,243,214,.8)}
.s1{left:20%;top:12%}.s2{left:60%;top:6%;animation-delay:3.5s}.s3{left:38%;top:30%;animation-delay:6.5s;width:120px}
@keyframes shoot{0%{opacity:0;transform:rotate(-24deg) translateX(0)}3%{opacity:1}12%{opacity:0;transform:rotate(-24deg) translateX(420px)}100%{opacity:0;transform:rotate(-24deg) translateX(420px)}}
.aur{position:absolute;border-radius:50%;filter:blur(70px);opacity:.45;animation:aur 18s ease-in-out infinite alternate}
.a1{width:620px;height:300px;left:-120px;top:40px;background:#6C4BA8}.a2{width:520px;height:260px;right:-100px;top:180px;background:#B0668E;animation-delay:-6s;opacity:.3}.a3{width:480px;height:240px;left:35%;bottom:-60px;background:#F2B45C;opacity:.16;animation-delay:-11s}
@keyframes aur{0%{transform:translate(0,0) scale(1)}100%{transform:translate(80px,30px) scale(1.15)}}
.cloud{position:absolute;opacity:.12;animation:drift 70s linear infinite}.c1{width:260px;top:120px;left:-300px}.c2{width:180px;top:260px;left:-200px;animation-delay:-30s;animation-duration:90s}.c3{width:220px;top:60px;left:-240px;animation-delay:-55s;animation-duration:80s}
@keyframes drift{from{transform:translateX(0)}to{transform:translateX(1900px)}}
.hills{position:absolute;left:0;right:0;bottom:0;width:100%;height:190px}
.win{animation:win 5s ease-in-out infinite}@keyframes win{0%,100%{opacity:.75}50%{opacity:1}}
.ffs{position:absolute;inset:0;overflow:hidden}
.ff{position:absolute;width:6px;height:6px;border-radius:3px;background:#FFE59A;box-shadow:0 0 12px 4px rgba(255,210,122,.55);animation:ff 8s ease-in-out infinite}
@keyframes ff{0%{transform:translate(0,0);opacity:0}20%{opacity:1}50%{transform:translate(24px,-40px)}80%{opacity:.9}100%{transform:translate(-10px,-90px);opacity:0}}
.glow{animation:breathe 6s ease-in-out infinite}@keyframes breathe{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.12);opacity:1}}
.float{animation:bob 7s ease-in-out infinite;transform:rotate(var(--r))}
@keyframes bob{0%,100%{transform:rotate(var(--r)) translateY(0)}50%{transform:rotate(var(--r)) translateY(-14px)}}
.duo,.duo2{animation:hop 5s ease-in-out infinite}@keyframes hop{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.spks{position:absolute;inset:-40px;pointer-events:none;z-index:5}.spk{position:absolute;animation:spk 3.6s ease-in-out infinite}@keyframes spk{0%,100%{transform:scale(.4) rotate(0);opacity:.2}50%{transform:scale(1) rotate(45deg);opacity:1}}
.moon{animation:moonglow 8s ease-in-out infinite}@keyframes moonglow{0%,100%{filter:drop-shadow(0 0 10px rgba(255,231,168,.3))}50%{filter:drop-shadow(0 0 28px rgba(255,231,168,.7))}}
.btn-sm,.store{transition:transform .2s}.btn-sm{animation:pulse 3s ease-in-out infinite}@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(242,180,92,.5)}50%{box-shadow:0 0 0 10px rgba(242,180,92,0)}}
.cta>.ffs,.cta>.aur,.cta>.shoot{pointer-events:none}
@media (prefers-reduced-motion:reduce){.lp *{animation:none!important}}
.lp{container-type:inline-size;width:100%;background:#FFF6EC;color:#3A2433;font-family:Nunito,sans-serif;overflow:hidden}
.lp *{box-sizing:border-box}.lp a{color:inherit;text-decoration:none}
.wrap{width:100%;max-width:1200px;margin:0 auto;padding:0 40px}
.eyebrow{display:inline-block;font-size:14px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:#F8D08E}.eyebrow.dk{color:#C8603A}
.lp h1,.lp h2,.lp h3{font-family:"Young Serif",serif;font-weight:400;margin:0}
.lp h2{font-size:48px;line-height:1.08;margin:12px 0 0}
.logo-ic{display:inline-block;border-radius:12px;overflow:hidden;flex-shrink:0}.logo-ic svg{display:block}
.brand{display:flex;align-items:center;gap:12px}.brand b{font-family:"Young Serif",serif;font-weight:400;font-size:26px}
.hero{position:relative;background:radial-gradient(ellipse at 70% 60%,#43306A 0%,#2A1E4A 45%,#171027 100%);color:#FFF6EA;padding-bottom:60px;overflow:hidden}
.stars{position:absolute;inset:0;width:100%;height:100%}.moon{position:absolute;right:6%;top:110px}
.nav{position:relative;display:flex;align-items:center;justify-content:space-between;height:96px}
.nav .links{display:flex;gap:34px;font-weight:700;font-size:16px;color:#E3D6EE}
.btn-sm{height:44px;padding:0 20px;border-radius:22px;background:#F2B45C;color:#2A1E3A!important;font-weight:800;display:flex;align-items:center}
.hero-grid{position:relative;padding-bottom:40px;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;padding-top:30px}
.hero h1{font-size:64px;line-height:1.02;margin:16px 0 0}
.lead{font-size:20px;line-height:1.6;color:#E3D6EE;margin:22px 0 30px;max-width:540px}
.stores{display:flex;gap:14px;flex-wrap:wrap}.stores.center{justify-content:center}
.store{height:64px;padding:0 22px 0 18px;border-radius:16px;background:#130D20;border:1.5px solid rgba(255,240,220,.35);display:flex;align-items:center;gap:12px;color:#FFF6EA;font-size:21px;font-weight:800;line-height:1.05}
.store small{display:block;font-size:11px;font-weight:700;letter-spacing:.5px;opacity:.8}
.micro{display:flex;gap:22px;margin-top:22px;font-size:15px;font-weight:700;color:#C9B6C4}.micro span:before{content:"✦ ";color:#F2B45C}
.hero-art{position:relative;height:680px}
.glow{position:absolute;left:50%;top:50%;width:560px;height:560px;margin:-280px 0 0 -280px;border-radius:50%;background:radial-gradient(closest-side,rgba(244,184,96,.35),rgba(244,184,96,0))}
.phone{position:relative;border-radius:44px;padding:9px;background:rgba(255,255,255,.14);box-shadow:0 40px 80px rgba(0,0,0,.45)}.phone img{display:block;width:100%;border-radius:36px}
.ph-main{position:absolute;left:50%;top:10px;width:290px;margin-left:-145px;z-index:2}
.float{position:absolute;width:150px;border-radius:20px;overflow:hidden;box-shadow:0 24px 50px rgba(0,0,0,.45),0 0 0 4px rgba(255,246,234,.9);z-index:3}.float img{display:block;width:100%}
.f1{left:-60px;top:300px;--r:-8deg}.f2{right:-20px;top:20px;--r:7deg;width:140px;animation-delay:-2s}.f3{right:-70px;top:360px;--r:5deg;width:150px;animation-delay:-4s}
.duo{position:absolute;left:30px;top:170px;width:161px;height:120px;z-index:4}
.strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:-10px;padding-top:50px}
.strip>div{background:#FFFBF4;border-radius:24px;padding:22px;box-shadow:0 0 0 1.5px #F0DFCF,0 14px 30px rgba(90,50,40,.06);display:flex;flex-direction:column;gap:4px}
.strip .ic{width:54px;height:54px;border-radius:27px;background:#FBEFE2;margin-bottom:8px}.strip b{font-size:18px}.strip span{font-size:15px;color:#8A7080;font-weight:700}
.how{padding-top:110px;text-align:center}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px;text-align:left}
.step{position:relative;background:#FFFBF4;border-radius:30px;padding:30px;box-shadow:0 0 0 1.5px #F0DFCF}
.step i{position:absolute;right:24px;top:22px;font-style:normal;font-family:"Young Serif",serif;font-size:44px;color:#F2B45C}
.step .icons{display:flex;margin-bottom:18px}.si{width:64px;height:64px;border-radius:32px;background:#FBEFE2;border:3px solid #FFFBF4;margin-right:-12px}
.step h3{font-size:26px}.step p{font-size:16px;line-height:1.55;color:#6B5060;margin:10px 0 0}
.feat{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding-top:120px}
.feat.rev .f-art{order:2}
.f-art{position:relative;height:560px;border-radius:40px;display:flex;align-items:flex-start;justify-content:center;padding-top:50px;overflow:hidden}
.f-art .phone{width:300px}
.f-art.night{background:radial-gradient(ellipse at 50% 30%,#43306A,#1D1430)}.f-art.lilac{background:linear-gradient(180deg,#EFE6F7,#DCCBEC)}
.duo-ph{background:linear-gradient(100deg,#FFF1E2 0 50%,#2A1E4A 50% 100%)}
.duo-ph .phone{position:absolute;width:250px;top:60px}.ph-l{left:8%;transform:rotate(-6deg)}.ph-r{right:8%;transform:rotate(6deg)}
.or{position:absolute;left:50%;top:260px;width:84px;height:84px;margin-left:-42px;border-radius:42px;background:radial-gradient(circle at 35% 30%,#FFE9B8,#F2B45C 70%);display:flex;align-items:center;justify-content:center;font-family:"Young Serif",serif;font-size:32px;color:#3A2433;box-shadow:0 0 0 6px rgba(255,255,255,.4),0 0 40px rgba(242,180,92,.6);z-index:3}
.f-copy p{font-size:19px;line-height:1.65;color:#6B5060;margin:18px 0 22px}
.f-copy ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.f-copy li{display:flex;align-items:center;gap:12px;font-size:17px;font-weight:800}
.tk{width:28px;height:28px;border-radius:14px;background:#E27D52;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.gallery{padding-top:130px;text-align:center}
.covers{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:40px;text-align:left}
.covers figure{margin:0}.covers img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:20px;box-shadow:0 18px 36px rgba(90,50,40,.18)}
.covers figcaption{margin-top:12px;display:flex;flex-direction:column;gap:2px}.covers b{font-size:16px;line-height:1.25}.covers span{font-size:13px;color:#9A7F8C;font-weight:700}
.parents{margin-top:120px;padding-top:70px;padding-bottom:70px;background:linear-gradient(180deg,#EFE6F7,#E4D6F1);border-radius:44px;text-align:center;max-width:1120px}
.pgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:40px;text-align:left}
.pgrid>div{background:#FFFBF4;border-radius:26px;padding:26px}.pgrid .ic{width:56px;height:56px;border-radius:28px;background:#FBEFE2}
.pgrid h3{font-size:22px;margin-top:14px}.pgrid p{font-size:15px;line-height:1.55;color:#6B5060;margin:8px 0 0}
.faq{padding-top:120px;max-width:860px}.faq h2{text-align:center;margin-bottom:34px}
.faq details{background:#FFFBF4;border-radius:22px;padding:22px 28px;margin-bottom:12px;box-shadow:0 0 0 1.5px #F0DFCF}
.faq summary{font-size:19px;font-weight:800;list-style:none}.faq summary::-webkit-details-marker{display:none}
.faq p{font-size:16px;line-height:1.6;color:#6B5060;margin:10px 0 0}
.cta{position:relative;margin-top:120px;background:radial-gradient(ellipse at 50% 40%,#43306A,#171027);color:#FFF6EA;text-align:center;overflow:hidden}
.cta-in{position:relative;padding:90px 40px 100px}.cta h2{font-size:56px}.cta p{font-size:20px;color:#E3D6EE;margin:14px 0 30px}
.duo2{position:relative;width:161px;height:120px;margin:0 auto 16px}
.foot{display:flex;align-items:center;justify-content:space-between;padding-top:36px;padding-bottom:40px;font-size:15px;font-weight:700;color:#8A7080}
.foot .links{display:flex;gap:26px}.foot .brand b{font-size:22px;color:#3A2433}
@container (max-width:700px){
 .playov{top:120px}.pbtn{width:76px;height:76px;border-radius:38px}.plab{font-size:13px}
 .wrap{padding:0 20px}.lp h2{font-size:34px}
 .nav{height:72px}.nav .links{display:none}.brand b{font-size:22px}.btn-sm{height:40px;padding:0 16px;font-size:14px}
 .hero-grid{grid-template-columns:1fr;gap:10px;padding-top:10px;text-align:center}
 .hero h1{font-size:44px}.lead{font-size:17px;margin:16px auto 24px}.stores{justify-content:center}.store{height:56px;font-size:18px;padding:0 16px 0 14px}
 .micro{justify-content:center;gap:14px;font-size:13px}.moon{display:none}
 .hero-art{height:540px}.ph-main{width:240px;margin-left:-120px}.float{width:100px}.f1{left:-4px;top:250px}.f2{right:-4px;top:40px;width:96px}.f3{display:none}.duo{left:auto;right:6px;top:330px}
 .strip{grid-template-columns:1fr 1fr;gap:12px;padding-top:36px}.strip>div{padding:16px}.strip b{font-size:16px}.strip span{font-size:13px}
 .how{padding-top:72px}.steps{grid-template-columns:1fr;gap:14px;margin-top:28px}
 .feat,.feat.rev{grid-template-columns:1fr;gap:28px;padding-top:80px}.feat.rev .f-art{order:0}
 .f-art{height:440px;border-radius:30px}.f-art .phone{width:240px}.duo-ph .phone{width:170px;top:50px}.ph-l{left:4%}.ph-r{right:4%}.or{top:190px;width:64px;height:64px;margin-left:-32px;font-size:24px}
 .f-copy p{font-size:17px}
 .gallery{padding-top:80px}.covers{grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}
 .parents{margin:80px 16px 0;width:auto;padding:44px 16px;border-radius:32px}.pgrid{grid-template-columns:1fr;gap:12px;margin-top:28px}
 .faq{padding-top:80px}.faq details{padding:18px 20px}.faq summary{font-size:17px}
 .cta{margin-top:80px}.cta-in{padding:64px 20px 72px}.cta h2{font-size:38px}
 .foot{flex-direction:column;gap:16px;text-align:center}
}

/* ---- production additions (not in the prototype) ---- */
html{scroll-behavior:smooth}body{background:#FFF6EC}
picture{display:contents}.lp img{height:auto;max-width:100%}
.skip{position:absolute;left:12px;top:-60px;z-index:50;padding:10px 16px;border-radius:12px;background:#F2B45C;color:#2A1E3A;font:800 15px Nunito,sans-serif}.skip:focus{top:12px}
.lp a:focus-visible,.lp button:focus-visible,.lp summary:focus-visible,.reader:focus-visible,.r-track:focus-visible{outline:3px solid #F2B45C;outline-offset:3px;border-radius:12px}
.faq summary{cursor:pointer;display:flex;justify-content:space-between;gap:16px;align-items:center}
.faq summary:after{content:"";width:12px;height:12px;flex-shrink:0;border-right:3px solid #C8603A;border-bottom:3px solid #C8603A;transform:rotate(45deg) translateY(-3px);transition:transform .25s}
.faq details[open] summary:after{transform:rotate(-135deg) translateY(-3px)}
.store:hover,.btn-sm:hover{transform:translateY(-2px)}
.store svg{flex-shrink:0}

/* Sections rise in once (JS adds .js-rv on <html>; off for reduced motion). */
.js-rv .rv{opacity:0;transform:translateY(16px);transition:opacity .7s ease,transform .7s ease}
.js-rv .rv.in{opacity:1;transform:none}

/* ---- hero phone: live reader, styled like the app's dark reader ---- */
.reader{position:relative;aspect-ratio:780/1688;border-radius:36px;overflow:hidden;background:#261B35;color:#FFF6EA;display:flex;flex-direction:column;container-type:inline-size}
.r-status{height:10.5cqw;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 7cqw 0 8cqw;font:700 4.4cqw Nunito,sans-serif}
.r-status i{width:14cqw;height:3.4cqw;border-radius:1cqw;background:linear-gradient(90deg,#FFF6EA 72%,rgba(255,246,234,.35) 72%)}
.r-pic{position:relative;flex-shrink:0;height:40%;overflow:hidden}
.r-pic img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0;transform:scale(1);transition:opacity .6s ease,transform 14s ease-out}
.r-pic img.zoom{transform:scale(1.08)}
.r-pic img.fade{opacity:0}
.r-pic:after{content:"";position:absolute;left:0;right:0;bottom:0;height:22%;background:linear-gradient(rgba(38,27,53,0),#261B35)}
.r-page{position:absolute;right:5cqw;top:4cqw;padding:1.6cqw 3.6cqw;border-radius:5cqw;background:rgba(38,27,53,.72);font:800 3.6cqw Nunito,sans-serif}
.r-text{flex:1;overflow:hidden;padding:4cqw 6.5cqw 2cqw;font:400 5.2cqw/1.55 Literata,Georgia,serif;color:#FFF6EA;transition:opacity .45s ease;scrollbar-width:none;overflow-y:auto;overscroll-behavior:contain}
.r-text::-webkit-scrollbar{display:none}
.r-text.fade{opacity:0}
.r-text .up{color:rgba(255,246,234,.45)}
.r-text mark{background:rgba(242,180,92,.22);color:#F8D08E;border-radius:1.2cqw;padding:0 .6cqw;margin:0 -.6cqw;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.r-bar{flex-shrink:0;display:flex;align-items:center;gap:3.5cqw;padding:3.5cqw 5.5cqw 7cqw;border-top:1px solid rgba(255,246,234,.08)}
.r-play{width:13cqw;height:13cqw;border-radius:50%;border:0;background:#F2B45C;color:#2A1E3A;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;box-shadow:0 0 18px rgba(242,180,92,.45)}
.r-play svg{fill:#2A1E3A;width:5cqw;height:5cqw}.r-play .i-pause,.reader.playing .r-play .i-play{display:none}.reader.playing .r-play .i-pause{display:block}
.r-prog{flex:1;min-width:0}
.r-track{position:relative;height:5cqw;cursor:pointer;display:flex;align-items:center}
.r-track:before{content:"";position:absolute;left:0;right:0;height:1.1cqw;border-radius:1cqw;background:rgba(255,246,234,.18)}
.r-track i{position:relative;display:block;height:1.1cqw;width:0;border-radius:1cqw;background:#F2B45C}
.r-times{display:flex;justify-content:space-between;font:700 3.2cqw Nunito,sans-serif;color:rgba(255,246,234,.75);margin-top:.6cqw}
.r-auto{display:flex;align-items:center;gap:1.4cqw;height:9cqw;padding:0 3.4cqw;border-radius:5cqw;border:1.5px solid #F2B45C;background:none;color:#F2B45C;font:800 3.8cqw Nunito,sans-serif;cursor:pointer;flex-shrink:0}
.r-auto[aria-pressed="false"]{border-color:rgba(255,246,234,.3);color:rgba(255,246,234,.6)}
.r-end{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5cqw;padding:10cqw;text-align:center;background:rgba(23,16,39,.62);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.r-end[hidden]{display:none}
.r-end p{margin:0;font:400 7cqw/1.25 "Young Serif",serif}
.r-stores{display:flex;flex-direction:column;gap:3cqw;width:100%}
.r-stores a{display:block;padding:3.4cqw;border-radius:4cqw;background:#F2B45C;color:#2A1E3A!important;font:800 4.4cqw Nunito,sans-serif}
.r-end button{border:0;background:none;color:#F8D08E;font:800 4.4cqw Nunito,sans-serif;text-decoration:underline;cursor:pointer;padding:2cqw}
/* Big Play over the picture before the first click (replaces the prototype's static overlay). */
.ph-main .playov{position:absolute;left:50%;top:22%;transform:translateX(-50%);border:0;background:none;padding:0;cursor:pointer;font-family:Nunito,sans-serif;transition:opacity .4s ease}
.ph-main .playov.gone{opacity:0;pointer-events:none}
@container (max-width:700px){.ph-main .playov{top:20%}.f1{top:56px;left:-10px}.hero-art .duo{display:none}}
.reader{text-align:left}
/* Before the first Play the story sits blurred under the button. */
.r-pic img,.r-text{transition:opacity .45s ease,transform 14s ease-out,filter .6s ease}
.reader.pre .r-pic img,.reader.pre .r-text{filter:blur(6px)}
.reader.pre .r-pic img{transform:scale(1.06)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js-rv .rv{opacity:1;transform:none;transition:none}.r-pic img,.r-text{transition:none}}
@media (prefers-reduced-motion:reduce){.r-pic img,.r-text{transition:none}}
/* Play button v2: centred on the phone, glowing honey disc with a glass ring and soft ripples. */
.reader:before{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(circle at 50% 50%,rgba(23,16,39,.15),rgba(23,16,39,.55));opacity:0;pointer-events:none;transition:opacity .6s ease}
.reader.pre:before{opacity:1}
.ph-main .playov{top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:16px}
.ph-main .playov.gone{transform:translate(-50%,-50%) scale(.9)}
.ph-main .pbtn{position:relative;width:88px;height:88px;border-radius:50%;padding:0;background:radial-gradient(circle at 35% 28%,#FFF1CC,#F6C06A 55%,#E9A04A);
  box-shadow:0 0 0 7px rgba(255,246,234,.18),0 0 0 8px rgba(255,246,234,.28),0 16px 36px rgba(0,0,0,.45),0 0 60px rgba(242,180,92,.55);animation:none;transition:transform .25s ease}
.ph-main .pbtn svg{margin-left:5px;filter:drop-shadow(0 1px 0 rgba(255,255,255,.35))}
.ph-main .pbtn:before,.ph-main .pbtn:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(248,208,142,.7);animation:ripple 2.8s ease-out infinite}
.ph-main .pbtn:after{animation-delay:1.4s}
@keyframes ripple{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.55);opacity:0}}
.ph-main .playov:hover .pbtn{transform:scale(1.06)}.ph-main .playov:active .pbtn{transform:scale(.96)}
.ph-main .plab{padding:9px 18px;border-radius:20px;background:rgba(23,16,39,.78);border:1px solid rgba(255,246,234,.16);color:#FFF6EA;font-size:15px;font-weight:800;letter-spacing:.2px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
@container (max-width:700px){.ph-main .playov{top:50%}.ph-main .pbtn{width:76px;height:76px}.ph-main .plab{font-size:13px;padding:8px 14px}}
@media (prefers-reduced-motion:reduce){.ph-main .pbtn:before,.ph-main .pbtn:after{animation:none;opacity:0}}
.more-stories{margin-top:26px;text-align:center;font-weight:800;font-size:17px}.more-stories a{color:#C8603A!important;text-decoration:underline!important;text-underline-offset:3px}