body{margin:0;background:#F6EEE8}
a{color:inherit;text-decoration:none}
a:hover{opacity:.9}
*{box-sizing:border-box}
.mia-photo-box{position:absolute;top:0;bottom:0;left:70%;transform:translateX(-50%);height:100%;aspect-ratio:1500/837}
.mia-hero-photo{position:absolute;inset:0;background:none center/100% 100% no-repeat}
.mia-photo-mask{position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,transparent 0,transparent 30%,#000 52%);mask-image:linear-gradient(90deg,transparent 0,transparent 30%,#000 52%)}
.mia-hero-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,24,19,.84) 0%,rgba(42,24,19,.78) 34%,rgba(42,24,19,.6) 44%,rgba(42,24,19,.12) 56%,rgba(58,34,27,.15) 100%),linear-gradient(0deg,rgba(42,24,19,.55) 0%,rgba(42,24,19,0) 30%)}
.mia-spray{position:absolute;left:43.6%;top:73.2%;width:0;height:0;transform:rotate(-32deg);pointer-events:none}
.mia-spray i{position:absolute;left:0;top:0;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.95) 0%,rgba(225,237,255,.6) 40%,rgba(225,237,255,0) 72%);opacity:0;animation:mia-puff 3.2s cubic-bezier(.15,.7,.3,1) infinite}
.mia-spray b{position:absolute;left:0;top:0;width:130px;height:60px;margin:-30px 0 0 -10px;border-radius:50%;background:radial-gradient(ellipse at 30% 50%,rgba(255,255,255,.55),rgba(214,230,255,.18) 45%,rgba(214,230,255,0) 70%);filter:blur(4px);opacity:0;transform-origin:10px 50%;animation:mia-cloud 3.2s ease-out infinite}
@keyframes mia-puff{0%{opacity:0;transform:translate(0,0) scale(.3)}6%{opacity:.95}45%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--s))}100%{opacity:0;transform:translate(var(--dx),var(--dy)) scale(var(--s))}}
@keyframes mia-cloud{0%{opacity:0;transform:scale(.15)}8%{opacity:.85}50%{opacity:0;transform:scale(1.15)}100%{opacity:0;transform:scale(1.15)}}
@media (prefers-reduced-motion:reduce){.mia-spray i,.mia-spray b{animation:none;opacity:0}}

/* ===== responsive ===== */
.mia-burger{display:none;width:44px;height:44px;border-radius:12px;border:1px solid rgba(255,255,255,.35);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.mia-burger span{display:block;width:20px;height:2px;background:#FFFFFF;border-radius:2px}
.mia-nav-cb{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.mia-nav-cb:focus-visible + .mia-burger{outline:2px solid #F2B48C;outline-offset:2px}
.mia-menu-cta{display:none!important}
@media (max-width:960px){
 .mia-burger{display:inline-flex;order:2}
 .mia-nav-cta{order:1;margin-left:auto}
 .mia-menu{display:none!important;order:3;flex-basis:100%;flex-direction:column;align-items:stretch!important;gap:2px!important;padding:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:16px}
 .mia-nav-cb:checked ~ .mia-menu{display:flex!important}
 .mia-menu a{padding:12px 12px!important;border-bottom:0!important;border-radius:10px;font-size:15px}
 .mia-menu a.mia-current{background:rgba(255,255,255,.1)}
 .mia-hero{padding:20px 24px 0!important}
 .mia-hero-body{margin-top:32px!important;gap:28px!important}
 .mia-hero-visual{flex-basis:100%!important;min-height:440px!important}
 .mia-photo-box{top:auto!important;bottom:0;height:440px!important;left:50%!important}
 .mia-photo-mask{-webkit-mask-image:linear-gradient(180deg,transparent 0,transparent calc(100% - 470px),#000 calc(100% - 330px));mask-image:linear-gradient(180deg,transparent 0,transparent calc(100% - 470px),#000 calc(100% - 330px))}
 .mia-hero-fade{background:linear-gradient(180deg,rgba(42,24,19,.84) 0,rgba(42,24,19,.8) calc(100% - 470px),rgba(42,24,19,0) calc(100% - 330px),rgba(42,24,19,0) 70%,rgba(42,24,19,.8) 100%)!important}
 .mia-spray{transform:rotate(-32deg) scale(.6)!important}
 .mia-stats{top:auto!important;bottom:16px;left:0;right:0!important;width:auto!important;display:flex;gap:12px;padding:14px 18px!important}
 .mia-stats>div{flex:1;padding:0!important;border:0!important}
 .mia-stats>div>div:first-child{font-size:22px!important}
 .mia-chip{display:none!important}
}
@media (max-width:700px){
 .mia-outer{padding:0!important}
 .mia-frame{border-radius:0!important;box-shadow:none!important}
 .mia-pad{padding-left:20px!important;padding-right:20px!important}
 .mia-hero{padding-left:20px!important;padding-right:20px!important}
 .mia-h1{font-size:44px!important}
 .mia-lead{font-size:16px!important}
 .mia-h2{font-size:30px!important}
 .mia-quote{padding:28px!important;min-height:300px!important}
 .mia-quote-text{font-size:23px!important}
 .mia-float-card{position:relative!important;right:auto!important;bottom:auto!important;margin:-26px 0 0 16px;width:fit-content}
 .mia-cta-sec{padding:32px 16px!important}
 .mia-cta-box{padding:32px 24px!important}
}
@media (max-width:600px){
 .mia-nav-cta{display:none!important}
 .mia-menu-cta{display:flex!important;margin-top:6px;justify-content:center;background:#FFFFFF;color:#2A1813!important;font-weight:700}
}
@media (max-width:400px){.mia-h1{font-size:38px!important}.mia-stats>div>div:last-child{font-size:11px!important}}
.mia-current{color:#FFFFFF!important;border-bottom:2px solid #FFFFFF}
.mia-hero-t{padding-bottom:64px!important}
@media (max-width:960px){.mia-hero-t{padding-bottom:44px!important}}
.mia-pulse{position:relative;animation:mia-beat 2.4s ease-in-out infinite;animation-delay:var(--d,0s)}
.mia-pulse::after{content:"";position:absolute;inset:0;border-radius:inherit;animation:mia-ring 2.4s ease-out infinite;animation-delay:var(--d,0s)}
@keyframes mia-beat{0%,100%{transform:scale(1)}12%{transform:scale(1.1)}24%{transform:scale(.96)}36%{transform:scale(1.05)}50%{transform:scale(1)}}
@keyframes mia-ring{0%{box-shadow:0 0 0 0 rgba(233,162,124,.6)}60%,100%{box-shadow:0 0 0 14px rgba(233,162,124,0)}}
@media (prefers-reduced-motion:reduce){.mia-pulse,.mia-pulse::after{animation:none}}
.mia-bgvid{position:absolute;inset:0;overflow:hidden;container-type:size;pointer-events:none}
.mia-bgvid iframe{position:absolute;top:50%;left:50%;width:max(100cqw,177.78cqh);height:max(100cqh,56.25cqw);transform:translate(-50%,-50%);border:0}
.mia-hero-t .mia-hero-body{min-height:380px}
@media (max-width:700px){.mia-hero-t .mia-hero-body{min-height:300px}}
@media (max-width:380px){.mia-logo-sub{display:none}}
.mia-stats{border-color:rgba(245,195,165,.75)!important;animation:mia-glow 3.2s ease-in-out infinite}
@keyframes mia-glow{0%,100%{box-shadow:0 0 0 1px rgba(242,180,140,.25),0 0 14px rgba(242,180,140,.35),0 0 30px rgba(242,180,140,.15),0 30px 60px -30px rgba(0,0,0,.6)}50%{box-shadow:0 0 0 1px rgba(250,210,185,.6),0 0 22px rgba(242,180,140,.75),0 0 54px rgba(242,180,140,.35),0 30px 60px -30px rgba(0,0,0,.6)}}
@media (prefers-reduced-motion:reduce){.mia-stats{animation:none;box-shadow:0 0 0 1px rgba(242,180,140,.4),0 0 18px rgba(242,180,140,.5)!important}}
.mia-halo{animation:mia-halo 2.8s ease-in-out infinite;animation-delay:var(--d,0s)}
@keyframes mia-halo{0%,100%{box-shadow:0 0 0 6px #FBF4EF,0 0 0 7px #F0DFD4,0 0 0 7px rgba(233,162,124,0)}50%{box-shadow:0 0 0 6px #F8E6DA,0 0 0 8px #F3C9AE,0 0 0 18px rgba(233,162,124,.18)}}
@media (prefers-reduced-motion:reduce){.mia-halo{animation:none}}
.mia-sticker-col{flex:1 1 200px;display:flex;justify-content:center;align-items:center;align-self:center;min-width:0}
.mia-sticker{flex:none;width:176px;height:176px;border-radius:50%;box-shadow:0 0 0 6px rgba(255,255,255,.92),0 0 34px 10px rgba(255,255,255,.35),0 30px 60px -20px rgba(0,0,0,.55)}
.mia-sticker svg{display:block;width:100%;height:100%}
.mia-spin{transform-origin:60px 60px;animation:mia-spin 18s linear infinite}
@keyframes mia-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.mia-spin{animation:none}}
@media (max-width:700px){.mia-sticker{width:128px;height:128px}.mia-sticker-col{justify-content:flex-start}}
.gd-hero-photo{position:absolute;inset:0;overflow:hidden;container-type:size;pointer-events:none}
.gd-photo-box{position:absolute;width:max(100cqw,150.04cqh);height:max(100cqh,66.65cqw);left:calc((100cqw - max(100cqw,150.04cqh))*.62);top:calc((100cqh - max(100cqh,66.65cqw))*.55)}
.gd-photo-img{position:absolute;inset:0;background:url(../img/hero-dermatitis.jpg) center/100% 100% no-repeat}
.gd-rash{position:absolute;left:69.5%;top:52.5%;width:15%;height:13%;transform:translate(-50%,-50%) rotate(-8deg);border-radius:50%;background:radial-gradient(closest-side,rgba(235,40,40,.75),rgba(225,35,35,.38) 50%,rgba(220,30,30,0) 100%);filter:blur(6px);mix-blend-mode:screen;animation:gd-rash 2.2s ease-in-out infinite}
.gd-rash::after{content:"";position:absolute;inset:-35%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,70,60,.35),rgba(255,70,60,0));animation:gd-rash-halo 2.2s ease-out infinite}
@keyframes gd-rash{0%,100%{opacity:.35;transform:translate(-50%,-50%) rotate(-8deg) scale(.9)}50%{opacity:1;transform:translate(-50%,-50%) rotate(-8deg) scale(1.08)}}
@keyframes gd-rash-halo{0%{opacity:.8;transform:scale(.6)}100%{opacity:0;transform:scale(1.35)}}
@media (prefers-reduced-motion:reduce){.gd-rash,.gd-rash::after{animation:none;opacity:.7}}
.gd-fade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(42,24,19,.94) 0%,rgba(42,24,19,.82) 34%,rgba(42,24,19,.35) 58%,rgba(42,24,19,.12) 100%),linear-gradient(0deg,rgba(42,24,19,.6) 0%,rgba(42,24,19,0) 35%)}
@media (max-width:960px){.gd-photo-box{left:calc((100cqw - max(100cqw,150.04cqh))*.7);top:calc((100cqh - max(100cqh,66.65cqw))*.6)}.gd-fade{background:linear-gradient(180deg,rgba(42,24,19,.7) 0%,rgba(42,24,19,.88) 60%,#2A1813 100%)}}
.gd-player{position:relative;display:block;width:100%;aspect-ratio:16/9;border-radius:22px;overflow:hidden;background:#1C0F0B}