:root{color-scheme:dark;--ink:#0d141b;--panel:#18232c;--paper:#ede8dd;--soft:#bdc2bf;--gold:#c9a777;--line:rgba(237,232,221,.22)}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.55 Arial,Helvetica,sans-serif}
    a{color:inherit;text-decoration:none}
    a:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
    .wrap{width:min(100% - 40px,1180px);margin-inline:auto}
    .serif,h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}
    .kicker{font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
    header{background:var(--ink);border-bottom:1px solid var(--line)}
    .head{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:15px}
    .brand{display:flex;align-items:center;gap:11px;min-width:0}
    .brand-mark{width:31px;height:35px;border:1px solid var(--gold);flex:none;display:grid;place-items:center;color:var(--gold);font:1.15rem/1 Georgia,serif}
    .brand-name{font:1rem/1.04 Georgia,serif;letter-spacing:-.035em;max-width:142px}
    .head nav{display:flex;gap:19px;font-size:.82rem;white-space:nowrap}
    .head nav a:hover,.foot a:hover{color:var(--gold)}
    .hero{position:relative;isolation:isolate;min-height:clamp(590px,76svh,770px);overflow:hidden;background:#101a23}
    .hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% 53%;z-index:-2}
    .hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,13,20,.55) 0%,transparent 32%,rgba(6,13,20,.36) 50%,rgba(6,13,20,.92) 100%)}
    .hero-inner{min-height:inherit;padding-top:27px;padding-bottom:40px;display:flex;flex-direction:column;justify-content:space-between}
    .hero-top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
    .hero-top .index{color:var(--paper);font-size:.76rem;letter-spacing:.16em;text-transform:uppercase}
    .hero-top .symbol{font:1.8rem/1 Georgia,serif;color:var(--gold)}
    .hero-bottom{max-width:860px}
    .hero .kicker{color:#e4c392;text-shadow:0 1px 8px #000}
    h1{font-size:clamp(2.9rem,10.5vw,6.7rem);line-height:.99;letter-spacing:-.06em;margin:14px 0 19px;max-width:860px;text-wrap:balance;text-shadow:0 3px 24px rgba(0,0,0,.26)}
    .hero-desc{max-width:505px;color:#e6e6df;font-size:1rem;margin:0 0 27px}
    .action{display:inline-flex;align-items:center;gap:16px;padding:12px 0;border-bottom:1px solid var(--gold);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700}
    .action span{font-size:1.25rem;font-weight:400;line-height:1;transition:transform .2s}
    .action:hover span{transform:translateX(5px)}
    .folio-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#111c25}
    .folio-inner{display:flex;justify-content:space-between;gap:12px;padding:17px 0;color:var(--soft);font-size:.69rem;letter-spacing:.14em;text-transform:uppercase}
    .folio-inner span:nth-child(2){color:var(--gold)}
    .story{padding:76px 0 94px;scroll-margin-top:20px}
    .story-grid{display:grid;gap:38px}
    .book-art{margin:30px 0 28px;overflow:hidden;border:1px solid var(--line)}
    .book-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
    .book-title{font:400 clamp(2rem,7.8vw,3.4rem)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:0 0 24px;text-wrap:balance}
    .book-hook{max-width:750px}
    .section-label{color:var(--gold);font-size:.73rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;margin-bottom:22px}
    h2{font-size:clamp(2.75rem,8vw,5.7rem);line-height:1.04;letter-spacing:-.055em;margin:0 0 30px;text-wrap:balance}
    .story-lead{font:clamp(1.26rem,3.5vw,1.7rem)/1.4 Georgia,serif;max-width:670px;margin-bottom:22px}
    .story-copy{color:var(--soft);max-width:610px;font-size:1.02rem;line-height:1.7;margin-bottom:0}
    .file{border:1px solid var(--line);padding:25px 25px 27px;background:var(--panel);align-self:start}
    .file-head{display:flex;justify-content:space-between;gap:12px;color:var(--gold);font-size:.69rem;letter-spacing:.16em;text-transform:uppercase;padding-bottom:24px;border-bottom:1px solid var(--line)}
    .file dl{margin:0}
    .file-row{padding:18px 0;border-bottom:1px solid var(--line)}
    .file-row:last-child{border-bottom:0;padding-bottom:0}
    .file dt{color:#aeb8b8;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:5px}
    .file dd{font:1.16rem/1.35 Georgia,serif;margin:0}
    .file-status{display:inline-block;color:var(--gold)}
    .honesty{background:#1c292e;border-top:1px solid var(--line);padding:74px 0 84px;scroll-margin-top:20px}
    .honesty h2{max-width:650px}
    .honesty p{color:#d4d6ce;font-size:1.04rem;line-height:1.75;max-width:665px;margin:0}
    .honesty .note{border-left:2px solid var(--gold);padding-left:18px;margin-top:30px;color:var(--paper);font:1.22rem/1.45 Georgia,serif;max-width:660px}
    footer{padding:32px 0 42px;color:var(--soft);font-size:.8rem}
    .foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
    @media(min-width:760px){
      .wrap{width:min(100% - 80px,1180px)}
      .head{min-height:91px}
      .brand-name{font-size:1.22rem;max-width:none}
      .head nav{gap:35px;font-size:.9rem}
      .hero{min-height:min(790px,78svh)}
      .hero-image{object-position:center 50%}
      .hero:before{background:linear-gradient(90deg,rgba(6,13,20,.74) 0%,rgba(6,13,20,.32) 57%,rgba(6,13,20,.07) 100%),linear-gradient(0deg,rgba(6,13,20,.65),transparent 55%)}
      .hero-inner{padding-top:37px;padding-bottom:70px}
      .hero-bottom{max-width:740px}
      .hero-desc{font-size:1.1rem}
      .folio-inner{font-size:.76rem;padding:21px 0}
      .story{padding:125px 0 135px}
      .story-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.65fr);gap:8vw}
      .file{margin-top:50px;padding:30px}
      .honesty{padding:115px 0 120px}
    }
    @media(max-width:380px){.head nav{gap:11px;font-size:.76rem}.brand-name{font-size:.92rem;max-width:115px}.hero-desc{font-size:.96rem}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.action span{transition:none}}