/* Song-inspired visual system: mineral green, silk white, quiet type and measured rules. */
body{--paper:#f3f0e6;--ink:#203e38;--muted:#4e6556;--line:#c8cec0;--red:#9f4a3b;--song:"Xstelbo Song","Songti SC","STSong",serif;background:var(--paper);color:var(--ink);caret-color:var(--red)}
::selection{background:#a44d3c;color:#faf4e6}
html{scrollbar-color:#8b9f91 #edece2}
h1,h2,h3,.serif,.hero-statement p,.section-title p,.home-manifesto>p,.segment-links strong,.technology-links article>span,.home-rd p,.home-product-copy>span,.home-scene-grid strong,.content-section blockquote,.product-caption h2,.family-detail h1{font-family:var(--song);font-weight:400}
h1,h2,h3{text-wrap:balance}
#site-header,.home #site-header{background:#f3f0e6;color:#203e38;border-bottom:1px solid #bfc9bb;box-shadow:none}
#site-header .brand-lockup span{border-color:#aebdaf}
.top-nav a{color:#425b4c;border-radius:0}
.top-nav a:hover{color:#203e38;background:#e3e8dc}
.top-nav a[aria-current=page]{color:#203e38;background:transparent;font-weight:500}
.top-nav a[aria-current=page]:after{height:1px;background:#9f4a3b;bottom:5px}
#site-header .top-nav a:focus-visible{outline-color:#9f4a3b}
.home-hero{background:#dce3d7;color:#203e38}
.hero-picture{filter:grayscale(.25) brightness(.8)}
.hero-live3d{background:radial-gradient(ellipse at 74% 50%,#edf0df88,transparent 64%)}
.home-hero .hero-shade,.home-hero[data-scene-state=ready] .hero-shade{background:linear-gradient(90deg,#dce3d7e6 0%,#dce3d700 52%)}
.hero-lines{border-left-color:#496b5320;grid-template-columns:1fr 2fr 1fr}
.hero-lines i{border-right-color:#496b5320}
.hero-lines i:last-child{display:none}
.hero-statement{left:8%;top:16%;max-width:43%}
.hero-statement h1{font:400 clamp(40px,4.8vw,74px)/1.65 var(--song);letter-spacing:.12em}
.hero-statement h1 span:last-child{padding-left:1em}
.hero-statement p{font-size:13px;letter-spacing:.2em;margin:25px 0 20px}
.hero-statement a{border-color:#7c9580;font-size:12px}
.hero-title-mark{display:inline-block;border:1px solid #9f4a3b;color:#9f4a3b;padding:6px 5px;margin-bottom:22px;font:11px/1.7 var(--song);letter-spacing:.1em}
.hero-side{color:#3e5c49;right:5.5%;top:20%;font-family:var(--song);font-size:12px;letter-spacing:.35em}
.hero-bottom{border-color:#66816e55;color:#365746}
.hero-bottom small{color:#46614f}
.scene-label{color:#486149;font-size:11px}
.home-manifesto{background:var(--paper);padding-top:60px;padding-bottom:60px}
.home-manifesto>p{font-size:34px;line-height:1.9;letter-spacing:.08em}
.home-manifesto h2{font-size:34px;line-height:1.7}
.home-manifesto .body-copy{color:#4d6454}
.section-title h2{font:400 clamp(29px,3vw,44px)/1.5 var(--song);letter-spacing:.05em}
.section-title p{font-size:18px}
.home-segments,.home-riding-scenes{background:#e1e6d8}
.segment-links strong{font-size:29px;line-height:1.5;letter-spacing:.08em}
.segment-links a{padding:26px 0;border-color:#b8c4b3}
.home-technology{background:var(--paper)}
.technology-links article>span{font-size:24px;line-height:1.6;color:#647c64}
.home-rd{background:#355244}
.home-rd h2{font-size:43px;line-height:1.5}
.home-partner{background:#e1e6d8}
.home-news{background:var(--paper)}
.home-product-copy>span{font-size:18px;line-height:1.6}
.home-product,.home-workshop,.editorial-craft,.editorial-final,.global-footer{background-color:#183c35}
.home-product-copy h2,.home-workshop-copy h2{font-family:var(--song)}
.editorial-about{background:var(--paper)}
.editorial-caption h2{font-family:var(--song);font-size:clamp(29px,3.2vw,44px);line-height:1.7}
.editorial-caption h3,.editorial-product-family h3{font-family:var(--song);font-weight:400}
.editorial-image figcaption,.home-scene-credit{color:#50634f}
.home-scene-credit{font-size:11px}
.notice{color:#566b5c}
.home-workshop-copy small{color:#a8bea7}
.family-detail>p{color:#4d654f}
.editorial-craft figcaption{color:#adbfac}
.editorial-final figcaption{color:#e0e5d9}
.editorial-caption .eyebrow{font-family:var(--song);letter-spacing:.08em}
.editorial-feature+.editorial-feature{border-color:var(--line)}
.editorial-product-family,.family-detail{background:#e1e6d8}
[data-family-stage]{background:radial-gradient(ellipse at 50% 55%,#c7d9c5,#e6e9db);border-color:#aebfaa}
[data-family-model]{border-color:#9caf98;color:#2a4b3c;border-radius:0}
[data-family-model][aria-pressed=true]{background:#355244;border-color:#355244;color:#f3f0e6}
.family-status{font-size:11px;color:#456044}
[data-family-title]{font:400 30px/1.6 var(--song)!important}
.brand-journey{background:#153c35}
.brand-stage{background:radial-gradient(ellipse at 70% 50%,#547b5d38,transparent 65%)}
.brand-chapter h1,.brand-chapter h2{font-family:var(--song);letter-spacing:.08em}
.brand-chapter .chapter-sign{color:#d0ac7e;font-family:var(--song)}
.brand-scene-mark{font-family:var(--song);color:#ced7b80c}
.brand-context-link{background:#e1e6d8}
.page-lead{background:var(--paper)}
.page-lead h1,.page-lead h2{font-family:var(--song);font-weight:400;line-height:1.55}
.page-lead .eyebrow{font-family:var(--song);font-size:16px;line-height:1.8;letter-spacing:.06em}
.content-section h2,.content-section h3,.catalog-result-heading h2,.catalog-product-copy h3,.catalog-object h3,.catalog-main>h2,.empty-state h2,.empty-state h3{font-family:var(--song);font-weight:400}
.content-section .eyebrow,.catalog-result-heading>p:first-child{font-family:var(--song);font-size:14px;line-height:1.8}
.catalog-object img{background:#e1e6d8}
.collection{background-color:#e4e8da}
.collection-intro h1,.product-story h2,.philosophy h2,.selection h2{font-family:var(--song);font-weight:400}
.water-word{opacity:.055}
.footer-contact>span{font:400 30px/1.4 var(--song);letter-spacing:.08em}
.footer-brand p{font-family:var(--song);font-size:13px;line-height:1.9}
.song-landscape{background:#e6e5d5;padding:60px 6.5% 30px;position:relative}
.song-scroll-heading{display:grid;grid-template-columns:50px 1fr 1fr;gap:30px;align-items:center;margin-bottom:35px}
.song-scroll-heading h2{font:400 clamp(29px,3.4vw,47px)/1.65 var(--song);letter-spacing:.06em;margin:0}
.song-scroll-heading p{font-size:13px;line-height:2.1;max-width:47ch;margin:0;color:#53654e}
.song-seal{font:14px/1.55 var(--song);width:42px;padding:6px 4px;border:1px solid #9f4a3b;color:#9f4a3b;text-align:center;align-self:start}
.song-landscape figure{margin:0;position:relative}
.song-landscape figure:before,.song-landscape figure:after{content:'';position:absolute;z-index:1;top:0;bottom:0;width:5px;border-left:1px solid #53654e66;border-right:1px solid #53654e66;pointer-events:none}
.song-landscape figure:before{left:0}.song-landscape figure:after{right:0}
.song-landscape img{display:block;width:100%;height:auto;aspect-ratio:2.5;object-fit:cover;object-position:center}
.song-landscape figcaption{font-size:10px;line-height:1.8;color:#56694f;display:flex;justify-content:space-between;gap:15px;padding:13px 0 0}
.song-landscape figcaption span:first-child{font-family:var(--song);font-size:12px;letter-spacing:.12em}
.song-origin-scroll{margin-bottom:30px!important}
.song-origin-scroll img{aspect-ratio:2.5!important;height:auto!important;object-fit:cover}
.song-materials{display:grid;grid-template-columns:1.15fr 1fr;gap:7%;padding:60px 6.5%;background:#e4e7d9;align-items:center}
.song-materials figure{margin:0}
.song-materials img{width:100%;height:auto;display:block;aspect-ratio:1.55;object-fit:cover}
.song-materials figcaption{font-size:10px;line-height:1.8;color:#586d57;padding-top:10px}
.song-materials h2{font:400 clamp(29px,3.1vw,44px)/1.7 var(--song);margin:0 0 25px;letter-spacing:.06em}
.song-materials p{font-size:13px;line-height:2.1;color:#4c664f;margin:0 0 22px;max-width:48ch}
.song-palette{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #9eb296;border-bottom:1px solid #9eb296;margin-top:28px}
.song-palette span{display:flex;flex-direction:column;align-items:center;gap:13px;padding:18px 4px 16px;font:13px/1.6 var(--song)}
.song-palette i{width:100%;height:32px;background:var(--tone);display:block}
@media(min-width:1500px){.hero-statement{top:19%}}
@media(max-width:1000px){.hero-statement h1{font-size:clamp(38px,5vw,60px)}.song-scroll-heading{gap:22px;grid-template-columns:42px 1fr 1fr}.song-scroll-heading p{font-size:12px}}
@media(max-width:700px){
 .hero-statement{left:7%;top:7%;max-width:85%}
 .hero-statement h1{font-size:36px;line-height:1.6;letter-spacing:.1em}
 .hero-statement h1 span:last-child{padding-left:1em}
 .hero-statement p{font-size:11px;letter-spacing:.08em;margin:14px 0 5px}
 .hero-title-mark{position:absolute;left:242px;top:5px;font-size:11px;writing-mode:vertical-rl;white-space:nowrap;padding:6px 3px;letter-spacing:.2em}
 .hero-statement a{font-size:11px;gap:25px;padding:8px 0}
 .hero-side{top:42%;right:5%;font-size:11px}
 .hero-live3d{inset:230px 0 112px}
 .home-hero .hero-shade,.home-hero[data-scene-state=ready] .hero-shade{background:linear-gradient(180deg,#dce3d7cc,transparent 40%)}
 .hero-bottom{padding-top:18px;font-size:11px}
 .hero-bottom small{font-size:10px}
 .hero-bottom>a{font-size:11px}
 .scene-label{font-size:11px;bottom:136px;right:6%}
 .home-manifesto>p{font-size:28px;line-height:1.7}
 .home-manifesto h2{font-size:28px;line-height:1.7}
 .section-title{align-items:start}
 .section-title h2{font-size:29px}
 .section-title p{font-size:15px;line-height:1.7}
 .segment-links strong{font-size:24px;line-height:1.5}
 .home-rd h2{font-size:36px}
 .page-lead .eyebrow{font-size:13px}
 .editorial-caption h2{font-size:29px}
 [data-family-model]{font-size:11px}
 [data-family-title]{font-size:27px!important}
 .home-scene-grid span,.editorial-final .text-link{font-size:11px}
 .song-landscape{padding:42px 6% 23px}
 .song-scroll-heading{grid-template-columns:35px 1fr;gap:20px;margin-bottom:25px}
 .song-scroll-heading h2{font-size:29px}
 .song-scroll-heading p{grid-column:2;font-size:12px;line-height:2;margin-top:-3px}
 .song-seal{font-size:12px;width:35px;padding:5px 3px}
 .song-landscape img{aspect-ratio:1.35;object-position:60%}
 .song-landscape figcaption{font-size:11px;display:block}
 .song-landscape figcaption span{display:block}.song-landscape figcaption span+span{margin-top:5px}
 .song-origin-scroll img{aspect-ratio:1.4!important;object-position:60%}
 .song-materials{grid-template-columns:1fr;gap:28px;padding:42px 6%}
 .song-materials img{aspect-ratio:1.55}
 .song-materials h2{font-size:29px;margin-bottom:18px}
 .song-materials p{font-size:12px}
 .song-palette span{font-size:12px;padding:14px 4px}
 .song-palette i{height:27px}
 .footer-contact>span{font-size:24px}
 .brand-stage .scene-message{font-size:11px}
 .brand-chapter small{font-size:10px}
}
