/* =========================================================
   Mayu URATA Lab. — 共通スタイル
   ========================================================= */
:root{
  --paper:#FBFAF7; --surface:#FFFFFF; --surface-2:#F1F0EA; --band:#EAF1EC;
  --ink:#1A2420; --ink-2:#4A5751; --ink-3:#7E8983;
  --line:#E2E0D8; --line-strong:#CFCEC4;
  --accent:#0A6B4E; --accent-2:#0E8A64; --accent-ink:#063B2B; --gold:#9A7A32;
  --shadow:0 1px 2px rgba(26,36,32,.05),0 12px 32px -12px rgba(26,36,32,.18);
  --shadow-lg:0 2px 4px rgba(26,36,32,.06),0 30px 60px -24px rgba(26,36,32,.30);
  --maxw:1180px;
  --serif:"Zen Old Mincho",serif;
  --sans:"Zen Kaku Gothic New",system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --paper:#0E1512; --surface:#141C18; --surface-2:#1B2420; --band:#12201A;
    --ink:#E9EEEA; --ink-2:#A9B4AE; --ink-3:#78837D;
    --line:#26302B; --line-strong:#33403A;
    --accent:#37B98C; --accent-2:#4FD1A3; --accent-ink:#BEEBDA; --gold:#C9A85E;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);
    --shadow-lg:0 2px 4px rgba(0,0,0,.5),0 34px 64px -24px rgba(0,0,0,.7);
  }
}
:root[data-theme="dark"]{
  --paper:#0E1512; --surface:#141C18; --surface-2:#1B2420; --band:#12201A;
  --ink:#E9EEEA; --ink-2:#A9B4AE; --ink-3:#78837D;
  --line:#26302B; --line-strong:#33403A;
  --accent:#37B98C; --accent-2:#4FD1A3; --accent-ink:#BEEBDA; --gold:#C9A85E;
  --shadow:0 1px 2px rgba(0,0,0,.4),0 14px 34px -14px rgba(0,0,0,.6);
  --shadow-lg:0 2px 4px rgba(0,0,0,.5),0 34px 64px -24px rgba(0,0,0,.7);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-weight:400;line-height:1.85;-webkit-font-smoothing:antialiased;letter-spacing:.01em}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 clamp(20px,5vw,56px)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:700;line-height:1.3;text-wrap:balance;margin:0}
p{margin:0}
a{color:inherit}
img{display:block;max-width:100%}
strong{font-weight:700}
:focus-visible{outline:2.5px solid var(--accent-2);outline-offset:3px;border-radius:2px}
.eyebrow{font-family:var(--sans);font-weight:700;font-size:.72rem;letter-spacing:.28em;
  text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:.7em}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--accent);opacity:.7}

/* ---------- NAV ---------- */
header.nav{position:sticky;top:0;z-index:50;
  background:color-mix(in srgb,var(--paper) 82%,transparent);
  backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.nav-inner{max-width:var(--maxw);margin:0 auto;padding:14px clamp(20px,5vw,56px);
  display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:baseline;gap:10px;text-decoration:none;letter-spacing:.02em;white-space:nowrap}
.brand .mark{font-family:var(--serif);font-weight:900;font-size:1.18rem;color:var(--ink)}
.brand .mark em{font-style:normal;color:var(--accent)}
.brand .sub{font-size:.7rem;color:var(--ink-3);letter-spacing:.14em}
nav.links{display:flex;align-items:center;gap:4px}
nav.links a{text-decoration:none;font-size:.82rem;font-weight:500;letter-spacing:.12em;
  color:var(--ink-2);padding:8px 14px;border-radius:999px;transition:color .2s,background .2s}
nav.links a:hover{color:var(--ink);background:var(--surface-2)}
nav.links a.active{color:var(--accent)}
.nav-actions{display:flex;align-items:center;gap:10px}
.theme-btn,.menu-toggle{border:1px solid var(--line-strong);background:var(--surface);color:var(--ink-2);
  width:38px;height:38px;border-radius:999px;cursor:pointer;display:grid;place-items:center;
  transition:background .2s,color .2s,border-color .2s;flex:none;padding:0}
.theme-btn:hover,.menu-toggle:hover{color:var(--accent);border-color:var(--accent)}
.theme-btn svg{width:17px;height:17px}
.menu-toggle{display:none}
.menu-toggle span{display:block;width:16px;height:2px;background:currentColor;border-radius:2px;position:relative}
.menu-toggle span::before,.menu-toggle span::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor;border-radius:2px}
.menu-toggle span::before{top:-5px}.menu-toggle span::after{top:5px}
@media (max-width:860px){
  .brand .sub{display:none}
  .menu-toggle{display:grid}
  nav.links{position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;
    gap:2px;padding:10px clamp(20px,5vw,56px) 18px;display:none;
    background:var(--paper);border-bottom:1px solid var(--line);box-shadow:var(--shadow)}
  nav.links.open{display:flex}
  nav.links a{padding:12px 12px;font-size:.98rem;border-radius:10px}
}

/* ---------- BUTTONS ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:.9rem;
  letter-spacing:.06em;color:#fff;background:var(--accent);padding:13px 26px;border-radius:999px;
  transition:background .2s,transform .2s;box-shadow:var(--shadow)}
.btn:hover{background:var(--accent-2);transform:translateY(-2px)}
.btn.ghost{background:transparent;color:var(--accent);border:1.5px solid var(--accent);box-shadow:none}
.btn.ghost:hover{background:var(--accent);color:#fff}

/* ---------- SECTION SHELL ---------- */
section.block{padding:clamp(60px,10vh,120px) 0}
.sec-head{display:flex;flex-direction:column;gap:16px;margin-bottom:clamp(38px,6vh,68px);max-width:960px}
.sec-head h2{font-size:clamp(1.9rem,4.6vw,3rem)}
.sec-head .lead{color:var(--ink-2);font-size:1.02rem;max-width:none}

/* ---------- HERO (home) ---------- */
.hero{position:relative;min-height:min(68vh,560px);display:flex;align-items:flex-end;overflow:hidden;isolation:isolate}
.hero-img{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center 42%}
.hero::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,26,20,.28) 0%,rgba(8,26,20,.15) 40%,rgba(7,18,14,.78) 100%)}
.hero-content{padding:0 clamp(26px,6vw,56px) clamp(74px,11vh,124px);color:#fff}
.hero .eyebrow{color:#cdeede;font-size:.94rem;letter-spacing:.16em}
.hero .eyebrow::before{background:#cdeede;width:34px}
.hero h1{font-size:clamp(2.3rem,6vw,4.5rem);font-weight:900;color:#fff;letter-spacing:.005em;
  line-height:1.04;margin:.5em 0 .16em;text-shadow:0 2px 30px rgba(0,0,0,.28)}
.hero h1 em{font-style:normal;font-weight:400;opacity:.9}
.hero .jp-name{font-family:var(--serif);font-size:clamp(1.05rem,2.6vw,1.4rem);color:#eafff5;font-weight:500;letter-spacing:.08em}
.hero .thesis{margin-top:1.4rem;max-width:34ch;font-size:clamp(1.28rem,3vw,1.85rem);color:#fff;
  font-weight:700;line-height:1.55;font-family:var(--serif);text-shadow:0 2px 24px rgba(0,0,0,.35)}
.scrollcue{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:1;color:#dfeee7;
  font-size:.62rem;letter-spacing:.3em;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:8px}
.scrollcue span.line{width:1px;height:34px;background:linear-gradient(#dfeee7,transparent);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{opacity:.3;transform:scaleY(.6)}50%{opacity:1;transform:scaleY(1)}}
@media (prefers-reduced-motion:reduce){.scrollcue span.line{animation:none}}

/* ---------- PAGE HERO (sub pages) ---------- */
.page-hero{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);
  padding:clamp(40px,6vh,66px) 0 clamp(30px,4.5vh,48px)}
.page-hero .breadcrumb{font-size:.76rem;letter-spacing:.05em;color:var(--ink-3);margin:0 0 18px}
.page-hero .breadcrumb a{text-decoration:none;color:var(--accent)}
.page-hero .breadcrumb a:hover{text-decoration:underline}
.page-hero .ph-inner{border-left:4px solid var(--accent);padding-left:clamp(20px,4vw,32px)}
.page-hero .eyebrow{color:var(--accent)}
.page-hero h1{font-size:clamp(2rem,5vw,3rem);color:var(--ink);margin:.22em 0 .24em;letter-spacing:.01em}
.page-hero p.sub{color:var(--ink-2);font-size:1rem;max-width:54ch;font-family:var(--serif)}

/* ---------- INTRO (home) ---------- */
.intro{position:relative;background:var(--band)}
.intro-grid{display:grid;grid-template-columns:1.4fr .9fr;gap:clamp(34px,6vw,80px);align-items:center}
.intro .tagi{writing-mode:vertical-rl;font-family:var(--serif);font-weight:700;font-size:clamp(1.3rem,3vw,2rem);
  letter-spacing:.34em;color:var(--accent);opacity:.9;align-self:center;flex:none}
.intro p.body{font-size:clamp(1.02rem,1.6vw,1.16rem);color:var(--ink);max-width:none;line-height:2}
.intro .lede{font-family:var(--serif);font-size:clamp(1.3rem,2.8vw,1.9rem);font-weight:500;line-height:1.6;margin-bottom:1.2rem;color:var(--ink)}
.keywords{flex:1;display:flex;flex-direction:column;gap:18px;justify-content:center}
.kw-label{font-family:var(--sans);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-weight:700;padding-bottom:14px;border-bottom:1px solid var(--line-strong)}
.kw-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.kw-list li{font-size:.92rem;color:var(--accent);font-weight:500;border:1px solid var(--line-strong);
  border-radius:999px;padding:8px 16px;background:var(--surface);transition:background .2s,color .2s,border-color .2s}
.kw-list li:hover{background:var(--accent);color:#fff;border-color:var(--accent)}
@media (max-width:800px){
  .intro-grid{grid-template-columns:1fr}
  .intro-grid > .reveal:last-child{flex-direction:column;gap:20px}
  .intro .tagi{writing-mode:horizontal-tb;align-self:flex-start;font-size:1.5rem;letter-spacing:.14em;line-height:1.3;opacity:1}
}

/* ---------- RESEARCH CARDS (home) ---------- */
.cards3{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2.4vw,30px)}
@media (max-width:900px){.cards3{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.cards3{grid-template-columns:1fr}}
.rcard{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;
  box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s}
.rcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}
.rcard .ph{aspect-ratio:4/3;overflow:hidden;position:relative}
.rcard .ph i{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.rcard:hover .ph i{transform:scale(1.06)}
.rcard .num{position:absolute;top:12px;left:14px;font-family:var(--serif);font-weight:700;color:#fff;
  font-size:.8rem;letter-spacing:.1em;background:rgba(10,45,33,.55);backdrop-filter:blur(4px);padding:4px 10px;border-radius:999px}
.rcard .cbody{padding:24px 24px 28px;display:flex;flex-direction:column;gap:12px;flex:1}
.rcard h3{font-size:1.32rem;letter-spacing:.02em}
.rcard p{color:var(--ink-2);font-size:.95rem;line-height:1.9}

/* ---------- PROJECTS (home) ---------- */
.projects{background:var(--surface-2)}
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,24px)}
@media (max-width:900px){.pgrid{grid-template-columns:1fr}}
.pcard{position:relative;border-radius:16px;overflow:hidden;min-height:clamp(300px,42vw,420px);
  display:flex;align-items:flex-end;color:#fff;box-shadow:var(--shadow);isolation:isolate;text-decoration:none}
.pcard i.bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.pcard::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(6,24,18,.05) 30%,rgba(6,24,18,.82) 100%)}
.pcard:hover i.bg{transform:scale(1.07)}
.pcard .pc{padding:26px 24px 28px;display:flex;flex-direction:column;gap:8px}
.pcard .place{font-family:var(--sans);font-size:.72rem;letter-spacing:.24em;text-transform:uppercase;color:#c9ecdd;font-weight:700}
.pcard h3{color:#fff;font-size:1.55rem}
.pcard p{color:#e7f2ec;font-size:.9rem;line-height:1.8;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s ease,opacity .4s ease,margin .5s}
.pcard:hover p,.pcard:focus-within p{max-height:240px;opacity:1;margin-top:2px}
@media (max-width:900px){.pcard p{max-height:240px;opacity:1}}

/* ---------- NEWS (home list) ---------- */
.news-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:34px}
.news-list{display:flex;flex-direction:column;border-top:1px solid var(--line-strong)}
.nrow{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:baseline;
  padding:20px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background .2s}
.nrow:hover{background:var(--surface-2)}
.nrow time{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:700;font-size:.92rem;letter-spacing:.03em}
.nrow .nt{color:var(--ink);font-size:1.01rem;line-height:1.6}
.nrow .nt .src{display:block;font-size:.8rem;color:var(--ink-3);margin-top:3px;font-weight:500}
.nrow .arw{color:var(--ink-3);transition:transform .2s,color .2s;font-size:1rem}
.nrow:hover .arw{color:var(--accent);transform:translateX(4px)}
@media (max-width:640px){.nrow{grid-template-columns:1fr;gap:5px}.nrow .arw{display:none}}

/* ---------- AWARDS (home) ---------- */
.awards{background:#063224;color:#eafff6}
.awards .sec-head h2{color:#fff}
.awards .eyebrow{color:#9fe6c9}.awards .eyebrow::before{background:#9fe6c9}
.awards .sec-head .lead{color:#bfe7d7}
.award-list-detail{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.16)}
.adi{display:grid;grid-template-columns:104px 1fr;gap:6px 26px;padding:22px 2px;border-bottom:1px solid rgba(255,255,255,.16)}
.adi .adate{font-family:var(--serif);font-weight:700;color:#CDA858;font-size:.95rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.adi .abody h4{color:#fff;font-family:var(--serif);font-size:1.12rem;margin-bottom:6px}
.adi .abody .aorg{color:#9fe6c9;font-size:.85rem;font-weight:700;margin-bottom:8px}
.adi .abody .aproj{color:#e2f2ec;font-size:.93rem;line-height:1.65}
.adi .abody .amemb{color:#a9d8c6;font-size:.8rem;margin-top:6px;line-height:1.6}
@media (max-width:640px){.adi{grid-template-columns:1fr;gap:4px}}
.awards .btn-outline{display:inline-flex;align-items:center;gap:10px;text-decoration:none;font-weight:700;font-size:.9rem;letter-spacing:.06em;
  background:transparent;color:#eafff5;border:1.5px solid rgba(255,255,255,.5);padding:12px 24px;border-radius:999px;transition:background .2s,color .2s,border-color .2s}
.awards .btn-outline:hover{background:#fff;color:#063224;border-color:#fff}

/* ---------- VIDEOS (home) ---------- */
.vgrid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,30px)}
@media (max-width:760px){.vgrid{grid-template-columns:1fr}}
.vcard{border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);text-decoration:none;display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.vcard:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.vthumb{aspect-ratio:16/9;background:linear-gradient(135deg,#0a3327,#0a6b4e);position:relative;display:grid;place-items:center;overflow:hidden}
.vthumb .grid-lines{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.5) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.5) 1px,transparent 1px);background-size:34px 34px}
.vthumb .play{width:66px;height:66px;border-radius:999px;background:rgba(255,255,255,.94);display:grid;place-items:center;box-shadow:0 10px 30px rgba(0,0,0,.3);transition:transform .3s;position:relative}
.vcard:hover .play{transform:scale(1.08)}
.vthumb .play svg{width:24px;height:24px;margin-left:3px;color:var(--accent)}
.vthumb .tag{position:absolute;top:14px;left:16px;color:#eafff5;font-size:.68rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700}
.vembed{aspect-ratio:16/9;background:#000;overflow:hidden}
.vembed iframe{width:100%;height:100%;display:block;border:0}
.vcard:has(.vembed):hover{transform:none;box-shadow:var(--shadow)}
.vthumb:hover .play{transform:scale(1.08)}
.vcard .vb{padding:20px 22px;display:flex;flex-direction:column;gap:6px}
.vcard .vb h3{font-size:1.12rem}
.vcard .vb span{color:var(--ink-3);font-size:.82rem;display:inline-flex;align-items:center;gap:7px}

/* ---------- CONTENT: PROFILE ---------- */
.profile-card{display:grid;grid-template-columns:210px 1fr;gap:clamp(28px,4.5vw,52px);align-items:start}
@media (max-width:680px){.profile-card{grid-template-columns:1fr;gap:24px}}
.profile-photo{position:sticky;top:96px}
.profile-photo img{width:100%;border-radius:12px;box-shadow:var(--shadow)}
@media (max-width:680px){.profile-photo{position:static;max-width:200px}}
.profile-name{font-family:var(--serif);font-size:clamp(1.5rem,3.4vw,2rem);font-weight:700;margin-bottom:6px}
.profile-role{color:var(--accent);font-weight:700;font-size:1rem;margin-bottom:22px}
.prose{color:var(--ink);font-size:1rem;line-height:2;max-width:46em}
.prose p{margin:0 0 1.1em}
.prose a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.prose a:hover{border-bottom-color:var(--accent)}
.join-body .prose{word-break:auto-phrase}
.qbox{background:var(--band);border-left:3px solid var(--accent);border-radius:0 10px 10px 0;padding:16px 22px;margin:16px 0;display:flex;flex-direction:column;gap:9px}
.qbox p{margin:0;color:var(--ink);font-size:.97rem;line-height:1.7}
.cards3 .cbody p{word-break:auto-phrase}
.contact-cta{background:var(--band);border:1px solid var(--line-strong);border-radius:14px;padding:clamp(20px,3vw,28px);margin-top:clamp(22px,3vh,30px)}
.contact-cta h4{font-family:var(--serif);font-size:1.1rem;color:var(--ink);margin-bottom:10px;line-height:1.55;display:flex;align-items:baseline;gap:10px}
.contact-cta h4::before{content:"";flex:none;width:16px;height:3px;background:var(--accent);transform:translateY(-4px)}
.contact-cta p{color:var(--ink-2);font-size:.95rem;line-height:1.9;margin:0;word-break:auto-phrase}
.contact-cta .cta-mail{margin-top:14px;padding-top:14px;border-top:1px dashed var(--line-strong);color:var(--ink);font-size:1.02rem}
.contact-cta .cta-mail b{color:var(--accent);font-family:var(--sans);letter-spacing:.02em}
.contact-cta .cta-mail small{display:inline-block;color:var(--ink-3);font-size:.82rem;margin-left:6px}
.cta-band{background:var(--band);border-top:1px solid var(--line);padding:clamp(30px,5vh,48px) 0}
.cta-band .cta-inner{display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.cta-band h3{font-family:var(--serif);font-size:1.3rem;color:var(--ink);margin-bottom:6px}
.cta-band p{color:var(--ink-2);font-size:.95rem;line-height:1.7;word-break:auto-phrase}
@media (max-width:600px){.cta-band .cta-inner{flex-direction:column;align-items:flex-start;gap:16px}}

/* info blocks (profile / research) */
.info-block{padding:clamp(26px,4vh,40px) 0;border-top:1px solid var(--line)}
.info-block:first-of-type{border-top:none;padding-top:0}
.info-block > h3{display:flex;align-items:baseline;gap:14px;font-size:1.3rem;margin-bottom:20px;color:var(--ink)}
.info-block > h3::before{content:"";flex:none;width:20px;height:3px;background:var(--accent);transform:translateY(-4px)}
.def-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px}
.def-list li{display:grid;grid-template-columns:200px 1fr;gap:8px 24px;font-size:.97rem;line-height:1.8;padding-bottom:14px;border-bottom:1px dashed var(--line)}
.def-list li:last-child{border-bottom:none;padding-bottom:0}
.def-list li .k{color:var(--accent);font-weight:700;font-variant-numeric:tabular-nums}
.def-list li .v{color:var(--ink)}
.def-list li .v small{color:var(--ink-3);font-size:.85rem}
@media (max-width:640px){.def-list li{grid-template-columns:1fr;gap:2px}}
.tag-row{display:flex;flex-wrap:wrap;gap:10px}
.tag-row span{font-size:.9rem;color:var(--accent);font-weight:500;border:1px solid var(--line-strong);border-radius:999px;padding:7px 15px;background:var(--surface)}
.rt-lead{font-family:var(--serif);font-size:1.14rem;font-weight:700;color:var(--accent);margin-bottom:16px;display:flex;align-items:baseline;gap:10px;line-height:1.5}
.rt-lead::before{content:"◉";font-size:.85em}
.theme-list{list-style:none;margin:0;padding:0;counter-reset:t;display:flex;flex-direction:column;gap:12px}
.theme-list li{position:relative;padding-left:36px;font-size:.99rem;line-height:1.7;color:var(--ink);counter-increment:t}
.theme-list li::before{content:counter(t);position:absolute;left:0;top:.02em;width:23px;height:23px;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;font-weight:700;display:grid;place-items:center;font-family:var(--sans)}
.simple-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.simple-list li{position:relative;padding-left:20px;font-size:.97rem;line-height:1.8;color:var(--ink)}
.simple-list li::before{content:"";position:absolute;left:0;top:.7em;width:7px;height:7px;border-radius:2px;background:var(--accent)}
.simple-list.spaced li{padding-bottom:14px;border-bottom:1px dashed var(--line)}
.simple-list.spaced li:last-child{border-bottom:none;padding-bottom:0}
.simple-list li b{font-weight:700;color:var(--ink)}
.simple-list li small{display:block;color:var(--ink-3);font-size:.83rem;margin-top:3px;line-height:1.6}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:8px}

/* ---------- CONTENT: PROJECTS ---------- */
.proj-pillar{padding:clamp(56px,9vh,100px) 0}
.proj-pillar.alt{background:var(--surface-2)}
.proj-lead{color:var(--ink-2);font-size:1.02rem;line-height:1.95;max-width:74ch}
.proj-group{margin-top:clamp(38px,5vh,56px)}
.proj-group > h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:1.4rem;color:var(--ink);margin-bottom:8px}
.proj-group > h3 .loc{font-family:var(--sans);font-size:.7rem;font-weight:700;letter-spacing:.12em;color:#fff;background:var(--accent);padding:5px 13px;border-radius:999px;transform:translateY(-1px)}
.proj-group > .gdesc{color:var(--ink-2);font-size:.95rem;line-height:1.85;margin:6px 0 22px;max-width:74ch}
.proj-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,2.4vw,28px)}
@media (max-width:720px){.proj-grid{grid-template-columns:1fr}}
.pjcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;box-shadow:var(--shadow);
  display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.pjcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.pjcard .pjph{aspect-ratio:16/10;overflow:hidden;background:var(--surface-2)}
.pjcard .pjph img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.pjcard:hover .pjph img{transform:scale(1.05)}
.pjcard .pjb{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.pjcard h4{font-size:1.12rem;color:var(--ink);line-height:1.5}
.pjcard p{color:var(--ink-2);font-size:.92rem;line-height:1.8}
.proj-lead,.proj-group > .gdesc,.pjcard p,.pjcard .pub,.pjcard .result{word-break:auto-phrase}
.pjcard .result{font-size:.85rem;color:var(--accent);font-weight:700;background:var(--band);border-radius:8px;padding:9px 13px;line-height:1.5}
.pjcard .pub{font-size:.76rem;color:var(--ink-3);line-height:1.6;border-top:1px dashed var(--line-strong);padding-top:11px;margin-top:auto}
.pjcard.textonly .pjb{padding-top:24px}

/* ---------- CONTENT: LECTURES ---------- */
.year-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);
  padding:clamp(22px,3vw,32px);display:grid;grid-template-columns:150px 1fr;gap:10px 30px;margin-bottom:18px}
.year-card .yl{font-family:var(--serif);font-size:1.35rem;font-weight:700;color:var(--accent)}
.year-card .yc{display:flex;flex-direction:column;gap:12px}
.lec{font-size:.96rem;line-height:1.7}
.lec b{color:var(--ink);font-weight:700}
.lec small{display:block;color:var(--ink-3);font-size:.82rem}
@media (max-width:640px){.year-card{grid-template-columns:1fr;gap:14px}}

/* ---------- CONTENT: NEWS page ---------- */
.news-year{margin-bottom:clamp(40px,6vh,64px)}
.news-year > h3{font-family:var(--serif);font-size:1.5rem;color:var(--ink);margin-bottom:8px;
  display:flex;align-items:center;gap:14px}
.news-year > h3 .badge{font-family:var(--sans);font-size:.72rem;font-weight:700;letter-spacing:.1em;
  color:#fff;background:var(--accent);padding:4px 12px;border-radius:999px}
.news-year .news-list{margin-top:8px}
.nrow.static{cursor:default}
.nrow.static:hover{background:transparent}
.nrow .nt a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.nrow .nt a:hover{border-bottom-color:var(--accent)}

/* ---------- FOOTER ---------- */
footer{background:var(--surface);border-top:1px solid var(--line);padding:clamp(52px,8vh,84px) 0 34px}
.fgrid{display:grid;grid-template-columns:1.9fr 1fr 1fr;gap:40px;margin-bottom:48px}
@media (max-width:760px){.fgrid{grid-template-columns:1fr;gap:30px}}
footer .fbrand .mark{font-family:var(--serif);font-weight:900;font-size:1.4rem}
footer .fbrand .mark em{font-style:normal;color:var(--accent)}
footer .fbrand p{color:var(--ink-2);font-size:.92rem;margin-top:12px;max-width:54ch;line-height:1.9;word-break:auto-phrase}
footer h4{font-family:var(--sans);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);margin-bottom:16px}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
footer ul a{text-decoration:none;color:var(--ink-2);font-size:.92rem;transition:color .2s}
footer ul a:hover{color:var(--accent)}
.fbot{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;color:var(--ink-3);font-size:.8rem;letter-spacing:.03em}
.mdg-badge{display:inline-block;margin-top:24px;line-height:0;transition:opacity .2s}
.mdg-badge:hover{opacity:.65}
.mdg-badge img{width:180px;max-width:70%;height:auto;display:block}
:root[data-theme="dark"] .mdg-badge img{filter:invert(1)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .mdg-badge img{filter:invert(1)}}

/* ---------- AWARD PHOTOS (within Awards band) ---------- */
.award-photos-inner{margin-top:clamp(40px,6vh,60px);border-top:1px solid rgba(255,255,255,.14);padding-top:clamp(36px,5vh,52px)}
.award-group{margin-bottom:clamp(30px,4.5vh,48px)}
.award-group:last-child{margin-bottom:0}
.award-group > h3{font-size:1.2rem;display:flex;align-items:baseline;gap:12px;margin-bottom:20px;color:#fff;line-height:1.5}
.award-group > h3::before{content:"";flex:none;width:20px;height:3px;background:#9fe6c9;transform:translateY(-6px)}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,2.4vw,26px);align-items:start}
@media (max-width:640px){.ap-grid{grid-template-columns:1fr}}
.ap-item figure{margin:0}
.ap-item img{width:100%;height:auto;border-radius:12px;border:1px solid rgba(255,255,255,.16);box-shadow:0 20px 40px -20px rgba(0,0,0,.5);display:block}
.ap-item figcaption{margin-top:11px;font-size:.85rem;color:#bfe7d7;line-height:1.6}
.ap-item figcaption small{color:#8fc7b3}

/* ---------- ACCESS (home) ---------- */
.access{background:var(--surface-2)}
.access-grid{display:grid;grid-template-columns:1fr 1fr minmax(220px,300px);gap:clamp(24px,3vw,44px);align-items:start}
@media (max-width:900px){.access-grid{grid-template-columns:1fr 1fr}.access-map{grid-column:1 / -1}}
@media (max-width:560px){.access-grid{grid-template-columns:1fr}.access-map{grid-column:auto}}
.access-info{display:flex;flex-direction:column;gap:22px}
.ai-block h4{font-family:var(--sans);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-weight:700;margin-bottom:9px}
.ai-block p{color:var(--ink);font-size:.98rem;line-height:1.9}
.ai-block p small{color:var(--ink-3);font-size:.82rem}
.access-map{border-radius:14px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);height:240px;background:var(--surface)}
@media (max-width:760px){.access-map{height:220px}}
.access-map iframe{width:100%;height:100%;border:0;display:block}
.map-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;
  background:linear-gradient(135deg,#0a3327,#0a6b4e);color:#eafff5;text-align:center;padding:22px;text-decoration:none}
.map-placeholder svg{width:34px;height:34px;opacity:.9}
.map-placeholder b{font-size:1rem}
.map-placeholder span{font-size:.82rem;color:#bfe7d7;line-height:1.6}
.access-links{border-top:1px solid var(--line-strong);padding-top:clamp(22px,3vh,30px)}
.link-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
.link-list.horizontal{flex-direction:row;flex-wrap:wrap;gap:12px 30px}
.link-list a{text-decoration:none;color:var(--accent);font-weight:500;font-size:.96rem;display:inline-flex;align-items:baseline;gap:8px;transition:gap .2s}
.link-list a::before{content:"→";color:var(--accent)}
.link-list a:hover{gap:12px;text-decoration:underline}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}