:root{--motion-out:cubic-bezier(.23,1,.32,1);--logo-gold:#9a7a10;--logo-green:#39713d}
.header .brand-scs{color:var(--logo-gold)}.header .brand-export{color:var(--logo-green)}.header .brand small{color:#285a32}
.enhanced-v6 .region-details article,.enhanced-v6 .nature-panel,.enhanced-v6 .scs-stage article{animation:none}
.origin-with-photo{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.origin-photo{margin:0;overflow:hidden;border-radius:90px 0 0 0}.origin-photo img{width:100%;height:370px;object-fit:cover}.origin-photo figcaption{font-size:.8rem;color:var(--muted);padding-top:15px;line-height:1.5}.origin-with-photo h2{font-size:3.1rem}

.enhanced-v6[data-motion-state] .hero-visual>img{animation:scs-photo-life 4s cubic-bezier(.45,0,.55,1) 1}.enhanced-v6 .hero-badge{z-index:5}.enhanced-v6 .hero-visual{overflow:visible}.enhanced-v6 .hero-visual>img{clip-path:inset(0 0 0 0 round 180px 0 0 0)}
.enhanced-v6[data-motion-state="active"] .hero-visual.motion-offscreen>img,.enhanced-v6.motion-document-hidden .hero-visual>img{animation-play-state:paused}
.enhanced-v6.keyboard-input .scs-card img,.enhanced-v6.keyboard-input .scs-letter{transition:none!important}
@keyframes scs-photo-life{0%,100%{transform:scale(1)}50%{transform:scale(1.025)}}
@media(max-width:760px){.header .brand>span{font-size:20px}.origin-with-photo{grid-template-columns:1fr;gap:30px}.origin-photo{border-radius:60px 0 0 0}.origin-photo img{height:280px}.origin-with-photo h2{font-size:2.5rem}.enhanced-v6 .hero-visual>img{clip-path:inset(0 0 0 0 round 105px 0 0 0)}}
@media(prefers-reduced-motion:reduce){.enhanced-v6 .hero-visual>img{animation:none!important;transform:none!important}.enhanced-v6 .hero-badge{animation:none!important}}


.enhanced-v6.keyboard-input .scs-card,.enhanced-v6.keyboard-input .scs-letter,.enhanced-v6.keyboard-input .scs-card img{transition:none!important}
html:has(body.keyboard-input),html:has(body[data-motion-state="reduced"]){scroll-behavior:auto}

/* Give the original logo more presence and keep the wordmark close. */
.header .brand{gap:8px;flex-shrink:0}
.header .brand img{width:74px;height:auto;flex-shrink:0}
.header .brand>span{font-size:26px;letter-spacing:.025em;line-height:1.18}
.header .brand small{font-size:9px;letter-spacing:.1em;margin-top:3px;line-height:1.4}
@media(min-width:761px) and (max-width:1000px){
 .header{gap:14px}
 .header .brand img{width:60px}
 .header .brand>span{font-size:22px}
 .header nav{gap:12px}
 .header .language-switch{padding-left:12px}
}
@media(max-width:760px){
 .header{display:grid;grid-template-columns:1fr;justify-items:center;gap:0;padding:12px 6%;}
 .header .brand{width:100%;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}
 .header .brand img{width:82px;height:auto}
 .header .brand>span{font-size:24px;letter-spacing:.025em;line-height:1.18}
 .header .brand small{font-size:9px;letter-spacing:.1em;margin-top:2px;line-height:1.4}
 .header .menu-toggle{position:absolute;right:12px;top:14px;gap:7px;padding:8px 10px;min-height:44px}
 .header nav{grid-column:1;width:100%;text-align:left}
}
@media(max-width:360px){.nature-tabs button{font-size:1rem;padding:12px 8px}}