:root{--bg: #f3eee3;--bg-warm: #ebe6db;--paper: #f8f3e8;--ink: #1a1414;--ink-soft: #5a504e;--rule: #1a1414;--accent: #7a2a2a;--accent-glow: #a04040}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);font-family:Inter Tight,sans-serif;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}a:hover{border-bottom-color:var(--accent)}a:visited{color:var(--accent)}.top-nav{position:fixed;top:0;left:0;right:0;z-index:50;padding:1rem 2rem;display:grid;grid-template-columns:1fr auto 1fr;align-items:baseline;gap:2rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink);background:transparent;transition:background .3s,border-color .3s,color .3s;border-bottom:1px solid transparent}.top-nav.over-banner{color:var(--paper)}.top-nav.over-banner .right{color:#faf7f0b3}.top-nav.scrolled{background:#f4f1eaeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom-color:var(--rule);color:var(--ink)}.top-nav.scrolled .right{color:var(--ink-soft)}.top-nav .left{text-align:left}.top-nav .right{text-align:right}.top-nav .title{font-family:Cormorant Garamond,serif;font-size:1.1rem;font-weight:500;text-transform:none;letter-spacing:-.01em;font-style:italic}.banner{position:relative;height:100vh;width:100%;overflow:hidden;background:linear-gradient(180deg,#2a2520,#1a1612)}.banner-canvas{position:absolute!important;top:0;right:0;bottom:0;left:0;z-index:0}.banner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 2rem 8rem;pointer-events:none;color:var(--paper)}.banner-overlay>*{pointer-events:auto}.banner-eyebrow{font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;color:var(--accent-glow);margin-bottom:1.5rem;text-shadow:0 0 20px rgba(232,99,46,.4)}.banner-title{font-family:Cormorant Garamond,serif;font-weight:500;font-size:clamp(3rem,8vw,7.5rem);line-height:.95;letter-spacing:-.035em;max-width:16ch;margin-bottom:2rem;color:var(--paper);text-shadow:0 2px 24px rgba(0,0,0,.4)}.banner-title em{font-style:italic;color:var(--accent-glow)}.banner-deck{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1.1rem,1.6vw,1.4rem);line-height:1.4;color:#faf7f0c7;max-width:44ch}.scroll-cue{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:3;font-size:.65rem;text-transform:uppercase;letter-spacing:.25em;color:#faf7f099;display:flex;flex-direction:column;align-items:center;gap:.6rem}.scroll-cue .line{width:1px;height:28px;background:#faf7f099;animation:scroll-pulse 2s ease-in-out infinite;transform-origin:top}@keyframes scroll-pulse{0%,to{transform:scaleY(.4);opacity:.4}50%{transform:scaleY(1);opacity:1}}.article{position:relative;z-index:1;background:var(--bg);padding:8rem 2rem}.article-inner{max-width:680px;margin:0 auto}.article-meta{display:flex;justify-content:space-between;font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);padding-bottom:1rem;border-bottom:1px solid var(--rule);margin-bottom:4rem}.section{margin-bottom:5rem;scroll-margin-top:2rem}.section:first-of-type{margin-top:0}.section-header{display:flex;align-items:baseline;gap:1.5rem;margin-bottom:2.5rem}.section-number{font-family:"Instrument Serif",serif;font-style:italic;font-size:1.4rem;color:var(--accent);flex-shrink:0}.section h2{font-family:"Instrument Serif",serif;font-weight:400;font-size:clamp(2rem,3.4vw,2.8rem);line-height:1.05;letter-spacing:-.025em}.section p{font-size:1.1rem;line-height:1.75;color:var(--ink);margin-bottom:1.6rem}.section p:first-of-type:first-letter{font-family:"Instrument Serif",serif;font-weight:400;font-size:4.5rem;line-height:.85;float:left;padding:.4rem .6rem 0 0;margin-top:0;color:var(--ink)}.pull-quote{font-family:"Instrument Serif",serif;font-style:italic;font-size:clamp(1.5rem,2.2vw,1.95rem);line-height:1.3;color:var(--ink);margin:3rem 0;padding:0 0 0 2rem;border-left:2px solid var(--accent);letter-spacing:-.01em}.section ul{list-style:none;margin:2.5rem 0;border-top:1px solid rgba(26,26,26,.15)}.section ul li{padding:1.1rem 0;border-bottom:1px solid rgba(26,26,26,.15);display:flex;justify-content:space-between;align-items:baseline;gap:2rem}.section ul li .item-name{font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.15rem;color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .25s,color .25s}.section ul li a.item-name:hover{color:var(--accent);border-bottom-color:var(--accent)}.section ul li .item-meta{font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft);flex-shrink:0}.colophon{margin-top:6rem;padding-top:2.5rem;border-top:1px solid var(--rule);font-size:.9rem;line-height:1.7;color:var(--ink-soft)}.colophon p{margin-bottom:1rem}.colophon .contact{font-family:"Instrument Serif",serif;font-style:italic;font-size:1.4rem;color:var(--ink);margin-top:2rem}.colophon .contact a{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent)}@media (max-width: 720px){.top-nav{padding:.85rem 1rem;grid-template-columns:1fr 1fr;gap:1rem;font-size:.6rem}.top-nav .left{display:none}.top-nav .title{font-size:.95rem}.banner-overlay{padding:0 1.25rem 5rem}.banner-eyebrow{font-size:.65rem;margin-bottom:1rem}.article{padding:4rem 1.25rem 5rem}.section{margin-bottom:4rem}.section-header{gap:1rem;margin-bottom:1.75rem}.section p{font-size:1rem}.section p:first-of-type:first-letter{font-size:3.2rem}.pull-quote{padding-left:1.25rem;margin:2rem 0}.section ul li{gap:1rem}}
