/* One visual rhythm: silk-white reading, mineral-green landscapes, dark mechanics. */
body{--composition-paper:#f3f0e6;--composition-jade:#dce4d6;--composition-deep:#163b35}
.home-hero{background:#e5e7da;isolation:isolate}
.hero-picture{z-index:0}
.hero-landscape{position:absolute;inset:0;z-index:1;pointer-events:none;background-image:url('./assets/editorial/song-landscape-scroll.webp');background-size:cover;background-position:65% 50%;opacity:.64;mask-image:linear-gradient(90deg,transparent 22%,#000 76%);-webkit-mask-image:linear-gradient(90deg,transparent 22%,#000 76%)}
.home-hero .hero-live3d{z-index:2;background:none}
.home-hero .hero-shade,.home-hero[data-scene-state=ready] .hero-shade{z-index:3;background:linear-gradient(90deg,#e5e7daf0 0%,#e5e7da80 35%,transparent 64%)}
.home-hero .hero-lines{z-index:4;grid-template-columns:38% 62%;border-color:#506b4b26}
.hero-lines i:nth-child(n+3){display:none}
.hero-lines i{border-color:#506b4b26}
.home-hero .hero-statement,.home-hero .hero-side,.home-hero .hero-bottom{z-index:5}
.hero-statement{left:10%;top:13%;max-width:34%}
.hero-statement h1{writing-mode:vertical-rl;height:340px;font-size:clamp(44px,4vw,60px);line-height:1.65;letter-spacing:.16em;margin:0 0 26px}
.hero-statement h1 span{display:block}
.hero-statement h1 span:last-child{padding-left:0;padding-top:1em}
.hero-title-mark{position:absolute;left:-42px;top:4px;writing-mode:vertical-rl;padding:8px 5px;margin:0;letter-spacing:.14em;color:#9c4535;border-color:#9c4535}
.hero-statement p{max-width:28em;margin:20px 0 12px}
.hero-statement a{padding:10px 0;gap:35px}
.hero-side{right:5.5%;color:#284b3e;letter-spacing:.24em}
.hero-bottom{background:linear-gradient(0deg,#e5e7da99,transparent);border-color:#76916d77}
.scene-label{z-index:5;color:#294c3e}
.song-landscape{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:5%;padding:58px 6.5%;background:#efeadb}
.song-scroll-heading{grid-template-columns:36px 1fr;gap:18px 24px;margin:0}
.song-scroll-heading h2{font-size:var(--type-section);line-height:1.7;letter-spacing:.06em}
.song-scroll-heading p{grid-column:2;margin:0;max-width:30ch}
.song-seal{width:36px;font-size:13px;padding:7px 3px}
.song-landscape figure:before,.song-landscape figure:after{top:0;bottom:42px;border-color:#7e8d6e88;width:4px}
.song-landscape img{aspect-ratio:1916/821;height:auto;object-fit:contain}
.song-landscape figcaption{padding-top:12px;line-height:1.8;display:block}
.song-landscape figcaption span{display:inline}
.song-landscape figcaption span+span{margin-left:22px}
.home-manifesto{padding:52px 8%;border-bottom:1px solid #c8cec0;gap:8%}
.home-manifesto>p{letter-spacing:.12em;line-height:1.75}
.home-riding-scenes{background:#f3f0e6;padding:64px 6.5%}
.home-riding-scenes .section-title{margin-bottom:32px}
.home-scene-grid{grid-template-columns:1.35fr 1fr;grid-template-rows:240px 240px;gap:20px}
.home-scene-grid :is(a,article){min-height:0}
.home-scene-grid :is(a,article):first-child{grid-column:1;grid-row:1/3}
.home-scene-grid :is(a,article):nth-child(2){grid-column:2;grid-row:1}
.home-scene-grid :is(a,article):nth-child(3){grid-column:2;grid-row:2}
.home-scene-grid :is(a,article):first-child img{object-position:48% 50%}
.home-scene-grid :is(a,article):nth-child(2) img{object-position:100% 60%}
.home-scene-grid :is(a,article):nth-child(3) img{object-position:48% 58%}
.home-scene-grid .scene-copy{left:25px;right:25px;bottom:23px}
.home-scene-grid span{max-width:32em;display:block;text-wrap:pretty}
.home-scene-grid :is(a,article):after{background:linear-gradient(0deg,#102b29db,transparent 62%)}
.home-segments{background:#e2e6d9;padding-top:58px;padding-bottom:65px}
.segment-links a{padding-top:23px;padding-bottom:23px}
.home-product{background:#163b35;grid-template-columns:1.45fr 1fr;min-height:560px}
.home-product-copy{position:relative}
.home-product-copy:before{content:'';position:absolute;left:0;top:15%;bottom:15%;border-left:1px solid #99ad9277}
.legacy-gallery{background:#e5e8db;min-height:560px}
.home-technology{padding-top:68px;padding-bottom:68px}
.technology-links{gap:36px}
.technology-links article{padding-top:22px}
.home-workshop{grid-template-columns:1.35fr 1fr}
.home-workshop img{height:490px;object-position:50% 58%}
.home-workshop-copy{padding-left:11%;padding-right:11%}
.home-rd{padding-top:65px;padding-bottom:65px}
.home-news{padding-top:60px;padding-bottom:60px}
.editorial-feature,.editorial-craft,.editorial-product-family{padding:68px 6.5%}
.editorial-riding-grid{grid-template-columns:1.15fr .85fr;gap:34px;align-items:start}
.editorial-riding-grid figure:nth-child(2){margin-top:78px}
.editorial-riding-grid img{aspect-ratio:1672/941;height:auto;object-fit:contain}
.editorial-feature>.editorial-caption:last-child{margin-top:28px;max-width:660px}
.song-origin-scroll{margin:0!important}
.song-origin-scroll img{aspect-ratio:1916/821!important;height:auto!important;object-fit:contain}
#origin{display:grid;grid-template-columns:170px 1fr;gap:30px 45px}
#origin>.editorial-caption:first-child{display:block;grid-column:1;grid-row:1/3;margin:0}
#origin>.editorial-caption:first-child h2{writing-mode:vertical-rl;height:280px;font-size:34px;line-height:1.7;letter-spacing:.12em;margin-top:30px}
#origin>.song-origin-scroll{grid-column:2;grid-row:1}
.editorial-origin-details{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:7%;margin-top:32px}
#origin>.editorial-origin-details{grid-column:2;grid-row:2;margin-top:0}
.editorial-origin-details .editorial-split{gap:16px}
.editorial-origin-details .editorial-split img{aspect-ratio:1.25;height:auto;object-fit:cover}
.editorial-origin-details .editorial-caption p{margin:0}
.song-materials{grid-template-columns:1.2fr 1fr;gap:7%;padding:68px 6.5%;background:#e5e6d8}
.song-materials img{aspect-ratio:1672/941;height:auto;object-fit:contain}
.song-palette{margin-top:25px}
.song-palette i{height:23px}
.editorial-craft{background:#163b35}
.brand-stage:before{content:'';position:absolute;inset:0;background:url('./assets/editorial/song-landscape-scroll.webp') 65% 50%/cover;opacity:.09;mix-blend-mode:luminosity;pointer-events:none}
.editorial-craft>.editorial-image img{aspect-ratio:2.05;height:auto;object-position:50% 60%}
.editorial-craft .editorial-split{grid-template-columns:1.2fr 1fr;gap:28px;align-items:start;margin-top:34px}
.editorial-craft .editorial-split figure:nth-child(2){margin-top:48px}
.editorial-craft .editorial-split img{aspect-ratio:1.65;height:auto}
.editorial-product-family,.family-detail{background:#f0eee3}
[data-model-family]{grid-template-columns:1.5fr 1fr;gap:22px 5%}
[data-family-stage]{height:540px;background:radial-gradient(ellipse at 50% 54%,#eef0e2,#dbe3d1);border-color:#b2c0a9}
[data-model-family]>[role=group]{gap:0;border-bottom:1px solid #aab9a0;padding:0;margin-top:20px}
[data-family-model]{border:0;border-bottom:2px solid transparent;background:transparent;padding:13px 12px;min-height:45px}
[data-family-model][aria-pressed=true]{background:transparent;color:#203e38;border-color:#9f4a3b}
[data-model-family]>.editorial-caption{padding:0 0 15px}
.family-detail{display:grid;grid-template-columns:1fr 1fr;gap:12px 7%;padding-top:42px}
.family-detail>.eyebrow{grid-column:1;margin-bottom:0}
.family-detail>h1{grid-column:1;grid-row:2;margin:0}
.family-detail>p:not(.eyebrow){grid-column:2;grid-row:1/3;align-self:end;margin:0 0 7px;max-width:48ch}
.family-detail>[data-model-family]{grid-column:1/-1;margin-top:20px}
.family-detail-links{grid-column:1/-1;margin-top:18px}
.mechanics-exhibit{background:#eeeadd;padding-top:65px;padding-bottom:65px;border-color:#c5ccba}
.mechanics-heading{grid-template-columns:1.45fr 1fr;gap:6%;margin-bottom:30px}
.mechanics-layout{grid-template-columns:1.45fr 1fr;gap:6%}
[data-mechanics-stage]{height:520px;background:radial-gradient(ellipse at 48% 40%,#315b4e,#163b35 75%);border:1px solid #416451}
.mechanics-copy [role=group]{padding:0;margin:0 0 26px;border-color:#aebba1;gap:0}
.mechanics-copy [data-mechanics-mode]{border:0;border-bottom:2px solid transparent;padding:12px 17px}
.mechanics-copy [data-mechanics-mode][aria-pressed=true]{background:transparent;color:#203e38;border-color:#9f4a3b}
.mechanics-copy>p:not(.mechanics-note):not(.mechanics-terms){min-height:0;max-width:43ch}
.mechanics-copy .mechanics-terms{display:none}
.mechanics-controls{margin-top:28px}
.mechanics-controls button:hover{background:#355244;color:#f3f0e6}
.mechanics-copy .mechanics-note{font-size:12px;line-height:1.8;margin-top:18px}
.mechanics-copy .text-link{margin-top:28px}
.editorial-final>.editorial-image img{object-position:100% 58%}
.editorial-final:after{background:linear-gradient(90deg,#102b29e6,transparent 90%)}
.catalog-objects{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-object img{height:235px;background:#e7eadf;object-fit:contain;padding:12px}
.catalog-object h3{margin-top:18px;margin-bottom:10px}
.catalog-object p{max-width:30ch}
.catalog-object .catalog-product-tag{display:block;margin-top:13px}
.catalog-object[data-concept=shocks] img{padding:0;object-fit:cover;object-position:70% 50%}
.catalog-object[data-concept=forks] img{padding:0;object-fit:cover;object-position:center}
.catalog-scene{height:auto;aspect-ratio:2.5;object-position:50% 55%}
.global-footer{padding-top:56px;background:#163b35}
@media(min-width:1600px){.hero-statement{top:15%}.hero-statement h1{height:340px}}
@media(max-width:1000px){
 .hero-statement{max-width:42%}
 .hero-statement h1{height:270px;font-size:44px}
 .song-landscape{grid-template-columns:.85fr 1.15fr;gap:4%}
 .song-scroll-heading{grid-template-columns:30px 1fr;gap:16px}
 .song-scroll-heading h2{font-size:30px}
 .home-scene-grid{grid-template-rows:220px 220px}
 .catalog-objects{grid-template-columns:1fr 1fr}
}
@media(max-width:800px){
 .hero-statement{left:12%;top:8%;max-width:80%}
 .hero-statement h1{height:205px;font-size:34px;letter-spacing:.16em;line-height:1.6;margin-bottom:16px}
 .hero-statement h1 span:last-child{padding-top:1em}
 .hero-title-mark{left:-29px;top:4px;font-size:11px;padding:6px 3px}
 .hero-statement p{font-size:12px;max-width:27em;margin:13px 0 7px;letter-spacing:.04em}
 .hero-statement a{font-size:13px;padding:7px 0;gap:25px}
 .hero-landscape{opacity:.52;background-position:60% 55%;mask-image:linear-gradient(180deg,transparent 14%,#000 75%);-webkit-mask-image:linear-gradient(180deg,transparent 14%,#000 75%)}
 .home-hero .hero-shade,.home-hero[data-scene-state=ready] .hero-shade{background:linear-gradient(180deg,#e5e7daf0 0%,#e5e7da77 32%,transparent 60%)}
 .home-hero .hero-live3d{inset:240px -24px 70px 24px}
 .hero-side{right:5%;top:43%}
 .hero-bottom{bottom:25px}
 .scene-label{bottom:142px}
 .song-landscape{display:block;padding:42px 6%}
 .song-scroll-heading{grid-template-columns:35px 1fr;gap:16px 20px;margin-bottom:26px}
 .song-scroll-heading h2{font-size:29px}
 .song-scroll-heading p{max-width:37ch}
 .song-landscape img{aspect-ratio:1916/821;object-fit:contain}
 .song-landscape figcaption{font-size:11px}
 .song-landscape figcaption span{display:block}
 .song-landscape figcaption span+span{margin-left:0;margin-top:3px}
 .home-manifesto{padding:40px 7%;gap:25px}
 .home-riding-scenes{padding:45px 6%}
 .home-scene-grid{grid-template-columns:1fr;grid-template-rows:none;gap:20px}
 .home-scene-grid :is(a,article),.home-scene-grid :is(a,article):first-child,.home-scene-grid :is(a,article):nth-child(2),.home-scene-grid :is(a,article):nth-child(3){grid-column:1;grid-row:auto;min-height:0;aspect-ratio:1.6}
 .home-scene-grid .scene-copy{left:20px;right:20px;bottom:18px}
 .home-scene-grid strong{font-size:23px;margin-bottom:4px}
 .home-scene-grid span{font-size:12px;max-width:none}
 .home-product{grid-template-columns:1fr;min-height:0}
 .home-product-copy:before{display:none}
 .legacy-gallery{min-height:420px}
 .home-product-copy{padding:36px 7%!important}
 .home-segments,.home-technology{padding-top:48px;padding-bottom:48px}
 .home-workshop{grid-template-columns:1fr}
 .home-workshop img{height:300px}
 .home-workshop-copy{padding:35px 7%}
 .home-rd,.home-news{padding-top:48px;padding-bottom:48px}
 .editorial-feature,.editorial-craft,.editorial-product-family{padding:44px 6%}
 .editorial-riding-grid{grid-template-columns:1fr;gap:25px}
 .editorial-riding-grid figure:nth-child(2){margin:0 0 0 12%;width:88%}
 .editorial-riding-grid img{aspect-ratio:1672/941;object-fit:contain}
 .song-origin-scroll img{aspect-ratio:1916/821!important;object-fit:contain}
 #origin{display:block}
 #origin>.editorial-caption:first-child h2{writing-mode:horizontal-tb;height:auto;font-size:var(--type-section);line-height:1.6;margin-top:0;letter-spacing:.035em}
 #origin>.editorial-origin-details{margin-top:26px}
 .editorial-origin-details{grid-template-columns:1fr;gap:25px;margin-top:26px}
 .editorial-origin-details .editorial-split{gap:14px}
 .editorial-origin-details .editorial-split img{aspect-ratio:1;object-fit:cover}
 .song-materials{grid-template-columns:1fr;gap:26px;padding:44px 6%}
 .song-materials img{aspect-ratio:1672/941;object-fit:contain}
 .editorial-craft>.editorial-image img{aspect-ratio:1.55}
 .editorial-craft .editorial-split{grid-template-columns:1fr;gap:26px;margin-top:26px}
 .editorial-craft .editorial-split figure:nth-child(2){margin:0 0 0 13%;width:87%}
 .editorial-craft .editorial-split img{aspect-ratio:1.65}
 [data-model-family]{grid-template-columns:1fr;gap:20px}
 [data-family-stage]{height:380px}
 [data-model-family]>[role=group]{grid-row:2;margin-top:0;align-self:stretch}
 [data-family-model]{padding:12px 9px;font-size:13px}
 .family-detail{display:block;padding-top:32px}
 .family-detail>h1{margin:13px 0 20px}
 .family-detail>p:not(.eyebrow){margin:0}
 .family-detail>[data-model-family]{margin-top:28px}
 .mechanics-exhibit{padding:45px 6%}
 .mechanics-heading,.mechanics-layout{grid-template-columns:1fr;gap:18px}
 .mechanics-heading{margin-bottom:26px}
 [data-mechanics-stage]{height:370px}
 .mechanics-copy [role=group]{margin:0;border:0}
 .mechanics-controls{margin-top:0}
 .mechanics-copy .mechanics-note{margin-top:0}
 .mechanics-copy .text-link{margin-top:0}
 .catalog-objects{grid-template-columns:1fr;gap:30px}
 .catalog-object img{height:260px;padding:16px}
 .catalog-object p{max-width:none}
 .catalog-scene{aspect-ratio:1.65}
}
@media(prefers-reduced-motion:reduce){.hero-landscape{opacity:.5}.hero-statement h1{transition:none}}