:root{--bg-canvas:#f7f5f0;--bg-surface:#ece8df;--bg-surface-hover:#e3ddd1;--text-primary:#111111;--text-muted:#57534b;--accent-primary:#d62828;--accent-secondary:#78350f;--border-subtle:#cbc5b9;--ease-kinetic:cubic-bezier(.16,1,.3,1);--shadow-elevation:0 12px 32px -4px rgba(0,0,0,.25);--glow-accent:0 0 24px -4px rgba(214,40,40,.14);--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box;border-radius:0}
html{scroll-behavior:smooth}
body{margin:clamp(10px,2.5vw,38px);border:1px solid var(--border-subtle);background:var(--bg-canvas);color:var(--text-primary);font:16px/1.75 system-ui,sans-serif;overflow-wrap:anywhere;hyphens:auto}
a{color:inherit;text-decoration-color:var(--accent-primary);text-underline-offset:5px;text-decoration-thickness:1px;transition:text-decoration-thickness .2s}
a:hover{text-decoration-thickness:3px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
button{cursor:pointer}
:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}
img{display:block;width:100%;height:100%;object-fit:cover}
h1,h2,h3,p,figure{margin-top:0}
h1{font-size:clamp(2.6rem,6.4vw,5.8rem);line-height:1.04;letter-spacing:-.055em;font-weight:500;max-width:16ch;margin-bottom:28px}
h2{font-size:clamp(1.8rem,3.3vw,3rem);line-height:1.15;letter-spacing:-.035em;font-weight:500}
h3{font-size:1.2rem;line-height:1.4}
p{margin-bottom:1.2em}
.wrap{width:min(1100px,calc(100% - 64px));margin:0 auto}
.site-header{position:relative;z-index:5;background:transparent;border-bottom:1px solid var(--border-subtle);transition:background .3s}
.site-header.scrolled{background:var(--bg-surface)}
.header-row{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px}
.brand{text-decoration:none;font-size:1.04rem;font-weight:650;letter-spacing:-.04em;white-space:nowrap;display:flex;align-items:center;gap:9px}
.brand-mark{width:18px;height:18px;border:1px solid var(--accent-primary);display:inline-block;position:relative}
.brand-mark:after{content:"";position:absolute;inset:4px;border-top:2px solid var(--accent-primary);border-bottom:2px solid var(--accent-primary)}
.site-nav{display:flex;gap:20px;font-size:.8rem;align-items:center}
.site-nav a{text-decoration:none;white-space:nowrap;border-bottom:1px solid transparent}
.site-nav a:hover,.site-nav a[aria-current=page]{border-color:var(--accent-primary)}
.menu-toggle{display:none;background:none;border:1px solid var(--border-subtle);font-size:1.7rem;line-height:1;padding:6px 15px}
.skip{position:absolute;top:-100px;left:12px;background:var(--bg-canvas);padding:8px;z-index:20}
.skip:focus{top:12px}
.eyebrow,.label,.practical,figcaption,.number{font-family:ui-monospace,Consolas,monospace;font-size:.75rem;letter-spacing:.06em}
.eyebrow{display:block;text-transform:uppercase;margin-bottom:24px;color:var(--accent-secondary)}
.band{padding:76px 0}
.band.tonal{background:var(--bg-surface);border-block:1px solid var(--border-subtle)}
.intro{padding:70px 0 42px}
.lead{font-size:1.18rem;max-width:65ch;color:#3e3b35}
.hero-visual{position:relative;min-height:560px;isolation:isolate}
.hero-visual>img{position:absolute;inset:0;z-index:-2}
.hero-visual:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,rgba(120,53,15,.09),transparent,rgba(214,40,40,.08));background-size:200% 200%;animation:gradientShift 12s ease infinite;pointer-events:none}
@keyframes gradientShift{50%{background-position:100% 100%}}
.hero-inner{padding-block:55px;display:flex;justify-content:flex-end}
.fact-panel{width:min(420px,100%);padding:30px;background:rgba(247,245,240,.94);backdrop-filter:var(--glass-backdrop);border:1px solid rgba(255,255,255,.8)}
.fact-panel h2{font-size:1.65rem}
.fact-panel ol{list-style:none;counter-reset:facts;padding:0;margin-bottom:0}
.fact-panel li{counter-increment:facts;border-top:1px solid var(--border-subtle);padding:15px 0;font-size:.9rem}
.fact-panel li:before{content:"0" counter(facts);font:12px ui-monospace,monospace;color:var(--accent-primary);margin-right:12px}
.source{font-size:.75rem;display:block;margin-top:5px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px}
.pathways{grid-template-columns:repeat(2,minmax(0,1fr))}
.card{background:rgba(247,245,240,.78);backdrop-filter:var(--glass-backdrop);border:1px solid var(--border-subtle);transition:transform .5s var(--ease-kinetic),box-shadow .5s var(--ease-kinetic)}
.card:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}
.card-media{aspect-ratio:4/3;overflow:hidden}
.card-copy{padding:25px}
.card-copy h3{font-size:1.5rem;font-weight:500}
.card-copy p{font-size:.95rem}
.primary{display:inline-block;background:var(--accent-primary);color:#fff;border:1px solid var(--accent-primary);text-decoration:none;padding:13px 21px;font-weight:600;transition:transform .4s var(--ease-kinetic),box-shadow .4s}
.primary:hover{transform:translateY(-5px) scale(1.015);box-shadow:var(--shadow-elevation),var(--glow-accent)}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}
.practical{border-left:2px solid var(--accent-primary);padding:15px 20px;background:rgba(247,245,240,.75);font-size:.82rem;letter-spacing:0;line-height:1.8}
.timeline{counter-reset:pace;list-style:none;padding:0}
.timeline li{counter-increment:pace;border-top:1px solid var(--border-subtle);padding:22px 0 22px 55px;position:relative}
.timeline li:before{content:"0" counter(pace);position:absolute;left:0;color:var(--accent-primary);font-family:ui-monospace,monospace}
.reading{max-width:70ch;margin:0 auto}
.reading h2{font-size:2rem;margin-top:45px}
.article-banner{aspect-ratio:16/9;margin:32px 0 0}
figcaption{height:auto;margin-top:9px;color:var(--text-muted);letter-spacing:0}
.article-band{padding:58px 0}
.article-band:nth-of-type(even){background:var(--bg-surface)}
.article-heading{padding:65px 0 40px}
.article-heading h1{font-size:clamp(2.5rem,5vw,4.8rem);max-width:20ch}
.related{margin-top:30px;padding-top:22px;border-top:1px solid var(--border-subtle)}
details{border-top:1px solid var(--border-subtle);padding:22px 0}
details:last-child{border-bottom:1px solid var(--border-subtle)}
summary{font-size:1.1rem;cursor:pointer;font-weight:550}
details p{margin:16px 0 0}
form{display:grid;gap:22px}
label{display:block;font-weight:600;margin-bottom:7px}
input,select,textarea{width:100%;padding:13px;border:1px solid #8e887c;background:var(--bg-canvas);color:var(--text-primary)}
textarea{resize:vertical;min-height:150px}
fieldset{border:1px solid var(--border-subtle);margin:0;padding:20px}
legend{font-family:ui-monospace,monospace;font-size:.8rem;padding:0 8px}
.check{display:flex;align-items:center;gap:10px;font-weight:400}
.check input{width:auto;accent-color:var(--accent-primary)}
.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}
.text-button{background:none;border:0;border-bottom:1px solid var(--accent-primary);padding:3px 0;color:var(--text-primary)}
.text-button:hover{border-bottom-width:3px}
.status{min-height:1.8em;font-size:.9rem;color:var(--accent-secondary)}
.preview{white-space:pre-wrap;font-family:ui-monospace,monospace;font-size:.85rem;background:var(--bg-surface);padding:24px;border:1px solid var(--border-subtle)}
.site-footer{padding:48px 0 25px;border-top:1px solid var(--border-subtle)}
.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px;border:1px solid var(--border-subtle);padding:28px}
.footer-grid h2{font:12px ui-monospace,monospace;text-transform:uppercase;letter-spacing:.08em}
.footer-grid a{display:block;width:fit-content;font-size:.9rem;margin:6px 0}
.footer-grid p{font-size:.83rem;margin:6px 0}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;font-size:.75rem;color:var(--text-muted);padding-top:22px}
.reveal-ready{opacity:0;transform:translateY(24px)}
.reveal-visible{opacity:1;transform:translateY(0);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}
@media(min-width:1025px){.pathways .card:nth-child(even){margin-top:35px}.header-row{gap:28px}}
@media(min-width:769px) and (max-width:1024px){.site-nav{gap:11px;font-size:.72rem}.brand{font-size:.9rem}.header-row{padding:20px 14px}.split{gap:30px}}
@media(max-width:768px){.wrap{width:calc(100% - 40px)}.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-surface);padding:24px;border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation)}.site-nav.open{display:grid;gap:20px}.site-nav a{font-size:1rem;width:fit-content}.header-row{padding:20px}.split{grid-template-columns:1fr;gap:28px}.band{padding:50px 0}.intro{padding-top:45px}.hero-visual{min-height:580px}.hero-inner{padding-block:35px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column}.article-heading{padding-top:45px}}
@media(min-width:481px) and (max-width:768px){.pathways{gap:15px}.card-copy{padding:18px}.card-copy h3{font-size:1.3rem}}
@media(max-width:480px){.wrap{width:calc(100% - 30px)}.pathways,.grid,.footer-grid{grid-template-columns:1fr}.hero-visual{min-height:640px}.fact-panel{padding:22px}.brand{font-size:.95rem}.header-row{padding:17px 14px}.footer-grid{padding:22px}.intro h1{font-size:3rem}.article-banner{aspect-ratio:4/3}.footer-bottom{font-size:.72rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready{opacity:1;transform:none}}