:root{--bg-canvas:#1e1612;--bg-surface:#30221a;--bg-surface-hover:#3b2a1d;--text-primary:#f5ecdf;--text-muted:#cbbcaa;--accent-primary:#f59e0b;--accent-secondary:#d9a968;--border-subtle:#65503c;--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 #f59e0b40;--glass-backdrop:blur(16px) saturate(180%)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:var(--bg-canvas);color:var(--text-primary);font-family:Charter,Cambria,Georgia,serif;font-size:1.08rem;line-height:1.75;overflow-wrap:anywhere;hyphens:auto}
::selection{background:var(--accent-primary);color:var(--bg-canvas)}
a{color:var(--accent-secondary);text-underline-offset:.24em;text-decoration-thickness:1px}
a:hover{color:var(--text-primary)}
button,input,textarea{font:inherit}
button{cursor:pointer}
button,a,input,textarea,summary{touch-action:manipulation}
:focus-visible{outline:3px solid var(--accent-primary);outline-offset:5px}
img{display:block;max-width:100%;height:auto;border-radius:0}
figure{margin:0}
figcaption,.caption{font-size:.87rem;color:var(--text-muted);line-height:1.6;margin-top:.75rem}
h1,h2,h3{font-weight:400;line-height:1.1;letter-spacing:-.025em;overflow-wrap:anywhere;hyphens:auto}
h1{font-size:clamp(2.6rem,6.8vw,6rem);margin:.35em 0}
h2{font-size:clamp(1.9rem,3.8vw,3rem);margin:.4em 0 .65em}
h3{font-size:1.45rem;margin:.2em 0 .6em}
p{margin:0 0 1.25em}
ul,ol{padding-left:1.35em}
li{margin-bottom:.6rem}
.wrap{width:min(1200px,calc(100% - 3rem));margin-inline:auto}
.reading{max-width:70ch;margin-inline:auto}
.skip-link{position:absolute;top:-6rem;left:1rem;z-index:30;background:var(--accent-primary);color:var(--bg-canvas);padding:.5rem 1rem}
.skip-link:focus{top:1rem}
.site-header{position:relative;z-index:10;margin:1rem 1.25rem}
.header-capsule{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:.85rem 1.35rem;border:1px solid var(--border-subtle);border-radius:100px;background:var(--bg-surface);box-shadow:var(--shadow-elevation)}
.brand{display:inline-flex;align-items:center;gap:.65rem;flex-shrink:0;color:var(--text-primary);text-decoration:none;font-size:1.05rem;letter-spacing:.01em}
.brand-mark{color:var(--accent-primary);font-size:1.7rem;line-height:1}
.site-nav{display:flex;align-items:center;gap:clamp(.55rem,1.2vw,1rem)}
.site-nav a{color:var(--text-primary);font-size:.79rem;text-decoration:none;white-space:nowrap}
.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--accent-primary)}
.menu-toggle{display:none;border:0;background:none;color:var(--accent-primary);font-size:2rem;line-height:1;padding:.2rem .65rem}
.eyebrow{font-variant:small-caps;letter-spacing:.15em;color:var(--accent-secondary);font-size:.83rem;margin-bottom:1rem}
.hero{position:relative;min-height:100svh;display:grid;place-items:center;isolation:isolate;text-align:center;padding:6rem 1.5rem}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3}
.hero:before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,#1e161252,#1e1612b8 45%,#1e1612f5)}
.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 35%,#f59e0b25,transparent 65%);background-size:200% 200%;animation:gradientShift 12s ease infinite;pointer-events:none}
.hero-copy{max-width:900px}
.hero p:not(.eyebrow){max-width:56ch;margin:1.6rem auto 2rem;font-size:1.2rem;color:var(--text-primary)}
.button,button.action{display:inline-block;border:0;border-radius:99px;background:var(--accent-primary);color:var(--bg-canvas);padding:.75rem 1.45rem;text-decoration:none;font-size:.96rem;font-weight:700;line-height:1.4;transition:transform .35s var(--ease-kinetic),box-shadow .35s var(--ease-kinetic)}
.button:hover,button.action:hover{color:var(--bg-canvas);transform:translateY(-3px);box-shadow:var(--shadow-elevation),var(--glow-accent)}
button.secondary{background:#e6d3b8}
.section{padding:5rem 0;border-bottom:1px solid var(--border-subtle)}
.ambient{background:radial-gradient(ellipse at 10% 40%,#f59e0b12,transparent 65%)}
.lead-essay{max-width:70ch;margin-inline:auto}
.lead-essay>p:first-of-type:first-letter{float:left;color:var(--accent-primary);font-size:4.5rem;line-height:.9;padding:.15rem .5rem 0 0}
.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:4rem}
.editorial-block{padding:3.5rem 0;border-bottom:1px solid var(--border-subtle);min-width:0}
.editorial-block figure{margin-bottom:1.8rem}
.image-landscape{width:100%;aspect-ratio:4/3;object-fit:cover}
.image-wide{width:100%;aspect-ratio:16/9;object-fit:cover}
.image-detail{width:100%;aspect-ratio:1/1;object-fit:cover}
.story-row{display:grid;grid-template-columns:1.7rem minmax(0,1fr);gap:1rem;border-top:1px solid var(--border-subtle);padding:1.5rem 0}
.story-icon{color:var(--accent-primary);font-size:1.2rem}
.story-row p{margin-bottom:.65rem}
.text-link{display:inline-block;margin-top:.3rem}
.page-opening{padding:5rem 0 3.5rem;border-bottom:1px solid var(--border-subtle);background:radial-gradient(ellipse at 85% 25%,#f59e0b15,transparent 65%)}
.page-opening h1{max-width:14ch}
.page-opening .intro{font-size:1.3rem;max-width:60ch;color:var(--text-muted)}
.article-meta{font-size:.85rem;color:var(--text-muted);font-variant:small-caps;letter-spacing:.06em}
.article-body{padding-block:3.5rem}
.article-body section{margin-bottom:3.5rem}
.article-body h2{font-size:2rem}
.article-body figure{margin-block:2.5rem}
.notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr));gap:2rem;margin-block:2rem}
.note{border-block:1px solid var(--border-subtle);padding:1.5rem 0}
blockquote{margin:2rem 0;padding:.6rem 0 .6rem 1.5rem;border-left:2px solid var(--accent-primary);font-size:1.3rem}
blockquote p{margin-bottom:.6rem}
blockquote cite{font-size:.9rem;color:var(--text-muted);font-style:normal}
.sources{font-size:.95rem;border-top:1px solid var(--border-subtle);padding-top:2rem}
details{border-bottom:1px solid var(--border-subtle);padding:1.2rem 0}
summary{cursor:pointer;font-size:1.2rem;color:var(--text-primary)}
details[open] summary{margin-bottom:1rem;color:var(--accent-secondary)}
details p{margin-bottom:.5rem}
.faq-list{padding-bottom:4rem}
.contact-form{margin:2rem 0}
label{display:block;margin:1.3rem 0 .35rem}
input,textarea{width:100%;border:1px solid var(--border-subtle);border-radius:0;background:var(--bg-surface);color:var(--text-primary);padding:.8rem 1rem;max-width:100%}
textarea{min-height:12rem;resize:vertical}
.actions{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.4rem 0}
.status{min-height:1.8em;color:var(--accent-secondary);font-size:.95rem}
.tool-output{white-space:pre-wrap;font:inherit;background:var(--bg-surface);padding:1.25rem;border-left:2px solid var(--accent-primary);overflow-wrap:anywhere}
.site-footer{padding:3.5rem 0 2rem;color:var(--text-muted);font-size:.9rem}
.footer-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;border-bottom:1px solid var(--border-subtle);padding-bottom:1.4rem;margin-bottom:1.4rem}
.footer-links{display:flex;flex-wrap:wrap;gap:1rem}
.footer-note{max-width:75ch}
.reveal-ready .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s var(--ease-kinetic),transform .7s var(--ease-kinetic)}
.reveal-ready .reveal-visible{opacity:1;transform:translateY(0)}
[hidden]{display:none!important}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:1025px){.site-nav{gap:1rem}.header-capsule{padding-inline:1.6rem}}
@media(min-width:769px) and (max-width:1024px){.header-capsule{align-items:flex-start;border-radius:2rem;flex-direction:column;gap:.7rem}.site-nav{width:100%;justify-content:space-between}.editorial-grid{column-gap:2.5rem}}
@media(min-width:481px) and (max-width:768px){.wrap{width:calc(100% - 2.5rem)}.hero{padding-inline:2rem}.editorial-grid{column-gap:2rem}}
@media(max-width:767px){.site-header{margin:.7rem}.header-capsule{padding:.7rem 1rem;position:relative}.menu-toggle{display:block}.site-nav{display:none;position:absolute;left:0;right:0;top:calc(100% + .5rem);padding:1.2rem 1.5rem;background:var(--bg-surface);border:1px solid var(--border-subtle);box-shadow:var(--shadow-elevation);flex-direction:column;align-items:stretch;gap:0}.site-nav.is-open{display:flex}.site-nav a{font-size:1.05rem;padding:.5rem 0}.editorial-grid{grid-template-columns:1fr}.section{padding:3.5rem 0}.page-opening{padding:3rem 0 2.5rem}.hero{min-height:100svh}.brand{font-size:1rem}}
@media(max-width:480px){.wrap{width:calc(100% - 2rem)}.hero{padding:4rem 1rem}.hero p:not(.eyebrow){font-size:1.08rem}.editorial-block{padding:2.5rem 0}.article-body{padding-block:2.5rem}.actions{flex-direction:column;align-items:stretch}.actions button{width:100%}.footer-top{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal-ready .reveal{opacity:1;transform:none}.button:hover,button.action:hover{transform:none}}
@media print{.site-header,.site-footer,.actions,.menu-toggle{display:none}body{background:white;color:black}.hero{min-height:auto}.hero-image,.hero:before,.hero:after{display:none}a{color:inherit}.reveal-ready .reveal{opacity:1;transform:none}}