.brand-hero{display:block;position:relative;isolation:isolate;overflow:hidden;min-height:660px;background:#0b121c;color:#fff}.brand-hero .brand-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% 50%;z-index:0;animation:brand-drift 20s ease-in-out infinite alternate;will-change:transform}.brand-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#08121b99 0%,#08121b3d 47%,transparent 72%)}.brand-copy{position:relative;z-index:2;padding:60px 5% 49px;max-width:720px}.brand-copy>.eyebrow{font-size:10px;letter-spacing:2.6px;color:#d0d5dc;margin-bottom:24px}.brand-hero h1{font-size:clamp(88px,9vw,142px);line-height:1;letter-spacing:-7px;margin:0 0 20px;font-weight:900}.brand-wordmark{position:relative;display:inline-block;background:#ed1232;border-radius:15px;padding:8px 25px 17px;box-shadow:0 12px 60px #0003;overflow:hidden}.brand-wordmark:after{content:'';position:absolute;inset:-30% -50%;background:linear-gradient(105deg,transparent 40%,#fff2 49%,transparent 58%);transform:translateX(-80%);animation:brand-sheen 9s ease-in-out infinite;pointer-events:none}.brand-slogan{font-family:Satisfy,cursive;font-size:clamp(38px,4vw,62px);line-height:1.14;margin:0;letter-spacing:-1px;color:#fff;text-shadow:0 2px 15px #0005}.brand-slogan>span{display:inline-block;position:relative;margin-left:44px}.brand-slogan>span:after{content:'';position:absolute;height:5px;left:0;right:-15px;bottom:-4px;background:#ee1536;border-radius:100%;transform:rotate(-6deg)}.brand-intro{font-size:15px;line-height:1.85;max-width:410px;margin:27px 0 0;color:#ccd3da}.brand-hero .hero-actions{margin-top:23px;gap:23px}.brand-hero .text-link{color:#fff;border-color:#ffffff77}.brand-collection{font-size:10px;line-height:1.8;letter-spacing:.4px;color:#a8b5bf;margin:27px 0 0}.brand-horizon{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:3;background:linear-gradient(90deg,transparent,#e91f3e 25%,#ff808f 50%,#e91f3e 75%,transparent);transform-origin:left;animation:brand-horizon 8s ease-in-out infinite;opacity:.65}.motion-toggle{position:absolute;bottom:23px;right:24px;z-index:4;display:flex;align-items:center;gap:9px;background:#09121bb3;border:1px solid #ffffff30;border-radius:25px;color:#d5dce2;min-height:38px;padding:9px 14px;font-size:10px;backdrop-filter:blur(8px)}.motion-toggle:hover{background:#1c2a36}.motion-play-label{display:none}.motion-paused .motion-pause-label{display:none}.motion-paused .motion-play-label{display:inline}.motion-paused .brand-backdrop,.motion-paused .brand-wordmark:after,.motion-paused .brand-horizon{animation-play-state:paused}.illustration-caption{position:absolute;bottom:10px;right:10px;z-index:2;font-size:9px;line-height:1.5;background:#111b25a8;color:#fff;padding:4px 7px;border-radius:3px;pointer-events:none}
@keyframes brand-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.055) translateX(-.65%)}}@keyframes brand-sheen{0%,55%{transform:translateX(-80%)}85%,100%{transform:translateX(80%)}}@keyframes brand-horizon{0%,100%{transform:scaleX(.65);opacity:.4}50%{transform:scaleX(1);opacity:.8}}
@media(min-width:1500px){.brand-copy{padding-left:max(5vw,calc((100vw - 1400px)/2));max-width:calc(720px + (100vw - 1400px)/2)}}
@media(max-width:1050px){.brand-hero{min-height:650px}.brand-copy{max-width:620px;padding-top:61px}.brand-hero h1{font-size:110px}.brand-slogan{font-size:49px}.brand-shade{background:linear-gradient(90deg,#08121bbd,#08121b61 55%,#08121b15)}.brand-hero .brand-backdrop{object-position:65% center}}
@media(max-width:740px){.brand-hero{min-height:700px}.brand-copy{padding:43px 6% 76px;max-width:100%}.brand-copy>.eyebrow{font-size:8px;letter-spacing:1.7px;margin-bottom:25px}.brand-hero h1{font-size:87px;letter-spacing:-5px;margin-bottom:26px}.brand-wordmark{border-radius:12px;padding:8px 20px 14px}.brand-slogan{font-size:43px;line-height:1.16;letter-spacing:-.8px}.brand-slogan>span{margin-left:30px}.brand-intro{font-size:14px;max-width:285px;margin-top:27px}.brand-hero .brand-backdrop{object-position:73% 50%;opacity:.82}.brand-shade{background:linear-gradient(90deg,#06101cc2,#06101c75 72%,#06101c30),linear-gradient(0deg,#08131ccc,transparent 45%)}.brand-hero .hero-actions{align-items:flex-start;gap:19px;margin-top:25px;max-width:320px}.brand-hero .button{min-height:49px}.brand-hero .text-link{font-size:12px}.brand-collection{max-width:260px;margin-top:24px;font-size:10px}.motion-toggle{bottom:20px;right:20px;font-size:9px}.illustration-caption{font-size:9px}}
@media(max-width:365px){.brand-hero h1{font-size:78px}.brand-slogan{font-size:37px}.brand-copy>.eyebrow{letter-spacing:1px}.brand-hero{min-height:730px}}
/* Continuous transform animations also run in iOS Safari without video autoplay. */
.brand-hero .brand-backdrop{animation:brand-approach 8s ease-in-out infinite alternate;transform:translate3d(0,0,0);backface-visibility:hidden}
.brand-wordmark{animation:brand-float 4.8s ease-in-out infinite;will-change:transform}
.brand-wordmark:after{animation:brand-light 4.2s linear infinite}
.brand-hero:before{content:none}
.brand-horizon{height:3px;animation:brand-horizon 3.8s ease-in-out infinite}
.motion-toggle{min-height:44px;font-size:11px}
.motion-paused .brand-backdrop,.motion-paused .brand-wordmark,.motion-paused .brand-wordmark:after,.motion-paused .brand-horizon,.motion-paused:before{animation-play-state:paused}
@keyframes brand-approach{from{transform:translate3d(1.5%,0,0) scale(1.04)}to{transform:translate3d(-2%,0,0) scale(1.17)}}
@keyframes brand-float{0%,100%{transform:translate3d(0,0,0) rotate(-.4deg)}50%{transform:translate3d(0,-7px,0) rotate(.4deg)}}
@keyframes brand-light{0%{transform:translate3d(-65%,0,0)}100%{transform:translate3d(65%,0,0)}}
@keyframes brand-sweep{0%,100%{transform:translate3d(-23%,0,0);opacity:.35}50%{transform:translate3d(23%,0,0);opacity:.85}}
@media(prefers-reduced-motion:reduce){.brand-hero:not(.motion-enabled) .brand-backdrop,.brand-hero:not(.motion-enabled) .brand-wordmark,.brand-hero:not(.motion-enabled) .brand-wordmark:after,.brand-hero:not(.motion-enabled) .brand-horizon,.brand-hero:not(.motion-enabled):before{animation-play-state:paused}}
.brand-picture{position:absolute;inset:0;z-index:0;overflow:hidden;background:#071a32}
.brand-hero .brand-backdrop{object-position:65% 50%}
.brand-shade{background:linear-gradient(90deg,#071321cc 0%,#0713217a 38%,#0713210d 64%,transparent 80%)}
.hero-art-caption{position:absolute;bottom:24px;left:5%;z-index:3;max-width:46%;color:#d2dbe7;font-size:9px;line-height:1.5;text-shadow:0 1px 5px #000;pointer-events:none}
@media(max-width:740px){
  .brand-hero{min-height:860px}
  .brand-hero .brand-backdrop{object-fit:contain;object-position:50% 100%;opacity:1;animation-name:brand-road-mobile;animation-duration:8s}
  .brand-shade{background:linear-gradient(180deg,#071a3200 35%,#07132129 52%,transparent 72%),linear-gradient(90deg,#06101c38,transparent 75%)}
  .hero-art-caption{left:6%;bottom:23px;max-width:43%;font-size:8px}
}
@keyframes brand-road-mobile{from{transform:translate3d(0,0,0) scale(1)}to{transform:translate3d(0,-5px,0) scale(1.025)}}
.motion-offscreen .brand-backdrop,.motion-offscreen .brand-wordmark,.motion-offscreen .brand-wordmark:after,.motion-offscreen .brand-horizon{animation-play-state:paused!important;will-change:auto}
.motion-toggle{-webkit-backdrop-filter:none;backdrop-filter:none}
@media(max-width:740px){.header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#faf9f6}.cargo-dialog::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none}.photo-button img{transition:none}.photo-button:hover img{transform:none}}