/* Isolated enhancement: the original homepage owns every other style. */
.hero{overflow:clip;border-bottom:3px solid var(--pink)}
.hero-layout{display:grid;grid-template-columns:1.08fr 1fr;gap:24px;align-items:center;padding-block:64px 48px;min-height:680px}
.hero .hero-head{padding:0;position:relative;z-index:3}
.hero h1{font-size:clamp(3.2rem,6.3vw,5.5rem)}
.hero p.sub{font-size:1rem;max-width:40ch}
.hero .trust{margin-bottom:0;gap:10px 18px;font-size:.7rem}
.hero .pack-scene{position:relative;height:510px;isolation:isolate;perspective:1000px;--fan:0;--px:0;--py:0}
.hero .pack-plane{position:absolute;width:66%;max-width:340px;border:1px solid rgba(17,17,17,.08);background:#fff;box-shadow:8px 20px 32px -22px rgba(17,17,17,.28);will-change:transform}
.hero .pack-plane img{width:100%;height:auto}
.hero .pack-back{top:0;left:0;z-index:1;transform:translate3d(calc(var(--fan)*-28px + var(--px)*-5px),calc(var(--fan)*-26px + var(--py)*-4px),0) rotate(calc(-15deg - var(--fan)*6deg))}
.hero .pack-mid{top:32px;right:0;z-index:2;transform:translate3d(calc(var(--fan)*32px + var(--px)*7px),calc(var(--fan)*-14px + var(--py)*5px),0) rotate(calc(14deg + var(--fan)*6deg))}
.hero .pack-front{top:86px;left:18%;z-index:3;transform:translate3d(calc(var(--px)*10px),calc(var(--fan)*45px + var(--py)*8px),0) rotate(calc(-3deg + var(--fan)*5deg))}
@media(max-width:1100px) and (min-width:821px){.hero-layout{grid-template-columns:1fr 1fr;min-height:620px}.hero h1{font-size:clamp(3.2rem,6vw,4.4rem)}.hero .pack-scene{height:450px}.hero .pack-plane{width:70%}.hero .pack-front{left:15%}.hero .hero-ctas{gap:10px}.hero .btn{padding:12px 18px}}
@media(max-width:820px){
  .hero-layout{grid-template-columns:1fr;min-height:0;padding-block:48px 40px;gap:40px}
  .hero h1{font-size:clamp(3.2rem,10.5vw,6rem)}
  .hero .pack-scene{height:470px;width:100%;max-width:540px;margin:8px auto 16px}
  .hero .pack-plane{width:54%;max-width:290px}.hero .pack-back{left:3%;top:8px}.hero .pack-mid{right:3%;top:30px}.hero .pack-front{left:23%;top:72px}
}
@media(max-width:480px){.hero-layout{gap:28px;padding-top:36px}.hero .pack-scene{height:350px;margin-top:16px}.hero .pack-front{top:54px}.hero .eyebrow{font-size:.62rem;letter-spacing:.16em}.hero p.sub{font-size:.95rem}.hero .btn{padding:12px 18px}}
@media(prefers-reduced-motion:reduce){.hero .pack-scene{--fan:0!important;--px:0!important;--py:0!important}.hero .pack-plane{will-change:auto}}
.motion-off .hero .pack-scene{--fan:0!important;--px:0!important;--py:0!important}
