/* BRAISE NOIRE — editorial typography, self-hosted under SIL OFL 1.1.
   The approved vector logotype is independent of these text families. */
@font-face{font-family:"Cormorant Garamond";src:url("./fonts/cormorant-garamond-regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("./fonts/cormorant-garamond-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("./fonts/cormorant-garamond-semibold.woff2") format("woff2");font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:"Cormorant Garamond";src:url("./fonts/cormorant-garamond-italic.woff2") format("woff2");font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:"Spectral";src:url("./fonts/spectral-latin-400-normal.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Spectral";src:url("./fonts/spectral-latin-500-normal.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
:root{--serif:"Cormorant Garamond",Georgia,serif;--body:"Spectral",Georgia,serif;font-family:var(--body);font-synthesis:none;font-kerning:normal;text-rendering:optimizeLegibility}
body{font-size:17px;line-height:1.8}h1,h2,h3{letter-spacing:-.025em;line-height:1.03}h1{font-size:clamp(54px,6vw,86px)}h2{font-size:clamp(44px,4.5vw,64px)}
.site-header nav{font-family:var(--serif);font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;gap:31px;line-height:1.4}
.site-header nav a{position:relative;padding:8px 0}.site-header nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--kb-cuivre);transition:right .2s}.site-header nav a:hover::after,.site-header nav a:focus-visible::after{right:0}
.header-link{font-family:var(--serif);font-size:17px;font-weight:500;letter-spacing:.025em;line-height:1.4}
.hero-copy>p{font-size:17px;line-height:1.85}.primary-action{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.025em;line-height:1.35;padding:17px 26px}.primary-action span,.header-link span{font-family:Arial,sans-serif;font-size:14px}
.eyebrow,.section-label,.hero-footer,.image-caption,.step-tag,.focus-kicker{font-family:var(--serif);font-size:12px;font-weight:600;letter-spacing:.16em;line-height:1.5}
.hero-footer{font-size:11px}.prototype-notice{font-family:var(--body);font-size:11px;letter-spacing:.035em;line-height:1.5}.hero-copy .microcopy{font-size:12px;line-height:1.7}
.manifesto-body>p,.journey-top p,.values-header p{font-size:16px;line-height:1.9}.principles>div{font-size:14px;padding:14px 0;line-height:1.6}.principles strong{font-family:var(--serif);font-size:13px;font-weight:500}.step h3{font-size:34px;line-height:1.15}.step p{font-size:15px;line-height:1.9}.step-no{font-size:30px;line-height:1.3}.step-tag{font-size:11px}.journey-note{font-size:12px;line-height:1.8}
.value-button strong{font-family:var(--body);font-size:14px;line-height:1.5}.value-button span{font-family:var(--serif);font-size:12px;font-weight:500}.value-button.active strong{font-weight:500}.value-focus h3{font-size:48px;line-height:1.05}.value-focus p{font-size:17px;line-height:1.8}.focus-note{font-family:var(--body);font-size:12px;line-height:1.75}.focus-kicker{font-size:11px}.final-panel h2{font-size:clamp(48px,5.6vw,78px)}.final-panel p{font-size:16px;line-height:1.9}.final-state{font-size:12px}footer{font-size:12px;line-height:1.5}
@media(max-width:1000px){.site-header nav{gap:23px;font-size:13px;letter-spacing:.1em}.header-link{font-size:15px}.value-button strong{font-size:13px}}
@media(max-width:850px){.site-header nav{font-size:14px;gap:35px}.hero-copy>p{font-size:16px}.value-focus h3{font-size:40px}}
@media(max-width:560px){.prototype-notice{font-size:10px}.site-header nav{font-size:13px;letter-spacing:.11em;gap:24px;padding-top:13px}.header-link{font-size:13px;max-width:125px}.header-link span{font-size:11px}.eyebrow,.section-label{font-size:11px;letter-spacing:.12em}h1{font-size:47px;line-height:1.04}.hero-copy>p{font-size:16px;line-height:1.85}.hero-copy .microcopy{font-size:12px}.hero-footer{font-size:10px;letter-spacing:.12em}.manifesto h2{font-size:45px}.manifesto-body>p,.journey-top p,.values-header p{font-size:16px;line-height:1.85}h2{font-size:49px}.principles>div{font-size:13px}.step h3{font-size:31px}.step p{font-size:15px;line-height:1.85}.step-tag{font-size:10px}.value-button{min-height:75px}.value-button strong{font-size:12px}.value-button span{font-size:11px}.value-focus h3{font-size:43px}.value-focus p{font-size:16px}.focus-note{font-size:12px}.final-panel h2{font-size:49px}.final-panel p{font-size:16px}.final-state{font-size:11px}footer span,footer a{font-size:11px}}
@media(prefers-reduced-motion:reduce){.site-header nav a::after{transition:none}}
h1,h2{text-wrap:balance}
@media(max-width:560px){.header-link{display:inline-flex;align-items:center;gap:8px;max-width:none;white-space:nowrap;font-size:12px}.header-link span{margin-left:0}}