/* Clean hero hierarchy and a material signature with its own reserved space. */
.hero-outdoor-visual{padding-top:118px;padding-bottom:42px}
.hero-layout{align-items:start;gap:28px;grid-template-columns:1fr 1fr}
.hero-copy>.eyebrow{max-width:450px;margin-bottom:28px}
.hero-product{height:auto;aspect-ratio:auto;width:100%;margin:0;display:flex;flex-direction:column;min-width:0;align-self:center}
.hero-product-stage{position:relative;isolation:isolate;width:100%;height:500px}
.hero-product-stage img{position:absolute;inset:0;width:100%;height:100%;max-width:100%;object-fit:contain;transform:rotate(-6deg);filter:drop-shadow(0 25px 18px #4d426e2b)}
.hero-product-stage .hero-star{top:8%;right:0}
.hero-material-signature{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:16px 7px 8px;isolation:isolate;color:#572b8d}
.hero-material-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:154px;padding:19px 23px 17px;border:1px solid #f3fbff;box-shadow:5px 7px 0 #6b8faf36;transition:transform .2s,box-shadow .2s}
.hero-material-carbon{background:linear-gradient(120deg,#f0f8fde0,#c8e2f1e6);transform:rotate(-2deg);border-left:5px solid #6b3caa}
.hero-material-carbon:before{content:'';position:absolute;top:0;right:0;width:55px;height:55px;background:repeating-linear-gradient(135deg,transparent 0 4px,#6e4b9b12 4px 5px);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.hero-material-dyneema{background:linear-gradient(#ffe747eb,#ffe747eb),repeating-linear-gradient(90deg,transparent 0 14px,#714b8b1a 14px 15px);border-color:#fff3a5;transform:rotate(2deg);padding-right:21px}
.hero-material-index{font:700 12px/1.6 Arial,sans-serif;letter-spacing:.09em;margin-bottom:10px}
.hero-material-card strong{font:800 24px/.98 Arial,sans-serif;letter-spacing:-.04em;display:block}
.hero-material-detail{text-wrap:balance;font-size:14px;line-height:1.65;margin-top:11px;letter-spacing:-.03em}
.hero-material-join{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-8deg);width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#6534a5;color:#fff;font:400 24px/1 Arial,sans-serif;box-shadow:0 0 0 4px #d0e4ef}
.hero-material-arrow{position:absolute;right:13px;top:13px;font:400 22px/1 Arial,sans-serif}
.hero-material-signature:hover .hero-material-carbon{transform:rotate(-3deg) translateY(-3px);box-shadow:5px 10px 0 #6b8faf36}
.hero-material-signature:hover .hero-material-dyneema{transform:rotate(3deg) translateY(-3px);box-shadow:5px 10px 0 #6b8faf36}
@media(min-width:1450px){.hero-product-stage{height:510px}}
@media(max-width:1100px){
 .hero-outdoor-visual{padding-top:112px}
 .hero-layout{gap:20px}
 .hero-product-stage{height:470px}
 .hero-material-card{padding:18px 17px;min-height:151px}
 .hero-material-card strong{font-size:22px}
 .hero-material-detail{font-size:14px}
 .hero-material-index{font-size:12px;letter-spacing:.06em}
}
@media(max-width:900px){
 .hero-layout{display:grid;grid-template-columns:1fr;gap:20px;min-height:0}
 .hero-copy{width:100%;max-width:620px;margin-inline:auto}
 .hero-copy>.eyebrow{max-width:none}
 .hero-product{width:min(620px,100%);margin-inline:auto}
 .hero-product-stage{height:500px}
 .hero-material-signature{margin-top:8px}
 .hero-material-card{padding:20px 24px;min-height:145px}
 .hero-material-card strong{font-size:26px}
}
@media(max-width:600px){
 .hero-outdoor-visual{padding-top:100px;padding-bottom:40px}
 .hero-layout{gap:20px}
 .hero-copy{padding:0}
 .hero-copy>.eyebrow{font-size:12px;line-height:1.7;margin-bottom:25px}
 .hero-product{height:auto;margin:0;width:100%}
 .hero-product-stage{height:350px}
 .hero-product-stage img{inset:0;width:100%;height:100%;left:0;top:0;transform:rotate(-6deg)}
 .hero-product-stage .hero-star{top:5%;right:1%}
 .hero-material-signature{gap:12px;margin:8px 6px 7px}
 .hero-material-card{padding:17px 15px;min-height:154px;box-shadow:4px 6px 0 #6b8faf36}
 .hero-material-card strong{font-size:23px;line-height:1}
 .hero-material-index{font-size:12px;letter-spacing:.04em;margin-bottom:10px}
 .hero-material-detail{text-wrap:balance;font-size:14px;line-height:1.65;letter-spacing:-.05em}
 .hero-material-join{width:27px;height:27px;font-size:22px;box-shadow:0 0 0 3px #d0e4ef}
 .hero-material-arrow{font-size:19px;right:9px;top:11px}
}
@media(max-width:350px){
 .hero-product-stage{height:300px}
 .hero-material-card{padding:16px 12px;min-height:163px}
 .hero-material-card strong{font-size:21px}
 .hero-material-detail{font-size:14px}
 .hero-material-index{font-size:12px;letter-spacing:0}
}