:root{color-scheme:dark;--bg-calm: #14100d;--bg-deep: #0f0b09;--surface-paper: #1c1510;--surface-raised: #231a13;--ink: #efe6d6;--ink-soft: #c4b59b;--ink-faint: #8f806a;--gold: #c9a26b;--gold-bright: #e0bd86;--gold-dim: #8c7048;--burgundy: #8a3445;--line: rgba(201, 162, 107, .2);--line-strong: rgba(201, 162, 107, .42);--glow: rgba(224, 150, 66, .26);--glow-strong: rgba(255, 190, 110, .9);--error: #d39a8b;--success: #aebd8f;--input-bg: #110c09;--grain-opacity: .09;--shadow-paper: 0 1px 0 rgba(255, 240, 215, .04) inset, 0 18px 40px -28px rgba(0, 0, 0, .9);--font-display: "Cormorant Garamond", "Iowan Old Style", Georgia, serif;--font-label: "Cinzel", "Trajan Pro", Georgia, serif;--font-body: "EB Garamond", "Iowan Old Style", Georgia, serif;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--sp-9: 96px;--radius-soft: 4px;--read-width: 40rem;--page-width: 72rem;--ease: cubic-bezier(.25, .1, .25, 1)}:root[data-theme=paper]{color-scheme:light;--bg-calm: #efe6d4;--bg-deep: #e6dac3;--surface-paper: #f6efe0;--surface-raised: #fbf6ea;--ink: #2b2018;--ink-soft: #55453a;--ink-faint: #7b6a58;--gold: #8a6636;--gold-bright: #6f4f23;--gold-dim: #a98a5c;--burgundy: #7a2a3a;--line: rgba(110, 80, 40, .22);--line-strong: rgba(110, 80, 40, .45);--glow: rgba(214, 150, 70, .22);--glow-strong: rgba(255, 196, 120, .8);--error: #9a3f31;--success: #4f6a35;--input-bg: #fffaf0;--grain-opacity: .12;--shadow-paper: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 14px 30px -24px rgba(60, 40, 20, .55)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);font-size:1.2rem;line-height:1.7;color:var(--ink);background-color:var(--bg-calm);background-image:radial-gradient(ellipse 70% 40% at 80% -6%,var(--glow),transparent 70%),radial-gradient(ellipse 60% 40% at 0% 100%,rgba(138,52,69,.14),transparent 70%);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;inset:0;z-index:0;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 0.9  0 0 0 0 0.75  0 0 0 0.9 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}#root{position:relative;z-index:1}img,svg{max-width:100%;display:block}a{color:var(--gold-bright);text-decoration:none;text-underline-offset:4px;transition:color .5s var(--ease)}a:hover{color:var(--ink)}p{margin:0 0 1.1em}h1,h2,h3,h4{font-family:var(--font-display);font-weight:500;line-height:1.12;margin:0 0 .5em;letter-spacing:.005em}h1{font-size:clamp(2.5rem,5.2vw,4.3rem)}h2{font-size:clamp(1.9rem,3.2vw,2.6rem)}h3{font-size:1.6rem}em{color:var(--gold-bright);font-style:italic}::selection{background:#c9a26b59}:focus-visible{outline:2px solid var(--gold-bright);outline-offset:3px;border-radius:2px}.skip-link{position:absolute;left:-999px;top:8px;z-index:100;background:var(--gold);color:#1a120b;padding:10px 16px;font-family:var(--font-label);font-size:.8rem;letter-spacing:.1em}.skip-link:focus{left:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.container{width:100%;max-width:var(--page-width);margin:0 auto;padding:0 var(--sp-5)}.narrow{max-width:46rem;margin-inline:auto}.reading{max-width:var(--read-width);margin-inline:auto}.section{padding:var(--sp-8) 0}.page-head{padding:var(--sp-8) var(--sp-5) var(--sp-6)}.eyebrow{font-family:var(--font-label);font-size:.78rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-4)}.lede{font-size:1.35rem;color:var(--ink-soft);max-width:38rem}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint);font-size:.95rem}.masthead{text-align:center;padding:var(--sp-6) var(--sp-5) var(--sp-4)}.wordmark{font-family:var(--font-label);font-weight:500;font-size:clamp(1.9rem,3.6vw,2.7rem);letter-spacing:.24em;color:var(--ink);text-indent:.24em;display:inline-block}.wordmark:hover{color:var(--gold-bright)}.tagline{font-family:var(--font-label);font-size:.68rem;letter-spacing:.42em;text-transform:uppercase;color:var(--ink-faint);margin-top:var(--sp-2)}.navbar{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:linear-gradient(to bottom,color-mix(in srgb,var(--bg-calm) 94%,transparent),color-mix(in srgb,var(--bg-calm) 82%,transparent));backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.navbar-inner{display:flex;align-items:center;justify-content:center;gap:var(--sp-6);min-height:54px;position:relative}.nav-mini-mark{display:none;font-family:var(--font-label);letter-spacing:.22em;font-size:1.05rem;color:var(--ink)}.nav-links{display:flex;align-items:center;gap:var(--sp-6);list-style:none;margin:0;padding:0}.nav-link,.nav-trigger{font-family:var(--font-label);font-size:.78rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft);background:none;border:0;padding:14px 2px;cursor:pointer;position:relative;display:inline-flex;align-items:center;gap:6px}.nav-link:after,.nav-trigger:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1px;background:var(--gold);transform:scaleX(0);transition:transform .6s var(--ease)}.nav-link:hover,.nav-trigger:hover,.nav-link[aria-current=page],.nav-trigger[data-active=true]{color:var(--ink)}.nav-link:hover:after,.nav-trigger:hover:after,.nav-link[aria-current=page]:after,.nav-trigger[data-active=true]:after{transform:scaleX(1)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);min-width:17rem;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-soft);padding:var(--sp-2);box-shadow:0 24px 50px -20px #000c;animation:fade .4s var(--ease)}.dropdown-menu a{display:block;padding:10px 14px;color:var(--ink-soft);border-radius:2px}.dropdown-menu a small{display:block;font-size:.88rem;color:var(--ink-faint);line-height:1.35}.dropdown-menu a:hover{background:#c9a26b14;color:var(--ink)}.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line-strong);color:var(--ink);width:44px;height:40px;border-radius:var(--radius-soft);cursor:pointer}@media(max-width:860px){.masthead{display:none}.navbar-inner{justify-content:space-between}.nav-mini-mark{display:inline-block}.menu-btn{display:inline-flex;align-items:center;justify-content:center}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:var(--surface-paper);border-bottom:1px solid var(--line-strong);padding:var(--sp-3) var(--sp-5) var(--sp-5)}.nav-links[data-open=true]{display:flex;animation:fade .4s var(--ease)}.nav-link,.nav-trigger{padding:14px 0;border-bottom:1px solid var(--line);width:100%;justify-content:space-between;min-height:48px}.nav-link:after,.nav-trigger:after{display:none}.dropdown-menu{position:static;transform:none;box-shadow:none;border:0;background:transparent;padding:0 0 0 var(--sp-4);animation:none}}.ornament{display:flex;align-items:center;gap:var(--sp-4);color:var(--gold);margin:0 auto;max-width:56rem}.ornament:before,.ornament:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--line-strong))}.ornament:after{transform:scaleX(-1)}.ornament svg{width:54px;height:10px;flex:none}.section-title{display:flex;align-items:center;gap:var(--sp-5);margin:0 0 var(--sp-6)}.section-title h2{margin:0;font-size:clamp(1.7rem,3vw,2.3rem);white-space:nowrap}.section-title:before,.section-title:after{content:"";flex:1;height:1px;background:var(--line-strong);opacity:.7}.section-title.left:before{display:none}.section-title.left h2{white-space:normal}.btn{--b: var(--line-strong);display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 28px;font-family:var(--font-label);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink);background:#fff0d705;border:1px solid var(--b);border-radius:var(--radius-soft);cursor:pointer;transition:all .6s var(--ease);text-align:center}.btn:hover{border-color:var(--gold);color:var(--ink);background:#c9a26b17}.btn-primary{--b: var(--gold-dim);background:linear-gradient(180deg,#c9a26b57,#8c70484d);color:var(--ink)}:root[data-theme=paper] .btn-primary{background:linear-gradient(180deg,#a8824a,#8a6636);color:#fff7e6;border-color:#7a5a2c}.btn-primary:hover{background:linear-gradient(180deg,#e0bd8675,#a0805066);border-color:var(--gold-bright)}:root[data-theme=paper] .btn-primary:hover{background:linear-gradient(180deg,#b58f55,#96703c);color:#fff}.btn-quiet{border-color:transparent;padding:0 8px;letter-spacing:.14em;color:var(--gold-bright);background:none}.btn-quiet:hover{background:none;color:var(--ink)}.btn-danger{color:var(--error);--b: color-mix(in srgb, var(--error) 50%, transparent)}.btn[disabled]{opacity:.45;cursor:not-allowed}.btn-sm{min-height:38px;padding:0 16px;font-size:.7rem}.btn-row{display:flex;flex-wrap:wrap;gap:var(--sp-4);align-items:center}.hero{position:relative;padding:var(--sp-8) 0 var(--sp-9);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:var(--sp-6);align-items:center}.hero h1{margin-bottom:var(--sp-5);max-width:15ch}.hero p.lede{margin-bottom:var(--sp-6)}.hero-art{position:relative;min-height:440px;display:flex;justify-content:center}.lamp-svg{width:min(100%,400px);overflow:visible;margin-top:calc(var(--sp-8) * -1)}.lamp-glow{animation:breathe 9s ease-in-out infinite;transform-origin:50% 50%}@media(max-width:860px){.hero{padding-top:var(--sp-6)}.hero-grid{grid-template-columns:1fr}.hero-art{order:-1;min-height:240px;margin-bottom:var(--sp-4)}.lamp-svg{width:240px;margin-top:calc(var(--sp-6) * -1)}}.grid{display:grid;gap:var(--sp-5)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.grid-3,.grid-2,.grid-4{grid-template-columns:1fr}}.tile{display:block;background:var(--surface-paper);border:1px solid var(--line);border-radius:var(--radius-soft);overflow:hidden;color:var(--ink);box-shadow:var(--shadow-paper);transition:border-color .7s var(--ease),transform .7s var(--ease)}.tile:hover{border-color:var(--gold-dim);transform:translateY(-3px);color:var(--ink)}.tile .art{aspect-ratio:4 / 3;overflow:hidden;border-bottom:1px solid var(--line)}.tile .art svg,.tile .art img{width:100%;height:100%;object-fit:cover;transition:transform 1.6s var(--ease)}.tile:hover .art svg,.tile:hover .art img{transform:scale(1.04)}.tile-caption{font-family:var(--font-label);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;text-align:center;padding:16px 12px;background:#0000002e}.tile-body{padding:var(--sp-5)}.tile-body h3{font-size:1.55rem;margin-bottom:.35em}.tile-body p{color:var(--ink-soft);font-size:1.05rem;margin:0}.meta{font-family:var(--font-label);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:var(--sp-3)}.meta .cat{color:var(--gold)}.article-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:0}.article-lead .art{aspect-ratio:auto;min-height:320px;border-bottom:0;border-right:1px solid var(--line)}.article-lead .tile-body{padding:var(--sp-6);align-self:center}.article-lead h3{font-size:clamp(1.8rem,3vw,2.4rem)}@media(max-width:760px){.article-lead{grid-template-columns:1fr}.article-lead .art{min-height:220px;border-right:0;border-bottom:1px solid var(--line)}}.chips{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-bottom:var(--sp-6)}.chip{font-family:var(--font-label);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;padding:10px 16px;min-height:40px;border:1px solid var(--line);border-radius:999px;background:none;color:var(--ink-soft);cursor:pointer;transition:all .5s var(--ease)}.chip:hover{border-color:var(--gold-dim);color:var(--ink)}.chip[aria-pressed=true]{border-color:var(--gold);color:var(--ink);background:#c9a26b1f}.paper{background:linear-gradient(180deg,var(--surface-raised),var(--surface-paper));border:1px solid var(--line);border-radius:var(--radius-soft);box-shadow:var(--shadow-paper);padding:var(--sp-6)}.letter-card{display:block;color:var(--ink);height:100%;transition:border-color .7s var(--ease),transform .7s var(--ease)}a.letter-card:hover{border-color:var(--gold-dim);transform:translateY(-3px);color:var(--ink)}.letter-to{font-family:var(--font-label);font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-3)}.letter-excerpt{font-family:var(--font-display);font-size:1.4rem;line-height:1.45;color:var(--ink);font-style:italic;margin:0 0 var(--sp-4)}.letter-body{font-family:var(--font-display);font-size:clamp(1.4rem,2.2vw,1.7rem);line-height:1.65;white-space:pre-wrap;overflow-wrap:anywhere}.letter-foot{font-size:.92rem;color:var(--ink-faint);font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;font-size:.64rem}.principles{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principle{padding:var(--sp-6) var(--sp-5);text-align:center;border-right:1px solid var(--line)}.principle:last-child{border-right:0}.principle svg{width:38px;height:38px;margin:0 auto var(--sp-3);color:var(--gold)}.principle h3{font-family:var(--font-label);font-size:.82rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:var(--sp-2);font-weight:500}.principle p{color:var(--ink-soft);font-size:1rem;line-height:1.5;margin:0}@media(max-width:900px){.principles{grid-template-columns:repeat(2,1fr)}.principle:nth-child(2){border-right:0}.principle:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:520px){.principles{grid-template-columns:1fr}.principle{border-right:0;border-bottom:1px solid var(--line)}.principle:last-child{border-bottom:0}}.article-head{padding:var(--sp-8) 0 var(--sp-5);text-align:left}.article-head h1{font-size:clamp(2.3rem,5vw,3.6rem)}.article-hero-art{aspect-ratio:21 / 9;border:1px solid var(--line);border-radius:var(--radius-soft);overflow:hidden;margin-bottom:var(--sp-7)}.article-hero-art svg,.article-hero-art img{width:100%;height:100%;object-fit:cover}.prose{font-size:1.28rem;line-height:1.85}.prose p:first-of-type:first-letter{font-family:var(--font-display);font-size:4.2rem;line-height:.82;float:left;padding:6px 12px 0 0;color:var(--gold-bright)}.pullquote{font-family:var(--font-display);font-style:italic;font-size:clamp(1.7rem,3vw,2.2rem);line-height:1.35;color:var(--gold-bright);border-left:1px solid var(--gold-dim);padding:4px 0 4px var(--sp-5);margin:var(--sp-7) 0}.soft-cta{margin-top:var(--sp-8);padding:var(--sp-6);border:1px solid var(--line);border-radius:var(--radius-soft);background:#c9a26b0a}.soft-cta h3{margin-bottom:.3em}.progress{position:fixed;top:0;left:0;height:2px;background:var(--gold);z-index:60;transition:width .2s linear}.field{margin-bottom:var(--sp-5)}.field label,.label{display:block;font-family:var(--font-label);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:8px}.field .opt{color:var(--ink-faint);letter-spacing:.1em;text-transform:none;font-family:var(--font-body);font-size:.95rem}.input,.textarea,.select{width:100%;font:inherit;font-size:1.15rem;color:var(--ink);background:var(--input-bg);border:1px solid var(--line-strong);border-radius:var(--radius-soft);padding:13px 16px;min-height:50px;transition:border-color .5s var(--ease),box-shadow .5s var(--ease)}.textarea{min-height:190px;resize:vertical;line-height:1.65}.input::placeholder,.textarea::placeholder{color:var(--ink-faint);font-style:italic}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #c9a26b2e}.input[aria-invalid=true],.textarea[aria-invalid=true]{border-color:var(--error)}.help{font-size:.95rem;color:var(--ink-faint);margin-top:6px;line-height:1.45}.error-text{font-size:.98rem;color:var(--error);margin-top:6px}.counter{display:flex;justify-content:space-between;gap:12px;font-size:.92rem;color:var(--ink-faint);margin-top:6px}.counter[data-near=true]{color:var(--gold-bright)}.counter[data-over=true]{color:var(--error)}.check{display:flex;gap:14px;align-items:flex-start;padding:var(--sp-4);border:1px solid var(--line);border-radius:var(--radius-soft);margin-bottom:var(--sp-3);cursor:pointer;transition:border-color .5s var(--ease),background .5s var(--ease)}.check:hover{border-color:var(--gold-dim)}.check[data-on=true]{background:#c9a26b12;border-color:var(--gold-dim)}.check[data-disabled=true]{opacity:.55;cursor:not-allowed}.check input{appearance:none;flex:none;width:24px;height:24px;margin:2px 0 0;border:1px solid var(--gold-dim);border-radius:3px;background:var(--input-bg);display:grid;place-content:center;cursor:inherit}.check input:after{content:"";width:12px;height:12px;background:var(--gold-bright);clip-path:polygon(14% 52%,0 66%,38% 100%,100% 22%,86% 8%,38% 72%);transform:scale(0);transition:transform .3s var(--ease)}.check input:checked:after{transform:scale(1)}.check strong{display:block;font-weight:500;color:var(--ink);line-height:1.35}.check span.d{display:block;font-size:.98rem;color:var(--ink-soft);line-height:1.5;margin-top:2px}.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.notice{border-left:2px solid var(--gold-dim);padding:6px 0 6px var(--sp-4);color:var(--ink-soft);font-size:1rem;margin:var(--sp-5) 0}.preview-note{font-size:.9rem;color:var(--ink-faint);font-style:italic;margin-top:var(--sp-4)}.search{display:flex;gap:var(--sp-3);align-items:stretch}.search .input{flex:1;font-size:1.3rem;font-family:var(--font-display)}@media(max-width:560px){.search{flex-direction:column}}.empty{text-align:center;padding:var(--sp-8) var(--sp-5);border:1px dashed var(--line-strong);border-radius:var(--radius-soft);color:var(--ink-soft)}.empty h3{color:var(--ink);font-style:italic}.success-state{text-align:center;padding:var(--sp-7) var(--sp-5);animation:fade 1s var(--ease)}.success-state h2{color:var(--ink)}.copy-row{display:flex;gap:var(--sp-3);margin:var(--sp-4) auto;max-width:34rem}.copy-row .input{font-size:.95rem}@media(max-width:560px){.copy-row{flex-direction:column}}.doors{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-5)}@media(max-width:760px){.doors{grid-template-columns:1fr}}.door{display:flex;flex-direction:column;justify-content:space-between;min-height:330px;padding:var(--sp-6)}.door .btn{align-self:flex-start;margin-top:var(--sp-5)}.modal-back{position:fixed;inset:0;z-index:80;background:#080503bf;display:grid;place-items:center;padding:var(--sp-4);animation:fade .4s var(--ease)}.modal{width:100%;max-width:32rem;max-height:92vh;overflow:auto;background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-soft);padding:var(--sp-6);box-shadow:0 40px 80px -30px #000}.modal h2{font-size:1.9rem}.radio{display:flex;gap:12px;align-items:flex-start;padding:12px 4px;cursor:pointer;line-height:1.4}.radio input{accent-color:var(--gold);width:20px;height:20px;margin-top:3px;flex:none}.toast-region{position:fixed;bottom:20px;left:0;right:0;z-index:90;display:flex;justify-content:center;pointer-events:none;padding:0 16px}.toast{pointer-events:auto;background:var(--surface-raised);border:1px solid var(--gold-dim);color:var(--ink);padding:12px 22px;border-radius:var(--radius-soft);box-shadow:0 20px 40px -16px #000;animation:rise .6s var(--ease);font-size:1.05rem}.footer{margin-top:var(--sp-9);border-top:1px solid var(--line);background:linear-gradient(to bottom,transparent,rgba(0,0,0,.22));padding:var(--sp-7) 0 var(--sp-6)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:var(--sp-6)}@media(max-width:760px){.footer-grid{grid-template-columns:1fr}}.footer h4{font-family:var(--font-label);font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);margin-bottom:var(--sp-3);font-weight:500}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin-bottom:6px}.footer a{color:var(--ink-soft)}.footer a:hover{color:var(--ink)}.footer-line{font-family:var(--font-display);font-style:italic;font-size:1.4rem;color:var(--ink);max-width:20rem;line-height:1.35}.footer-base{margin-top:var(--sp-6);padding-top:var(--sp-4);border-top:1px solid var(--line);font-size:.88rem;color:var(--ink-faint);display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}.seg{display:inline-flex;border:1px solid var(--line-strong);border-radius:var(--radius-soft);overflow:hidden}.seg button{font-family:var(--font-label);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;padding:0 20px;min-height:46px;background:none;color:var(--ink-soft);border:0;cursor:pointer;transition:all .5s var(--ease)}.seg button[aria-pressed=true]{background:#c9a26b29;color:var(--ink)}.seg button+button{border-left:1px solid var(--line-strong)}.admin{padding:var(--sp-6) 0 var(--sp-8);font-size:1.05rem;line-height:1.55}.admin h1{font-size:2.2rem}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--line-strong);margin:var(--sp-5) 0}.tab{font-family:var(--font-label);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;background:none;border:0;color:var(--ink-soft);padding:14px 16px;cursor:pointer;border-bottom:2px solid transparent;min-height:46px}.tab[aria-selected=true]{color:var(--ink);border-bottom-color:var(--gold)}.badge{display:inline-block;font-family:var(--font-label);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--line-strong);border-radius:999px;color:var(--ink-soft)}.badge.pending,.badge.flagged,.badge.open,.badge.draft{color:var(--gold-bright);border-color:var(--gold-dim)}.badge.approved,.badge.published,.badge.reviewed{color:var(--success);border-color:color-mix(in srgb,var(--success) 50%,transparent)}.badge.rejected,.badge.removed{color:var(--error);border-color:color-mix(in srgb,var(--error) 50%,transparent)}.rows{display:grid;gap:var(--sp-3)}.row{border:1px solid var(--line);border-radius:var(--radius-soft);padding:var(--sp-4) var(--sp-5);background:var(--surface-paper)}.row-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;justify-content:space-between;margin-bottom:8px}.row p{margin:0 0 10px;color:var(--ink-soft);white-space:pre-wrap;overflow-wrap:anywhere}.kv{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;font-size:.95rem;color:var(--ink-soft);margin-bottom:10px}.kv dt{color:var(--ink-faint)}.kv dd{margin:0;overflow-wrap:anywhere}.private-tag{color:var(--burgundy);font-family:var(--font-label);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}:root:not([data-theme=paper]) .private-tag{color:#c9798a}.admin .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--sp-5)}@media(max-width:700px){.admin .form-grid{grid-template-columns:1fr}}.stat-row{display:flex;flex-wrap:wrap;gap:var(--sp-4);margin-bottom:var(--sp-4)}.stat{flex:1 1 140px;border:1px solid var(--line);border-radius:var(--radius-soft);padding:14px 18px}.stat b{display:block;font-family:var(--font-display);font-size:2rem;font-weight:500;line-height:1}.stat span{font-size:.85rem;color:var(--ink-faint)}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes breathe{0%,to{opacity:.82}50%{opacity:1}}.page{animation:rise .9s var(--ease) both}.skeleton{background:linear-gradient(90deg,var(--surface-paper),var(--surface-raised),var(--surface-paper));background-size:200% 100%;animation:shimmer 2.4s linear infinite;border-radius:var(--radius-soft)}@keyframes shimmer{to{background-position:-200% 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}img.photo{display:block;filter:sepia(.22) saturate(.92) brightness(.9) contrast(1.04)}.tile .art,.article-hero-art{position:relative}.tile .art:has(img.photo):after,.article-hero-art:has(img.photo):after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top,rgba(20,12,6,.38),transparent 55%),radial-gradient(ellipse at 50% 40%,transparent 55%,rgba(10,6,3,.35))}.hero-photo{width:min(100%,460px);aspect-ratio:4 / 5;object-fit:cover;border:1px solid var(--line-strong);border-radius:var(--radius-soft);filter:sepia(.22) saturate(.92) brightness(.88) contrast(1.05);box-shadow:0 40px 80px -40px #000;margin-top:0}@media(max-width:860px){.hero-photo{width:min(100%,320px);aspect-ratio:4 / 3}}

/* ===== v5: full-bleed hero, natural card photography, refined finish ===== */
:root{--wm-1:#f8eedb;--wm-2:#d2aa70;--hero-ink:#f6ecda;--hero-gold:#ebc790}
:root[data-theme=paper]{--wm-1:#3b2a19;--wm-2:#7d5c2e}
html{scrollbar-width:thin;scrollbar-color:#5b4630 #120d09}
body{font-variant-numeric:oldstyle-nums;font-feature-settings:"kern","liga","onum"}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}

/* wordmark in soft gold leaf */
.wordmark{background:linear-gradient(180deg,var(--wm-1) 20%,var(--wm-2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.wordmark:hover{color:transparent;filter:brightness(1.15)}
.navbar{border-bottom:0;box-shadow:0 18px 40px -30px rgba(0,0,0,.8)}
.navbar::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(224,189,134,.5),transparent);pointer-events:none}
.navbar{border-top:0}

/* HERO: photograph fills the whole section, copy sits on it */
.hero{position:relative;isolation:isolate;overflow:hidden;padding:0;display:flex;align-items:center;min-height:clamp(500px,70vh,660px)}
.hero-grid{display:block;padding-block:var(--sp-7)}
.hero-grid>div:first-child{max-width:41rem;position:relative;z-index:2}
.hero-art{position:absolute;inset:0;z-index:0;min-height:0;margin:0;order:0;display:block}
.hero-photo{display:block;width:100%;max-width:none;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 45%;border:0;border-radius:0;box-shadow:none;margin:0;filter:saturate(.96) brightness(.9) contrast(1.04);animation:heroSettle 3.4s var(--ease) both}
@keyframes heroSettle{from{transform:scale(1.07)}to{transform:scale(1)}}
.hero::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:
  linear-gradient(90deg,rgba(10,6,3,.9) 0%,rgba(10,6,3,.66) 36%,rgba(10,6,3,.16) 70%,rgba(10,6,3,.3) 100%),
  linear-gradient(to bottom,rgba(10,6,3,.55) 0%,transparent 22%),
  linear-gradient(to top,var(--bg-calm) 0%,rgba(20,16,13,.0) 30%)}
.hero h1{color:var(--hero-ink);font-weight:400;font-size:clamp(2.5rem,4.7vw,4.1rem);line-height:1.06;max-width:16ch;text-shadow:0 2px 36px rgba(0,0,0,.6)}
.hero h1 em{color:var(--hero-gold)}
.hero .eyebrow{color:#dcbb84;text-shadow:0 1px 14px rgba(0,0,0,.7)}
.hero p.lede{color:#e8dcc7;max-width:30rem;text-shadow:0 1px 20px rgba(0,0,0,.7)}
.hero .btn{color:#f5ead6;background:rgba(14,9,5,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:rgba(224,189,134,.55)}
.hero .btn:hover{background:rgba(224,189,134,.18);border-color:#e8c895;color:#fff}
.hero .btn.btn-primary{background:linear-gradient(180deg,#e4c08a,#b98d52);color:#1c130a;border-color:#ecca98;box-shadow:0 14px 34px -14px rgba(224,160,70,.65)}
.hero .btn.btn-primary:hover{background:linear-gradient(180deg,#f0cf9d,#c89a5c);color:#120b05}
@media(max-width:860px){
  .hero{padding:0;min-height:clamp(620px,92vh,780px);align-items:flex-end}
  .hero-grid{padding-block:var(--sp-7) var(--sp-8)}
  .hero-art{order:0;min-height:0;margin-bottom:0}
  .hero-photo{width:100%;aspect-ratio:auto;object-position:50% 40%}
  .hero::before{background:
    linear-gradient(to top,rgba(10,6,3,.94) 0%,rgba(10,6,3,.7) 48%,rgba(10,6,3,.28) 100%),
    linear-gradient(to top,var(--bg-calm) 0%,transparent 16%)}
}

/* CARDS: photographs sit in the card instead of looking stamped on */
img.photo{filter:saturate(.96) brightness(.97) contrast(1.02) sepia(.05)}
.tile{border-color:rgba(201,162,107,.15);background:linear-gradient(180deg,var(--surface-raised),var(--surface-paper));box-shadow:var(--shadow-paper),inset 0 0 0 1px rgba(255,240,215,.025)}
.tile:hover{border-color:rgba(201,162,107,.42);transform:translateY(-2px);box-shadow:0 34px 60px -36px rgba(0,0,0,.95),0 0 44px -20px rgba(224,160,70,.38)}
.tile .art{border-bottom:0}
.tile .art:has(img.photo)::after{background:linear-gradient(to top,var(--surface-paper) 0%,transparent 42%)}
.tile-caption{background:transparent;padding-top:6px}
.article-lead .art{border-right:0}
.article-lead .art:has(img.photo)::after{background:linear-gradient(to left,var(--surface-raised) 0%,transparent 36%)}
@media(max-width:760px){.article-lead .art:has(img.photo)::after{background:linear-gradient(to top,var(--surface-paper) 0%,transparent 42%)}}
.article-hero-art{border:0;border-radius:3px;box-shadow:0 44px 80px -52px #000}
.article-hero-art:has(img.photo)::after{background:linear-gradient(to top,rgba(10,6,3,.28),transparent 38%)}

/* finish */
.paper{border-color:rgba(201,162,107,.17);box-shadow:var(--shadow-paper),inset 0 1px 0 rgba(255,240,215,.05)}
a.letter-card:hover{transform:translateY(-2px)}
.section-title::before{background:linear-gradient(to right,transparent,var(--line-strong))}
.section-title::after{background:linear-gradient(to left,transparent,var(--line-strong))}
.section-title.left::before{display:none}
.section{padding:calc(var(--sp-8) + 8px) 0}
.footer{position:relative;border-top:0}
.footer::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(224,189,134,.42),transparent)}
.acct-who{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5)}
.avatar{width:64px;height:64px;flex:none;border-radius:50%;object-fit:cover;border:1px solid var(--gold-dim);background:var(--surface-raised);display:grid;place-items:center;font-family:var(--font-display,serif);font-size:1.8rem;color:var(--gold-bright)}
.pw{position:relative}.pw .input{padding-right:84px}.pw .btn{position:absolute;right:6px;top:50%;transform:translateY(-50%);min-height:34px}
.method{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.method:last-child{border-bottom:0;padding-bottom:0}
.divider{display:flex;align-items:center;gap:14px;color:var(--ink-faint);font-family:var(--font-label);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;margin:var(--sp-5) 0}.divider::before,.divider::after{content:"";flex:1;height:1px;background:var(--line)}
.danger{border-color:color-mix(in srgb,var(--error) 45%,transparent)}
.btn-danger{border-color:color-mix(in srgb,var(--error) 60%,transparent);color:var(--error)}.btn-danger:hover:not(:disabled){background:color-mix(in srgb,var(--error) 12%,transparent)}
.btn:disabled{opacity:.5;cursor:not-allowed}
.preview-note:empty{display:none}
/* Letters To Odyssey: stack the two columns on narrow screens (moved here from an inline <style>) */
@media (max-width: 900px) { [data-stack] { grid-template-columns: 1fr !important; gap: 32px !important; } }