/* Redesign preview: hybrid of the existing dark/amber identity and editorial paper sections with a display serif. */
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(fonts/instrument-serif-latin-400-italic.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--serif:'Instrument Serif',Georgia,'Times New Roman',serif;--plink:#8f4a22;--ink2:#2b261f}

/* ---- hero ---- */
.redesign .open h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,4.8vw,72px);line-height:1.03;letter-spacing:-.012em;max-width:19ch}
.redesign .open h1 em{font-style:italic;color:var(--amber)}
.redesign .sub-lead{margin-top:22px;max-width:36ch;font-size:clamp(19px,1.6vw,24px);color:var(--text)}
.redesign .open .copy .trace{margin-top:30px}
.redesign .who{margin-top:16px;font-size:11.5px;letter-spacing:.04em;color:var(--mute)}

/* ---- shared headings ---- */
.serif-h{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.04;letter-spacing:-.01em;max-width:20ch}
.serif-h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.5vw,38px);line-height:1.1;letter-spacing:-.005em}
.sec-head{max-width:1100px;margin-bottom:56px}
.sec-head .tagline{color:var(--amber);margin-bottom:16px}
.onpaper .sec-head .tagline{color:var(--plink)}
.lede-p{margin-top:18px;max-width:58ch;font-size:18px;line-height:1.55;color:var(--pmute)}

/* ---- convictions (paper) ---- */
.onpaper{background:var(--paper);color:var(--ink)}
.onpaper h2,.onpaper h3{color:var(--ink)}
.conv{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 24px;padding:46px 0;border-top:1px solid var(--prule);max-width:1100px}
.conv:last-child{border-bottom:1px solid var(--prule)}
.conv .cn{color:var(--plink);font-size:13px;padding-top:12px}
.conv .cb>p{font-size:19px;line-height:1.55;max-width:62ch;margin:14px 0 0;color:var(--ink2)}
.cdl{margin:26px 0 0;display:grid;gap:14px}
.cdl>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:4px 24px}
.cdl dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--pmute);padding-top:3px}
.cdl dd{margin:0;font-size:16px;line-height:1.55;color:var(--ink2);max-width:70ch}
.onpaper a{color:var(--plink);text-decoration:none;border-bottom:1px solid var(--prule);transition:color .15s,border-color .15s}
.onpaper a:hover{color:var(--ink);border-color:var(--ink)}
.onpaper :focus-visible{outline-color:var(--ink)}

/* ---- leadership (dark) ---- */
.building{background:var(--bg)}
.stages3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 48px;max-width:1280px}
.stage{border-top:2px solid var(--copper);padding-top:22px}
.stage .sn{color:var(--amber);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}
.stage h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.4vw,36px);line-height:1.1;margin-bottom:16px}
.stage p{color:#cbc3b7;font-size:16.5px;line-height:1.6;margin-bottom:14px}
.record{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}
.record li{color:#cbc3b7;font-size:16px;line-height:1.5;padding-left:18px;position:relative}
.record li::before{content:"";position:absolute;left:0;top:.62em;width:7px;height:2px;background:var(--amber)}
.record a{color:var(--text);text-decoration:none;border-bottom:1px solid var(--line)}
.record a:hover{color:var(--amber);border-color:var(--amber)}
.gz{margin:22px 0 0}
.gz img{display:block;width:100%;height:auto;border:1px solid var(--line)}
.gz figcaption{margin-top:8px;font-size:11.5px;color:var(--mute);letter-spacing:.03em}
.tiers{margin:20px 0 0;display:grid;gap:14px}
.tiers dt{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text);display:flex;align-items:center;gap:8px}
.tiers dd{margin:4px 0 0 20px;color:#cbc3b7;font-size:15.5px;line-height:1.5}
.tiers .t{display:inline-block;width:11px;height:11px;border-radius:50%;border:2px solid var(--amber)}
.tiers .t1{background:var(--amber)}
.tiers .t2{background:linear-gradient(90deg,var(--amber) 50%,transparent 50%)}
.tiers .t3{background:transparent;border-style:dashed}

/* ---- work (paper) ---- */
.flags{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1280px}
.flag h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,2.3vw,34px);line-height:1.1;margin:8px 0 14px}
.flag p{font-size:16px;line-height:1.55;color:var(--ink2);margin-bottom:14px}
.flag .for{color:var(--plink);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.flag .src{font-size:13.5px;margin-top:6px;color:var(--ink2)}
.flag .by{margin-left:10px;color:var(--pmute);font-size:11.5px;font-family:'JetBrains Mono',monospace;letter-spacing:.04em;text-transform:uppercase}

/* photo slots (preview only; removed when photographs arrive) */
.slot{display:flex;align-items:center;justify-content:center;text-align:center;min-height:230px;margin-bottom:18px;border:1.5px dashed currentColor;padding:20px;font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}
.building .slot{border-color:#5d5751;color:var(--mute)}
.onpaper .slot{border-color:#a8a095;color:var(--pmute)}
.slot-row{margin-top:48px;max-width:1280px}
.slot-row .slot{min-height:200px;margin:0}

/* ---- perspectives ---- */
.persp{background:#17140f;border-top:1px solid var(--line)}
.pcols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px;max-width:1280px}
.pcol{display:flex;flex-direction:column;gap:12px;text-decoration:none;color:var(--text);border-top:2px solid var(--copper);padding-top:20px;transition:border-color .15s}
.pcol:hover{border-color:var(--amber)}
.pcol .pc{color:var(--amber);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.pcol .pt{display:block}
.pcol .pd{color:#cbc3b7;font-size:16px;line-height:1.5}
.pcol .pm{color:var(--mute);font-size:11.5px}
.pcol:hover .pt{color:var(--amber)}
.plinks{margin-top:34px;font-size:16px;color:var(--mute)}
.plinks a{color:var(--amber);text-decoration:none;border-bottom:1px solid var(--copper)}
.plinks a:hover{color:var(--text);border-color:var(--text)}
.persp .ask{margin-top:64px;max-width:900px}
.persp .ah{color:var(--mute);font-size:12px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px}

/* ---- evidence ---- */
.mapteaser .sec-head{margin-bottom:28px}
.evtiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:56px;max-width:1280px}
.evtiles a{display:flex;flex-direction:column;gap:6px;padding:22px 24px;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--copper);text-decoration:none;color:var(--text);transition:border-color .15s}
.evtiles a:hover{border-color:var(--amber)}
.evtiles b{font-family:var(--serif);font-weight:400;font-size:clamp(22px,2vw,28px);line-height:1.15}
.evtiles span{color:var(--mute);font-size:14.5px;line-height:1.45}

/* ---- responsive ---- */
@media (max-width:1100px){
  .stages3,.flags,.pcols{grid-template-columns:1fr;gap:44px;max-width:640px}
  .evtiles{grid-template-columns:1fr}
}
@media (max-width:900px){
  .redesign .open .motionbtn{order:3}
  .redesign .who{order:5}
  .redesign .sub-lead{order:4;max-width:none}
  .conv{grid-template-columns:1fr;gap:6px}
  .conv .cn{padding-top:0}
  .cdl>div{grid-template-columns:1fr;gap:2px}
  .sec-head{margin-bottom:34px}
  .slot{min-height:170px}
}

/* polish */
.redesign .open h1{font-size:clamp(34px,4.4vw,66px)}
.redesign .mapteaser h2{font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.2vw,60px);line-height:1.04;letter-spacing:-.01em;max-width:18ch}
.redesign .mapteaser .mgrid{max-width:1280px}

.cdet>summary{list-style:none;cursor:pointer;margin-top:18px;font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--plink);border-bottom:1px solid var(--prule);display:inline-block;padding:6px 0}
.cdet>summary::-webkit-details-marker{display:none}
.cdet[open]>summary::after{content:' \2212'}
.cdet:not([open])>summary::after{content:' +'}


/* ---- inner pages ---- */
.redesign .essay-hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,7.2vw,112px);line-height:.98;letter-spacing:-.015em;max-width:15ch}
.redesign .territory h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.2vw,46px);line-height:1.05;letter-spacing:-.005em}
.redesign .mi-t{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.5vw,34px);line-height:1.1;letter-spacing:-.005em}
.redesign .mi.quiet .mi-t{font-family:inherit;font-weight:500;font-size:clamp(18px,1.8vw,22px);letter-spacing:-.01em}
.redesign .arch-head h1{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;font-size:clamp(40px,5.4vw,84px)}
.redesign .alumni .an{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15}
.redesign .alumni.recog .an{font-size:22px}
.redesign .essay .body>p:first-of-type{font-family:var(--serif);font-size:clamp(24px,2.3vw,30px);line-height:1.35;color:var(--ink)}

/* ---- v2 feedback: lighter convictions, VinUniversity emphasis ---- */
.cdet>summary{margin-top:20px}
.conv .cb>p{font-size:clamp(19px,1.6vw,22px);max-width:60ch}
.stage.next{border-top-color:var(--amber);background:linear-gradient(180deg,rgba(232,163,61,.08),transparent 60%);padding:22px 22px 8px;margin:0 -22px}
.stage.next h3{color:var(--text)}
@media (max-width:1100px){.stage.next{margin:0;padding:22px 0 0;background:none}}

/* hero hierarchy: one dominant sentence, thesis and leadership line subordinate */
.redesign .open h1{font-size:clamp(40px,5.6vw,84px);max-width:13ch}
.redesign .hero-thesis{margin-top:22px;max-width:34ch;font-family:var(--serif);font-style:italic;font-size:clamp(22px,2vw,30px);line-height:1.2;color:var(--amber)}
.redesign .sub-lead{margin-top:18px;max-width:40ch;font-size:clamp(16px,1.25vw,18px);color:var(--mute)}
.redesign .open h1{max-width:16ch}
.redesign .hero-thesis{max-width:40ch;text-wrap:balance}
@media (max-width:900px){
  .redesign .open h1{order:1;max-width:none}
  .redesign .hero-thesis{order:2;max-width:none}
  .redesign .sub-lead{order:3}
  .redesign .open .engage{order:4}
  .redesign .open .trace{order:5}
  .redesign .open .motionbtn{order:5}
  .redesign .who{order:5}
}

/* ---- ScopeIdea article (news-style hybrid) ---- */
.redesign .essay-hero .dek{margin-top:26px;max-width:36ch;font-family:var(--serif);font-size:clamp(22px,2.2vw,32px);line-height:1.2;color:var(--amber)}
.si h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3vw,38px);line-height:1.1;margin:56px 0 16px;color:var(--ink);letter-spacing:-.005em}
.si h3{font-family:var(--serif);font-weight:400;font-size:22px;margin:0 0 6px;color:var(--ink)}
.sicard{margin:40px 0 8px;padding:30px 30px 28px;background:#fff;border:1px solid var(--prule);border-top:3px solid #2c6aa0;display:grid;gap:12px;justify-items:start}
.sicard img{width:min(100%,360px);height:auto;display:block}
.essay .body .sicard p{margin:0}
.sicard .sitag{font-family:var(--serif);font-size:26px;line-height:1.1;color:#12365a}
.sicard .siline{font-size:16px;line-height:1.5;color:var(--pmute)}
.sicard .btn{margin-top:6px}
.essay .btn,.essay .btn:hover{color:#1a1208;border-bottom:1px solid var(--amber)}
.pullq{margin:38px 0;padding:6px 0 6px 26px;border-left:3px solid var(--copper)}
.essay .body .pullq p{font-family:var(--serif);font-size:clamp(26px,2.8vw,34px);line-height:1.2;color:var(--ink)}
.pullq cite{display:block;margin-top:12px;font-style:normal;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--pmute)}
.glance{list-style:none;margin:24px 0 8px;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--prule);border-bottom:1px solid var(--prule)}
.glance li{padding:18px 14px 16px 0;display:flex;flex-direction:column;gap:6px}
.glance li+li{padding-left:16px;border-left:1px solid var(--prule)}
.glance b{font-family:var(--serif);font-weight:400;font-size:46px;line-height:1;color:var(--plink)}
.glance span{font-size:14px;line-height:1.35;color:var(--pmute)}
.steps{margin:26px 0 0;padding:0;list-style:none;counter-reset:s}
.steps li{counter-increment:s;position:relative;padding:14px 0 14px 44px;border-top:1px solid var(--prule);font-size:18px;line-height:1.5;color:var(--ink2)}
.steps li:last-child{border-bottom:1px solid var(--prule)}
.steps li::before{content:counter(s);position:absolute;left:0;top:14px;font-family:var(--serif);font-size:26px;line-height:1;color:var(--plink)}
.steps b{color:var(--ink);font-weight:600}
.fields{margin:20px 0 28px;display:grid;gap:0}
.fields>div{display:grid;grid-template-columns:170px minmax(0,1fr);gap:4px 20px;padding:12px 0;border-top:1px solid var(--prule)}
.fields>div:last-child{border-bottom:1px solid var(--prule)}
.fields dt{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--plink);padding-top:3px}
.fields dd{margin:0;font-size:18px;line-height:1.45;color:var(--ink2)}
.who-list{margin:6px 0 0;padding:0 0 0 20px}
.who-list li{font-size:19px;line-height:1.55;color:var(--ink2);margin:0 0 10px}
.si .note{margin-top:40px;font-size:16px;line-height:1.55}
.si .note strong{color:var(--ink)}
.si>p:last-of-type{margin-top:24px}
.about{margin-top:56px;padding-top:26px;border-top:2px solid var(--ink)}
.about h2.mono{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--pmute);margin:0 0 16px}
.about .abt{margin-bottom:20px}
.essay .body .about p{font-size:16px;line-height:1.55;color:var(--ink2)}
.about .abt-contact{margin-top:6px}
@media (max-width:700px){
  .glance{grid-template-columns:repeat(2,minmax(0,1fr))}
  .glance li:nth-child(3){padding-left:0;border-left:0}
  .glance li:nth-child(n+3){border-top:1px solid var(--prule)}
  .fields>div{grid-template-columns:1fr}
  .sicard{padding:22px 20px}
}
.si .note{color:var(--ink2);margin-bottom:34px}

/* paper lists inside convictions */
.cdl dd.papers{display:grid;gap:18px}
.pgrp .pl{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--plink);margin-bottom:8px}
.plist{list-style:none;margin:0;padding:0;display:grid;gap:7px}
.plist li{font-size:15px;line-height:1.45;color:var(--ink2);padding-left:16px;position:relative}
.plist li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:1px;background:var(--plink)}
.plist .pv{display:block;font-size:13px;color:var(--pmute)}