@font-face{font-family:Abril Fatface Local;src:url(/fonts/Abril-Fatface/AbrilFatface-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:EB Garamond Local;src:url(/fonts/EB-Garamond/EBGaramond-Variable.ttf) format("truetype");font-style:normal;font-weight:400 800;font-display:swap}@font-face{font-family:EB Garamond Local;src:url(/fonts/EB-Garamond/EBGaramond-Italic-Variable.ttf) format("truetype");font-style:italic;font-weight:400 800;font-display:swap}@font-face{font-family:iA Writer Quattro;src:url(/fonts/iA-Writer-Quattro/iAWriterQuattroS-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--paper: #f4efe4;--paper-deep: #eadfc8;--surface: rgba(255, 250, 242, .72);--surface-strong: rgba(255, 252, 246, .9);--ink: #181312;--ink-soft: #433732;--wine: #6c2330;--wine-deep: #48151f;--gold: #a78241;--olive: #556042;--line: rgba(24, 19, 18, .14);--line-strong: rgba(24, 19, 18, .26);--shadow: rgba(24, 19, 18, .08);--display-font: "Abril Fatface Local", Georgia, serif;--body-font: "EB Garamond Local", Georgia, serif;--accent-font: "iA Writer Quattro", "Courier New", monospace;--content-width: 72rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:radial-gradient(circle at top left,rgba(167,130,65,.14),transparent 28%),radial-gradient(circle at bottom right,rgba(108,35,48,.1),transparent 28%),var(--paper);font-family:var(--body-font);line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.038;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.1' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)'/%3E%3C/svg%3E");background-size:180px}img{max-width:100%;display:block}svg{display:block}a{color:inherit;text-decoration-thickness:.08em;text-underline-offset:.16em}code{font-family:var(--accent-font);font-size:.9em}.site-shell{position:relative;z-index:1}.site-main,.site-header,.site-footer{width:min(calc(100% - 2rem),var(--content-width));margin:0 auto}.site-header{padding-top:1rem}.site-main{padding-bottom:3rem}.frame-block{position:relative;background:linear-gradient(180deg,#ffffff8a,#ffffff57);border:1px solid var(--line);box-shadow:0 20px 44px var(--shadow);overflow:hidden}.frame-block:before,.frame-block:after{content:"";position:absolute;inset:.7rem;border:1px solid rgba(167,130,65,.18);pointer-events:none}.frame-block:after{inset:.25rem;border-color:#1813120f}.header-lockup,.hero-inner,.featured-piece,.signup-panel,.archive-shell,.post-shell,.site-footer{padding:1.4rem}.header-lockup{display:flex;gap:1rem;align-items:center;justify-content:space-between}.brand{display:flex;gap:.9rem;align-items:center;text-decoration:none}.brand-mark{width:4.25rem;height:4.25rem;border-radius:50%;background:#ffffff8c;border:1px solid rgba(24,19,18,.12);padding:.35rem}.brand-name,.hero-title,.section-heading h2,.post-title,.archive-title,.writing-card h3,.featured-piece h2,.track-panel h3{font-family:var(--display-font)}.brand-name{font-size:clamp(1.7rem,3vw,2.4rem);line-height:.95}.brand-subtitle,.section-kicker,.writing-card-meta,.footer-kicker,.hero-meta,.post-meta,.filter-label,.site-nav{font-family:var(--accent-font);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase}.brand-subtitle,.section-kicker,.footer-kicker,.filter-label{color:var(--gold)}.site-nav{display:flex;gap:1rem;flex-wrap:wrap}.site-nav a{text-decoration:none}.site-nav a:hover,.site-nav a:focus-visible,.text-link:hover,.text-link:focus-visible{color:var(--wine)}.hero{margin-top:1rem}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);gap:2rem}.hero-title{font-size:clamp(3rem,9vw,6.5rem);line-height:.88;margin:0}.hero-copy{font-size:1.35rem;max-width:28ch;color:var(--ink-soft)}.hero-note{border-left:1px solid var(--line);padding-left:1.2rem;display:grid;gap:1rem;align-content:start}.hero-note p,.featured-note p,.footer-copy,.signup-panel p,.track-panel p,.archive-intro{margin:0;color:var(--ink-soft)}.button-row{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.2rem}.button-link,.secondary-link,.signup-form button,.filter-button{appearance:none;border:1px solid var(--line-strong);background:var(--surface-strong);color:var(--ink);padding:.8rem 1rem;font:inherit;text-decoration:none;cursor:pointer}.button-link{background:linear-gradient(180deg,var(--wine),var(--wine-deep));color:#f8f1e7;border-color:transparent}.secondary-link:hover,.signup-form button:hover,.filter-button:hover,.filter-button.is-active{background:#a782411f}.button-link:hover{filter:brightness(1.05)}.section-heading{display:grid;gap:.45rem;margin-bottom:1rem}.section-heading h2,.archive-title,.post-title{margin:0;font-size:clamp(2.2rem,5vw,3.7rem);line-height:.95}.featured-grid,.signup-grid,.track-grid,.footer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.featured-excerpt{font-size:1.3rem;max-width:36ch}.track-grid,.writing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.track-panel,.writing-card,.signup-placeholder,.filter-bar,.post-aside,.archive-shell{background:var(--surface);border:1px solid var(--line)}.track-panel,.writing-card,.filter-bar,.post-aside{padding:1rem}.track-panel h3,.writing-card h3{margin:0 0 .5rem;font-size:1.65rem;line-height:1}.writing-card p,.track-panel p{margin:0;color:var(--ink-soft)}.writing-card-meta{display:flex;gap:.65rem;flex-wrap:wrap;color:var(--gold);margin-bottom:.7rem}.track-pill{color:var(--wine)}.writing-card-compact h3{font-size:1.35rem}.text-link{display:inline-block;margin-top:.8rem}.archive-layout{display:grid;gap:1rem}.filter-bar{display:flex;gap:1rem;align-items:center;justify-content:space-between;flex-wrap:wrap}.filter-group,.sort-group{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.sort-select,.signup-form input{width:100%;border:1px solid var(--line-strong);background:#ffffffd9;color:var(--ink);padding:.8rem .9rem;font:inherit}.archive-summary{color:var(--ink-soft)}.post-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(16rem,.65fr);gap:1.2rem}.post-header{display:grid;gap:.8rem;margin-bottom:1.4rem}.post-dek{font-size:1.35rem;line-height:1.5;color:var(--ink-soft);max-width:40ch}.post-meta{display:flex;gap:.65rem;flex-wrap:wrap;color:var(--gold)}.post-content{background:#fffcf6e0;border:1px solid rgba(24,19,18,.1);padding:clamp(1.2rem,3vw,2rem)}.article-body{font-size:clamp(1.25rem,2vw,1.46rem);line-height:1.85}.article-body>:first-child{margin-top:0}.article-body p,.article-body blockquote,.article-body ul,.article-body ol,.article-body hr,.article-body h2,.article-body h3{margin:0 0 1.25rem}.article-body h2,.article-body h3{font-family:var(--display-font);line-height:1}.article-body p:first-of-type{position:relative}.article-body p:first-of-type:first-letter{float:left;font-family:var(--display-font);font-size:5.4rem;line-height:.8;padding:.2rem .45rem .1rem 0;color:var(--wine);text-shadow:1px 1px 0 rgba(167,130,65,.2)}.article-body blockquote{padding-left:1rem;border-left:2px solid rgba(167,130,65,.5);color:var(--ink-soft);font-style:italic}.article-body hr{border:0;border-top:1px solid var(--line)}.post-aside{display:grid;gap:1rem;align-content:start}.post-aside p{margin:0;color:var(--ink-soft)}.signup-form{display:grid;gap:.75rem}.signup-footnote,.archive-note,.post-note{font-size:.98rem;color:var(--ink-soft)}.footer-grid{align-items:start}.footer-links{display:flex;gap:1rem;flex-wrap:wrap;justify-content:flex-end}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:960px){.hero-inner,.featured-grid,.signup-grid,.track-grid,.writing-grid,.post-layout,.footer-grid{grid-template-columns:1fr}.hero-note{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:1rem}}@media(max-width:720px){.header-lockup,.filter-bar{align-items:start;flex-direction:column}.site-nav,.button-row,.filter-group,.sort-group,.footer-links{width:100%}.site-main,.site-header,.site-footer{width:min(calc(100% - 1rem),var(--content-width))}.brand-mark{width:3.5rem;height:3.5rem}.article-body{font-size:1.2rem}.article-body p:first-of-type:first-letter{font-size:4.6rem}}
