/* Revision 04 — the owner's approved mobile image, translated into live HTML.
   The approved raster supplies ONLY a clipped still-life and gift ornament.
   All visible copy, logo and CTA remain semantic DOM / SVG.
   Desktop and subsequent page sections are intentionally outside this scope. */
.mobile-hero-brand,.mobile-planet-art,.mobile-line{display:none}
@font-face{font-family:'Montserrat Hero';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/montserrat-cyrillic.woff2') format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Montserrat Hero';font-style:normal;font-weight:400 800;font-display:swap;src:url('assets/montserrat-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@media(max-width:599px){
 .hero{padding:14px 0 28px;background:#f8f8f6;color:#474c41;font-family:'Montserrat Hero',Arial,sans-serif}
 .hero:before,.hero:after,.hero-art-surface,.hero-portrait-frame{display:none}
 .hero-inner{width:100%;max-width:480px;gap:0;margin-inline:auto}
 .hero-copy{display:contents}
 .mobile-hero-brand{display:block;order:-1;margin:0 auto 21px}
 .mobile-hero-brand img{display:block;width:112px;height:24px;filter:brightness(0)}
 .mobile-line{display:block}
 .hero .event-strip{order:0;display:grid;grid-template-columns:145px 1fr;align-items:start;gap:17px;margin:0 30px;padding:0;border:0;line-height:1.14;font-family:inherit;color:#474c41}
 .hero .event-when{grid-column:1;grid-row:1;display:block;font-size:12.5px;font-weight:700;line-height:1.2;text-align:left;padding:0 0 0 31px;letter-spacing:-.25px;white-space:nowrap}
 .hero .event-when>span{font-size:12px;line-height:1.2;font-weight:400;margin-top:0;letter-spacing:-.2px}
 .hero .event-when>span:before{display:none}
 .hero .event-type{grid-column:2;grid-row:1;font-weight:400;font-size:11.8px;line-height:1.2;letter-spacing:-.2px;padding:0 0 0 33px;white-space:nowrap;border:0}
 .hero .event-type:before{content:'';position:absolute;left:-15px;top:0;width:1px;height:28px;background:#8e9189}
 .hero .event-icon{display:block;color:#505646;left:0;top:0;width:22px;height:22px;stroke-width:2}
 .hero .event-type .event-icon{width:25px;height:25px}
 .hero h1{order:1;font-family:inherit;font-size:49px;font-weight:800;line-height:1.04;letter-spacing:-2px;color:#504094;margin:21px 18px 6px;transform:scaleX(.955);text-shadow:none;text-align:center;white-space:nowrap}
 .hero h1 em{display:inline;padding:0;color:inherit;font-style:normal}
 .hero h1 em:after,.hero-subtitle:after{display:none}
 .hero .hero-subtitle{order:2;font-family:inherit;font-size:23.4px;font-weight:500;line-height:1.13;letter-spacing:-.55px;text-shadow:none;color:#474c41;text-align:center;margin:0 22px 11px;max-width:none;padding:0;background:none;border:0}
 .hero .hero-lead{order:3;width:auto;max-width:none;margin:0 28px;padding:13px 10px 15px;background:#e5def7;border:0;border-radius:14px;box-shadow:none;color:#47474b;font-size:14px;font-weight:400;line-height:1.28;letter-spacing:-.17px;text-shadow:none;text-align:center}
 .hero .hero-lead strong{font-weight:700;color:inherit;text-shadow:none}
 .hero .hero-question{order:4;max-width:none;margin:13px 28px 0;padding:0;font-size:13.2px;font-weight:400;line-height:1.23;letter-spacing:-.22px;color:#47474b;text-shadow:none;background:none;border:0;text-align:center;position:relative;z-index:1}
 .hero .hero-question strong{display:block;max-width:none;font-family:inherit;font-size:16.8px;font-weight:700;font-style:normal;line-height:1.125;letter-spacing:-.18px;color:#444a40;margin:0 auto 8px}
 .hero .hero-question:before{content:'';position:absolute;z-index:-1;inset:-8px -28px -14px;background:url('assets/mobile-approved-scene.avif') center 54.647%/100% auto no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 4%,transparent 11%,transparent 90%,#000 97%,#000 100%);pointer-events:none}
 .hero .hero-question strong+br{display:none}
 .mobile-planet-art{display:block;order:5;width:100%;aspect-ratio:851/402;margin:3px 0 0;flex-shrink:0;background-image:url('assets/mobile-approved-scene.avif');background-repeat:no-repeat;background-size:100% auto;background-position:center 75.726%;mask-image:linear-gradient(transparent,#000 13px,#000);pointer-events:none}
 .hero .section-action{order:6;margin:-1px 34px 17px;text-align:center;z-index:2}
 .hero .section-action:before{content:'';position:absolute;z-index:-1;left:-34px;right:-34px;top:0;height:84px;background:url('assets/mobile-approved-scene.avif') center 90%/100% auto no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 8%,transparent 9%,transparent 91%,#000 92%,#000 100%);pointer-events:none}
 .hero .cta{display:flex;min-width:0;width:100%;max-width:none;min-height:64px;padding:8px 18px;gap:0;border:0;border-radius:20px;background:linear-gradient(110deg,#5744a4,#41327f 52%,#51469d);box-shadow:0 4px 0 #302062,0 13px 25px rgba(70,49,124,.13);color:#fff;font-family:inherit;font-size:19px;font-weight:700;line-height:1.25;letter-spacing:.15px;transition:transform .18s,box-shadow .18s,filter .18s}
 .hero .cta>span{display:none}
 .hero .cta:hover{background:linear-gradient(110deg,#5a46aa,#4b3d91 50%,#5a4ca9);box-shadow:0 5px 0 #302062,0 15px 25px rgba(70,49,124,.16);transform:translateY(-1px)}
 .hero .cta:active,.hero .cta.is-pressed{transform:translateY(3px);box-shadow:0 1px 0 #302062,0 6px 15px rgba(70,49,124,.13);filter:brightness(.96)}
 .hero .cta:focus-visible{outline-color:#504094;outline-offset:8px}
 .hero .hero-gift{order:7;display:block;margin:0;padding:0 28px;background:none;border:0;border-radius:0;color:#2c2e41}
 .hero-gift>img{display:none}
 .hero .gift-content{display:block}
 .hero .gift-label{position:relative;display:flex;align-items:center;min-height:32px;margin:0 0 7px;padding-left:45px;color:#2c2e41;font-family:inherit;font-size:13.9px;font-weight:700;line-height:1.23;letter-spacing:-.4px;text-transform:none;white-space:nowrap}
 .hero .gift-label:before{content:'';position:absolute;left:5px;top:0;width:32px;height:32px;background-image:url('assets/mobile-approved-scene.avif');background-size:393px auto;background-repeat:no-repeat;background-position:-34px -770px}
 .hero .gift-name{max-width:none;margin:0;padding:10px 13px 13px;background:#e5def7;border-radius:15px;color:#47474b;text-align:center;font-family:inherit;font-size:14px;font-weight:400;line-height:1.3;letter-spacing:-.25px}
 .hero .timer{justify-content:center;margin-top:13px;color:#47474b}
 .hero .timer-label{font-family:inherit}
 .hero .timer-cell{background:#e5def7;color:#504094;border-color:#d2c7ef}
}
@media(max-width:380px){
 .hero .event-strip{margin-inline:21px;grid-template-columns:139px 1fr;gap:13px}
 .hero .event-when{font-size:12px;padding-left:28px}
 .hero .event-type{font-size:10.8px;padding-left:29px}
 .hero .event-type:before{left:-10px}
 .hero h1{font-size:41px;letter-spacing:-1.8px;margin-top:22px}
 .hero .hero-subtitle{font-size:20px}
 .hero .hero-lead{margin-inline:20px;font-size:13px}
 .hero .hero-question{margin-inline:20px;font-size:13px}
 .hero .hero-question strong{font-size:14.8px}
 .hero .section-action{margin-inline:28px}
 .hero .hero-gift{padding-inline:20px}
 .hero .gift-label{font-size:12.6px;padding-left:40px}
}
@media(max-width:359px){
 .hero .event-strip{margin-inline:15px;grid-template-columns:125px 1fr;gap:12px}
 .hero .event-when{font-size:11px;padding-left:25px}
 .hero .event-when>span{font-size:10.5px}
 .hero .event-type{font-size:9.5px;padding-left:25px}
 .hero .event-icon{width:19px;height:19px}
 .hero .event-type .event-icon{width:21px;height:21px}
 .hero h1{font-size:36px}
 .hero .hero-subtitle{font-size:18px}
 .hero .hero-lead{margin-inline:16px;font-size:12px;padding-inline:7px}
 .hero .hero-question{margin-inline:16px;font-size:12px}
 .hero .hero-question strong{font-size:13.5px}
 .hero .section-action{margin-inline:24px}
 .hero .cta{font-size:17px}
 .hero .hero-gift{padding-inline:16px}
 .hero .gift-label{font-size:11.2px}
}
@media(max-width:599px) and (max-height:740px){
 .hero{padding-top:10px}
 .mobile-hero-brand{margin-bottom:13px}
 .hero h1{margin-top:16px;margin-bottom:4px}
 .hero .hero-subtitle{margin-bottom:10px}
 .hero .hero-lead{padding-block:9px}
 .hero .hero-question{margin-top:10px}
 .hero .hero-question strong{margin-bottom:6px}
 .mobile-planet-art{aspect-ratio:auto;height:90px;background-size:100% auto;background-position:center 74%;mask-image:linear-gradient(transparent,#000 14px,#000)}
 .hero .section-action{margin-bottom:17px}
 .hero .cta{min-height:60px}
}
@media(prefers-reduced-motion:reduce){.hero .cta{transition:none}.hero .cta:hover{transform:none}}