@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500&display=swap');

.page-languages{display:flex;justify-content:flex-end;align-items:center;gap:15px;min-height:46px;padding-bottom:8px;font-size:11px;position:relative;z-index:2}
.page-languages>span{opacity:.65;margin-right:5px}
.page-languages a{text-decoration:none;padding:5px 0;border-bottom:1px solid transparent}
.page-languages a[aria-current]{color:#795785;border-color:currentColor}
.evidence-section{padding:100px 0 45px}
.evidence-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 8%;align-items:end}
.evidence-heading .eyebrow{grid-column:1/-1}
.evidence-heading h2{margin:15px 0 0}
.evidence-heading>p:last-child{max-width:390px;line-height:1.85;font-size:14px;margin-bottom:7px}
.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:35px}
.evidence-art{margin:0 -22px 25px;aspect-ratio:3/2;position:relative;isolation:isolate}
.evidence-art img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 35%,#000b 57%,transparent 75%)}
.values-animation{display:block;width:100%;height:100%;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at center,#000 35%,#000b 57%,transparent 75%)}
.path-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:multiply}
.wind-traces{opacity:0;animation:gentle-wind 6s ease-in-out infinite;transform-origin:center}
@keyframes gentle-wind{0%,100%{opacity:0;transform:translateX(-35px)}40%{opacity:.24}80%{opacity:0;transform:translateX(40px)}}
.motion-scene:not(.in-view) .wind-traces{animation-play-state:paused}
.light-refined .research-detail{border:0;margin-top:20px;padding:0}
.light-refined .research-detail summary{font-size:11px;padding:0;cursor:pointer;list-style:disclosure-closed;color:#796983}
.light-refined .research-detail summary:after{content:none}
.light-refined .research-detail[open] summary{list-style:disclosure-open}
.light-refined .research-detail p{font-size:12px;line-height:1.8}
.evidence-card .eyebrow{margin-top:0}
.evidence-card h3{font-family:'Instrument Serif',serif;font-weight:400;font-size:49px;line-height:1.08;margin:18px 0}
.evidence-card h3 em{color:#795785;font-weight:400}
.evidence-card>p:not(.eyebrow){font-size:14px;line-height:1.85;max-width:390px}
.research-source{display:inline-block;font-size:11px;text-underline-offset:5px;margin-top:6px}
.evidence-footnote{position:relative;margin:48px auto 0;padding-left:28px;font-size:12px;line-height:1.85;max-width:820px;color:#62566c}
.evidence-footnote>span{position:absolute;left:0;top:2px;font-size:19px;color:#9f7bb3}
.evidence-footnote details{border:0;margin-top:15px;padding:0}
.evidence-footnote summary{font-size:12px;padding:0;cursor:pointer;list-style:disclosure-closed}
.evidence-footnote summary:after{content:none}
.evidence-footnote details[open] summary{list-style:disclosure-open}
.evidence-footnote details p{font-size:12px;line-height:1.85}
.language-family{font-size:11px;letter-spacing:.08em;color:#795785}
html:not([data-locale="en"]) .light-refined{--title:'Noto Serif TC',serif}
html:not([data-locale="en"]) .light-refined h1,
html:not([data-locale="en"]) .light-refined h2,
html:not([data-locale="en"]) .light-refined blockquote,
html:not([data-locale="en"]) .light-refined .evidence-card h3,
html:not([data-locale="en"]) .light-refined .signature{font-family:'Noto Serif TC',serif;font-weight:400;letter-spacing:.015em}
html:not([data-locale="en"]) .light-refined em{font-style:normal}
html:not([data-locale="en"]) .light-refined .hero h1{font-size:clamp(28px,7.7vw,78px);line-height:1.4;max-width:1000px}
html:not([data-locale="en"]) .light-refined .hero h1 em,
html:not([data-locale="en"]) .light-refined .hero h1 .title-first{padding:0}
html:not([data-locale="en"]) .light-refined h2{font-size:clamp(30px,3.9vw,48px);line-height:1.5}
html:not([data-locale="en"]) .light-refined .evidence-card h3{font-size:36px;line-height:1.5}
html:not([data-locale="en"]) .light-refined .eyebrow{letter-spacing:.1em;line-height:1.8}
html:not([data-locale="en"]) .light-refined .affirmation-poster blockquote{font-size:29px;line-height:1.6}
html:not([data-locale="en"]) .light-refined .mini-phone blockquote{font-size:25px;line-height:1.6}
html:not([data-locale="en"]) .light-refined .language-example blockquote{font-size:32px;line-height:1.7}
html:not([data-locale="en"]) .light-refined .signature{font-size:20px}
@media(max-width:700px){
 .light-refined .hero:after{content:'';position:absolute;left:0;right:0;top:0;height:100px;background:linear-gradient(#f9f6f1,transparent);pointer-events:none;z-index:1}
 .page-languages{justify-content:center;gap:18px;min-height:44px}
 .evidence-section{padding:65px 0 30px}
 .evidence-heading{display:block}.evidence-heading>p:last-child{margin-top:22px}
 .evidence-grid{grid-template-columns:1fr;gap:38px;margin-top:20px}
 .evidence-art{margin:0 -14px 15px}.evidence-card h3{font-size:43px}
 .evidence-card>p:not(.eyebrow){max-width:none}
 .evidence-footnote{margin-top:35px}
 html:not([data-locale="en"]) .light-refined .evidence-card h3{font-size:30px}
 html:not([data-locale="en"]) .light-refined .affirmation-poster blockquote{font-size:24px}
 html:not([data-locale="en"]) .light-refined .language-example blockquote{font-size:26px}
}
