:root{
  
  --ink:#14181C;
  --ink-raise:#1A2028;        
  --ink-well:#0C1015;         
  --seam:#272E37;             
  --seam-2:#39424D;           

  
  --cream:#F2EBDD;            
  --txt:#B7BEC7;
  --dim:#7B848E;
  --plat:#BFC7D2;

  
  --gold:#8A6E3B;
  --gold-lift:#B29357;
  --gold-seam:#453A26;

  
  --parch:#F2EBDD;
  --parch-seam:#DDD3BF;
  --parch-txt:#3A4149;
  --parch-dim:#77706150;

  --sans:'Pretendard','Pretendard Variable',-apple-system,system-ui,sans-serif;
  --serif:'Fraunces',Georgia,serif;
  --frame-w:1120px;

  
  --band:104px;        
  --band-sm:72px;      
  --band-xs:56px;      
  --head-gap:48px;     

  
  --head-offset:0px;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--txt);font-family:var(--sans);
  font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased;
  word-break:keep-all;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%;display:block}
h1,h2,h3,h4{margin:0;font-weight:400;line-height:1.2;letter-spacing:-.016em;color:var(--cream)}
h3,h4{letter-spacing:0}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:rgba(178,147,87,.3)}

.frame{max-width:var(--frame-w);margin:0 auto;padding:0 28px}

.kicker{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-lift);font-weight:600}
.fineprint{font-size:12px;color:var(--dim);line-height:1.7}

.masthead{position:fixed;top:var(--head-offset);left:0;right:0;z-index:100;
  border-bottom:1px solid transparent;transition:background .3s,border-color .3s}
.masthead.is-scrolled{background:rgba(20,24,28,.93);backdrop-filter:blur(14px);
  border-bottom-color:var(--seam)}
.masthead-bar{display:flex;align-items:center;height:78px;gap:40px}
.wordmark{display:flex;align-items:center}
.wordmark img{height:17px;width:auto}
.masthead-nav{display:flex;gap:32px;margin-left:auto;font-size:14px}
.masthead-nav a{color:var(--txt);letter-spacing:.01em;transition:color .18s}
.masthead-nav a:hover{color:var(--cream)}
.masthead-nav a[aria-current="page"]{color:var(--cream)}
.portal-link{font-size:12px;letter-spacing:.06em;color:var(--plat);
  border:1px solid var(--seam-2);padding:8px 18px;white-space:nowrap;
  transition:border-color .18s,color .18s}
.portal-link:hover{border-color:var(--gold-lift);color:var(--cream)}

.portal-link.is-pending{color:var(--dim);border-color:var(--seam);cursor:default}
.portal-link.is-pending:hover{border-color:var(--seam);color:var(--dim)}

.overture{position:relative;padding:0 0 56px;
  border-bottom:1px solid var(--seam)}
.overture::before{content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse 54% 60% at 72% 42%,rgba(178,147,87,.06),transparent 72%)}
.overture .frame{position:relative;z-index:1;padding-top:168px}
.overture h1{font-family:var(--serif);font-weight:300;
  font-size:clamp(28px,5.2vw,60px);line-height:1.14;margin-top:26px;letter-spacing:-.018em}
.overture-sub{margin-top:28px;font-size:16px;color:var(--txt);
  max-width:620px;line-height:1.8}

.overture-index{display:grid;grid-template-columns:repeat(4,1fr);
  margin-top:48px;border-top:1px solid var(--seam-2)}
.overture-index a{display:block;padding:20px 26px 4px 0;
  border-right:1px solid var(--seam);color:var(--txt);transition:color .18s}
.overture-index a:last-child{border-right:0;padding-right:0}
.overture-index a:hover{color:var(--cream)}
.overture-index .ov-no{display:block;font-family:var(--serif);font-weight:300;
  font-size:12px;color:var(--gold-lift);margin-bottom:11px}
.overture-index small{display:block;font-family:var(--sans);font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--dim);
  margin-top:7px;font-weight:600}

.leaf-head{padding:184px 0 72px;border-bottom:1px solid var(--seam)}
.leaf-head h1{font-family:var(--serif);font-weight:300;
  font-size:clamp(26px,4.4vw,48px);margin-top:24px;letter-spacing:-.016em}
.leaf-head .leaf-desc{margin-top:24px;font-size:16px;color:var(--txt);max-width:560px}

.chapter{padding:var(--band) 0}
.chapter--recessed{background:var(--ink-well);
  border-top:1px solid var(--seam);border-bottom:1px solid var(--seam)}
.chapter-head{margin-bottom:var(--head-gap)}
.chapter-head h2{font-family:var(--serif);font-weight:300;
  font-size:clamp(23px,3.2vw,38px);margin-top:18px;line-height:1.24;
  letter-spacing:-.016em;max-width:680px}
.chapter-desc{margin-top:24px;color:var(--txt);font-size:16px;max-width:540px}

.split{display:grid;grid-template-columns:230px 1fr;gap:64px;align-items:start}
.split-label{position:sticky;top:120px}

.narrative{max-width:600px}
.narrative-lead{font-family:var(--serif);font-weight:300;
  font-size:clamp(19px,2.2vw,25px);line-height:1.5;letter-spacing:-.01em;
  color:var(--cream)}
.narrative p+p{margin-top:24px}
.narrative-body{font-size:16px;color:var(--txt);line-height:1.8}

.ledger{border-top:1px solid var(--seam-2)}
.ledger-row{display:grid;grid-template-columns:64px minmax(0,200px) minmax(0,1fr);
  gap:28px;padding:46px 0 50px;border-bottom:1px solid var(--seam);
  scroll-margin-top:100px;transition:background .25s}
.ledger-row:last-child{padding-bottom:34px}
.ledger-row:hover{background:var(--ink-raise)}
.ledger-no{font-family:var(--serif);font-weight:300;font-size:14px;
  color:var(--gold-lift);padding-top:8px}
.ledger-name{font-family:var(--serif);font-weight:300;
  font-size:clamp(18px,1.9vw,22px);color:var(--cream);letter-spacing:-.01em;line-height:1.34}
.ledger-name small{display:block;font-family:var(--sans);font-size:10px;
  letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin-top:10px;font-weight:600}
.ledger-copy p{font-size:14px;color:var(--txt);line-height:1.78;max-width:560px}
.ledger-copy ul{margin-top:18px}
.ledger-copy li{font-size:13px;color:var(--dim);padding:4px 0 4px 16px;position:relative}
.ledger-copy li::before{content:"";position:absolute;left:0;top:15px;width:7px;height:1px;
  background:var(--gold-seam)}

.credo{border-top:1px solid var(--seam);border-bottom:1px solid var(--seam);
  background:var(--ink-well);padding:84px 0;text-align:center}
.credo-line{font-family:var(--serif);font-weight:300;
  font-size:clamp(20px,2.4vw,28px);line-height:1.5;letter-spacing:-.016em;
  color:var(--cream);max-width:620px;margin:0 auto}
.credo-note{font-size:13px;color:var(--dim);margin-top:20px;letter-spacing:.02em}

.chapter--parch{background:var(--parch);color:var(--parch-txt);
  padding:96px 0 104px;scroll-margin-top:calc(var(--head-offset) + 78px)}
.chapter--parch+.chapter{padding-top:calc(var(--band) - 16px)}
.chapter--parch .kicker{color:#7A6134}
.paper-head{display:flex;align-items:baseline;justify-content:space-between;
  border-bottom:2.5px solid var(--ink);padding-bottom:14px;gap:20px}
.paper-head .paper-mark{font-size:10px;letter-spacing:.2em;color:#77706180;font-weight:700}
.chapter--parch h2{font-family:var(--serif);font-weight:400;color:var(--ink);
  font-size:clamp(23px,3.2vw,38px);margin-top:30px;line-height:1.28;letter-spacing:-.016em}
.chapter--parch .chapter-desc{color:var(--parch-txt)}

.juxta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:64px;
  border-top:1px solid var(--ink)}
.juxta-col{padding:38px 44px 46px 0}
.juxta-col+.juxta-col{border-left:1px solid var(--parch-seam);padding-left:44px;padding-right:0}
.juxta-col h3{font-size:11px;letter-spacing:.2em;text-transform:uppercase;
  color:#777061;font-weight:700;margin-bottom:26px}
.juxta-col+.juxta-col h3{color:var(--gold)}
.juxta-col>p{font-size:14px;color:var(--parch-txt);line-height:1.85;max-width:480px}
.juxta-col>p+p{margin-top:18px}

.canon{counter-reset:canon}
.canon li{counter-increment:canon;padding:20px 0 22px 52px;position:relative;
  border-bottom:1px solid var(--parch-seam)}
.canon li:last-child{border-bottom:0}
.canon li::before{content:counter(canon,decimal-leading-zero);
  position:absolute;left:0;top:22px;font-family:var(--serif);font-weight:400;
  font-size:14px;color:#7A6134}
.canon h4{font-size:16px;font-weight:700;color:var(--ink);margin-bottom:6px}
.canon p{font-size:13px;color:var(--parch-txt);line-height:1.75}
.paper-close{margin-top:56px;padding-top:24px;border-top:1px solid var(--ink);
  font-size:14px;color:var(--parch-txt);max-width:600px;line-height:1.85}

.procession{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--seam)}
.stage{padding:38px 26px 42px 0;border-right:1px solid var(--seam)}
.stage:last-child{border-right:0;padding-right:0}
.stage-no{font-family:var(--serif);font-weight:300;font-size:12px;color:var(--gold-lift)}
.stage h4{font-size:16px;font-weight:600;margin:14px 0 10px}
.stage p{font-size:13px;color:var(--dim);line-height:1.75}

.procession--six{grid-template-columns:repeat(6,1fr)}

.facsimile{border:1px solid var(--seam-2);background:var(--ink-raise)}
.facsimile-bar{display:flex;justify-content:space-between;gap:16px;
  padding:14px 24px;border-bottom:1px solid var(--seam);
  font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--dim)}
.facsimile-grid{display:grid;grid-template-columns:1fr 1fr}
.facsimile-cell{padding:32px 28px 36px;border-right:1px solid var(--seam);
  border-bottom:1px solid var(--seam)}
.facsimile-cell:nth-child(2n){border-right:0}
.facsimile-cell:nth-last-child(-n+2){border-bottom:0}
.facsimile-no{font-family:var(--serif);font-weight:300;font-size:12px;
  color:var(--gold-lift);letter-spacing:.2em}
.facsimile-cell h4{font-size:16px;font-weight:600;margin:13px 0 9px}
.facsimile-cell p{font-size:13px;color:var(--dim);line-height:1.8;max-width:420px}
.facsimile-note{margin-top:16px}

.register{border-top:1px solid var(--seam-2)}
.register-row{display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);
  gap:32px;align-items:baseline;padding:24px 0;border-bottom:1px solid var(--seam)}
.register-name{font-family:var(--serif);font-weight:300;
  font-size:clamp(18px,1.9vw,22px);color:var(--cream);letter-spacing:-.01em}
.register-desc{font-size:13px;color:var(--dim)}

.trace-link{display:inline-flex;align-items:center;gap:11px;margin-top:30px;
  font-size:13px;letter-spacing:.06em;color:var(--plat);transition:color .18s}
.trace-link::after{content:"";width:26px;height:1px;background:var(--seam-2);
  transition:background .18s,width .18s}
.trace-link:hover{color:var(--cream)}
.trace-link:hover::after{background:var(--gold-lift);width:38px}
.chapter--parch .trace-link{color:var(--parch-txt)}
.chapter--parch .trace-link::after{background:var(--parch-seam)}
.chapter--parch .trace-link:hover{color:var(--ink)}
.chapter--parch .trace-link:hover::after{background:var(--gold)}

.colophon{border-top:1px solid var(--seam);padding:64px 0 48px}
.colophon-grid{display:flex;justify-content:space-between;gap:44px;
  flex-wrap:wrap;align-items:flex-end}
.colophon .wordmark img{height:15px;margin-bottom:18px}
.colophon-nav{display:flex;gap:24px;font-size:13px;margin-top:14px}
.colophon-nav a{color:var(--dim);transition:color .18s}
.colophon-nav a:hover{color:var(--cream)}

.colophon-nav .is-pending{color:#5A626B;cursor:default}
.colophon-legal{text-align:right}

@media (max-width:1020px){
  .split{grid-template-columns:1fr;gap:34px}
  .split-label{position:static}
  .ledger-row{grid-template-columns:64px 1fr;gap:14px 28px}
  .ledger-copy{grid-column:2}
}
@media (max-width:900px){
  :root{--band:var(--band-sm);--head-gap:40px}
  .chapter--parch{padding:var(--band-sm) 0 calc(var(--band-sm) + 8px)}
  .overture .frame{padding-top:128px}
  .overture h1{margin-top:22px}
  .overture-index{margin-top:40px}
  .leaf-head{padding:150px 0 60px}
  .credo{padding:68px 0}
  .juxta{grid-template-columns:1fr;margin-top:48px}
  .juxta-col{padding:34px 0 38px}
  .juxta-col+.juxta-col{border-left:0;border-top:1px solid var(--parch-seam);padding-left:0}
  .procession{grid-template-columns:1fr 1fr}
  .stage{border-right:0;border-bottom:1px solid var(--seam);padding:28px 0}
  .masthead-bar{gap:20px}
  .masthead-nav{gap:18px;font-size:13px}
}
@media (max-width:600px){
  :root{--band:var(--band-xs);--head-gap:32px}
  .chapter--parch{padding:var(--band-xs) 0}
  .credo{padding:56px 0}
  
  .masthead-bar{flex-wrap:wrap;height:auto;padding-top:14px;padding-bottom:13px;gap:11px 16px}
  .masthead-nav{order:3;flex-basis:100%;margin-left:0;gap:22px;font-size:13px}
  .portal-link{margin-left:auto;font-size:11px;padding:7px 13px}
  .overture .frame{padding-top:124px}
  .overture{padding-bottom:44px}
  .leaf-head{padding:124px 0 48px}
  .procession{grid-template-columns:1fr}
  .ledger-row{grid-template-columns:1fr;padding:34px 0 38px}
  .ledger-no{padding-top:0}
  .ledger-copy{grid-column:1}
  .colophon-legal{text-align:left}
  
  .overture-index{grid-template-columns:1fr 1fr;margin-top:36px}
  .overture-index a{padding:16px 18px 6px 0;border-right:1px solid var(--seam)}
  .overture-index a:nth-child(2n){border-right:0;padding-right:0}
  .overture-index a:nth-child(n+3){border-top:1px solid var(--seam)}
  .register-row{grid-template-columns:1fr;gap:6px;padding:20px 0}
  .facsimile-grid{grid-template-columns:1fr}
  .facsimile-cell{border-right:0}
  .facsimile-cell:nth-last-child(-n+2){border-bottom:1px solid var(--seam)}
  .facsimile-cell:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important}
}