/* Five-language navigation. Original artwork and section structure are preserved. */
.header-inner{gap:20px}
.language-menu{position:relative;flex:0 0 auto;margin:0;border:0;color:var(--cream);z-index:120}
.language-menu summary{display:flex;align-items:center;gap:7px;list-style:none;cursor:pointer;min-height:44px;padding:8px 3px;font-size:12px;font-weight:550;white-space:nowrap}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary::marker{content:''}
.language-menu summary .language-chevron{font-size:15px;line-height:1;transition:transform .15s}
.language-menu[open] summary .language-chevron{transform:rotate(180deg)}
.language-options{position:absolute;right:0;top:calc(100% + 8px);width:176px;padding:8px;background:#10291d;border:1px solid #7c96815e;border-radius:12px;box-shadow:0 16px 40px #0006;z-index:130}
.language-options a{display:flex;align-items:center;min-height:44px;padding:10px 13px;border-radius:6px;font-size:14px;line-height:1.4;color:#f2ede6;white-space:nowrap}
.language-options a:hover,.language-options a[aria-current='page']{background:#294735;color:#edf5e8}
.language-options a[aria-current='page']::after{content:'✓';margin-left:auto;font-size:12px}
.language-menu summary:focus-visible,.language-options a:focus-visible{outline:2px solid #bbd6bc;outline-offset:3px}
html:not([lang='ja']) #top .hero-copy h1{font-size:clamp(37px,4.1vw,63px);line-height:1.17;letter-spacing:-.045em;white-space:normal;overflow-wrap:normal}
html:not([lang='ja']) #top .hero-copy h1 em{white-space:normal;display:inline-block}
html:not([lang='ja']) .hero-copy{min-width:0}
html:not([lang='ja']) .hero-lead{font-size:clamp(15px,1.4vw,19px)}
html:not([lang='ja']) .hero-specs{line-height:1.8}
html:not([lang='ja']) .philosophy h2,html:not([lang='ja']) .field-story h2{font-size:clamp(42px,4.5vw,66px);line-height:1.16;letter-spacing:-.04em}
html:not([lang='ja']) .section-heading h2,html:not([lang='ja']) .principles h2,html:not([lang='ja']) .faq h2{font-size:clamp(37px,4.3vw,64px);line-height:1.15;letter-spacing:-.035em}
html:not([lang='ja']) .feature-card h3{font-size:28px;line-height:1.22;letter-spacing:-.025em;overflow-wrap:break-word}
html:not([lang='ja']) .feature-card .eyebrow{letter-spacing:.15em;font-size:10px;line-height:1.6}
html:not([lang='ja']) .feature-card{min-height:560px}
html:not([lang='ja']) .feature-card__icon{flex:0 0 154px;margin:26px auto}
html:not([lang='ja']) .feature-card__body>p:last-child{line-height:1.75}
html:not([lang='ja']) #how-it-works .story-copy__intro h2{font-size:clamp(36px,3.7vw,58px);letter-spacing:-.035em}
html:not([lang='ja']) #how-it-works .story-step h3{font-size:clamp(29px,2.8vw,42px);letter-spacing:-.025em;line-height:1.25}
html:not([lang='ja']) .story-step__num{display:flex;flex-wrap:wrap;gap:6px 12px;line-height:1.6}
html:not([lang='ja']) .story-step__num span{margin-left:0;letter-spacing:.035em}
html:not([lang='ja']) .story-visual__top{flex-wrap:wrap;line-height:1.6}
html:not([lang='ja']) #apple-watch .watch-section__copy h2{font-size:clamp(34px,3.9vw,60px);letter-spacing:-.035em;line-height:1.23}
html:not([lang='ja']) #apple-watch .watch-section__copy h2 span+span{margin-left:.28em}
html:not([lang='ja']) .final-cta h2{font-size:clamp(46px,5.2vw,80px);line-height:1.14;letter-spacing:-.04em}
html[lang='ko'] h1,html[lang='ko'] h2,html[lang='ko'] h3,html[lang='ko'] p{word-break:keep-all;overflow-wrap:break-word}
html[lang='zh-Hans'] body{font-family:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Noto Sans CJK SC',sans-serif}
html[lang='ko'] body{font-family:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans CJK KR',sans-serif}
@media(max-width:1040px){.desktop-nav{display:none}.menu-trigger{display:block}.header-inner{gap:14px}}
@media(max-width:760px){
 .header-inner{gap:8px}.brand{gap:7px}.brand img.mountain-glyph{width:32px;height:32px}.brand__word strong{font-size:18px}
 .language-menu summary{font-size:11px;gap:5px;padding-inline:0}.button--header{margin-left:0;padding:6px 10px;gap:5px;font-size:11px;min-height:36px}.menu-trigger{width:32px;padding:0;flex:0 0 32px}
 html:not([lang='ja']) #top .hero-copy h1{font-size:clamp(35px,8.5vw,58px);line-height:1.2}
 html:not([lang='ja']) .philosophy h2,html:not([lang='ja']) .field-story h2{font-size:clamp(39px,9.2vw,58px)}
 html:not([lang='ja']) .section-heading h2,html:not([lang='ja']) .principles h2,html:not([lang='ja']) .faq h2{font-size:clamp(34px,8.5vw,48px)}
 html:not([lang='ja']) .section-heading{flex-wrap:wrap;gap:14px}
 html:not([lang='ja']) .section-heading .carousel-controls{padding-top:0;margin-left:auto}
 html:not([lang='ja']) .feature-card{min-height:540px}
 html:not([lang='ja']) #how-it-works .story-copy__intro h2{font-size:clamp(37px,9vw,53px)}
 html:not([lang='ja']) #how-it-works .story-step h3{font-size:30px}
 html:not([lang='ja']) #apple-watch .watch-section__copy h2{font-size:clamp(32px,8vw,46px)}
 html:not([lang='ja']) #apple-watch .watch-section__copy h2 span{display:block}
 html:not([lang='ja']) #apple-watch .watch-section__copy h2 span+span{margin-left:0}
 html:not([lang='ja']) .final-cta h2{font-size:clamp(40px,9vw,60px)}
}
@media(max-width:360px){.button--header{display:none}.header-inner{gap:10px}}
@media(prefers-reduced-motion:reduce){.language-chevron{transition:none!important}}
