:root{
 --bg:#070a0f;--bg2:#0c1119;--panel:#111821;--panel2:#151e29;
 --text:#f5f3ed;--muted:#aeb7c3;--accent:#58dbe5;--gold:#d8b26a;
 --line:rgba(255,255,255,.105);--max:1180px;--radius:18px;
 --shadow:0 18px 55px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",Arial,sans-serif;line-height:1.68;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.topbar{padding:7px 14px;text-align:center;background:#dfecee;color:#10161d;font-size:.79rem;font-weight:750}
.topbar a{text-decoration:underline;text-underline-offset:3px}
.nav{position:sticky;top:0;z-index:100;background:rgba(7,10,15,.93);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.navin{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{font-size:.94rem;font-weight:900;letter-spacing:.115em;text-transform:uppercase;white-space:nowrap}
.brand span{color:var(--accent)}
.links{display:flex;gap:18px;align-items:center;color:#c4cad2;font-size:.85rem}
.links a{padding:8px 0;border-bottom:1px solid transparent}
.links a:hover,.links a[aria-current="page"]{color:#fff;border-color:var(--accent)}
.menu{display:none;background:transparent;border:1px solid var(--line);border-radius:10px;color:#fff;font-size:1.25rem;padding:7px 10px}
.kicker{color:var(--accent);font-size:.72rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.03em}
h1{font-size:clamp(2.6rem,5vw,5rem);line-height:1;margin:.2em 0 .28em;max-width:940px}
h2{font-size:clamp(1.9rem,3.5vw,3.35rem);line-height:1.07;margin:.2em 0 .5em}
h3{font-size:1.34rem;line-height:1.22;margin:.25em 0 .55em}
p{margin:.4em 0 1.08em}
.lead{font-size:clamp(1.02rem,1.5vw,1.18rem);color:#dce1e7;max-width:800px}
.muted{color:var(--muted)}
.section{padding:78px 0}
.section.alt{background:var(--bg2);border-top:1px solid rgba(255,255,255,.045);border-bottom:1px solid rgba(255,255,255,.045)}
.grid2{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border:1px solid rgba(88,219,229,.56);border-radius:11px;font-size:.89rem;font-weight:800;transition:.22s}
.btn.primary{background:var(--accent);color:#071014;border-color:var(--accent)}
.btn:hover{transform:translateY(-2px);border-color:#fff}
.hero{min-height:84vh;display:grid;align-items:end;position:relative;isolation:isolate;overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:url('../images/hero-wide.webp') 70% 32%/cover no-repeat}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(7,10,15,.96),rgba(7,10,15,.76) 43%,rgba(7,10,15,.19) 72%),linear-gradient(0deg,rgba(7,10,15,.88),transparent 58%)}
.heroin{padding:112px 0 78px;max-width:870px}
.badges{display:flex;flex-wrap:wrap;gap:8px}
.badge{padding:6px 10px;border:1px solid rgba(255,255,255,.19);border-radius:999px;background:rgba(7,10,15,.47);font-size:.74rem}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}
.stat{padding:17px;border:1px solid var(--line);border-radius:14px;background:rgba(11,16,23,.68)}
.stat strong{display:block;color:var(--accent);font-size:1.1rem}
.pagehero{padding:88px 0 62px;background:radial-gradient(circle at 90% 0,rgba(88,219,229,.10),transparent 32%),linear-gradient(180deg,#0d141e,#070a0f);border-bottom:1px solid var(--line)}
.pagehero h1{font-size:clamp(2.55rem,4.7vw,4.45rem)}
.program-hero{padding:75px 0;background:radial-gradient(circle at 15% 20%,rgba(88,219,229,.1),transparent 32%),var(--bg2)}
.program-logo{max-width:440px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}
.prose{max-width:860px}
.prose p{font-size:1.02rem;color:#d7dde4}
.prose h2{margin-top:1.4em}
.prose strong{color:#fff}
.image-frame img{border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}
.card,.service,.social,.timeline-item,.source-card,.research-card,.related-card,.career-card,.award-card,.contact-panel{
 border:1px solid var(--line);background:var(--panel);border-radius:var(--radius)
}
.service,.source-card,.research-card,.related-card,.career-card,.award-card{padding:23px;transition:.22s}
.service:hover,.source-card:hover,.research-card:hover,.related-card:hover,.career-card:hover,.award-card:hover{transform:translateY(-3px);border-color:rgba(88,219,229,.48)}
.card{overflow:hidden}.card img{width:100%;aspect-ratio:16/10;object-fit:cover}.body{padding:21px}.body p{color:var(--muted)}
.credentials{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.credential{padding:21px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.credential p{color:var(--muted)}
.thumbgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.thumb{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:var(--panel);transition:.22s}
.thumb:hover{transform:translateY(-3px);border-color:var(--accent)}
.thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}
.thumb .body{padding:19px}
.thumb .tag{display:inline-flex;margin-bottom:9px;font-size:.69rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}
.video{position:relative;padding-top:56.25%;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:#000}
.video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.socials{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.social{padding:18px;font-weight:850}.social small{display:block;color:var(--muted);font-weight:400}
.social.youtube{border-left:3px solid #ff0033}.social.tiktok{border-left:3px solid var(--accent)}.social.facebook{border-left:3px solid #1877f2}.social.instagram{border-left:3px solid #e1306c}.social.linkedin{border-left:3px solid #0a66c2}.social.medium{border-left:3px solid #fff}
.gallery{columns:4 250px;column-gap:16px}.gallery img{margin-bottom:16px;border-radius:14px;border:1px solid var(--line)}
.timeline{display:grid;gap:13px}.timeline-item{padding:21px;display:grid;grid-template-columns:140px 1fr;gap:24px}.timeline-item>strong{color:var(--accent)}
.source-grid,.research-grid,.career-grid,.award-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.source-card p,.research-card p,.career-card p,.award-card p{color:var(--muted)}
.research-author{font-size:.83rem;font-weight:800;color:var(--accent)!important}
.research-meta{display:grid;gap:8px;margin:20px 0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}
.research-points{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 26px}
.research-points span{border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.85rem;font-weight:750}
.author-note,.evidence-note{margin-top:22px;padding:20px;border-left:3px solid var(--accent);background:rgba(88,219,229,.055);border-radius:0 13px 13px 0}
.breadcrumb{padding:18px 0 0;color:var(--muted);font-size:.82rem}.breadcrumb a{color:var(--accent);font-weight:750}.breadcrumb span{margin:0 4px}
.related-pages{border-top:1px solid var(--line);background:#090d13}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.related-card strong{display:block;font:1.15rem Georgia,serif;margin-bottom:6px}.related-card span{color:var(--accent);font-size:.82rem;font-weight:800}
.contact-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:34px}
.contact-panel{padding:28px}
.contact-panel h2{font-size:clamp(1.8rem,3vw,2.65rem)}
.contact-list{display:grid;gap:11px;margin-top:20px}.contact-list a{padding:13px 15px;border:1px solid var(--line);border-radius:11px;background:#0d131b}
.quote{border-left:3px solid var(--accent);padding:10px 0 10px 20px;font:italic 1.22rem/1.5 Georgia,serif}
.footer{padding:52px 0;border-top:1px solid var(--line);color:var(--muted)}
.footgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.small{font-size:.82rem}
.skip-link{position:fixed;left:12px;top:12px;z-index:9999;padding:9px 13px;background:#fff;color:#090d13;border-radius:9px;font-weight:800;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media(max-width:960px){
 .menu{display:block}.links{display:none;position:absolute;top:72px;left:0;right:0;background:#070a0f;padding:22px;flex-direction:column;align-items:flex-start;border-bottom:1px solid var(--line)}.links.open{display:flex}
 .grid2,.grid3,.thumbgrid,.footgrid,.source-grid,.research-grid,.career-grid,.award-grid,.related-grid,.credentials,.contact-layout{grid-template-columns:1fr}
 .stats,.socials{grid-template-columns:1fr 1fr}.hero{min-height:auto}.hero:after{background:linear-gradient(0deg,rgba(7,10,15,.98),rgba(7,10,15,.36))}
 .heroin{padding:310px 0 68px}.timeline-item{grid-template-columns:1fr;gap:4px}.program-hero{padding:65px 0}
}
@media(max-width:620px){
 .container{width:min(var(--max),calc(100% - 28px))}.section{padding:61px 0}.stats,.socials{grid-template-columns:1fr}.topbar{font-size:.72rem}.heroin{padding-top:270px}
 h1{font-size:clamp(2.4rem,12.5vw,3.7rem)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V11 MASTER FINAL - preservation, authority and visual archive */
.links{gap:14px;font-size:.81rem}
.social-strip{border-bottom:1px solid var(--line);background:#0a0f16}
.social-strip .container{display:flex;gap:18px;align-items:center;overflow-x:auto;padding-top:9px;padding-bottom:9px;scrollbar-width:none}
.social-strip .container::-webkit-scrollbar{display:none}
.social-strip a{white-space:nowrap;font-size:.75rem;font-weight:800;color:#bfc8d3;letter-spacing:.03em}
.social-strip a:hover{color:var(--accent)}
.visual-hero{padding:76px 0 66px;background:radial-gradient(circle at 84% 12%,rgba(88,219,229,.12),transparent 28%),linear-gradient(180deg,#0d141e,#070a0f)}
.visual-hero .grid2{align-items:center}
.visual-hero h1{font-size:clamp(2.7rem,5.2vw,5rem)}
.hero-photo{overflow:hidden;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-photo img{width:100%;max-height:620px;object-fit:cover}
.archive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.archive-card{overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:16px;transition:.22s}
.archive-card:hover{transform:translateY(-3px);border-color:rgba(88,219,229,.48)}
.archive-card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.archive-card.portrait img{aspect-ratio:3/4}
.archive-card .caption{padding:14px}
.archive-card .caption strong{display:block;font-family:Georgia,serif;font-size:1.05rem;line-height:1.2}
.archive-card .caption span{display:block;color:var(--muted);font-size:.82rem;margin-top:5px}
.feature-photo{overflow:hidden;border-radius:18px;border:1px solid var(--line);background:var(--panel)}
.feature-photo img{width:100%;max-height:680px;object-fit:cover}
.feature-photo figcaption{padding:13px 16px;color:var(--muted);font-size:.82rem}
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.media-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:16px;overflow:hidden;transition:.22s}
.media-card:hover{transform:translateY(-3px);border-color:rgba(88,219,229,.48)}
.media-card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.media-card .body{padding:20px;display:flex;flex-direction:column;flex:1}
.media-card .body .btn{margin-top:auto;align-self:flex-start}
.press-feature{display:grid;grid-template-columns:.72fr 1.28fr;gap:34px;align-items:center}
.press-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:24px}
.press-pages img{width:100%;border:1px solid var(--line);border-radius:12px}
.book-grid{display:grid;grid-template-columns:.55fr 1.45fr;gap:42px;align-items:center}
.book-cover{max-width:360px;margin:auto;border-radius:12px;border:1px solid var(--line);box-shadow:var(--shadow)}
.gallery-controls{display:flex;flex-wrap:wrap;gap:9px;margin:24px 0 28px}
.gallery-filter{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 13px;font-size:.8rem;font-weight:800;cursor:pointer}
.gallery-filter.active,.gallery-filter:hover{background:var(--accent);border-color:var(--accent);color:#071014}
.gallery-master{columns:4 250px;column-gap:15px}
.gallery-master figure{break-inside:avoid;margin:0 0 15px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.gallery-master figure.hidden{display:none}
.gallery-master img{width:100%;height:auto}
.gallery-master figcaption{padding:10px 12px;color:var(--muted);font-size:.78rem}
.timeline-master{display:grid;gap:15px}
.timeline-master article{display:grid;grid-template-columns:120px 1fr;gap:24px;padding:23px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.timeline-master .year{color:var(--accent);font-weight:900;letter-spacing:.05em}
.evidence-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.evidence-gallery figure{margin:0}
.project-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.project-chip{padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.project-chip strong{display:block;font-family:Georgia,serif;font-size:1.18rem}
.project-chip span{color:var(--muted);font-size:.86rem}
.note-clean{padding:18px 20px;border-left:3px solid var(--accent);background:rgba(88,219,229,.055);border-radius:0 13px 13px 0;color:#d7dde4}
@media(max-width:1100px){.links{display:none}.menu{display:block}}
@media(max-width:960px){
 .archive-grid,.media-grid,.project-list{grid-template-columns:1fr 1fr}
 .press-feature,.book-grid{grid-template-columns:1fr}
 .press-pages{grid-template-columns:1fr}
 .timeline-master article{grid-template-columns:1fr;gap:5px}
}
@media(max-width:620px){
 .archive-grid,.media-grid,.project-list,.evidence-gallery{grid-template-columns:1fr}
 .social-strip .container{gap:15px}
 .visual-hero{padding:56px 0}
}

.video-poster{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:16px;
  border:1px solid var(--line);
  background:#000;
}
.video-poster img{
  display:block;
  width:100%;
  aspect-ratio:16/9;
  object-fit:cover;
}
.video-poster-label{
  position:absolute;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  padding:10px 18px;
  border-radius:999px;
  background:rgba(0,0,0,.78);
  color:#fff;
  font-weight:850;
  border:1px solid rgba(255,255,255,.32);
  backdrop-filter:blur(8px);
}
.video-poster:hover .video-poster-label{
  background:var(--accent);
  color:#071014;
  border-color:var(--accent);
}

/* Official publications */
.publication-grid{align-items:stretch}
.publication-card{display:grid;grid-template-columns:180px 1fr;text-decoration:none;min-height:300px}
.publication-card img{width:100%;height:100%;max-height:360px;aspect-ratio:auto;object-fit:cover;border-right:1px solid var(--line)}
.publication-card .body{display:flex;flex-direction:column;justify-content:center}
.publication-card .btn{align-self:flex-start;margin-top:8px}
@media(max-width:760px){.publication-card{grid-template-columns:1fr}.publication-card img{height:360px;border-right:0;border-bottom:1px solid var(--line);object-fit:contain;background:#0b0f16}}


/* Book library V13 */
.library-hero img{object-fit:contain;background:#080c12}
.library-intro{max-width:850px;margin-bottom:30px}
.book-library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.book-library-card{display:grid;grid-template-columns:205px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);background:var(--panel);border-radius:18px;box-shadow:var(--shadow);transition:.22s}
.book-library-card:hover{transform:translateY(-3px);border-color:rgba(88,219,229,.48)}
.book-library-card figure{margin:0;background:#090e15;border-right:1px solid var(--line);min-height:360px}
.book-library-card figure img{width:100%;height:100%;object-fit:contain;display:block;background:#090e15}
.book-library-card .body{display:flex;flex-direction:column;padding:24px}
.book-library-card h3{margin:.2rem 0 .3rem;font-size:1.55rem;line-height:1.13}
.book-library-card .book-subtitle{color:var(--accent);font-weight:800;line-height:1.35;margin:.1rem 0 .85rem}
.book-library-card .body>p:not(.book-subtitle){color:var(--muted)}
.book-library-card .badges{margin-top:auto;padding-top:14px}
.book-library-card .actions{margin-top:16px}
.book-secondary-links{display:flex;gap:9px;align-items:center;margin-top:14px;font-size:.86rem;color:var(--muted)}
.book-secondary-links a{font-weight:800}
@media(max-width:1080px){.book-library-grid{grid-template-columns:1fr}}
@media(max-width:620px){.book-library-card{grid-template-columns:1fr}.book-library-card figure{min-height:0;height:430px;border-right:0;border-bottom:1px solid var(--line)}.book-library-card figure img{object-fit:contain}.book-library-card .actions{display:grid;grid-template-columns:1fr}.book-library-card .btn{text-align:center}}