/* ============================================================================
   DQR Institute — Decision-Quality Standard
   Institutional design system. Dark-navy / muted-champagne.
   Objective: institutional authority (Moody's / S&P / BlackRock / Bloomberg).
   Permanence, restraint, generous whitespace, glass panels, editorial type.
   Sections:
     1. Design system (homepage + signature components)
     2. Inner-page extensions (prose, sub-hero, lists, forms)
   ============================================================================ */

/* ---------- 1. DESIGN SYSTEM ---------- */
:root{
  /* layered navy field */
  --bg-0:#020612; --bg-1:#08172B; --bg-2:#0B1E36; --bg-3:#112B49;
  --paper:#08172B; --paper-2:#0B1E36; --ink:#F2EFE6; --ink-soft:#AEB6C4;
  --slate:#8590A0; --slate-light:#6B7686;
  --line:rgba(255,255,255,.06); --line-soft:rgba(255,255,255,.035);
  /* muted champagne — premium, low saturation */
  --claret:#B49A6A; --claret-bright:#CBB489; --claret-deep:#8C7340;
  --panel:#040A16; --panel-2:#0B1E36; --panel-line:rgba(255,255,255,.06);
  --bone:#E8E3D7; --bone-bright:#FBF8F2; --on-panel-mut:#9AA3B2;
  /* glass */
  --glass:rgba(255,255,255,.022); --glass-2:rgba(255,255,255,.045);
  --glass-line:rgba(255,255,255,.07);
  --radius:26px; --radius-sm:18px;
  --shadow:0 40px 90px -48px rgba(0,0,0,.75);
  --display:"Fraunces",Georgia,serif;
  --serif:"Fraunces",Georgia,serif;
  --sans:"Inter",system-ui,sans-serif;
  --mono:"Inter",system-ui,sans-serif;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.72;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  position:relative;isolation:isolate;
  background-color:var(--bg-0);
  background-image:
    radial-gradient(1300px 720px at 50% -4%, rgba(22,52,86,.55), transparent 56%),
    radial-gradient(1100px 820px at 93% 7%, rgba(11,30,54,.42), transparent 58%),
    radial-gradient(1000px 1000px at 6% 36%, rgba(17,43,73,.20), transparent 60%),
    radial-gradient(1100px 1100px at 96% 70%, rgba(17,43,73,.18), transparent 60%),
    linear-gradient(176deg, #020612 0%, #06132a 44%, #0a1c34 78%, #061226 100%);
  background-repeat:no-repeat;
  background-size:100% 100%;
}
/* DQR Institute precision grid — two hairlines framing the content column, full height */
body::before{
  content:"";position:fixed;top:0;bottom:0;left:50%;width:1200px;transform:translateX(-50%);
  pointer-events:none;z-index:-1;
  border-left:1px solid rgba(255,255,255,.028);
  border-right:1px solid rgba(255,255,255,.028);
}
.wrap{max-width:1200px;margin:0 auto;padding:0 56px;}
.narrow{max-width:820px;}
a{color:inherit;}
img{max-width:100%;}

.eyebrow{font-family:var(--sans);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--claret);font-weight:600;}
.eyebrow.mut{color:var(--slate);}
h1,h2,h3{font-family:var(--display);font-weight:400;letter-spacing:-.021em;}
h1{font-size:clamp(2.4rem,4.6vw,3.9rem);line-height:1.08;margin:0;}
h2{font-size:clamp(2.25rem,4.2vw,3.5rem);line-height:1.12;margin:0 0 28px;}
h3{font-size:1.5rem;line-height:1.3;margin:0 0 12px;}
p{margin:0 0 22px;}
.lead{font-size:1.32rem;line-height:1.66;color:var(--ink-soft);font-weight:300;}
.muted{color:var(--slate);}
::selection{background:var(--claret);color:var(--bg-0);}

/* section rhythm — whitespace, not lines · 8px base unit (144 = 18u) */
section{padding:144px 0;position:relative;}
section.dark{
  background-image:radial-gradient(1200px 600px at 50% 50%, rgba(16,40,70,.30), transparent 74%);
}
section.dark h2{color:var(--bone-bright);}
section.dark .lead{color:var(--bone);}
.sec-intro{max-width:820px;margin-bottom:68px;}
.sec-intro .eyebrow{display:block;margin-bottom:24px;}

/* nav */
header.nav{position:sticky;top:0;z-index:50;background:rgba(4,9,20,.66);backdrop-filter:blur(18px) saturate(120%);border-bottom:1px solid var(--line-soft);}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:78px;}
.brand{display:flex;flex-direction:column;line-height:1;text-decoration:none;}
.brand .mark{font-family:var(--display);font-size:1.42rem;letter-spacing:.04em;color:var(--ink);}
.brand .mark-img{height:40px;width:auto;display:block;}
.brand .sub{font-family:var(--sans);font-size:.56rem;letter-spacing:.3em;text-transform:uppercase;color:var(--claret);margin-top:8px;font-weight:500;}
.nav-links{display:flex;gap:38px;align-items:center;}
.nav-links a{font-size:.9rem;text-decoration:none;color:var(--ink-soft);letter-spacing:.01em;transition:color .25s;}
.nav-links a:hover{color:var(--bone-bright);}
.nav-cta{font-family:var(--sans);font-size:.85rem;font-weight:500;border:1px solid var(--glass-line);color:var(--ink);padding:11px 30px;border-radius:8px;text-decoration:none;transition:all .25s;background:var(--glass);}
.nav-cta:hover{border-color:var(--claret);color:var(--bone-bright);}
.nav-toggle{display:none;}

/* buttons */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-size:.96rem;font-weight:500;text-decoration:none;padding:16px 30px;border-radius:10px;transition:all .3s cubic-bezier(.2,.7,.2,1);cursor:pointer;border:1px solid transparent;}
.btn-primary{background:linear-gradient(135deg,var(--claret-bright),var(--claret));color:#1A1206;box-shadow:0 18px 40px -22px rgba(180,154,106,.7);}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 26px 54px -22px rgba(180,154,106,.8);}
.btn-ghost{border-color:var(--glass-line);color:var(--ink);background:var(--glass);}
.btn-ghost:hover{border-color:var(--claret);color:var(--bone-bright);transform:translateY(-2px);}
.btn-onpanel{border-color:var(--glass-line);color:var(--bone);background:var(--glass);}
.btn-onpanel:hover{border-color:var(--claret);color:var(--bone-bright);}
.btnrow{display:flex;gap:18px;flex-wrap:wrap;align-items:center;}

/* hero */
.hero{padding:120px 0 144px;}
.hero-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:84px;align-items:center;}
.hero .eyebrow{display:block;margin-bottom:34px;}
.hero h1{margin-bottom:34px;}
.hero h1 .accent{font-style:italic;color:var(--bone-bright);}
.hero .lead{margin-bottom:40px;max-width:560px;}
.hero .btnrow{margin-bottom:34px;}
.stamp{font-family:var(--sans);font-size:.78rem;letter-spacing:.04em;color:var(--slate);display:flex;align-items:center;gap:11px;}
.stamp .seal{width:7px;height:7px;border-radius:50%;background:var(--claret);display:inline-block;box-shadow:0 0 0 4px rgba(180,154,106,.14);}

/* rating opinion card (signature, floating glass panel) */
.opinion{
  background:linear-gradient(158deg, rgba(255,255,255,.06), rgba(255,255,255,.012) 60%);
  backdrop-filter:blur(22px) saturate(120%);
  color:var(--bone);border-radius:var(--radius);padding:42px 42px 34px;
  border:1px solid var(--glass-line);
  box-shadow:var(--shadow), inset 0 1px 0 rgba(255,255,255,.07);
  position:relative;overflow:hidden;
}
.opinion::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--claret),transparent);opacity:.7;}
.op-top{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;margin-bottom:24px;border-bottom:1px solid var(--line-soft);}
.op-top .ttl{font-family:var(--sans);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;color:var(--on-panel-mut);font-weight:500;}
.op-top .ver{font-family:var(--sans);font-size:.64rem;letter-spacing:.1em;color:var(--claret-bright);border:1px solid rgba(180,154,106,.3);padding:4px 9px;border-radius:6px;}
.op-subj{font-family:var(--sans);font-size:.82rem;color:var(--bone);line-height:1.7;margin-bottom:30px;}
.op-subj span{color:var(--on-panel-mut);}
.op-grade{display:flex;align-items:baseline;gap:22px;margin-bottom:10px;}
.op-grade .g{font-family:var(--display);font-size:6rem;line-height:.82;color:var(--bone-bright);letter-spacing:-.02em;}
.op-grade .gl{display:flex;flex-direction:column;gap:5px;}
.op-grade .word{font-family:var(--display);font-size:1.7rem;color:var(--bone);}
.op-grade .score{font-family:var(--sans);font-size:.9rem;color:var(--claret-bright);letter-spacing:.06em;}
.op-rule{height:1px;background:var(--line-soft);margin:28px 0 22px;}
.op-comp{display:flex;flex-direction:column;gap:20px;margin-bottom:28px;}
.comp{display:grid;grid-template-columns:1fr auto;gap:9px 12px;align-items:center;}
.comp .cl{font-family:var(--sans);font-size:.72rem;letter-spacing:.08em;color:var(--on-panel-mut);text-transform:uppercase;}
.comp .cv{font-family:var(--sans);font-size:.74rem;color:var(--bone);}
.comp .track{grid-column:1 / -1;height:5px;background:rgba(255,255,255,.05);border-radius:4px;overflow:hidden;}
.comp .fill{height:100%;width:0;background:linear-gradient(90deg,#5d7e9a,#9db8cf);border-radius:4px;transition:width 1.3s cubic-bezier(.2,.7,.2,1);}
.comp.kal .fill{background:linear-gradient(90deg,var(--claret-deep),var(--claret-bright));}
.op-foot{font-family:var(--serif);font-style:italic;font-size:.88rem;color:var(--on-panel-mut);line-height:1.55;padding-top:20px;border-top:1px solid var(--line-soft);}

/* "measured vs not" device — glass, minimal dividers */
.ledger{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--glass-line);border-radius:var(--radius);overflow:hidden;margin-top:18px;background:var(--glass);backdrop-filter:blur(14px);}
.ledger .col{padding:38px 38px;}
.ledger .col.has{border-right:1px solid var(--line-soft);}
.ledger .col h4{font-family:var(--sans);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;margin:0 0 22px;font-weight:600;}
.ledger .col.has h4{color:var(--slate);}
.ledger .col.not h4{color:var(--claret);}
.ledger ul{list-style:none;margin:0;padding:0;}
.ledger li{font-size:1rem;padding:11px 0;color:var(--ink-soft);display:flex;align-items:baseline;gap:12px;}
.ledger li .tick{font-family:var(--sans);font-size:.72rem;color:var(--slate-light);}
.ledger .not li{font-weight:500;color:var(--bone-bright);}
.ledger .not li .tick{color:var(--claret);}

/* grade scale ladder — glass, faint dividers */
.scale{display:flex;flex-direction:column;border:1px solid var(--glass-line);border-radius:var(--radius);overflow:hidden;background:var(--glass);backdrop-filter:blur(14px);}
.grade-row{display:grid;grid-template-columns:84px 1fr 130px;align-items:center;gap:22px;padding:22px 30px;border-bottom:1px solid var(--line-soft);position:relative;}
.grade-row:last-child{border-bottom:none;}
.grade-row .gr{font-family:var(--display);font-size:1.8rem;color:var(--bone);}
.grade-row .gd{font-size:.98rem;color:var(--on-panel-mut);line-height:1.55;}
.grade-row .gd strong{color:var(--bone-bright);font-weight:500;font-family:var(--sans);}
.grade-row .gb{font-family:var(--sans);font-size:.78rem;color:var(--on-panel-mut);text-align:right;letter-spacing:.04em;}
.grade-row.flag{background:linear-gradient(90deg,rgba(180,154,106,.12),transparent 70%);}
.grade-row.flag::before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--claret);}
.grade-row.flag .gr{color:var(--claret-bright);}

/* generic two-col */
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:start;}
.two.lean{grid-template-columns:1.12fr .88fr;}

/* instrument components — glass cards, no divider lines */
.instr{display:grid;gap:20px;}
.instr .item{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--glass-line);border-radius:var(--radius-sm);padding:38px 40px;}
.instr .item .tag{font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--claret);margin-bottom:18px;display:flex;justify-content:space-between;font-weight:600;}
.instr .item .tag .when{color:var(--slate-light);font-weight:400;}
.instr .item p{margin:0;font-size:1.04rem;color:var(--ink-soft);line-height:1.7;}
.composite{margin-top:34px;background:var(--glass-2);backdrop-filter:blur(16px);border:1px solid var(--glass-line);border-radius:var(--radius);padding:38px 42px;}
.composite .formula{font-family:var(--mono);font-size:1.05rem;color:var(--bone-bright);margin-bottom:16px;letter-spacing:.02em;}
.composite .formula .g{color:var(--claret-bright);}
.composite p{margin:0;font-size:1.02rem;color:var(--on-panel-mut);line-height:1.7;}

/* governance commitments — whitespace, faint baselines */
.commit{list-style:none;margin:24px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px 56px;}
.commit li{padding:24px 0;border-bottom:1px solid var(--line-soft);font-size:1.04rem;color:var(--ink-soft);display:flex;gap:16px;align-items:baseline;line-height:1.6;}
.commit li b{font-weight:500;color:var(--bone-bright);font-family:var(--sans);}
.commit li .n{font-family:var(--sans);font-size:.74rem;color:var(--claret);padding-top:4px;letter-spacing:.06em;}

/* book */
.book-grid{display:grid;grid-template-columns:220px 1fr;gap:64px;align-items:center;}
.bookcover{background:linear-gradient(160deg,#13243c,#070f1e);border:1px solid var(--glass-line);border-radius:8px;aspect-ratio:3/4.4;display:flex;flex-direction:column;justify-content:space-between;padding:28px 26px;box-shadow:var(--shadow);}
.bookcover .bt{font-family:var(--display);font-size:1.5rem;line-height:1.12;color:var(--bone-bright);}
.bookcover .bb{font-family:var(--sans);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-panel-mut);line-height:1.8;}
.bookcover .ba{font-family:var(--sans);font-size:.64rem;letter-spacing:.18em;text-transform:uppercase;color:var(--claret-bright);}
blockquote{margin:30px 0 0;padding-left:26px;border-left:2px solid var(--claret);font-family:var(--serif);font-style:italic;font-size:1.42rem;line-height:1.5;color:var(--bone-bright);}

/* cards — glass, soft hover elevation */
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;}
.card{border:1px solid var(--glass-line);border-radius:var(--radius);padding:38px 40px;background:var(--glass);backdrop-filter:blur(14px);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s,box-shadow .45s;}
.card:hover{border-color:rgba(180,154,106,.32);transform:translateY(-6px);box-shadow:var(--shadow);}
.card .ct{font-family:var(--display);font-size:1.42rem;margin-bottom:14px;color:var(--bone-bright);}
.card p{margin:0;font-size:1.02rem;color:var(--ink-soft);line-height:1.7;}

/* trajectory — glass step cards */
.traj-steps{display:flex;flex-wrap:wrap;gap:20px;margin-top:48px;}
.traj-steps .st{flex:1 1 200px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);padding:30px 30px;position:relative;background:var(--glass);backdrop-filter:blur(14px);transition:transform .45s cubic-bezier(.2,.7,.2,1),border-color .45s;}
.traj-steps .st:hover{transform:translateY(-5px);border-color:rgba(180,154,106,.3);}
.traj-steps .st .num{font-family:var(--sans);font-size:.7rem;color:var(--claret-bright);letter-spacing:.16em;margin-bottom:16px;font-weight:600;}
.traj-steps .st .h{font-family:var(--display);font-size:1.4rem;color:var(--bone-bright);margin-bottom:10px;}
.traj-steps .st p{margin:0;font-size:.94rem;color:var(--on-panel-mut);line-height:1.65;}

/* CTA */
.cta-box{text-align:center;max-width:740px;margin:0 auto;}
.cta-box h2{margin-bottom:22px;}
.cta-box .btnrow{justify-content:center;margin-top:38px;}

/* footer */
footer{padding:96px 0 44px;background:linear-gradient(180deg,transparent,rgba(2,6,18,.6));}
.foot-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr 1fr;gap:40px;padding-bottom:52px;border-bottom:1px solid var(--line-soft);}
.foot-brand .mark{font-family:var(--display);font-size:1.5rem;color:var(--bone-bright);letter-spacing:.04em;}
.foot-brand .mark-img{height:48px;width:auto;display:block;}
.foot-brand p{margin:18px 0 0;font-size:.94rem;max-width:250px;line-height:1.6;color:var(--slate);}
.foot-col h5{font-family:var(--sans);font-size:.66rem;letter-spacing:.18em;text-transform:uppercase;color:var(--bone);margin:0 0 20px;font-weight:600;}
.foot-col a{display:block;text-decoration:none;color:var(--slate);font-size:.92rem;margin-bottom:13px;transition:color .25s;}
.foot-col a:hover{color:var(--claret-bright);}
.foot-logyc{margin-top:40px;padding:24px 28px;border:1px solid var(--glass-line);border-radius:var(--radius-sm);background:var(--glass);font-size:.9rem;line-height:1.65;display:flex;gap:18px;align-items:baseline;}
.foot-logyc .lab{font-family:var(--sans);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claret-bright);white-space:nowrap;padding-top:2px;font-weight:600;}
.foot-logyc a{color:var(--bone);text-decoration:underline;text-underline-offset:3px;}
.foot-bottom{margin-top:34px;display:flex;justify-content:space-between;gap:26px;flex-wrap:wrap;}
.foot-bottom .disc{font-family:var(--serif);font-style:italic;font-size:.86rem;color:var(--slate-light);max-width:660px;line-height:1.6;}
.foot-bottom .cp{font-family:var(--sans);font-size:.74rem;color:var(--slate);letter-spacing:.02em;}

/* reveal — soft fade + slow rise */
.js section .wrap > *{opacity:0;transform:translateY(22px);transition:opacity 1s cubic-bezier(.2,.7,.2,1),transform 1s cubic-bezier(.2,.7,.2,1);}
.js section .wrap > *.in{opacity:1;transform:none;}

/* focus */
a:focus-visible,.btn:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--claret-bright);outline-offset:3px;}

@media (max-width:980px){
  .wrap{padding:0 32px;}
  .hero-grid,.two,.two.lean,.book-grid{grid-template-columns:1fr;gap:52px;}
  .ledger,.commit,.cards{grid-template-columns:1fr;}
  .ledger .col.has{border-right:none;border-bottom:1px solid var(--line-soft);}
  .foot-top{grid-template-columns:1fr 1fr;gap:34px;}
  .foot-brand{grid-column:1 / -1;}
  .nav-links{display:none;}
  .nav-links.open{display:flex;position:absolute;top:78px;left:0;right:0;flex-direction:column;background:#040914;border-bottom:1px solid var(--line);padding:24px 32px;gap:22px;}
  .nav-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:6px;}
  .nav-toggle span{width:24px;height:2px;background:var(--ink);display:block;}
  .book-grid{justify-items:start;}
  .bookcover{width:180px;}
  section{padding:104px 0;}
  .hero{padding:80px 0 96px;}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;}
  .js section .wrap > *{opacity:1!important;transform:none!important;}
  .comp .fill{transition:none;}
  html{scroll-behavior:auto;}
}

/* ---------- 2. INNER-PAGE EXTENSIONS ---------- */
/* Same tokens, same restraint. */

/* sub-page hero */
.subhero{padding:120px 0 96px;}
.subhero .eyebrow{display:block;margin-bottom:30px;}
.subhero h1{font-size:clamp(2.1rem,3.8vw,3.25rem);margin-bottom:32px;}
.subhero h1 .accent{font-style:italic;color:var(--bone-bright);}
.subhero .lead{max-width:740px;}

/* long-form prose */
.prose{max-width:760px;}
.prose h2{margin-top:8px;}
.prose h3{margin-top:44px;color:var(--bone-bright);}
.prose p{font-size:1.12rem;color:var(--ink-soft);line-height:1.78;}
.prose .lead{margin-bottom:30px;}
.prose ul,.prose ol{margin:0 0 22px;padding-left:22px;color:var(--ink-soft);}
.prose li{margin:0 0 11px;}
.prose a{color:var(--claret-bright);text-decoration:underline;text-underline-offset:3px;}

/* defined-term / spec list — whitespace led */
.deflist{list-style:none;margin:22px 0 0;padding:0;}
.deflist li{padding:26px 0;border-bottom:1px solid var(--line-soft);}
.deflist li:first-child{border-top:1px solid var(--line-soft);}
.deflist .dt{font-family:var(--sans);font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--claret);margin-bottom:11px;font-weight:600;}
.deflist .dd{font-size:1.06rem;color:var(--ink-soft);margin:0;line-height:1.65;}

/* three-up card grid */
.cards.three{grid-template-columns:repeat(3,1fr);}
@media (max-width:980px){.cards.three{grid-template-columns:1fr;}}

/* numbered step list — glass */
.steps{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:18px;}
.steps li{background:var(--glass);backdrop-filter:blur(14px);border:1px solid var(--glass-line);border-radius:var(--radius-sm);padding:30px 34px;display:grid;grid-template-columns:60px 1fr;gap:22px;align-items:baseline;}
.steps .sn{font-family:var(--sans);font-size:.9rem;color:var(--claret);font-weight:600;}
.steps .sh{font-family:var(--display);font-size:1.3rem;color:var(--bone-bright);margin-bottom:7px;}
.steps p{margin:0;font-size:1.02rem;color:var(--ink-soft);line-height:1.7;}

/* article meta + list */
.meta{font-family:var(--sans);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--slate);margin-bottom:18px;font-weight:500;}
.article-list{list-style:none;margin:0;padding:0;}
.article-list li{padding:38px 0;border-bottom:1px solid var(--line-soft);}
.article-list li:first-child{border-top:1px solid var(--line-soft);}
.article-list a{text-decoration:none;display:block;}
.article-list .at{font-family:var(--display);font-size:1.7rem;color:var(--bone-bright);margin:8px 0 12px;transition:color .3s;}
.article-list a:hover .at{color:var(--claret-bright);}
.article-list p{margin:0;color:var(--ink-soft);font-size:1.04rem;max-width:720px;line-height:1.7;}

/* forms — glass fields */
.form{max-width:600px;margin-top:10px;}
.field{margin-bottom:26px;}
.field label{display:block;font-family:var(--sans);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--slate);margin-bottom:11px;font-weight:600;}
.field input,.field select,.field textarea{width:100%;font-family:var(--sans);font-size:1.02rem;color:var(--ink);background:var(--glass);border:1px solid var(--glass-line);border-radius:12px;padding:15px 18px;transition:border-color .25s;}
.field input::placeholder,.field textarea::placeholder{color:var(--slate-light);}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--claret);}
.field textarea{min-height:140px;resize:vertical;}
.field select{appearance:none;}

/* disclosure callout — glass */
.note{margin-top:34px;padding:26px 30px;border:1px solid var(--glass-line);border-left:2px solid var(--claret);border-radius:var(--radius-sm);background:var(--glass);font-size:1rem;color:var(--ink-soft);line-height:1.65;}
.note .lab{font-family:var(--sans);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;color:var(--claret);display:block;margin-bottom:11px;font-weight:600;}

/* ===========================================================================
   3. CRAFTSMANSHIP LAYER — execution refinement (no IA/copy changes)
   Continuous atmosphere · engineered interaction · certificate-grade artifact
   =========================================================================== */

/* readable measure — ~62–68 characters */
.lead{max-width:38em;}
.hero .lead{max-width:34em;}
.prose p,.prose .lead,.prose li{max-width:34em;}
.sec-intro p{max-width:38em;}
.subhero .lead{max-width:36em;}

/* display tightening at large optical sizes */
.hero h1,.subhero h1{letter-spacing:-.028em;}
.op-grade .g{letter-spacing:-.035em;}

/* engineered navigation — drawn underline, slow + purposeful */
.nav-links a{position:relative;padding:6px 0;}
.nav-links a.nav-cta{padding:11px 30px;}
.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--claret);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1);opacity:.85;}
.nav-links a:hover::after{transform:scaleX(1);}
.nav-cta{transition:border-color .4s ease,color .4s ease,background .4s ease;}
.nav-cta:hover{background:rgba(180,154,106,.08);}

/* links in prose — refined underline */
.prose a,.foot-logyc a{text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:rgba(180,154,106,.45);transition:text-decoration-color .35s ease,color .35s ease;}
.prose a:hover{text-decoration-color:var(--claret-bright);}

/* THE RATING — institutional artifact (official certificate) */
.opinion{padding:46px 46px 38px;}
/* hairline registration marks at the four corners, like a sealed document */
.opinion::after{
  content:"";position:absolute;inset:18px;pointer-events:none;border-radius:14px;
  background-image:
    linear-gradient(var(--claret),var(--claret)),linear-gradient(var(--claret),var(--claret)),
    linear-gradient(var(--claret),var(--claret)),linear-gradient(var(--claret),var(--claret)),
    linear-gradient(var(--claret),var(--claret)),linear-gradient(var(--claret),var(--claret)),
    linear-gradient(var(--claret),var(--claret)),linear-gradient(var(--claret),var(--claret));
  background-repeat:no-repeat;
  background-size:14px 1px,1px 14px, 14px 1px,1px 14px, 14px 1px,1px 14px, 14px 1px,1px 14px;
  background-position:left top,left top, right top,right top, left bottom,left bottom, right bottom,right bottom;
  opacity:.4;
}
.op-top{padding-bottom:24px;margin-bottom:26px;}
.op-top .ttl{letter-spacing:.24em;}
.op-grade{gap:26px;margin-bottom:14px;}
.op-grade .score{letter-spacing:.14em;}
.op-comp{gap:22px;}
.comp .track{height:3px;background:rgba(255,255,255,.045);border-radius:2px;}
.comp .cl{letter-spacing:.12em;}
.op-foot{font-size:.9rem;}

/* eyebrow — architectural index tick, the DQR Institute structural cue */
.eyebrow{display:inline-flex;align-items:center;gap:14px;}
.hero .eyebrow,.sec-intro .eyebrow,.subhero .eyebrow{display:flex;}
.eyebrow::before{content:"";width:22px;height:1px;background:var(--claret);opacity:.7;flex:none;}
.eyebrow.mut::before{background:var(--slate);}

/* engineered card elevation — slow, restrained */
.card,.traj-steps .st{transition:transform .5s cubic-bezier(.2,.7,.2,1),border-color .5s ease,box-shadow .5s ease;}

/* keep the precision grid from showing through panels */
.opinion,.ledger,.scale,.instr .item,.composite,.card,.traj-steps .st,.note,.bookcover{position:relative;z-index:1;}

/* ===========================================================================
   4. INSTITUTIONAL IDENTITY — a visual language of measurement & standards
   8px spacing system · calibration ruler · calibrated scales · sealed artifact
   Test: "Would this look credible published by Moody's, IFRS, FASB, the CFA?"
   =========================================================================== */

/* — Calibration ruler: a measurement scale framing the institution, fixed
     beneath the masthead the full width of the page. The signature motif. */
header.nav::after{
  content:"";position:absolute;left:0;right:0;bottom:-1px;height:7px;pointer-events:none;
  background-image:repeating-linear-gradient(90deg, rgba(180,154,106,.30) 0 1px, transparent 1px 48px);
  -webkit-mask-image:linear-gradient(180deg,#000,transparent);
  mask-image:linear-gradient(180deg,#000,transparent);
  opacity:.55;
}

/* — The grade scale, read as a calibrated instrument: a measurement axis with
     a tick at every threshold, the way an official scale is registered. */
.scale{padding-left:1px;}
.grade-row{padding-left:34px;}
.grade-row::after{content:"";position:absolute;left:0;top:50%;width:10px;height:1px;background:var(--claret);opacity:.5;transform:translateY(-50%);}
.grade-row.flag::after{display:none;}

/* — THE RATING CARD as an official document ------------------------------- */
/* concentric registry seal behind the grade — a calibration target / stamp */
.op-grade{position:relative;}
.op-grade .g{position:relative;z-index:1;}
.op-grade::before{
  content:"";position:absolute;z-index:0;pointer-events:none;
  left:-22px;top:50%;width:150px;height:150px;transform:translateY(-50%);
  background:repeating-radial-gradient(circle at center, transparent 0 9px, rgba(180,154,106,.08) 9px 10px);
  -webkit-mask-image:radial-gradient(circle at center,#000 38%,transparent 70%);
  mask-image:radial-gradient(circle at center,#000 38%,transparent 70%);
}
/* confidence bars as calibrated gauges — quartile reference ticks */
.comp .track{
  background-image:
    repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(255,255,255,.14) calc(25% - 1px) 25%);
  background-color:rgba(255,255,255,.05);
}
/* reference number, set like a document control mark */
.op-top .ver{font-variant-numeric:tabular-nums;}
.op-grade .score{font-variant-numeric:tabular-nums;}
.grade-row .gb{font-variant-numeric:tabular-nums;}

/* — Hierarchy: one element leads each viewport. Recede the supporting line
     beneath section headings so the heading clearly dominates. */
.sec-intro .lead,.subhero .lead{color:var(--ink-soft);font-weight:300;}
.sec-intro{margin-bottom:72px;}

/* — Disciplined detail: tabular figures wherever the standard is quantified */
.composite .formula,.stamp,.foot-bottom .cp{font-variant-numeric:tabular-nums;}