* { box-sizing:border-box}
html { scroll-behavior:smooth}
body { margin:0; background:#fbf7f5; color:#211b1e; font-family:'DM Sans',sans-serif; font-size:15px}
a { color:inherit; text-decoration:none}
img { display:block; max-width:100%}
button,input,select,textarea { font:inherit}
button,a { touch-action:manipulation}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline:3px solid #843957; outline-offset:3px}
.topline { height:31px; background:#191619; color:#fff; display:flex; justify-content:space-between; align-items:center; padding:0 6.3%; font-family:'Space Grotesk',sans-serif; font-size:9px; font-weight:700; letter-spacing:.16em}
.header { height:85px; background:#faf6f4; display:flex; align-items:center; justify-content:space-between; padding:0 6.3%; position:relative; z-index:5}
.wordmark { font-family:'DM Serif Display',serif; font-size:37px; line-height:.78; letter-spacing:-.06em; font-weight:400; position:relative}
.wordmark-star { font-family:sans-serif; font-size:12px; color:#d9709b; position:absolute; right:-13px; top:-1px}
.wordmark small { display:block; font:700 6px 'Space Grotesk',sans-serif; letter-spacing:.23em; margin-top:7px; text-align:center}
.nav { display:flex; align-items:center; gap:37px; font-size:12px; font-weight:600}
.nav>a:not(.nav-cta) { padding:12px 0}
.nav>a[aria-current=page] { border-bottom:2px solid #e97faa}
.nav-cta { background:#211b1e; color:#fff; padding:15px 19px; font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.08em; transition:background .2s}
.nav-cta:hover,.button-dark:hover { background:#5b3647}
.nav-cta span { color:#f6b3ce; margin-left:10px}
.lang { font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.08em}
.lang span { color:#d9729d}
.menu-toggle { display:none}
.hero { height:min(690px,calc(100vh - 116px)); min-height:570px; position:relative; color:#fff; background:#282027 var(--hero-image) center/cover no-repeat; overflow:hidden}
.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(26,20,25,.96) 0%,rgba(27,21,26,.82) 34%,rgba(27,21,26,.15) 74%),linear-gradient(0deg,rgba(28,20,25,.3),transparent 50%)}
.hero-content { position:relative; width:min(1380px,87.4%); height:100%; margin:auto; padding-top:clamp(90px,12vh,145px)}
.hero-kicker,.eyebrow,.card-kicker { font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.18em; text-transform:uppercase}
.hero-kicker { color:#f3b7cf}
.spark { font-size:17px; vertical-align:middle; margin-right:7px}
.hero h1 { font:700 clamp(60px,7.5vw,112px)/.94 'Space Grotesk',sans-serif; letter-spacing:-.07em; margin:30px 0 24px}
.hero h1 em,.page-intro h1 em { font-family:'DM Serif Display',serif; font-weight:400; letter-spacing:-.04em; color:#f2adca}
.hero-content>p { font-size:16px; line-height:1.8; color:#eee3e8; margin:0}
.hero-actions { display:flex; align-items:center; gap:31px; margin-top:34px}
.button { border:0; display:inline-flex; justify-content:center; align-items:center; gap:28px; padding:19px 24px; min-height:55px; font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.09em; cursor:pointer; transition:background .2s,transform .2s}
.button:hover { transform:translateY(-2px)}
.button span { font-size:15px}
.button-pink { color:#261a21; background:#f2b0cb}
.button-pink:hover { background:#ffd0e1}
.button-dark { background:#211b1e; color:white}
.hero-link,.text-link { font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.1em; border-bottom:1px solid currentColor; padding-bottom:8px; display:inline-flex; gap:25px; align-items:center}
.hero-link span,.text-link span { font-size:15px}
.hero-bottom { position:absolute; bottom:28px; left:0; right:0; display:flex; justify-content:space-between; font:700 9px 'Space Grotesk',sans-serif; letter-spacing:.17em; color:#dbced2}
.hero-side { position:absolute; right:2.5%; top:50%; transform:translateY(-50%); writing-mode:vertical-rl; font:700 9px 'Space Grotesk',sans-serif; letter-spacing:.2em; color:#fff}
.marquee { overflow:hidden; background:#e89abb; color:#211b1e; padding:14px 0; white-space:nowrap; font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.18em}
.marquee div { width:max-content; animation:marquee 32s linear infinite}
.marquee span { padding:0 35px; font-size:14px}
@keyframes marquee { to { transform:translateX(-50%)}
}
.section { padding:110px 6.3%}
.products-section,.partner-section,.catalog-cards,.brand-values,.steps,.contact-layout { max-width:1600px; margin:auto}
.section-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; margin-bottom:48px}
.eyebrow { color:#943d5f; margin:0 0 21px}
.section h2,.statement h2,.cta-band h2,.page-intro h1,.privacy-copy h2 { font:700 clamp(41px,5vw,67px)/1.03 'Space Grotesk',sans-serif; letter-spacing:-.055em; margin:0}
.section h2 em,.statement h2 em,.cta-band h2 em,.privacy-copy h2 em { font-family:'DM Serif Display',serif; font-weight:400; letter-spacing:-.03em}
.heading-side { width:340px; max-width:100%; padding-bottom:4px}
.heading-side p,.statement-copy>p:not(.eyebrow),.catalog-text>p:not(.eyebrow),.partner-hero>div>p:not(.eyebrow),.contact-aside>p:not(.eyebrow) { color:#6e6268; line-height:1.8; margin:0 0 24px}
.text-link { color:#221c1f}
.product-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px}
.product-image { height:470px; display:block; position:relative; background:#ebc2d2; overflow:hidden}
.product-image img { height:100%; width:100%; object-fit:contain; transition:transform .5s ease}
.product-image:hover img { transform:scale(1.04)}
.small-photo img { object-position:center 47%}
.large-photo img { object-position:center 50%}
.product-index { position:absolute; left:20px; top:20px; background:#faf5f5; padding:11px 13px; font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.1em}
.image-stamp { position:absolute; right:20px; bottom:20px; border:1px solid #fff; color:#fff; padding:13px; font:700 10px/1.25 'Space Grotesk',sans-serif; letter-spacing:.13em}
.product-meta { display:flex; justify-content:space-between; align-items:center; padding:24px 0 0; gap:15px}
.card-kicker { color:#963b60; margin:0 0 8px}
.product-meta h3 { font:700 29px 'Space Grotesk',sans-serif; letter-spacing:-.05em; margin:0}
.product-meta h3 i { color:#db7fa5; font-style:normal}
.product-meta p:last-child { color:#786c72; margin:8px 0 0; font-size:13px}
.round-arrow { width:46px; height:46px; border:1px solid #bbb0b4; border-radius:50%; display:grid; place-items:center; font-size:20px; flex:none; transition:background .2s}
.round-arrow:hover { background:#efafd0}
.statement { display:grid; grid-template-columns:1fr 1fr; background:#f5d2de; min-height:570px}
.statement-image { position:relative; min-height:500px; background:#292128}
.statement-image img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover}
.image-caption { position:absolute; bottom:25px; left:26px; color:white; font:700 9px 'Space Grotesk',sans-serif; letter-spacing:.16em}
.statement-copy { padding:90px clamp(45px,8vw,145px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; position:relative}
.statement-copy h2 { margin-bottom:28px}
.statement-copy>p:not(.eyebrow) { max-width:440px}
.star-outline { position:absolute; top:40px; right:50px; font-size:60px; line-height:1; color:#cd7599}
.partner-section { padding-top:120px; padding-bottom:120px}
.benefits { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid #d9cdd0}
.benefits article { padding:30px 45px 0 0}
.benefits article+article { border-left:1px solid #d9cdd0; padding-left:35px}
.benefits span { color:#91415f; font:700 11px 'Space Grotesk',sans-serif; letter-spacing:.1em}
.benefits h3 { font:700 20px 'Space Grotesk',sans-serif; letter-spacing:-.04em; margin:45px 0 12px}
.benefits p { color:#766a70; font-size:14px; line-height:1.8; max-width:300px}
.cta-band { margin:0 6.3% 110px; background:#eea6c3; padding:65px 6%; display:flex; align-items:end; justify-content:space-between; gap:45px; position:relative; overflow:hidden}
.cta-band>div { position:relative; z-index:1}
.cta-band>div:nth-child(2) { max-width:320px}
.cta-band p:not(.eyebrow) { line-height:1.7; color:#59404b}
.cta-band .eyebrow { color:#765062}
.cta-band h2 { font-size:clamp(40px,5vw,65px)}
.cta-star { position:absolute; right:32%; top:-52px; font-size:200px; line-height:1; color:#f5b9d1}
.footer { background:#211b1e; color:#fff; padding:75px 6.3% 0}
.footer-main { display:grid; grid-template-columns:2fr 1fr 1.3fr 1fr; gap:35px; padding-bottom:65px}
.footer-logo { font:400 55px/.9 'DM Serif Display',serif; letter-spacing:-.07em}
.footer-logo span { font:16px sans-serif; color:#f0a6c4; vertical-align:top; margin-left:4px}
.footer-main p { color:#c4b6bd; line-height:1.7; font-size:13px}
.footer-badge { border:1px solid #6a565f; display:inline-block; margin-top:17px; padding:11px; font:700 8px 'Space Grotesk',sans-serif; letter-spacing:.12em; color:#f2aecb}
.footer-main .footer-label { font:700 9px 'Space Grotesk',sans-serif; color:#efa7c3; letter-spacing:.16em; margin:0 0 23px}
.footer-main>div>a:not(.footer-logo) { display:block; font-size:13px; margin:0 0 14px; color:#e4dce0}
.footer-note { color:#f2aac7; font:700 25px/.95 'Space Grotesk',sans-serif; letter-spacing:-.06em}
.footer-note div { font-size:36px; margin-top:10px}
.footer-bottom { border-top:1px solid #4c4046; padding:23px 0; display:flex; justify-content:space-between; gap:20px; color:#a799a0; font:700 8px 'Space Grotesk',sans-serif; letter-spacing:.12em}
.page-intro { background-color:#221b20; background-image:linear-gradient(90deg,rgba(19,14,18,.94) 0%,rgba(19,14,18,.76) 37%,rgba(19,14,18,.25) 100%),url('/manus-storage/lasoso-chopper-intro_330e9f2c.webp'),url('/images/lasoso-chopper-intro.webp'); background-size:cover; background-position:center top; color:#fff; padding:98px 6.3% 85px; overflow:hidden}
.page-intro .eyebrow { color:#f2aac7}
.page-intro-inner { max-width:1400px; margin:auto; display:flex; justify-content:space-between; align-items:end}
.page-intro h1 { font-size:clamp(54px,7vw,95px); margin-bottom:22px}
.page-intro p:not(.eyebrow) { font-size:15px; line-height:1.8; max-width:530px; color:#d6c8cf}
.intro-number { font:400 160px/.8 'DM Serif Display',serif; color:#493641; opacity:.75}
.catalog-intro { display:flex; align-items:center; justify-content:space-between; padding-bottom:50px}
.catalog-text { max-width:640px}
.catalog-text h2 { margin-bottom:24px}
.catalog-decoration { width:205px; height:205px; border-radius:50%; background:#f1b1cb; display:flex; flex-direction:column; align-items:center; justify-content:center; transform:rotate(12deg); font-size:32px}
.catalog-decoration span { font:700 16px/.94 'Space Grotesk',sans-serif; text-align:center; letter-spacing:-.05em}
.catalog-cards { padding-top:30px}
.spec-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:75px}
.spec-grid article { background:#f4e7eb; padding:40px}
.spec-grid h2 { font-size:35px}
.spec-grid dl { margin:30px 0}
.spec-grid dl div { display:flex; justify-content:space-between; gap:12px; padding:13px 0; border-bottom:1px solid #ddc8d0; font-size:13px}
.spec-grid dt { color:#74676d}
.spec-grid dd { margin:0; font-weight:700}
.fine-print { font-size:12px; line-height:1.7; color:#81757a; max-width:850px; margin-top:35px}
.about-statement { margin-top:0}
.brand-values h2 { margin-bottom:50px}
.partner-hero { display:grid; grid-template-columns:1fr 1fr; gap:10%; align-items:center}
.partner-hero>div>h2 { margin-bottom:25px}
.partner-hero>div>p:not(.eyebrow) { max-width:450px}
.partner-photo { height:540px; position:relative; background:#f0ccda}
.partner-photo img { width:100%; height:100%; object-fit:cover}
.partner-photo div { position:absolute; right:-15px; bottom:25px; background:#211b1e; color:white; padding:23px; font:700 24px/.9 'Space Grotesk',sans-serif; letter-spacing:-.06em; transform:rotate(-4deg)}
.partner-photo span { color:#f1a6c2}
.steps { padding-top:0}
.contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:9%}
.contact-aside h2 { margin-bottom:25px}
.contact-details { margin-top:42px; border-top:1px solid #ddd1d4; padding-top:25px; display:flex; flex-direction:column; gap:12px}
.contact-details span { font:700 9px 'Space Grotesk',sans-serif; color:#be6d91; letter-spacing:.13em}
.contact-details a { font-weight:700}
.contact-details small { color:#81757a}
.contact-sticker { display:inline-block; margin-top:60px; background:#efabc7; padding:25px; transform:rotate(-8deg); font:700 30px/.85 'Space Grotesk',sans-serif; letter-spacing:-.06em}
.contact-sticker span { font-size:15px}
.form-panel { background:#f4e8ec; padding:45px}
.form-heading { display:flex; justify-content:space-between}
.form-heading h2 { font-size:31px}
.form-heading>span { font-size:44px; color:#d982a6}
.form-instruction { color:#786c72; font-size:12px; margin:15px 0 30px}
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px 18px}
.form-grid label { font:700 11px 'Space Grotesk',sans-serif; letter-spacing:.01em}
.form-grid label.full { grid-column:1/-1}
input:not([type=checkbox]),select,textarea { display:block; width:100%; background:#fff; border:1px solid #ded0d6; border-radius:0; padding:14px 13px; margin-top:8px; color:#211b1e; min-height:47px; font:400 14px 'DM Sans',sans-serif}
textarea { resize:vertical}
.consent { display:flex; align-items:flex-start; gap:10px; color:#655a5f; font-size:12px; line-height:1.6; margin:23px 0}
.consent input { margin:3px 0 0; accent-color:#bd5f88}
.consent a { text-decoration:underline}
.submit-button { width:100%; justify-content:space-between}
#form-status { font-size:13px; line-height:1.6; margin:16px 0 0}
#form-status.error { color:#9b173b}
#form-status.success { color:#206142}
.privacy-copy { max-width:900px}
.privacy-copy h2 { font-size:30px; margin:0 0 15px}
.privacy-copy p { line-height:1.8; color:#695e63; margin:0 0 35px}
.privacy-copy a { text-decoration:underline}
@media(max-width:850px) { .header { height:72px}
.nav { gap:20px}
.nav-cta { padding:13px}
.hero { min-height:560px; height:650px}
.hero-content { padding-top:110px}
.hero h1 { font-size:75px}
.section { padding-top:80px; padding-bottom:80px}
.product-image { height:370px}
.statement-copy { padding:65px 40px}
.footer-main { grid-template-columns:1.5fr 1fr 1fr}
.footer-note { display:none}
.contact-layout { gap:5%}
.form-panel { padding:30px}
}
@media(max-width:650px) { .topline { padding:0 5%; font-size:8px}
.topline span:last-child { display:none}
.header { padding:0 5%}
.wordmark { font-size:33px}
.menu-toggle { display:flex; background:none; border:0; flex-direction:column; gap:5px; padding:12px}
.menu-toggle span { width:26px; height:2px; background:#211b1e}
.nav { display:none; position:absolute; top:72px; left:0; right:0; background:#faf6f4; padding:15px 5% 25px; align-items:stretch; flex-direction:column; gap:0; box-shadow:0 12px 20px #211b1e1a}
.nav.open { display:flex}
.nav>a:not(.nav-cta) { padding:15px 0; border-bottom:1px solid #eadde1}
.nav-cta { margin-top:15px; text-align:center}
.lang { padding-top:20px}
.hero { min-height:580px; height:calc(100svh - 103px); max-height:720px; background-position:62% center}
.hero-shade { background:linear-gradient(90deg,rgba(24,18,22,.9),rgba(24,18,22,.43)),linear-gradient(0deg,rgba(24,18,22,.35),transparent 60%)}
.hero-content { width:90%; padding-top:100px}
.hero h1 { font-size:clamp(56px,13vw,76px); margin:30px 0 23px}
.hero-content>p { font-size:14px}
.hero-actions { align-items:flex-start; flex-direction:column; gap:22px}
.hero-side { display:none}
.hero-bottom { bottom:22px}
.section { padding:75px 5%}
.section-heading { align-items:start; flex-direction:column; gap:18px; margin-bottom:35px}
.section h2,.statement h2 { font-size:43px}
.heading-side { width:auto}
.product-grid { grid-template-columns:1fr; gap:40px}
.product-image { height:430px}
.product-meta h3 { font-size:27px}
.statement { grid-template-columns:1fr}
.statement-image { min-height:420px}
.statement-copy { padding:75px 5%}
.star-outline { top:26px; right:25px; font-size:45px}
.benefits { grid-template-columns:1fr}
.benefits article,.benefits article+article { border-left:0; border-bottom:1px solid #d9cdd0; padding:25px 0}
.benefits h3 { margin:16px 0 8px}
.benefits p { margin-bottom:0}
.cta-band { margin:0 5% 75px; padding:45px 7%; align-items:start; flex-direction:column; gap:25px}
.cta-band h2 { font-size:44px}
.cta-star { right:-20px; top:-20px; font-size:130px}
.footer { padding:60px 5% 0}
.footer-main { grid-template-columns:1fr 1fr; gap:35px}
.footer-main>div:first-child { grid-column:1/-1}
.footer-bottom { flex-wrap:wrap; line-height:1.6}
.page-intro { padding:75px 5% 65px; background-position:60% top}
.page-intro h1 { font-size:56px}
.intro-number { font-size:80px; opacity:.5}
.catalog-intro { gap:15px; align-items:start}
.catalog-decoration { width:95px; height:95px; flex:none; font-size:20px}
.catalog-decoration span { font-size:9px}
.catalog-cards { padding-top:0}
.spec-grid { grid-template-columns:1fr}
.spec-grid article { padding:30px}
.partner-hero { grid-template-columns:1fr; gap:40px}
.partner-photo { height:450px}
.contact-layout { grid-template-columns:1fr; gap:45px}
.contact-sticker { margin-top:35px}
.form-panel { padding:28px 20px}
.form-grid { grid-template-columns:1fr}
.form-grid label.full { grid-column:auto}
.form-heading h2 { font-size:27px}
.form-heading>span { font-size:30px}
}
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { animation-duration:.01ms!important; transition-duration:.01ms!important; scroll-behavior:auto!important}
}


/* Language selector and wholesale highlights. */
.lang { display: flex; gap: 6px; align-items: center; white-space: nowrap; }
.lang a { color: #9a8d93; }
.lang a:hover { color: #bd5f88; }
.lang b { color: #211b1e; }
.feature-strip { display: grid; grid-template-columns: repeat(4, 1fr); background: #211b1e; color: #fff; padding: 29px 6.3%; }
.feature-strip article { display: flex; align-items: center; gap: 14px; padding: 3px 23px; border-left: 1px solid #55464d; }
.feature-strip article:first-child { border-left: 0; padding-left: 0; }
.feature-strip strong { color: #f0aac7; font: 700 26px/1 'Space Grotesk', sans-serif; letter-spacing: -.05em; }
.feature-strip span { font: 700 9px/1.5 'Space Grotesk', sans-serif; letter-spacing: .12em; }
@media (max-width: 650px) {
  .feature-strip { grid-template-columns: repeat(2, 1fr); gap: 20px 0; padding: 25px 5%; }
  .feature-strip article { padding: 3px 12px; }
  .feature-strip article:nth-child(3) { border-left: 0; padding-left: 0; }
  .feature-strip strong { font-size: 22px; }
}

/* LASOSO product-first, masculine motorcycle direction. */
.header { background:#171619; color:#f9f6f6; }
.wordmark { font-family:'Space Grotesk',sans-serif; font-weight:700; letter-spacing:-.09em; }
.wordmark small { color:#dba0b7; }
.nav-cta { background:#e5a5bd; color:#171619; }
.nav-cta span { color:#171619; }
.nav-cta:hover { background:#ffd0e0; }
.lang b { color:inherit; }
.lang a { color:#c5b8bd; }
.menu-toggle span { background:#fff; }
.hero-v2 { height:720px; max-height:none; min-height:650px; background-color:#191719; background-position:center; }
.hero-v2 .hero-shade { background:linear-gradient(90deg,rgba(13,13,15,.96) 0%,rgba(16,15,17,.89) 32%,rgba(19,17,19,.50) 68%,rgba(18,17,18,.69) 100%); }
.hero-v2 .hero-content { padding-top:115px; }
.hero-v2 .hero-content h1 { font-size:clamp(55px,6vw,90px); line-height:.96; letter-spacing:-.065em; margin:24px 0; }
.hero-v2 .hero-content h1 em { font-family:'Space Grotesk',sans-serif; font-weight:700; font-style:normal; letter-spacing:-.065em; }
.hero-v2 .hero-content>p { max-width:550px; }
.hero-v2 .hero-content .hero-lead { font:700 13px 'Space Grotesk',sans-serif; letter-spacing:.16em; color:#eab3c7; margin-bottom:12px; }
.hero-v2 .hero-content strong { color:#fff; }
.hero-v2 .hero-bottom { right:41%; }
.hero-product { position:absolute; z-index:2; top:50%; right:6.3%; transform:translateY(-50%); width:min(27vw,380px); background:#242125; padding:14px; border:1px solid #7a666d; box-shadow:0 18px 60px #0008; }
.hero-product-top,.hero-product-caption { display:flex; justify-content:space-between; align-items:center; gap:10px; font:700 9px 'Space Grotesk',sans-serif; letter-spacing:.12em; color:#e5b0c3; }
.hero-product-top { padding:3px 2px 12px; }
.hero-product img { display:block; width:100%; height:445px; object-fit:contain; background:#1a191b; }
.hero-product-caption { padding:15px 2px 3px; }
.hero-product-caption strong { font-size:20px; color:#fff; letter-spacing:-.03em; }
.product-image { background:#262226; height:540px; }
.product-image img { object-fit:contain; }
.product-index { background:#1c1b1d; color:#fff; }
.image-stamp { background:#201d20; }
.section h2 em,.statement h2 em,.cta-band h2 em { font-family:'Space Grotesk',sans-serif; font-weight:700; font-style:normal; letter-spacing:-.055em; }
.statement { background:#282529; color:#fff; }
.statement-copy>p:not(.eyebrow) { color:#d4cbd0; }
.statement-copy .text-link { color:#fff; }
.statement .eyebrow { color:#e9abc5; }
.case-section { display:grid; grid-template-columns:1.05fr .95fr; background:#e6b1c4; min-height:460px; }
.case-photo { min-height:460px; background:#242025; }
.case-photo img { width:100%; height:100%; object-fit:cover; }
.case-copy { padding:70px clamp(35px,7vw,110px); display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.case-copy h2 { font:700 clamp(40px,4vw,60px)/1 'Space Grotesk',sans-serif; letter-spacing:-.06em; margin:0 0 22px; }
.case-copy h2 em { font-style:normal; }
.case-copy p:not(.eyebrow) { max-width:440px; color:#513b43; line-height:1.8; margin:0 0 26px; }
.cta-band { background:#dba1b6; }
@media(max-width:850px) {
  .hero-v2 .hero-content { padding-top:95px; }
  .hero-v2 .hero-content h1 { font-size:61px; }
  .hero-v2 .hero-content>p { max-width:46%; }
  .hero-v2 .hero-content .hero-lead { max-width:52%; }
  .hero-product { width:32vw; }
  .hero-product img { height:380px; }
}
@media(max-width:650px) {
  .nav { background:#171619; }
  .nav>a:not(.nav-cta) { border-color:#4d4046; }
  .hero-v2 { display:flex; flex-direction:column; height:auto; max-height:none; min-height:0; padding-bottom:25px; background-position:58% center; }
  .hero-v2 .hero-content { padding-top:72px; height:auto; }
  .hero-v2 .hero-content h1 { font-size:clamp(45px,11.5vw,69px); margin:22px 0; }
  .hero-v2 .hero-content>p,.hero-v2 .hero-content .hero-lead { max-width:100%; }
  .hero-v2 .hero-actions { margin-top:25px; }
  .hero-v2 .hero-bottom { display:none; }
  .hero-product { position:relative; top:auto; right:auto; transform:none; width:90%; margin:40px auto 0; }
  .hero-product img { height:370px; }
  .product-image { height:500px; }
  .case-section { grid-template-columns:1fr; }
  .case-photo { min-height:0; height:320px; }
  .case-copy { padding:55px 5%; }
}


/* Integrated product, rider and motorcycle photograph. */
.hero-integrated { background-position:center; }
.hero-integrated .hero-shade { background:linear-gradient(90deg,rgba(13,13,15,.96) 0%,rgba(16,15,17,.88) 26%,rgba(19,17,19,.46) 47%,rgba(18,17,18,.06) 72%); }
.hero-integrated .hero-content { z-index:2; }
.hero-integrated .hero-bottom { right:54%; }
.hero-mobile-scene { display:none; }
@media(max-width:650px) {
  .hero-integrated { background-image:none !important; background-color:#141316; padding-bottom:0; }
  .hero-integrated .hero-shade { display:none; }
  .hero-integrated .hero-content { padding-bottom:32px; }
  .hero-mobile-scene { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; object-position:right center; }
}

.hero-integrated { background-image:var(--hero-image),url('/images/lasoso-pink-helmet-hero.webp'); background-size:cover; background-position:right center; }

/* Keep the entire pallet visible, with a soft photographic backdrop. */
.case-photo { position:relative; overflow:hidden; isolation:isolate; background:#262024; }
.case-photo::before { content:""; position:absolute; inset:-25px; z-index:-1; background:url('/images/lasoso-pallet-retouched.webp') center/cover no-repeat; filter:blur(20px) brightness(.48); }
.case-photo img { object-fit:contain; position:relative; z-index:1; }

/* Always-visible Spanish / English language selector. */
.header-actions { display:flex; align-items:center; flex:none; gap:14px; }
.header-actions .lang { display:flex; align-items:center; gap:2px; padding:3px; border:1px solid #6f5a64; border-radius:4px; white-space:nowrap; }
.header-actions .lang a { display:flex; align-items:center; justify-content:center; min-height:34px; padding:7px 9px; color:#f9f4f6; font:700 10px 'Space Grotesk',sans-serif; letter-spacing:.04em; text-transform:uppercase; }
.header-actions .lang a[aria-current="page"] { background:#e9afc5; color:#211b1e; border-radius:2px; }
.header-actions .lang a:not([aria-current="page"]):hover { color:#f3b7cf; }
@media (min-width:901px) and (max-width:1150px) { .nav { gap:18px; } }
@media (max-width:900px) {
  .header { height:72px; }
  .menu-toggle { display:flex; background:none; border:0; flex-direction:column; gap:5px; padding:12px; }
  .menu-toggle span { width:26px; height:2px; background:#fff; }
  .nav { display:none; position:absolute; top:72px; left:0; right:0; background:#171619; padding:15px 5% 25px; align-items:stretch; flex-direction:column; gap:0; box-shadow:0 12px 20px #211b1e1a; }
  .nav.open { display:flex; }
  .nav>a:not(.nav-cta) { padding:15px 0; border-bottom:1px solid #54464c; }
  .nav-cta { margin-top:15px; text-align:center; }
}
@media (max-width:650px) {
  .header { gap:8px; }
  .header-actions { gap:4px; }
  .header-actions .lang a { font-size:9px; letter-spacing:0; padding:7px 6px; }
  .menu-toggle { padding:10px 6px; }
}


/* On phones, lead with the same rider-and-product image used on desktop. */
@media (max-width:650px) {
  .hero-integrated .hero-mobile-scene { order:-1; }
  .hero-integrated .hero-content { padding-top:32px; }
}


/* Brand image behind the mobile product-page introduction only. */
@media (max-width:650px) {
  .product-intro {
    background-image:linear-gradient(90deg,rgba(24,20,23,.96) 0%,rgba(24,20,23,.87) 42%,rgba(24,20,23,.42) 100%),url('/manus-storage/lasoso-chopper-intro_330e9f2c.webp'),url('/images/lasoso-chopper-intro.webp');
    background-size:cover;
    background-position:60% top;
    background-repeat:no-repeat;
  }
}

/* Mobile keeps the same integrated image-and-copy hero as desktop. */
@media (max-width:650px) {
  .hero-integrated { display:block; }
  .hero-integrated .hero-mobile-scene {
    display:block;
    position:absolute;
    top:0;
    right:0;
    width:auto;
    height:77vw;
    max-width:none;
    aspect-ratio:auto;
    object-fit:contain;
    z-index:0;
  }
  .hero-integrated .hero-shade {
    display:block;
    z-index:1;
    background:linear-gradient(0deg,#141316 25%,rgba(20,19,22,.88) 50%,rgba(20,19,22,.12) 78%),linear-gradient(90deg,rgba(20,19,22,.4),rgba(20,19,22,0) 70%);
  }
  .hero-integrated .hero-content {
    padding-top:clamp(180px,58vw,360px);
    padding-bottom:45px;
  }
}

/* Delivery timing on the product page. */
.delivery-note { display:inline-flex; flex-direction:column; gap:5px; padding:15px 18px; border-left:3px solid #a1466a; background:#f5e2e9; color:#31252b; }
.delivery-note strong { color:#833553; font:700 13px/1.3 'Space Grotesk',sans-serif; letter-spacing:.07em; }
.delivery-note span { font-size:13px; line-height:1.4; }
