:root{
  color-scheme:dark;
  --page:#0D0A13; --page-text:#F3EBDB; --page-muted:#C9BCA2;
  --ink:#140E1C; --plum:#241C30; --plum-2:#2E2440; --gold:#E7C46A; --gold-d:#9C7A2C; --gold-l:#FFE7A3;
  --text:#F3EBDB; --text-2:#D3C6AB; --text-3:#B9AC91;
  --display:"Cinzel Decorative","Cinzel",Georgia,serif;
  --label:"Cinzel",Georgia,"Times New Roman",serif;
  --body:"EB Garamond",Garamond,Georgia,serif;
}
@media (prefers-color-scheme: light){:root{color-scheme:light; --page:#ECE6DA; --page-text:#1F1830; --page-muted:#4A4058}}
*{box-sizing:border-box}
html{background:var(--page)}
body{margin:0; background:var(--page); color:var(--page-text); font:400 19px/1.5 var(--body)}
[hidden]{display:none !important}
.sr{position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap}
.skip{position:absolute; left:-999px; top:8px; background:var(--gold); color:#1A1424; padding:8px 14px; font:700 15px var(--label); z-index:9}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--gold-l); outline-offset:3px}
.wrap{max-width:1180px; margin:0 auto; padding:48px 28px 72px}
.screen{position:relative; color:var(--text); border-radius:4px;
  background:radial-gradient(120% 90% at 50% -10%,#33284A 0%,#231B30 50%,#150F1D 100%);
  box-shadow:0 0 0 1px var(--gold-d),0 0 0 7px #120C19,0 0 0 8px var(--gold),0 40px 70px -30px rgba(0,0,0,.85)}
.corner{position:absolute; width:40px; height:40px; pointer-events:none}
.corner.tl{top:14px; left:14px} .corner.tr{top:14px; right:14px; transform:scaleX(-1)}
.corner.bl{bottom:14px; left:14px; transform:scaleY(-1)} .corner.br{bottom:14px; right:14px; transform:scale(-1,-1)}
.inner{display:grid; grid-template-columns:300px minmax(0,1fr); gap:56px; padding:64px 72px 60px; align-items:start}
.main,.lead{min-width:0}
.emblem svg{display:block; width:100%; height:auto}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:50px; padding:0 26px; border:0; border-radius:3px; cursor:pointer;
  font:700 15px/1 var(--label); letter-spacing:.08em; white-space:nowrap; color:#1A1424;
  background:linear-gradient(180deg,var(--gold-l),var(--gold)); box-shadow:0 0 0 1px var(--gold-d),0 6px 20px -8px rgba(231,196,106,.5)}
.btn.ghost{background:transparent; color:var(--gold); box-shadow:0 0 0 1px var(--gold-d)}
.btn[aria-disabled="true"]{background:var(--plum); color:#B3A689; box-shadow:0 0 0 1px #4A3D2A; cursor:not-allowed}
.kicker{font:700 14px/1.2 var(--label); letter-spacing:.1em; text-transform:uppercase; color:var(--gold); margin:0 0 6px}
.hair{height:1px; background:linear-gradient(90deg,transparent,var(--gold-d) 12%,var(--gold-d) 88%,transparent); border:0; margin:0}
.gem{position:relative; display:grid; place-items:center; width:34px; height:34px; flex:none}
.gem svg{position:absolute; inset:0; width:100%; height:100%}
.gem b{position:relative; font:800 17px/1 var(--label); color:var(--c)}
.welcome{grid-template-columns:minmax(0,1fr) 300px; align-items:center}
.wordmark{display:grid; grid-template-columns:repeat(8,auto); justify-content:space-between; max-width:600px; margin:0; font-weight:400}
.wordmark:focus{outline:none}
.wordmark .cell{display:flex; flex-direction:column; align-items:center; min-width:0}
.wordmark b{font:800 clamp(40px,5.6vw,68px)/1 var(--label)}
.wordmark i{font:italic 400 15px/1.2 var(--body); margin-top:10px; white-space:nowrap; color:var(--text-2)}
.ornament{display:block; width:100%; max-width:600px; height:18px; margin:26px 0 28px}
.pitch{font-size:27px; line-height:1.38; margin:0 0 34px; max-width:31ch}
.cta{display:flex; align-items:center; gap:20px; flex-wrap:wrap}
.note{font-style:italic; color:var(--text-3); font-size:17px}
.side-note{margin:14px 0 0; text-align:center; font-style:italic; color:var(--text-3); font-size:17px}
.bhead{display:flex; justify-content:space-between; align-items:center; gap:20px; padding-bottom:18px}
.title{margin:0; font:700 28px/1.15 var(--label); color:var(--gold)}
.title:focus,.cname:focus{outline:none}
.purse{position:relative; display:grid; grid-template-columns:60px auto; align-items:center; column-gap:12px}
.purse svg{width:60px; height:60px; grid-column:1; grid-row:1}
.purse-n{grid-column:1; grid-row:1; text-align:center; font:800 23px/1 var(--label); color:var(--gold); font-variant-numeric:lining-nums tabular-nums}
.purse-l{font:600 15px/1.2 var(--label); letter-spacing:.06em; color:var(--text-2); width:min-content}
.rows{list-style:none; margin:0; padding:0; border-bottom:1px solid rgba(156,122,44,.35)}
.srow{display:grid; grid-template-columns:34px minmax(0,1fr) 150px 120px; gap:18px; align-items:center; min-height:58px; border-top:1px solid rgba(156,122,44,.35); padding:4px 0}
.srow .nm b{display:block; font:600 20px/1.2 var(--body)}
.srow .nm span{display:block; font-size:16.5px; line-height:1.3; color:var(--text-3)}
.pips{display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:4px}
.pip{height:9px; border-radius:1px; background:var(--ink); box-shadow:inset 0 0 0 1px rgba(156,122,44,.55)}
.pip.on{background:var(--c); box-shadow:none}
.pipbox{display:grid; gap:5px}
.over{font:italic 400 15px/1.1 var(--body); color:var(--gold); text-align:right}
.ctl{display:grid; grid-template-columns:34px minmax(0,1fr) 34px; align-items:center}
.ctl button{width:34px; height:34px; display:grid; place-items:center; padding:0; border:0; border-radius:3px; background:var(--ink); box-shadow:0 0 0 1px var(--gold-d); cursor:pointer}
.ctl button svg{width:12px; height:12px}
.ctl button path{stroke:var(--gold)}
.ctl button[aria-disabled="true"]{box-shadow:0 0 0 1px #3E3326; cursor:not-allowed}
.ctl button[aria-disabled="true"] path{stroke:#5E5246}
.ctl .v{text-align:center; font:700 22px/1 var(--label); font-variant-numeric:lining-nums tabular-nums}
.bfoot{margin-top:22px}
.hint{margin:0 0 14px; font-style:italic; color:var(--text-3); font-size:17px; text-align:right}
.bfoot .row{display:flex; justify-content:space-between; gap:16px}
.char{align-items:stretch}
.char .side{display:flex; flex-direction:column}
.airy-note{margin:22px 0 0; padding-top:18px; border-top:1px solid transparent; border-image:linear-gradient(90deg,transparent,var(--gold-d) 12%,var(--gold-d) 88%,transparent) 1; font-size:17px; line-height:1.45; color:var(--text-3); font-style:italic}
.actions{display:grid; gap:12px; margin-top:auto; padding-top:26px}
.actions-phone{display:none}
.actions .btn{width:100%}
.cname{margin:0; font:900 clamp(36px,5.4vw,64px)/1.08 var(--display); letter-spacing:.01em; max-width:100%;
  background:linear-gradient(180deg,#FFF3CC 0%,var(--gold) 50%,#B5872C 100%); -webkit-background-clip:text; background-clip:text; color:transparent}
.cep{margin:10px 0 18px; font:italic 400 24px/1.3 var(--body); color:var(--text-2)}
.tags{display:flex; flex-wrap:wrap; gap:10px; margin:0 0 26px; padding:0; list-style:none}
.tags li{font:700 13px/1 var(--label); letter-spacing:.1em; text-transform:uppercase; padding:9px 14px 8px; border-radius:2px; color:var(--text); box-shadow:inset 0 0 0 1px var(--gold-d); background:rgba(36,28,48,.7)}
.tags li.leg{color:#1A1424; background:linear-gradient(180deg,var(--gold-l),var(--gold)); box-shadow:none}
.stats{display:grid; grid-template-columns:240px minmax(0,1fr); gap:32px; align-items:center; padding:24px 0}
.radar{display:block; width:100%; height:auto}
.glist{list-style:none; margin:0; padding:0; display:grid; row-gap:4px}
.glist li{display:grid; grid-template-columns:26px minmax(0,1fr) 32px; gap:14px; align-items:center; min-height:30px; border-bottom:1px dotted rgba(156,122,44,.35)}
.glist li:last-child{border-bottom:0}
.glist .gem{width:26px; height:26px}
.glist .gem b{font-size:14px}
.glist li > b{font:700 20px/1 var(--label); color:var(--gold); text-align:right; font-variant-numeric:lining-nums tabular-nums}
.duo{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px; padding:24px 0}
.duo p,.science p{margin:0; font-size:19px; line-height:1.45}
.science{margin:0 0 24px; padding:20px 24px; border-radius:2px; background:rgba(20,14,28,.55); box-shadow:inset 0 0 0 1px rgba(156,122,44,.6)}
.science .cite{margin-top:8px; font-size:16px; font-style:italic; color:var(--text-3)}
.patron{display:flex; flex-direction:column; align-items:center; text-align:center; gap:4px; margin-top:28px; padding-top:24px; border-top:1px solid transparent; border-image:linear-gradient(90deg,transparent,var(--gold-d) 12%,var(--gold-d) 88%,transparent) 1}
.seal{position:relative; display:grid; place-items:center; width:64px; height:64px; margin-bottom:8px}
.seal svg{position:absolute; inset:0; width:100%; height:100%}
.seal b{position:relative; font:800 19px/1 var(--label); color:#F7D6D8}
.patron .kicker{margin:0}
.patron-name{margin:0; font:700 19px/1.25 var(--label); color:var(--text); letter-spacing:.02em}
.patron-why{margin:4px 0 0; font-size:17px; line-height:1.45; color:var(--text-2)}
.learn{display:inline-block; margin-top:22px; font:700 14px/1.3 var(--label); letter-spacing:.08em; color:var(--gold); text-decoration:underline; text-underline-offset:5px; text-decoration-thickness:1px}
.learn:hover{color:var(--gold-l)}
.revealing #em-char svg{animation:bloom .9s ease-out both}
.revealing .cname{animation:rise .7s .15s ease-out both}
@keyframes bloom{from{filter:saturate(0) brightness(.55); transform:scale(.94)} to{filter:none; transform:none}}
@keyframes rise{from{opacity:0; transform:translateY(10px)} to{opacity:1; transform:none}}
@media (prefers-reduced-motion: reduce){.revealing #em-char svg,.revealing .cname{animation:none}}
.card-dlg{border:0; padding:28px; max-width:min(560px,calc(100vw - 32px)); max-height:calc(100vh - 32px); overflow:auto; border-radius:4px; color:var(--text);
  background:#1B1426; box-shadow:0 0 0 1px var(--gold-d),0 0 0 7px #120C19,0 0 0 8px var(--gold),0 30px 80px rgba(0,0,0,.7)}
.card-dlg::backdrop{background:rgba(8,6,12,.78)}
.card-dlg .title{margin:0 0 16px}
.card-dlg img{display:block; width:100%; height:auto; aspect-ratio:1080/1350; border-radius:2px; background:#150F1D}
.card-btns{display:grid; gap:10px; margin-top:18px}
.card-btns .btn{width:100%; white-space:normal; text-align:center; line-height:1.2; padding:8px 18px}
.after{margin-top:48px; color:var(--page-text)}
.after-h{font:700 20px/1.2 var(--label); margin:0 0 12px}
.more{list-style:none; padding:0; margin:0 0 24px; display:flex; flex-wrap:wrap; gap:10px 28px}
.more a{color:inherit; text-underline-offset:4px}
.sources summary{cursor:pointer; font:700 17px var(--label)}
.sources ol{font-size:16px; color:var(--page-muted); padding-left:22px}
.sources a{color:inherit}
@media (max-width:1180px){
  .inner{grid-template-columns:260px minmax(0,1fr); gap:44px; padding:56px 52px 52px}
  .welcome{grid-template-columns:minmax(0,1fr) 260px}
  .srow{grid-template-columns:34px minmax(0,1fr) 120px 112px; gap:14px}
  .stats{grid-template-columns:210px minmax(0,1fr); gap:24px}
}
@media (max-width:900px){
  .wrap{padding:28px 14px 56px}
  .inner,.welcome{grid-template-columns:minmax(0,1fr); padding:44px 24px; gap:32px}
  .side{max-width:300px; margin:0 auto; width:100%}
  .srow{grid-template-columns:34px minmax(0,1fr) 112px; padding:8px 0}
  .srow .pips{grid-column:2/4; grid-row:2}
  .stats,.duo{grid-template-columns:minmax(0,1fr)}
  .glist{max-width:none}
  .stats .radar{max-width:260px; margin:0 auto}
  .wordmark i{font-size:12px}
  .hint{text-align:left}
  .cep{font-size:20px}
  .char .airy-note{margin-top:0}
  .char .side{display:contents}
  .char #em-char{order:1; max-width:300px; width:100%; margin:0 auto}
  .char .main{order:2}
  .char .airy-note{order:3}
  .char .patron{order:4; margin-top:0}
  .char .actions-side{display:none}
  .char .actions-phone{display:grid; margin:0 0 24px; padding-top:0}
}
@media (max-width:480px){
  .inner,.welcome{padding:36px 16px}
  .srow{grid-template-columns:30px minmax(0,1fr) 100px; gap:10px}
  .srow .nm b{font-size:18px}
  .ctl{grid-template-columns:30px minmax(0,1fr) 30px}
  .ctl button{width:30px; height:30px}
  .wordmark{grid-template-columns:repeat(4,auto); row-gap:14px}
  .bfoot .row{flex-direction:column}
  .bfoot .row .btn{width:100%}
  .pitch{font-size:23px}
  .corner{display:none}
}