:root{--bg: #f7f3ec;--bg-deep: #ece5d6;--ink: #14110f;--ink-soft: #3a332c;--muted: #7a6e60;--rule: #d8cfbe;--accent: #b0432a;--accent-ink: #8a3420;--serif: "Fraunces", Georgia, serif;--sans: "Inter", system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--edge: 3rem}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-feature-settings:"kern" 1,"liga" 1,"onum" 1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{min-height:100vh;min-height:100dvh;position:relative;padding:2.5rem var(--edge);display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(ellipse 70% 55% at 20% 12%,rgba(176,67,42,.05) 0%,transparent 62%),radial-gradient(ellipse 60% 55% at 82% 92%,rgba(60,50,40,.05) 0%,transparent 62%),var(--bg)}.paper{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.4;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 320 320' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.08 0 0 0 0 0.06 0 0 0 0 0.04 0 0 0 0.045 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:320px 320px}.frame{display:flex;justify-content:space-between;align-items:baseline;gap:1.5rem;font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);position:relative;z-index:10}.frame-top{border-bottom:1px solid var(--rule);padding-bottom:1rem}.frame-bottom{border-top:1px solid var(--rule);padding-top:1rem}.mark{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.1rem;text-transform:none;letter-spacing:0;color:var(--ink);text-decoration:none;white-space:nowrap}.mark:hover{color:var(--accent)}.nav{display:flex;align-items:baseline;gap:1.75rem}.nav a{font-family:var(--mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);text-decoration:none;position:relative;padding-bottom:.15rem;transition:color .18s ease}.nav a:hover,.nav a[aria-current=page]{color:var(--ink)}.nav a[aria-current=page]:after{content:"";position:absolute;left:0;right:0;bottom:-.15rem;height:1px;background:var(--accent)}.nav a.nav-cta{color:var(--accent)}.nav a.nav-cta:hover{color:var(--accent-ink)}.meta .dot,.mark-dot{padding:0 .5em;color:var(--accent)}.ornament{font-family:var(--serif);font-style:italic;font-weight:400;font-size:1.05rem;text-transform:none;letter-spacing:0;color:var(--accent)}.domain{font-family:var(--mono);text-transform:lowercase}.eyebrow{font-family:var(--mono);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:var(--accent)}.serif{font-family:var(--serif)}.lede{font-family:var(--serif);font-weight:300;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.4;color:var(--ink-soft);letter-spacing:-.01em}.lede em{font-style:italic;color:var(--accent)}.prose p{font-size:1.05rem;line-height:1.7;color:var(--ink-soft);max-width:62ch}.prose p+p{margin-top:1.15rem}.rule{height:1px;background:var(--rule);border:0}.btn{display:inline-flex;align-items:center;gap:.6rem;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;padding:.85rem 1.5rem;border:1px solid var(--ink);color:var(--ink);background:transparent;transition:background .2s ease,color .2s ease,border-color .2s ease}.btn:hover{background:var(--ink);color:var(--bg)}.btn .arrow{transition:transform .2s ease}.btn:hover .arrow{transform:translate(3px)}.btn-accent{border-color:var(--accent);background:var(--accent);color:var(--bg)}.btn-accent:hover{background:var(--accent-ink);border-color:var(--accent-ink);color:var(--bg)}.btn-ghost{border-color:var(--rule);color:var(--ink-soft)}.btn-ghost:hover{background:transparent;border-color:var(--ink);color:var(--ink)}.site-main{position:relative;z-index:10;width:100%}.wrap{width:100%;max-width:1180px;margin:0 auto}.section{padding:clamp(4rem,9vw,8rem) 0;border-top:1px solid var(--rule)}.section:first-of-type{border-top:0}.section-head{display:flex;align-items:baseline;gap:1rem;margin-bottom:2.5rem}.section-head .num{font-family:var(--serif);font-style:italic;color:var(--accent);font-size:1.1rem}.section-title{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,4.5vw,3.2rem);line-height:1.05;letter-spacing:-.02em;color:var(--ink)}.section-title em{font-style:italic;color:var(--accent)}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;animation:fade-up 1.1s cubic-bezier(.16,.78,.24,1) forwards;will-change:opacity,transform}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal,[class*=reveal]{opacity:1!important;transform:none!important;animation:none!important}}@media(max-width:900px){:root{--edge: 2rem}.nav{gap:1.15rem}}@media(max-width:640px){:root{--edge: 1.25rem}body{padding:1.5rem var(--edge)}.frame{font-size:.62rem;letter-spacing:.13em;gap:.75rem}.nav{gap:.85rem;flex-wrap:wrap;justify-content:flex-end}.mark,.ornament{font-size:1rem}}
