/* SC Trailer: navy, sand and original product photography. No photo retouching. */
.hero.hero-carousel{display:block;isolation:isolate;height:auto;min-height:0;margin-top:-84px;padding:0;background:#081f2d}
.hero-carousel:after{display:none}
.hero-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.hero-stage{display:grid;position:relative}
.hero-slide{grid-area:1/1;position:relative;display:grid;grid-template-columns:1fr;min-width:0;min-height:max(660px,48vw);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility 0s .65s}
.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;z-index:1}
.hero-copy{position:relative;z-index:2;align-self:center;min-width:0;width:min(1280px,100% - 48px);margin-inline:auto;padding:118px 0 64px}
.hero-carousel .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.16em;margin-bottom:20px}
.hero-copy h2{font-size:clamp(44px,4.3vw,64px);font-weight:500;line-height:1.04;letter-spacing:-.045em;margin-bottom:20px;color:#fff;max-width:500px;text-shadow:0 2px 24px #081f2d22}
.hero-carousel p.hero-description{font-size:16px;line-height:1.65;max-width:370px;color:#d5dfe5}
.hero-offer{display:inline-block;margin-top:21px;color:#e5bf88;font-size:11px;letter-spacing:.04em;font-weight:600}
.hero-carousel p.hero-terms{font-size:11px;line-height:1.65;max-width:355px;color:#d3dfe6;margin-top:5px}
.hero-carousel .hero-actions{margin-top:24px;gap:15px}
.hero-carousel .hero-actions .text-link{font-size:12px;color:#c4d3dc}
.hero-media{margin:0;position:absolute;inset:0;width:100%;min-width:0;background:#081f2d;overflow:hidden}
.hero-media img{width:100%;max-width:none;height:100%;position:absolute;inset:0;object-fit:cover;object-position:var(--hero-photo-position,center)}
.hero-media:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#081f2df2 0%,#081f2dd9 22%,#081f2d91 40%,#081f2d22 64%,transparent 88%),linear-gradient(0deg,#081f2d99,transparent 23%)}
.hero-media figcaption{position:absolute;z-index:1;bottom:18px;right:22px;left:25px;text-align:right;font-size:10px;line-height:1.6;color:#fff;text-shadow:0 1px 4px #000}
.hero-controls{display:flex;align-items:center;gap:22px;min-height:76px;padding-right:80px;border-top:1px solid #ffffff1c;position:relative;z-index:3}
.hero-controls[hidden]{display:none}
.hero-controls button{border:1px solid #ffffff36;background:transparent;color:#fff;min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px}
.hero-controls button:hover{background:#ffffff0e;border-color:#d7ac6d}
.hero-controls button:focus-visible{outline:3px solid #e5bf88;outline-offset:3px}
.hero-rotation{gap:9px;padding:8px 12px;font-size:11px}
.hero-rotation [data-hero-toggle-icon]{display:inline-flex;width:18px;height:18px;flex:none}
.hero-rotation [data-hero-toggle-icon] svg{width:18px;height:18px}
.hero-rotation .hero-play-symbol,.hero-rotation [data-state=play] .hero-pause-symbol{display:none}
.hero-rotation [data-state=play] .hero-play-symbol{display:block}
.hero-dots{display:flex;gap:0;align-items:center}
.hero-controls .hero-dots button{border:0;border-radius:0;min-width:38px;padding:0}
.hero-dots button span{width:20px;height:3px;background:#69808d;transition:background .25s,width .25s}
.hero-dots button[aria-pressed=true] span{background:#d7ac6d;width:28px}
.hero-counter{font-size:11px;letter-spacing:.13em;color:#91a8b5;font-variant-numeric:tabular-nums}
.hero-counter [data-hero-current]{color:#fff}
.hero-arrows{display:flex;gap:10px;margin-left:auto}
.hero-arrows svg{width:19px;height:19px}
.hero-empty{padding:144px 0 60px!important}
@media(max-width:1100px) and (min-width:701px){.hero-copy h2{font-size:52px}.hero-carousel p.hero-description{font-size:15px;max-width:350px}}
@media(max-width:700px){
 .hero-slide{min-height:0}
 .hero-media img{top:auto;bottom:0;width:100%;height:auto;object-fit:cover;object-position:center}
 .hero-media:after{background:linear-gradient(180deg,#081f2d 0%,#081f2df2 40%,#081f2d66 62%,transparent 83%),linear-gradient(0deg,#081f2da6,transparent 18%)}
 .hero-media figcaption{font-size:9px;bottom:13px;right:24px;left:24px}
 .hero-copy{padding:116px 0 calc(100vw * var(--hero-photo-ratio,.667) + 8px);align-self:start}
 .hero-copy h2{font-size:48px;line-height:1.05;margin-bottom:16px}
 .hero-carousel p.hero-description{max-width:440px;font-size:15px}
 .hero-carousel .eyebrow{margin-bottom:15px}
 .hero-carousel p.hero-terms{max-width:440px}
 .hero-carousel .hero-actions{flex-direction:row;align-items:center;flex-wrap:wrap;gap:20px;margin-top:22px}
 .hero-offer{margin-top:18px}
 .hero-controls{gap:14px;min-height:76px}
}
@media(max-width:580px){
 .hero.hero-carousel{margin-top:-76px}
 .hero-copy{width:calc(100% - 44px);padding-top:108px}
 .hero-copy h2{font-size:43px}
 .hero-carousel p.hero-description{font-size:14px;line-height:1.65;max-width:none}
 .hero-carousel p.hero-terms{max-width:none;font-size:11px;line-height:1.6}
 .hero-carousel .eyebrow{font-size:9px}
 .hero-carousel .hero-actions{gap:17px}
 .hero-carousel .hero-actions .button{padding:12px 16px;font-size:12px;min-height:48px}
 .hero-carousel .hero-actions .text-link{font-size:11px}
 .hero-controls{width:calc(100% - 36px);gap:8px;min-height:73px;flex-wrap:wrap;padding:14px 76px 14px 0}
 .hero-controls .hero-dots button{min-width:28px}
 .hero-dots button span{width:15px}
 .hero-dots button[aria-pressed=true] span{width:21px}
 .hero-rotation{padding:8px 9px;font-size:10px;gap:6px}
 .hero-counter{display:none}
 .hero-arrows{gap:7px}
 .hero-controls .hero-arrows button{min-width:40px}
 .hero-media figcaption{left:18px;right:18px;font-size:8px}
}
@media(prefers-reduced-motion:reduce){.hero-slide,.hero-dots button span{transition:none!important}}
@media(max-width:480px){.hero-rotation [data-hero-toggle-label]{display:none}.hero-controls .hero-rotation{min-width:44px;padding:8px}}