
:root{--pink:#f31c83;--pink-deep:#c70a68;--pink-soft:#ffe6f2;--cyan:#13bfe7;--cyan-deep:#0788ad;--cyan-soft:#e6f9ff;--gold:#ffcf45;--ink:#37284a;--muted:#766b80;--cream:#fff9fd;--white:#fff;--shadow:0 22px 55px rgba(69,38,84,.14);--shadow-sm:0 10px 28px rgba(69,38,84,.10);--radius:32px;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#fffafd 0%,#f9fdff 50%,#fff8fc 100%);color:var(--ink);font-family:ui-rounded,"Trebuchet MS",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;display:block}a{color:inherit}button,a{touch-action:manipulation}.skip-link{position:absolute;left:-9999px;top:auto}.skip-link:focus{left:16px;top:16px;z-index:1000;background:#fff;padding:10px 14px;border-radius:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(243,28,131,.09)}.nav-shell{max-width:var(--max);margin:auto;padding:10px 20px;display:flex;align-items:center;gap:18px}.brand{display:flex;align-items:center;min-width:180px}.brand img{width:190px;height:auto}.nav-links{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-links a{padding:10px 12px;border-radius:999px;text-decoration:none;font-weight:800;font-size:14px}.nav-links a:hover,.nav-links a[aria-current="page"]{background:var(--pink-soft);color:var(--pink-deep)}.nav-play{background:linear-gradient(135deg,var(--pink),#ff62ae)!important;color:white!important;box-shadow:0 8px 20px rgba(243,28,131,.2)}.theme-button,.menu-button{border:0;background:#fff;border:2px solid #dff6fb;color:var(--ink);border-radius:16px;min-height:44px;padding:8px 11px;font-weight:900;cursor:pointer}.menu-button{display:none;font-size:22px}.shell{width:min(var(--max),calc(100% - 36px));margin-inline:auto}.hero{padding:56px 0 34px}.hero-card{position:relative;min-height:610px;border-radius:42px;overflow:hidden;box-shadow:var(--shadow);background:linear-gradient(145deg,#fff1f8,#e8fbff);isolation:isolate}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.90) 42%,rgba(255,255,255,.20) 72%,rgba(255,255,255,.05) 100%)}.hero-content{position:relative;z-index:3;width:min(610px,58%);padding:66px 0 60px 62px}.hero-logo{width:min(460px,95%);margin:0 0 20px}.eyebrow{font-size:13px;text-transform:uppercase;letter-spacing:.15em;color:var(--pink-deep);font-weight:1000}.hero h1,.page-hero h1{font-size:clamp(42px,5.6vw,78px);line-height:1.02;margin:12px 0 16px;letter-spacing:-.035em}.hero p.lead,.page-hero .lead{font-size:clamp(18px,2vw,23px);line-height:1.5;color:#5f526d;margin:0 0 28px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:50px;padding:12px 20px;border-radius:16px;text-decoration:none;font-weight:950;border:2px solid transparent;transition:.2s transform,.2s box-shadow}.btn:hover{transform:translateY(-2px)}.btn-primary{background:linear-gradient(135deg,var(--pink),#ff62ae);color:white;box-shadow:0 12px 26px rgba(243,28,131,.25)}.btn-secondary{background:#fff;border-color:#cceff7;color:var(--cyan-deep)}.btn-dark{background:var(--ink);color:white}.hero-gina{position:absolute;right:2%;bottom:-1%;width:min(48%,570px);z-index:2;filter:drop-shadow(0 20px 24px rgba(58,40,78,.22));animation:floaty 5.8s ease-in-out infinite}.spark{position:absolute;z-index:4;border-radius:50%;width:10px;height:10px;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.18),0 0 26px 10px rgba(255,220,80,.7);animation:twinkle 2.4s ease-in-out infinite}.spark.s1{right:18%;top:16%}.spark.s2{right:42%;top:28%;animation-delay:.7s}.spark.s3{right:10%;top:48%;animation-delay:1.1s}.spark.s4{right:31%;bottom:15%;animation-delay:1.6s}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.trust-chip{background:#fff;border:1px solid #f5d9e8;border-radius:20px;padding:15px 16px;text-align:center;font-weight:900;box-shadow:var(--shadow-sm)}.section{padding:72px 0}.section.compact{padding:46px 0}.section-head{max-width:760px;margin-bottom:30px}.section-head.center{text-align:center;margin-inline:auto}.section h2{font-size:clamp(32px,4vw,52px);line-height:1.05;letter-spacing:-.03em;margin:7px 0 13px}.section-head p{font-size:18px;color:var(--muted);margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.image-card{position:relative;background:white;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;min-height:420px}.image-card.soft{background:linear-gradient(145deg,#ffeaf5,#e5fbff)}.image-card>img{width:100%;height:100%;object-fit:cover}.image-card.contain>img{object-fit:contain;padding:22px}.copy-card{padding:18px 8px}.copy-card h2{margin-top:0}.copy-card p{font-size:18px;color:#655872}.values{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.value-pill{padding:8px 12px;background:#fff;border:1px solid #ffd2e7;border-radius:999px;font-size:14px;font-weight:900;color:#a70c59}.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.world-card{position:relative;min-height:390px;border-radius:28px;overflow:hidden;background:#fff;box-shadow:var(--shadow-sm);text-decoration:none;isolation:isolate}.world-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s}.world-card:hover img{transform:scale(1.035)}.world-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 25%,rgba(32,22,51,.88) 100%);z-index:1}.world-card .world-copy{position:absolute;z-index:2;left:22px;right:22px;bottom:20px;color:#fff}.world-card h3{font-size:26px;line-height:1.1;margin:0 0 5px}.world-card p{margin:0;color:#f6edf8;font-size:14px}.story-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.story-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm)}.story-card img{aspect-ratio:4/3;object-fit:cover;width:100%}.story-card div{padding:15px}.story-card h3{font-size:17px;line-height:1.25;margin:0 0 6px}.story-card span{font-size:12px;font-weight:900;color:var(--pink-deep);text-transform:uppercase;letter-spacing:.09em}.friend-panel{display:grid;grid-template-columns:1.1fr .9fr;gap:26px;align-items:center;background:linear-gradient(135deg,#fff,#eefcff 55%,#fff0f7);border-radius:36px;padding:32px;box-shadow:var(--shadow)}.friend-panel img{width:100%;max-height:470px;object-fit:contain}.friend-chips{display:flex;flex-wrap:wrap;gap:9px}.friend-chip{background:#fff;padding:9px 12px;border-radius:14px;border:1px solid #eadff0;font-weight:900;font-size:14px}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.audio-card,.video-card,.parent-card,.shop-card,.faq-item,.feature-card{background:#fff;border-radius:24px;padding:20px;box-shadow:var(--shadow-sm)}.audio-card{display:flex;flex-direction:column;min-height:230px;background:linear-gradient(145deg,#fff,#fff3f9)}.audio-icon{width:56px;height:56px;border-radius:18px;background:linear-gradient(135deg,#ffedf6,#dff9ff);display:grid;place-items:center;font-size:28px;margin-bottom:18px}.audio-card h3{margin:0 0 6px}.audio-card p{color:var(--muted);font-size:14px;flex:1}.audio-play{border:0;background:var(--ink);color:#fff;border-radius:13px;padding:11px 14px;font-weight:900;cursor:pointer}.video-card{padding:0;overflow:hidden}.video-card video{width:100%;aspect-ratio:16/10;background:#211a2b;object-fit:cover}.video-card .video-copy{padding:17px 18px 19px}.video-card h3{margin:0 0 4px}.video-card p{color:var(--muted);font-size:14px;margin:0}.parent-band{background:linear-gradient(135deg,#2f2541,#4f3b67);color:white;border-radius:36px;padding:38px;display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:center;box-shadow:var(--shadow)}.parent-band h2{margin-top:0}.parent-band p{color:#f0e7f7;font-size:18px}.parent-points{display:grid;grid-template-columns:1fr 1fr;gap:12px}.parent-point{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:14px;font-weight:850}.shop-teaser{position:relative;border-radius:36px;overflow:hidden;min-height:440px;background:linear-gradient(120deg,#fff0f7,#e9fbff);box-shadow:var(--shadow)}.shop-teaser .shop-art{position:absolute;right:2%;bottom:-3%;width:42%;max-height:94%;object-fit:contain}.shop-teaser .shop-copy{position:relative;z-index:2;width:58%;padding:54px 0 48px 50px}.shop-teaser h2{font-size:clamp(36px,4.6vw,58px);margin:7px 0 13px}.shop-teaser p{font-size:18px;color:#655872}.site-footer{margin-top:50px;background:#2f2541;color:#fff}.footer-shell{max-width:var(--max);margin:auto;padding:42px 20px 26px}.footer-top{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:32px}.footer-logo{width:230px;background:#fff;border-radius:20px;padding:10px}.footer-top p{color:#d9d0e2;max-width:460px}.footer-links{display:grid;gap:8px;align-content:start}.footer-links a{color:#eee4f4;text-decoration:none}.footer-links a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:18px;color:#c7bcd2;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-hero{padding:54px 0 26px}.page-hero-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:520px;align-items:center;background:linear-gradient(135deg,#fff,#fff0f7 55%,#e8faff);border-radius:38px;overflow:hidden;box-shadow:var(--shadow)}.page-hero-copy{padding:52px}.page-hero-art{height:100%;min-height:520px;position:relative;background:#f5fbff}.page-hero-art>img{width:100%;height:100%;object-fit:cover}.page-hero-art.contain>img{object-fit:contain;padding:20px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.feature-card h3{margin:4px 0 7px;font-size:21px}.feature-card p{margin:0;color:var(--muted)}.feature-icon{font-size:30px}.friends-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.friend-row{background:#fff;border-radius:18px;padding:15px 16px;box-shadow:var(--shadow-sm)}.friend-row strong{display:block;font-size:18px}.friend-row span{color:var(--muted);font-size:14px}.pose-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.pose-grid figure{margin:0;background:linear-gradient(145deg,#fff,#effbff);border-radius:22px;padding:10px;min-height:240px;display:grid;place-items:end center;box-shadow:var(--shadow-sm)}.pose-grid img{max-height:220px;object-fit:contain}.world-detail{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center;margin:28px 0;padding:24px;background:#fff;border-radius:32px;box-shadow:var(--shadow-sm)}.world-detail:nth-child(even){grid-template-columns:1.1fr .9fr}.world-detail:nth-child(even) .world-image{order:2}.world-image{border-radius:24px;overflow:hidden;min-height:330px}.world-image img{width:100%;height:100%;min-height:330px;object-fit:cover}.world-text{padding:8px 12px}.world-text h2{font-size:38px;margin:7px 0 9px}.world-text p{color:var(--muted);font-size:17px}.adventure-list{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.adventure-item{background:#fff;border-radius:20px;padding:16px 17px;box-shadow:var(--shadow-sm)}.adventure-item b{display:block;margin-bottom:3px}.adventure-item span{font-size:13px;color:var(--pink-deep);font-weight:900}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gallery-grid img{border-radius:18px;width:100%;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow-sm)}.gallery-grid .more-hidden{display:none}.gallery-actions{text-align:center;margin-top:20px}.gallery-toggle{border:0;background:#fff;border:2px solid #caeff7;border-radius:14px;padding:11px 18px;font-weight:900;color:var(--cyan-deep);cursor:pointer}.music-hero{background:linear-gradient(135deg,#2b2140,#493467);color:#fff;border-radius:36px;padding:34px;display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center}.music-hero img{max-height:380px;object-fit:contain;margin:auto}.music-hero p{color:#efe7f6}.album-list{display:grid;gap:12px}.album-row{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;background:rgba(255,255,255,.08);border-radius:18px;padding:12px}.album-row button{border:0;border-radius:50%;width:44px;height:44px;background:#fff;color:#2f2541;font-weight:900;cursor:pointer}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.parent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.parent-card h3{margin:4px 0 7px}.parent-card p{color:var(--muted);margin:0}.architecture{background:linear-gradient(135deg,#fff,#e9fbff);border-radius:34px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:20px;box-shadow:var(--shadow-sm)}.architecture-box{background:#fff;border-radius:22px;padding:22px}.architecture-box h3{margin-top:0}.faq{display:grid;gap:12px}.faq-item h3{margin:0 0 5px;font-size:18px}.faq-item p{margin:0;color:var(--muted)}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.shop-card{overflow:hidden;padding:0}.shop-card .shop-img{height:260px;background:linear-gradient(145deg,#fff1f8,#e8fbff);display:grid;place-items:center;overflow:hidden}.shop-card .shop-img img{max-height:240px;max-width:90%;object-fit:contain}.shop-card .shop-body{padding:18px}.shop-card h3{margin:0 0 6px;font-size:22px}.shop-card p{margin:0;color:var(--muted)}.soon{display:inline-block;margin-top:12px;background:#ffedf6;color:var(--pink-deep);font-size:12px;font-weight:950;padding:7px 10px;border-radius:999px}.launch-banner{text-align:center;background:linear-gradient(135deg,#fff,#fff0f7,#e9fbff);border-radius:34px;padding:48px 24px;box-shadow:var(--shadow-sm)}.launch-banner h2{margin-top:0}.soft-bg{background:linear-gradient(180deg,rgba(235,251,255,.7),rgba(255,239,247,.55))}.note{font-size:13px;color:var(--muted)}
@keyframes floaty{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-15px) rotate(1deg)}}@keyframes twinkle{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.25)}}
@media(max-width:980px){.nav-links{position:fixed;top:74px;left:14px;right:14px;background:#fff;border-radius:24px;padding:12px;box-shadow:var(--shadow);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-links a{text-align:center}.menu-button{display:block}.theme-button{margin-left:auto}.brand{min-width:0}.brand img{width:160px}.hero-card{min-height:570px}.hero-content{width:62%;padding-left:40px}.hero-gina{width:48%}.world-grid{grid-template-columns:repeat(2,1fr)}.story-grid{grid-template-columns:repeat(3,1fr)}.feature-grid,.parent-grid,.shop-grid{grid-template-columns:repeat(2,1fr)}.pose-grid{grid-template-columns:repeat(3,1fr)}.gallery-grid{grid-template-columns:repeat(3,1fr)}.friends-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.shell{width:min(100% - 24px,var(--max))}.hero{padding-top:22px}.hero-card{min-height:760px}.hero-scene{height:47%;top:auto;bottom:0}.hero-wash{background:linear-gradient(180deg,#fff 0%,rgba(255,255,255,.96) 48%,rgba(255,255,255,.35) 72%,rgba(255,255,255,.02) 100%)}.hero-content{width:100%;padding:38px 24px 0}.hero-logo{max-width:310px}.hero h1{font-size:45px}.hero-gina{width:72%;right:-9%;bottom:0%}.trust-strip{grid-template-columns:1fr 1fr}.section{padding:52px 0}.split,.friend-panel,.parent-band,.page-hero-card,.world-detail,.world-detail:nth-child(even),.music-hero,.architecture{grid-template-columns:1fr}.page-hero-copy{padding:34px 24px}.page-hero-art{min-height:360px}.world-detail:nth-child(even) .world-image{order:0}.world-grid,.video-grid{grid-template-columns:1fr}.story-grid{grid-template-columns:repeat(2,1fr)}.media-grid,.adventure-list{grid-template-columns:1fr}.shop-teaser{min-height:650px}.shop-teaser .shop-copy{width:100%;padding:38px 26px}.shop-teaser .shop-art{width:75%;right:-7%;bottom:-2%;max-height:55%}.footer-top{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.parent-points{grid-template-columns:1fr}.world-detail{padding:15px}.world-text{padding:8px}.world-image,.world-image img{min-height:260px}}
@media(max-width:480px){.brand img{width:142px}.theme-button{font-size:0;width:44px}.theme-button:before{content:'♪';font-size:20px}.hero-card{min-height:720px;border-radius:28px}.hero h1{font-size:39px}.hero p.lead{font-size:17px}.trust-strip{gap:8px}.trust-chip{font-size:13px;padding:12px 8px}.world-grid,.feature-grid,.parent-grid,.shop-grid,.friends-list{grid-template-columns:1fr}.story-grid{grid-template-columns:1fr 1fr}.story-card h3{font-size:15px}.pose-grid{grid-template-columns:repeat(2,1fr)}.gallery-grid{grid-template-columns:1fr 1fr}.section h2{font-size:34px}.page-hero h1{font-size:43px}.world-text h2{font-size:32px}.cta-row .btn{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-gina,.spark{animation:none}.world-card img,.btn{transition:none}}


/* v8 current-app branding and above-the-fold hero */
.brand img{width:210px;height:76px;object-fit:contain;background:transparent}
.footer-logo{width:220px;background:transparent!important;border-radius:0!important;padding:0!important}
.hero{padding:20px 0 30px}
.hero-card{min-height:555px}
.hero-content{width:min(585px,55%);padding:28px 0 32px 46px}
.hero-brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:2px 0 12px}
.hero-primary-logo{width:min(355px,94%);height:auto;object-fit:contain}
.hero h1{font-size:clamp(38px,4.4vw,62px);margin:7px 0 12px}
.hero p.lead{font-size:clamp(17px,1.6vw,20px);margin-bottom:20px}
.hero-gina{top:172px;bottom:auto;right:4%;width:min(44%,500px);max-height:calc(100% - 156px);object-fit:contain;object-position:top center}

@media(max-width:980px){
 .brand img{width:178px;height:68px}
 .hero{padding-top:16px}.hero-card{min-height:540px}.hero-content{width:59%;padding:26px 0 28px 34px}
 .hero-primary-logo{width:min(315px,94%)}
 .hero-gina{top:82px;right:3%;width:44%;max-height:calc(100% - 148px)}
 
}
@media(max-width:720px){
 .brand img{width:164px;height:62px}
 .hero{padding-top:10px}.hero-card{min-height:650px}
 .hero-content{width:100%;padding:22px 20px 0;position:relative;z-index:4}
 .hero-brand-stack{gap:0;margin-bottom:4px}
 .hero-primary-logo{width:min(270px,78%)}
 .hero h1{font-size:clamp(34px,9vw,42px);max-width:86%;margin:4px 0 8px}
 .hero p.lead{font-size:16px;line-height:1.4;max-width:78%;margin-bottom:12px}
 .hero-gina{top:338px;bottom:auto;right:4%;width:60%;max-height:270px;object-position:top center}
 
 .hero-scene{height:54%;top:auto;bottom:0}
}
@media(max-width:480px){
 .brand img{width:148px;height:58px}
 .hero-card{min-height:625px}
 .hero-content{padding:18px 16px 0}
 .hero-primary-logo{width:min(245px,80%)}
 .hero h1{font-size:34px;max-width:92%}
 .hero p.lead{font-size:15.5px;max-width:80%}
 .hero-gina{top:324px;right:2%;width:64%;max-height:262px}
 
}


/* v12 rebuilt Heartwing motto: transparent symbol + live text, no white image background */
.hero-motto-logo{position:absolute;right:9%;bottom:96px;z-index:3;width:min(320px,28%);height:auto;object-fit:contain;filter:drop-shadow(0 7px 14px rgba(58,40,78,.08))}
@media(max-width:980px){.hero-motto-logo{right:7%;bottom:82px;width:min(282px,27%);padding:10px 14px;border-radius:24px}}
@media(max-width:720px){.hero-motto-logo{right:8%;bottom:112px;width:min(205px,38%);padding:8px 10px;border-radius:20px;background:rgba(255,255,255,.045)}}
@media(max-width:480px){.hero-motto-logo{right:8%;bottom:102px;width:min(178px,42%);padding:7px 9px;border-radius:18px;background:rgba(255,255,255,.04)}}


/* v16 refinements */
.hero-motto-wrap{position:absolute;z-index:3;right:10.5%;bottom:112px;padding:10px 14px 8px;border-radius:28px;background:rgba(255,255,255,.14);backdrop-filter:blur(3px);box-shadow:0 8px 20px rgba(58,40,78,.05)}
.hero-motto-wrap .hero-motto-logo{position:static;display:block;right:auto;bottom:auto;width:min(295px,26vw);filter:drop-shadow(0 8px 16px rgba(58,40,78,.12))}
.explore-hero-art{display:grid;place-items:center;background:linear-gradient(135deg,#fff6fb,#ebfbff)}
.explore-hero-art>img{max-height:88%;width:auto;object-fit:contain;padding:24px}
@media(max-width:980px){.hero-motto-wrap{right:8.5%;bottom:102px;padding:9px 13px 7px;background:rgba(255,255,255,.05)}.hero-motto-wrap .hero-motto-logo{width:min(260px,27vw)}}
@media(max-width:720px){.hero-motto-wrap{right:7%;bottom:84px;padding:8px 12px 6px;background:rgba(255,255,255,.045)}.hero-motto-wrap .hero-motto-logo{width:min(210px,44vw)}.explore-hero-art>img{max-height:82%;padding:18px}}
@media(max-width:480px){.hero-motto-wrap{right:6%;bottom:66px;padding:7px 10px 5px;background:rgba(255,255,255,.035)}.hero-motto-wrap .hero-motto-logo{width:min(184px,48vw)}}

/* v17: Gina-focused Explore hero */
.explore-hero-art{background:linear-gradient(145deg,#fff2f8,#e9fbff);display:grid;place-items:center;overflow:hidden}
.explore-hero-art>img{width:88%;height:88%;object-fit:contain;object-position:center center;padding:0;filter:drop-shadow(0 18px 22px rgba(58,40,78,.16))}
@media(max-width:720px){.explore-hero-art>img{width:90%;height:90%;max-height:none;padding:0}}

/* v18: clean hero logo and restored four-panel Explore collage */
.hero-motto-wrap{right:9%;bottom:108px;padding:0!important;border-radius:0!important;background:transparent!important;backdrop-filter:none!important;box-shadow:none!important}
.hero-motto-wrap .hero-motto-logo{width:min(335px,29vw)!important;filter:drop-shadow(0 9px 17px rgba(58,40,78,.13))}
.explore-hero-collage{overflow:hidden;background:#f7fbff}
.explore-hero-collage>img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center;padding:0;filter:none}
@media(max-width:980px){.hero-motto-wrap{right:7.5%;bottom:10px}.hero-motto-wrap .hero-motto-logo{width:min(300px,30vw)!important}}
@media(max-width:720px){.hero-motto-wrap{right:6%;bottom:12px}.hero-motto-wrap .hero-motto-logo{width:min(228px,48vw)!important}.explore-hero-collage>img{width:100%;height:100%;object-fit:cover}}
@media(max-width:480px){.hero-motto-wrap{right:5%;bottom:10px}.hero-motto-wrap .hero-motto-logo{width:min(200px,51vw)!important}}

/* v21 Watch & Listen artwork: show the full original images rather than cropping them */
.media-page .page-hero-art{
  display:flex;
  align-items:center;
  justify-content:center;
  padding:34px;
  background:linear-gradient(145deg,#fff5fa,#eefbff);
}
.media-page .page-hero-art>img{
  width:100%;
  height:100%;
  max-height:452px;
  object-fit:contain;
  object-position:center;
}
.media-page .music-hero>img{
  width:100%;
  max-height:350px;
  object-fit:contain;
  object-position:center;
  padding:16px;
}
.media-page .video-card video{
  object-fit:contain;
  background:#211a2b;
}
@media(max-width:720px){
  .media-page .page-hero-art{padding:24px;min-height:320px}
  .media-page .page-hero-art>img{max-height:300px}
  .media-page .music-hero>img{max-height:300px;padding:10px}
}

/* v22 For Parents hero: show the complete collage rather than cropping Gina */
.parents-page .page-hero-card{grid-template-columns:1.05fr 1.15fr;}
.parents-page .parents-hero-art{background:#f7fbff;padding:0;overflow:hidden;}
.parents-page .parents-portrait-grid{width:100%;height:100%;min-height:520px;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:0;}
.parents-page .parents-portrait-grid img{width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:center;display:block;}
@media (max-width:820px){.parents-page .page-hero-card{grid-template-columns:1fr}.parents-page .parents-hero-art{min-height:520px;padding:0}.parents-page .parents-portrait-grid{min-height:520px;}}


/* v37 featured creative experiences and new Gina video */
.create-feature-section{padding-top:44px;background:linear-gradient(180deg,rgba(255,244,250,.72),rgba(238,251,255,.58));}
.create-feature-heading{max-width:880px;margin-bottom:28px}
.creative-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.creative-feature-card{background:#fff;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}
.creative-feature-image{height:330px;background:linear-gradient(145deg,#fff2f8,#e9fbff);overflow:hidden}
.creative-feature-image img{width:100%;height:100%;object-fit:cover;display:block}
.creative-feature-image.melody-image{display:grid;place-items:center;padding:18px;background:linear-gradient(145deg,#fff0f7,#e5fbff)}
.creative-feature-image.melody-image img{object-fit:contain;max-height:100%;filter:drop-shadow(0 18px 18px rgba(58,40,78,.12))}
.creative-feature-copy{padding:26px 28px 30px;display:flex;flex-direction:column;align-items:flex-start;flex:1}
.creative-feature-copy h3,.creative-feature-copy h2{font-size:clamp(30px,3.5vw,44px);line-height:1.05;margin:7px 0 10px}
.creative-feature-copy p{font-size:17px;color:var(--muted);margin:0 0 22px;flex:1}
.creative-kicker{display:inline-block;background:#ffedf6;color:var(--pink-deep);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.home-feature-video-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.featured-video-card{box-shadow:var(--shadow)}
.home-feature-video-grid .video-card video{height:420px;aspect-ratio:auto;object-fit:contain;background:#211a2b}
.home-feature-video-grid .video-card:not(.featured-video-card) video{height:420px}
.media-feature-video{display:grid;grid-template-columns:minmax(0,.8fr) minmax(280px,.4fr);gap:0;background:#fff;border-radius:32px;overflow:hidden;box-shadow:var(--shadow);margin-bottom:24px}
.media-feature-player{background:#211a2b;display:grid;place-items:center;min-height:560px}
.media-feature-player video{width:100%;height:560px;object-fit:contain;background:#211a2b}
.media-feature-copy{padding:38px;align-self:center}
.media-feature-copy h3{font-size:clamp(34px,4vw,50px);line-height:1.05;margin:8px 0 12px}
.media-feature-copy p{font-size:18px;color:var(--muted)}
.media-secondary-videos{margin-top:22px}
.play-launch-banner{margin-bottom:30px}
.play-launch-banner h1{font-size:clamp(42px,6vw,68px);margin:8px 0 12px}
.play-launch-banner p{max-width:800px;margin:0 auto;font-size:18px;color:var(--muted)}
.play-launch-gina{max-height:280px;margin:0 auto 10px;object-fit:contain}
.play-creative-grid{margin-top:24px}
.play-more-card{margin-top:28px;padding:30px 34px;border-radius:30px;background:linear-gradient(135deg,#fff,#fff0f7,#e9fbff);display:flex;gap:24px;align-items:center;justify-content:space-between;box-shadow:var(--shadow-sm)}
.play-more-card h2{font-size:clamp(28px,4vw,42px);margin:5px 0 7px}
.play-more-card p{margin:0;color:var(--muted);font-size:17px}
@media(max-width:900px){.creative-feature-grid,.home-feature-video-grid,.media-feature-video{grid-template-columns:1fr}.creative-feature-image{height:300px}.home-feature-video-grid .video-card video,.home-feature-video-grid .video-card:not(.featured-video-card) video{height:auto;max-height:540px}.media-feature-player,.media-feature-player video{min-height:0;height:auto;max-height:620px}.play-more-card{flex-direction:column;align-items:flex-start}}
@media(max-width:560px){.creative-feature-copy{padding:22px}.creative-feature-image{height:250px}.media-feature-copy{padding:26px}.play-more-card{padding:24px}}

/* v38 app-style Create with Gina section */
.create-app-section{padding-top:46px;background:linear-gradient(180deg,rgba(255,247,251,.82),rgba(240,250,255,.72))}
.create-app-intro{position:relative;background:linear-gradient(110deg,#fff7ec 0%,#f7f1ff 48%,#eafcff 100%);border-radius:34px;padding:32px 42px;margin-bottom:30px;box-shadow:var(--shadow-sm);overflow:hidden}
.create-app-intro h2{font-size:clamp(34px,4vw,56px);margin:4px 0 8px}
.create-app-intro p{font-size:18px;color:var(--muted);max-width:960px;margin:0}
.create-app-spark{position:absolute;right:38px;top:50%;transform:translateY(-50%);font-size:58px;color:#e2428b}
.create-app-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.create-app-card{display:grid;grid-template-columns:1.08fr .92fr;min-height:430px;border-radius:34px;overflow:hidden;background:linear-gradient(110deg,#fff9ed,#f7f2ff 55%,#effcff);box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.7)}
.create-app-copy{padding:50px 24px 38px 42px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.create-app-copy h3{font-size:clamp(34px,3.2vw,48px);line-height:1.05;margin:8px 0 12px}
.create-app-copy p{font-size:17px;color:var(--muted);margin:0 0 24px}
.create-app-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.45),rgba(235,251,255,.62))}
.create-app-art img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.create-app-badge{position:absolute;right:20px;top:18px;z-index:2;background:rgba(255,255,255,.92);padding:8px 14px;border-radius:999px;font-weight:900;color:#8d3d70;box-shadow:0 8px 20px rgba(73,46,92,.10)}
.create-app-note{text-align:center;color:var(--muted);font-size:14px;margin:22px 0 0}
.home-video-feature{padding-top:42px}
.home-video-feature .section-head{margin-bottom:22px}
.home-feature-video-grid{grid-template-columns:1.45fr .55fr}
.home-feature-video-grid .featured-video-card video{height:500px}
.home-feature-video-grid .video-card:not(.featured-video-card) video{height:500px}
.new-video-callout{margin:6px 0 22px}
.new-video-callout h2{font-size:clamp(32px,4vw,50px);margin:5px 0 8px}
.new-video-callout p{font-size:18px;color:var(--muted);margin:0}
@media(max-width:980px){
  .create-app-grid{grid-template-columns:1fr}
  .create-app-card{grid-template-columns:1fr 1fr}
  .home-feature-video-grid{grid-template-columns:1fr}
  .home-feature-video-grid .featured-video-card video,.home-feature-video-grid .video-card:not(.featured-video-card) video{height:auto;max-height:560px}
}
@media(max-width:680px){
  .create-app-intro{padding:26px 24px}
  .create-app-spark{display:none}
  .create-app-card{grid-template-columns:1fr;min-height:0}
  .create-app-copy{padding:30px 24px 24px}
  .create-app-art{min-height:300px}
}

/* v39 complete Story Studio / Melody Maker artwork */
.create-app-art{
  padding:22px;
  background:linear-gradient(180deg,#fbf8ff,#edfaff);
}
.create-app-art img{
  width:100%;
  height:100%;
  object-fit:contain !important;
  object-position:center center !important;
  display:block;
}
.create-app-badge{display:none}

/* New Gina video only on Meet Gina */
.meet-gina-video-section{padding-top:42px}
.meet-gina-video-frame{
  width:min(860px,100%);
  margin:0 auto;
  background:#000;
  border-radius:28px;
  padding:24px;
  box-shadow:var(--shadow);
  display:flex;
  align-items:center;
  justify-content:center;
}
.meet-gina-video-frame video{
  display:block;
  width:100%;
  max-height:760px;
  background:#000;
  object-fit:contain;
}
@media(max-width:680px){
  .create-app-art{padding:14px;min-height:320px}
  .meet-gina-video-frame{padding:12px;border-radius:20px}
}

/* v40 use complete transparent creator images */
.create-app-art{padding:18px 18px 10px;background:linear-gradient(180deg,#fbf8ff,#edfaff);}
.create-app-art img{width:100%;height:100%;object-fit:contain !important;object-position:center bottom !important;display:block;background:transparent;}
.create-app-card{align-items:stretch;}
.create-app-badge{display:none;}

/* Meet Gina video without black surround */
.meet-gina-video-frame{width:min(460px,100%);margin:0 auto;background:transparent;border-radius:28px;padding:0;box-shadow:none;display:block;}
.meet-gina-video-frame video{display:block;width:100%;height:auto;max-height:none;background:transparent;object-fit:contain;border-radius:22px;box-shadow:var(--shadow);}

@media(max-width:680px){
  .create-app-art{padding:10px 10px 0;min-height:320px;}
  .meet-gina-video-frame{width:min(380px,100%);}
}


/* v41: make Gina larger in the Create with Gina cards without cropping */
.create-app-grid{
  align-items:stretch;
}
.create-app-card{
  grid-template-columns:.9fr 1.1fr !important;
  min-height:520px !important;
}
.create-app-copy{
  padding:44px 22px 34px 38px !important;
}
.create-app-art{
  padding:8px 8px 0 !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}
.create-app-art img{
  width:auto !important;
  height:96% !important;
  max-width:100% !important;
  object-fit:contain !important;
  object-position:center bottom !important;
}

@media(max-width:980px){
  .create-app-card{
    grid-template-columns:1fr 1fr !important;
    min-height:500px !important;
  }
  .create-app-art img{
    height:92% !important;
  }
}

@media(max-width:680px){
  .create-app-card{
    grid-template-columns:1fr !important;
    min-height:0 !important;
  }
  .create-app-copy{
    padding:30px 22px 20px !important;
  }
  .create-app-art{
    min-height:380px !important;
    padding:6px 6px 0 !important;
  }
  .create-app-art img{
    height:95% !important;
    width:auto !important;
  }
}


/* v42 fixes */

/* Home page: keep Story Studio grounded, move Melody Maker Gina upward toward center */
.story-home-card .create-app-art img{
  object-position:center bottom !important;
}
.melody-home-card .create-app-art img{
  object-position:center center !important;
  height:88% !important;
}

/* Keep buttons on one line */
.btn{
  white-space:nowrap;
}

/* Apps & Games page creator cards */
.play-creative-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px;
  margin-top:22px;
}
.play-creator-card{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  min-height:500px;
  border-radius:36px;
  overflow:hidden;
  background:linear-gradient(110deg,#fff9ed,#f7f2ff 55%,#effcff);
  box-shadow:var(--shadow);
  border:1px solid rgba(255,255,255,.7);
}
.play-creator-copy{
  padding:44px 34px 34px 38px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  min-width:0;
}
.play-creator-copy h2{
  font-size:clamp(38px,4vw,64px);
  line-height:0.98;
  margin:10px 0 14px;
}
.play-creator-copy p{
  font-size:17px;
  color:var(--muted);
  margin:0 0 24px;
}
.play-creator-copy .btn{
  font-size:17px;
}
.play-creator-art{
  background:linear-gradient(180deg,#fbf8ff,#edfaff);
  display:flex;
  align-items:center;
  justify-content:center;
  padding:16px;
  overflow:hidden;
}
.play-creator-art img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
}
.play-creator-art.story-art img{
  object-position:center bottom;
}
.play-creator-art.melody-art img{
  object-position:center center;
  transform:scale(1.08);
}
@media(max-width:1100px){
  .play-creator-card{
    grid-template-columns:1fr;
    min-height:0;
  }
  .play-creator-art{
    min-height:360px;
    padding:10px;
  }
  .play-creator-copy{
    padding:32px 26px 24px;
  }
}
@media(max-width:700px){
  .play-creative-grid{
    grid-template-columns:1fr;
    gap:22px;
  }
  .play-creator-art{
    min-height:320px;
  }
  .play-creator-copy h2{
    font-size:clamp(34px,10vw,52px);
  }
}

/* v44: Heartwing logo moved to A Hero With Heart section */
.hero-heartwing-section-logo{margin:0 0 16px}
.hero-heartwing-section-logo img{width:min(300px,72%);height:auto;object-fit:contain;display:block}
@media(max-width:720px){.hero-heartwing-section-logo img{width:min(260px,78%)}}

/* v45: center and enlarge Heartwing logo above A Hero With Heart */
.hero-heartwing-section-logo{
  margin: 0 auto 22px !important;
  text-align: center;
  width: 100%;
}
.hero-heartwing-section-logo img{
  width: min(420px, 92%) !important;
  height: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto;
}
@media (max-width: 720px){
  .hero-heartwing-section-logo img{
    width: min(340px, 94%) !important;
  }
}

/* v48: two Meet Gina videos side by side */
.meet-gina-video-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:24px;
  align-items:start;
  width:min(980px,100%);
  margin:0 auto;
}
.meet-gina-video-grid .meet-gina-video-frame{
  width:100%;
  margin:0;
}
.meet-gina-video-grid video{
  width:100%;
  height:auto;
  display:block;
}
@media(max-width:760px){
  .meet-gina-video-grid{
    grid-template-columns:1fr;
    gap:18px;
  }
}

/* v50 World of Wonders */
.wonder-home-section{background:linear-gradient(180deg,#fff8fc 0%,#eefbff 100%)}
.wonder-home-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}
.wonder-home-head>div{max-width:820px}
.wonder-home-head h2{font-size:clamp(34px,4.5vw,58px);line-height:1.02;margin:8px 0 12px}
.wonder-home-head p{font-size:18px;color:var(--muted);margin:0}
.wonder-preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.wonder-preview-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:var(--shadow-sm);min-width:0}
.wonder-preview-card img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block}
.wonder-preview-copy{padding:16px}
.wonder-preview-copy h3{font-size:19px;line-height:1.08;margin:0 0 7px}
.wonder-preview-copy p{font-size:13px;line-height:1.45;color:var(--muted);margin:0}
.wonder-callout-section{background:linear-gradient(180deg,#fff,#f5fbff)}
.wonder-callout{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:28px;background:linear-gradient(135deg,#fff0f7,#eafcff);border-radius:36px;padding:32px;box-shadow:var(--shadow)}
.wonder-callout-copy{padding:8px 12px}
.wonder-callout h2{font-size:clamp(34px,4vw,52px);line-height:1.03;margin:7px 0 12px}
.wonder-callout p{font-size:18px;color:var(--muted);margin:0 0 22px}
.wonder-callout img{width:100%;max-height:430px;object-fit:cover;border-radius:28px}
.wonder-hero{padding:54px 0 28px}
.wonder-hero-card{min-height:580px;display:grid;grid-template-columns:.92fr 1.08fr;background:linear-gradient(135deg,#fff1f8,#e9fbff);border-radius:40px;overflow:hidden;box-shadow:var(--shadow)}
.wonder-hero-copy{padding:58px;display:flex;flex-direction:column;justify-content:center}
.wonder-hero-copy h1{font-size:clamp(52px,7vw,92px);line-height:.94;letter-spacing:-.045em;margin:10px 0 18px}
.wonder-hero-copy p{font-size:20px;line-height:1.55;color:var(--muted);margin:0 0 26px}
.wonder-hero-art{min-height:580px;overflow:hidden}
.wonder-hero-art img{width:100%;height:100%;object-fit:cover;display:block}
.wonder-feature-stack{display:grid;gap:24px}
.wonder-feature-card{display:grid;grid-template-columns:1.05fr .95fr;min-height:430px;background:#fff;border-radius:34px;overflow:hidden;box-shadow:var(--shadow-sm)}
.wonder-feature-card:nth-child(even){grid-template-columns:.95fr 1.05fr}
.wonder-feature-card:nth-child(even) .wonder-feature-image{order:2}
.wonder-feature-image{min-height:430px;overflow:hidden}
.wonder-feature-image img{width:100%;height:100%;object-fit:cover;display:block}
.wonder-feature-body{padding:42px;display:flex;flex-direction:column;justify-content:center}
.wonder-feature-body h2{font-size:clamp(34px,4vw,52px);line-height:1.02;margin:8px 0 12px}
.wonder-feature-body p{font-size:18px;color:var(--muted);margin:0}
.wonder-name-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;max-width:1050px;margin:0 auto}
.wonder-name-card{display:flex;gap:14px;align-items:flex-start;background:#fff;border-radius:22px;padding:20px;box-shadow:var(--shadow-sm)}
.wonder-name-card>span{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ffe8f4,#dff9ff);font-size:22px;color:var(--pink-deep)}
.wonder-name-card h3{font-size:20px;line-height:1.12;margin:1px 0 5px}
.wonder-name-card p{font-size:14px;color:var(--muted);margin:0}
@media(max-width:1100px){
  .wonder-preview-grid{grid-template-columns:repeat(3,1fr)}
  .wonder-preview-card:nth-child(n+4){display:none}
}
@media(max-width:760px){
  .wonder-home-head{align-items:flex-start;flex-direction:column}
  .wonder-preview-grid{grid-template-columns:1fr 1fr}
  .wonder-preview-card:nth-child(n+4){display:block}
  .wonder-preview-card:nth-child(5){display:none}
  .wonder-callout,.wonder-hero-card,.wonder-feature-card,.wonder-feature-card:nth-child(even){grid-template-columns:1fr}
  .wonder-feature-card:nth-child(even) .wonder-feature-image{order:0}
  .wonder-hero-copy{padding:38px 26px}
  .wonder-hero-art,.wonder-feature-image{min-height:320px}
  .wonder-name-grid{grid-template-columns:1fr}
}

/* v51 mobile hero: text -> Gina -> buttons */
.mobile-hero-cta{display:none}

@media(max-width:720px){
  .hero-card{
    min-height:980px !important;
  }
  .hero-content{
    padding-bottom:0 !important;
  }
  .hero-content .cta-row{
    display:none !important;
  }
  .hero-gina{
    top:500px !important;
    bottom:auto !important;
    right:50% !important;
    transform:translateX(50%);
    width:68% !important;
    max-height:255px !important;
    object-position:center center !important;
    z-index:3;
  }
  .mobile-hero-cta{
    display:flex;
    position:absolute;
    z-index:5;
    left:24px;
    right:24px;
    bottom:28px;
    flex-direction:column;
    gap:14px;
  }
  .mobile-hero-cta .btn{
    width:100%;
    min-height:64px;
    font-size:20px;
  }
}

@media(max-width:480px){
  .hero-card{
    min-height:950px !important;
  }
  .hero-gina{
    top:490px !important;
    width:72% !important;
    max-height:245px !important;
  }
  .mobile-hero-cta{
    left:18px;
    right:18px;
    bottom:22px;
  }
}


/* v52 definitive mobile hero layout: normal flow, no overlap */
@media(max-width:720px){
  .hero-card{
    min-height:0 !important;
    height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    padding-bottom:22px !important;
  }

  .hero-content{
    position:relative !important;
    width:100% !important;
    padding:22px 20px 4px !important;
    z-index:4 !important;
  }

  .hero-content .cta-row{
    display:none !important;
  }

  .hero-gina{
    position:relative !important;
    top:auto !important;
    right:auto !important;
    bottom:auto !important;
    left:auto !important;
    transform:none !important;
    width:min(72%,360px) !important;
    max-height:none !important;
    height:auto !important;
    margin:10px auto 8px !important;
    object-fit:contain !important;
    object-position:center center !important;
    z-index:4 !important;
  }

  .mobile-hero-cta{
    display:flex !important;
    position:relative !important;
    left:auto !important;
    right:auto !important;
    bottom:auto !important;
    top:auto !important;
    flex-direction:column !important;
    gap:14px !important;
    width:auto !important;
    margin:0 20px 4px !important;
    z-index:5 !important;
  }

  .mobile-hero-cta .btn{
    width:100% !important;
    min-height:64px !important;
    font-size:20px !important;
  }

  .hero-scene{
    position:absolute !important;
    left:0 !important;
    right:0 !important;
    top:auto !important;
    bottom:0 !important;
    height:48% !important;
    width:100% !important;
    object-fit:cover !important;
    z-index:0 !important;
  }

  .hero-wash{
    z-index:1 !important;
  }
}

@media(max-width:480px){
  .hero-content{
    padding:18px 16px 4px !important;
  }

  .hero-gina{
    width:min(76%,330px) !important;
    margin-top:8px !important;
  }

  .mobile-hero-cta{
    margin:0 16px 2px !important;
  }
}
