.mp-hero{--hero-navy:#061d35;position:relative;isolation:isolate;display:flex;min-height:100svh;margin-top:-98px;padding:150px max(34px,calc((100vw - 1540px)/2)) 42px;overflow:hidden;align-items:center;justify-content:center;color:#fff}
.mp-hero-visual{position:absolute;z-index:-2;inset:0;background:var(--hero-navy);overflow:hidden}
.mp-hero-visual img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 46%}
.mp-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,16,31,.38) 0%,rgba(3,19,37,.03) 35%,rgba(2,14,29,.18) 65%,rgba(2,14,29,.72) 100%)}
.mp-hero-copy{position:relative;width:min(1120px,82vw);padding:38px 0 128px;text-align:center;animation:mp-copy-in .7s ease-out .4s both}
.mp-hero-copy h1{margin:0;color:#fff;font-family:var(--heading);font-size:clamp(4rem,7.4vw,7.6rem);font-weight:650;line-height:.98;letter-spacing:-.06em;text-shadow:0 4px 28px rgba(0,0,0,.18)}
.mp-hero-copy h1 span{color:var(--coral)}
.mp-hero-copy>p{margin:28px auto 30px;color:#fff;font-size:clamp(1.15rem,1.55vw,1.55rem);line-height:1.35;text-shadow:0 2px 16px rgba(0,0,0,.5)}
.mp-hero-cta{display:inline-flex;min-width:min(380px,80vw);min-height:66px;padding:16px 30px;align-items:center;justify-content:center;gap:38px;border-radius:999px;background:var(--coral);color:#0b2038;font-size:1.08rem;font-weight:800;box-shadow:0 14px 40px rgba(7,22,40,.26);transition:transform .2s,box-shadow .2s}
.mp-hero-cta:hover{transform:translateY(-2px);box-shadow:0 18px 46px rgba(7,22,40,.34)}
.mp-hero-cta:focus-visible{outline:3px solid #fff;outline-offset:5px}
.mp-hero-cta span{font-size:1.35em}
.mp-hero-promises{position:absolute;left:max(34px,calc((100vw - 1540px)/2));right:max(58px,calc((100vw - 1540px)/2 + 28px));bottom:30px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;color:#fff;animation:mp-copy-in .7s ease-out .4s both}
.mp-hero-promises>div{display:flex;min-width:0;padding:0 20px;align-items:center;gap:14px;border-right:1px solid rgba(255,255,255,.42)}
.mp-hero-promises>div:last-child{border-right:0}
.mp-hero-promises svg{width:34px;height:34px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mp-hero-promises p{display:grid;min-width:0;gap:6px;margin:0}.mp-hero-promises strong{font-size:.98rem;line-height:1.2}.mp-hero-promises span{color:rgba(255,255,255,.85);font-size:.84rem;line-height:1.25}
.mp-scroll-cue{position:absolute;right:30px;bottom:28px;display:grid;justify-items:center;gap:12px;font-size:.72rem;letter-spacing:.08em;writing-mode:vertical-rl}.mp-scroll-cue i{display:block;width:1px;height:32px;background:#fff}
.mp-hero-intro{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;gap:.22em;background:rgba(4,20,38,.28);pointer-events:none;font-family:var(--heading);font-size:clamp(4rem,8vw,9rem);font-weight:800;letter-spacing:-.055em;white-space:nowrap;animation:mp-intro-out .8s ease 2s both;text-shadow:0 4px 28px rgba(0,0,0,.25)}
.mp-intro-left,.mp-intro-left span{color:#fff}.mp-intro-right,.mp-intro-right span{color:var(--coral)}
.mp-intro-left{animation:mp-left-in 1.25s cubic-bezier(.16,.8,.2,1) .15s both}.mp-intro-right{animation:mp-right-in 1.25s cubic-bezier(.16,.8,.2,1) .15s both}
@keyframes mp-left-in{from{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes mp-right-in{from{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes mp-intro-out{to{opacity:0;visibility:hidden;transform:translateY(-8px)}}@keyframes mp-copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.home-page .site-header{position:sticky;top:0;z-index:50;transition:transform .34s cubic-bezier(.22,.7,.2,1)}.home-page .site-header.is-hidden{transform:translateY(-100%)}.home-page .site-header .usp-bar{display:none}.home-page .site-header .nav-wrap{height:98px;background:transparent;border:0;box-shadow:none;transition:background .28s,box-shadow .28s,backdrop-filter .28s}.home-page .site-header.is-scrolled .nav-wrap{background:#fff;box-shadow:0 10px 32px rgba(1,13,27,.12);backdrop-filter:none}.home-page .site-header .main-nav{position:relative;height:98px;width:min(100% - 72px,1540px);color:#fff}.home-page .site-header .brand{color:var(--coral);font-size:2.35rem}.home-page .site-header .desktop-links{position:absolute;left:50%;gap:clamp(28px,3.5vw,62px);transform:translateX(-50%)}.home-page .site-header .desktop-links a,.home-page .site-header .nav-reviews-link{position:relative;color:#fff;font-size:1rem;white-space:nowrap}.home-page .site-header.is-scrolled .desktop-links a,.home-page .site-header.is-scrolled .nav-reviews-link{color:#0b2038}.home-page .site-header .desktop-links a{text-transform:none}.home-page .site-header .desktop-links a:after,.home-page .site-header .nav-reviews-link:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--coral);transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.home-page .site-header .desktop-links a:hover:after,.home-page .site-header .desktop-links a:focus-visible:after,.home-page .site-header .nav-reviews-link:hover:after,.home-page .site-header .nav-reviews-link:focus-visible:after{transform:scaleX(1)}.home-page .site-header .nav-actions{margin-left:auto;gap:18px}.home-page .site-header .nav-reviews-link{font-weight:700}.home-page .site-header .icon-button{color:#fff}.home-page .site-header .bag-button{width:50px;height:50px;border:1px solid rgba(255,255,255,.7);border-radius:50%;background:var(--coral);box-shadow:0 8px 24px rgba(255,168,145,.28);color:#0b2038;transition:transform .2s,box-shadow .2s}.home-page .site-header .bag-button:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 11px 30px rgba(255,168,145,.42)}.home-page .site-header .bag-button svg{width:26px;height:26px;stroke:#0b2038;stroke-width:1.7}.home-page .site-header .menu-toggle span{background:#fff}.home-page .site-header.is-scrolled .menu-toggle span{background:#0b2038}
@media(max-width:900px){
 .mp-hero{min-height:100svh;margin-top:-76px;padding:120px 22px 28px;align-items:center}
 .mp-hero-visual img{object-position:49% center}
 .mp-hero-copy{width:100%;padding:20px 0 205px}
 .mp-hero-copy h1{font-size:clamp(3.2rem,14vw,5.6rem)}
 .mp-hero-copy>p{margin:22px auto 26px;font-size:1.05rem}
 .mp-hero-cta{min-width:min(335px,88vw);min-height:58px;padding:14px 22px;gap:25px}
 .mp-hero-promises{left:20px;right:20px;bottom:24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:4px 12px}
 .mp-hero-promises>div{padding:14px;gap:12px;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3)}
 .mp-hero-promises>div:nth-child(2){border-right:0}.mp-hero-promises>div:nth-child(3){border-bottom:0}.mp-hero-promises>div:last-child{border:0}
 .mp-hero-promises svg{width:31px;height:31px}.mp-hero-promises strong{font-size:.78rem}.mp-hero-promises span{font-size:.7rem}
 .mp-scroll-cue{display:none}
 .mp-hero-intro{font-size:clamp(2.25rem,10vw,4.5rem)}
 .home-page .site-header .nav-wrap,.home-page .site-header .main-nav{height:76px}.home-page .site-header .main-nav{width:calc(100% - 30px)}.home-page .site-header .brand{font-size:2rem}.home-page .site-header .nav-actions{gap:10px}.home-page .site-header .nav-reviews-link{font-size:.86rem}.home-page .site-header .bag-button{width:44px;height:44px}.home-page .site-header .bag-button svg{width:23px;height:23px}
}
@media(max-width:440px){.mp-hero-copy{padding-bottom:215px}.mp-hero-copy h1{font-size:clamp(2.75rem,13.5vw,4rem)}.mp-hero-copy>p br{display:none}.mp-hero-promises{left:12px;right:12px;padding:4px}.mp-hero-promises>div{padding-inline:9px;gap:8px}.mp-hero-promises svg{width:27px;height:27px}}
@media(prefers-reduced-motion:reduce){.mp-hero-intro{display:none}.mp-hero-copy,.mp-hero-promises{animation:none}.mp-hero-cta{transition:none}}

/* Keep the mobile bag neutral on both transparent and white headers. */
@media (max-width: 900px) {
  .home-page .site-header .nav-reviews-link { display: none; }
  .home-page .site-header .bag-button,
  .home-page .site-header .bag-button:hover { background: transparent; border: 1px solid currentColor; color: #fff; box-shadow: none; }
  .home-page .site-header .bag-button svg { stroke: currentColor; }
  .home-page .site-header.is-scrolled .bag-button { color: #0b2038; }
}

@media (max-width: 900px) {
  .home-page .site-header .mobile-menu { top: 76px; color: var(--ink); z-index: 1; }
}