@view-transition{navigation:auto}

:root{
  --xm-ink:#0b1020;
  --xm-ink-2:#141a2d;
  --xm-paper:#f5f0e6;
  --xm-paper-2:#ebe4d7;
  --xm-gold:#d6ad55;
  --xm-copper:#c86935;
  --xm-line:rgba(14,19,36,.16);
  --xm-serif:"Iowan Old Style","Songti SC","STSong","Noto Serif SC",Georgia,serif;
  --xm-sans:Inter,"SF Pro Display","Helvetica Neue","PingFang SC","Noto Sans SC",Arial,sans-serif;
  --xm-mono:"SFMono-Regular","IBM Plex Mono","DM Mono",monospace;
  --xm-shadow:0 24px 70px rgba(8,12,24,.14);
}

/* Journal profiles: editorial clarity with the existing Cosmos palette. */
.journal-intro{margin:0 0 42px;padding:0 0 30px;border-bottom:1px solid rgba(14,19,36,.17)}
.journal-intro h2{max-width:900px}.journal-intro p{max-width:820px}
.journal-profile{scroll-margin-top:112px;display:grid;grid-template-columns:minmax(270px,.82fr) minmax(0,1.35fr);gap:clamp(34px,5vw,76px);align-items:start;margin:0 0 90px;padding:38px;background:linear-gradient(145deg,#f7f2e9,#e9e1d4);border:1px solid rgba(14,19,36,.14)}
.journal-profile-reverse{grid-template-columns:minmax(0,1.35fr) minmax(270px,.82fr)}
.journal-profile-reverse .journal-cover{order:2}.journal-profile-reverse .journal-copy{order:1}
.journal-cover{position:sticky;top:112px;margin:0;padding:20px;background:#fff;border:1px solid rgba(14,19,36,.12);box-shadow:0 22px 55px rgba(8,12,25,.15)}
.journal-cover img{display:block;width:100%;height:auto;aspect-ratio:2480/2652;object-fit:contain;background:#fff}
.journal-cover figcaption{padding:14px 4px 0;color:#6f685f;font:700 9px/1.4 var(--xm-mono);letter-spacing:.09em;text-transform:uppercase}
.journal-copy>h2{margin:.1em 0 .22em!important;color:#10172c;font-size:clamp(30px,4vw,54px)!important;line-height:1!important;white-space:nowrap}
.journal-deck{margin:0 0 22px!important;color:#5a524a!important;font:560 clamp(16px,1.5vw,21px)/1.65 var(--xm-serif)!important}
.journal-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:0 0 26px;background:rgba(14,19,36,.14);border:1px solid rgba(14,19,36,.14)}
.journal-facts span{min-height:72px;padding:14px 16px;background:#f8f4ec}.journal-facts small{display:block;color:#8d5d33;font:700 8px/1.2 var(--xm-mono);letter-spacing:.11em;text-transform:uppercase}.journal-facts b{display:block;margin-top:7px;color:#151a2a;font:680 15px/1.35 var(--xm-sans)}
.journal-block{padding:23px 0;border-top:1px solid rgba(14,19,36,.14)}.journal-block h4{margin:0 0 12px;color:#11172b;font:700 22px/1.25 var(--xm-serif)}
.journal-block p{margin:0 0 12px!important;color:#45423e!important}.journal-block p:last-child{margin-bottom:0!important}
.journal-values{margin:8px 0;padding:22px;background:#141b31;border:0}.journal-values h4{color:#e9c572}.journal-values p,.journal-values li{color:#fff!important}.journal-values .journal-list li{color:#f4efe3!important}
.journal-list{display:grid;gap:9px;margin:0;padding:0;list-style:none}.journal-list li{position:relative;padding-left:20px;color:#45423e;line-height:1.65}.journal-list li:before{content:"";position:absolute;left:0;top:.72em;width:7px;height:1px;background:#b36b35}.journal-values .journal-list li:before{background:#f4efe3}
@media(max-width:900px){.journal-profile,.journal-profile-reverse{grid-template-columns:1fr;padding:24px}.journal-profile-reverse .journal-cover,.journal-profile-reverse .journal-copy{order:initial}.journal-cover{position:relative;top:auto;max-width:560px;margin:auto}}
@media(max-width:560px){.journal-profile{padding:15px}.journal-cover{padding:12px}.journal-facts{grid-template-columns:1fr}.journal-copy>h2{font-size:clamp(20px,6vw,30px)!important}}

::selection{background:var(--xm-gold);color:var(--xm-ink)}
html{background:var(--xm-ink);scroll-padding-top:96px}
html.is-language-switching body{opacity:0;transform:translateY(4px)}
body.portal{background:var(--xm-paper);font-family:var(--xm-sans);font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;transition:opacity .18s ease,transform .18s ease}
body.portal :where(a,button,input,select,summary):focus-visible{outline:2px solid var(--xm-gold);outline-offset:3px}

@keyframes xm-cosmos-drift{0%{background-position:0 0,40px 20px,0 0}50%{background-position:28px -18px,12px 38px,0 0}100%{background-position:56px -36px,-16px 56px,0 0}}
.poster-hero:before,.editorial-hero:before,.works-hero:before,.concept-video-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.2;background-image:radial-gradient(circle,rgba(248,226,171,.7) 0 1px,transparent 1.35px),radial-gradient(circle,rgba(255,255,255,.48) 0 .8px,transparent 1.2px),radial-gradient(ellipse at 72% 36%,rgba(214,173,85,.12),transparent 42%);background-size:142px 127px,211px 187px,100% 100%;animation:xm-cosmos-drift 34s linear infinite}
.poster-hero>*,.editorial-hero>*,.works-hero>*,.concept-video-hero>*{position:relative;z-index:1}

.portal-nav{height:88px!important;background:rgba(8,12,25,.88)!important;border-bottom:1px solid rgba(214,173,85,.22)!important;backdrop-filter:blur(22px) saturate(125%);box-shadow:0 10px 30px rgba(4,7,16,.12)}
.portal-nav-inner,.portal-nav-inner.nav-eight{height:100%;max-width:1480px!important;grid-template-columns:minmax(108px,1fr) minmax(108px,1fr) minmax(108px,1fr) 110px minmax(108px,1fr) minmax(132px,1.15fr) minmax(118px,1fr) 84px!important;gap:8px!important;padding:0 28px!important}
.portal-link{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 10px;color:#d8d3ca!important;font:600 11px/1.2 var(--xm-sans)!important;letter-spacing:.045em!important;text-transform:none!important;white-space:nowrap;border-radius:2px;transition:color .2s ease,background .2s ease}
.portal-link svg{width:15px;height:15px;flex:0 0 auto;stroke:currentColor;stroke-width:1.65;fill:none}
.portal-link:hover,.portal-link.active{color:#f2d389!important;background:rgba(214,173,85,.08)}
.portal-link.active{box-shadow:inset 0 -2px 0 var(--xm-gold)}
.portal-home{width:90px!important;height:82px!important}
.portal-home img{width:66px!important;height:66px!important;filter:drop-shadow(0 8px 18px rgba(0,0,0,.22));transition:transform .25s ease}
.portal-home:hover img{transform:scale(1.045)}
.portal-language summary{width:auto!important;min-width:66px;height:40px!important;padding:0 10px;border-radius:999px!important;display:flex!important;gap:7px;background:rgba(255,255,255,.035)!important}
.portal-language summary svg{width:17px!important;height:17px!important}
.lang-current{font:650 9px/1 var(--xm-mono);letter-spacing:.06em;color:currentColor}
.portal-language-menu{top:49px!important;width:205px!important;padding:8px!important;border-radius:2px;background:rgba(12,16,31,.98)!important;box-shadow:0 24px 60px rgba(0,0,0,.38)!important}
.portal-language-menu a{position:relative;padding:12px 38px 12px 13px!important;font:600 10px/1 var(--xm-sans)!important;letter-spacing:.06em!important;transition:background .18s,color .18s}
.portal-language-menu a.active:after{content:"✓";position:absolute;right:14px;color:var(--xm-gold)}
.menu-toggle{border-radius:2px!important;font-size:0!important}
.menu-toggle svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6}

.poster-hero{position:relative;margin-top:88px!important;height:min(820px,calc(100svh - 88px))!important;min-height:660px!important;background-image:url('/static/xuemo-cosmos-hero-v2.webp')!important;background-size:cover!important;background-position:center!important;isolation:isolate}
.poster-hero:after{background:linear-gradient(90deg,rgba(6,10,22,.88) 0%,rgba(6,10,22,.52) 44%,rgba(6,10,22,.06) 72%),linear-gradient(0deg,rgba(5,8,18,.74),transparent 46%)!important;z-index:-1}
.hero-stack{position:absolute!important;inset:0!important;width:100%;height:100%;max-width:none;margin:0;padding:0 42px}
.hero-copy{position:absolute!important;clip:auto!important;width:min(760px,60vw)!important;height:auto!important;left:42px;top:clamp(120px,17vh,190px);overflow:visible!important}
.hero-copy:before{content:"XUEMO · DIGITAL LITERARY ATLAS";display:block;margin-bottom:22px;color:var(--xm-gold);font:600 10px/1.2 var(--xm-mono);letter-spacing:.18em}
.hero-copy h1{max-width:720px;margin:0;color:#f8f1e3;font:700 clamp(58px,7.2vw,112px)/.91 var(--xm-serif);letter-spacing:-.058em;text-wrap:balance}
.hero-copy p{max-width:660px;margin:24px 0 0;color:#d8d1c4;font:500 clamp(14px,1.25vw,18px)/1.6 var(--xm-sans);letter-spacing:.025em}
.hero-search{left:42px!important;right:auto!important;top:auto!important;bottom:28px!important;width:min(1040px,calc(100vw - 84px))!important}
.portal-search-row{min-height:64px!important;border:1px solid rgba(214,173,85,.75)!important;border-radius:2px!important;background:rgba(250,247,240,.97)!important;box-shadow:0 22px 55px rgba(0,0,0,.28)!important}
.portal-search-row input,.portal-search-row select{font:500 13px var(--xm-sans)!important}
.portal-search-row button{background:var(--xm-gold)!important;font:700 11px var(--xm-sans)!important;letter-spacing:.06em!important;transition:background .2s ease,color .2s ease!important}
.portal-search-row button:hover{background:#edc774!important}
.catalog-search-panel{margin-top:12px;padding:12px;background:rgba(8,12,25,.82);border:1px solid rgba(214,173,85,.38);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.2)}
.catalog-search-primary{margin-top:0;border-color:rgba(214,173,85,.72);box-shadow:0 22px 58px rgba(0,0,0,.32)}
.corpus-search-secondary{margin-top:10px;background:rgba(8,12,25,.66);border-color:rgba(214,173,85,.25)}
.catalog-search-heading{display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:0 1px 9px;color:#f5ead3;font-family:var(--xm-sans)}
.catalog-search-heading strong{font-size:12px;letter-spacing:.04em}.catalog-search-heading span{color:#bdb6aa;font-size:10px}
.catalog-search-row{display:grid;grid-template-columns:minmax(180px,1.35fr) minmax(150px,.8fr) minmax(240px,1.3fr) 116px;min-height:52px;background:rgba(250,247,240,.98)}
.catalog-search-row input,.catalog-search-row select{min-width:0;border:0;border-right:1px solid #ddd3c1;background:transparent;color:#14172b;padding:0 14px;font:500 12px var(--xm-sans);outline:0}
.catalog-search-row input:focus,.catalog-search-row select:focus{background:#fffaf0}.catalog-search-row button{border:0;background:var(--xm-copper);color:white;font:700 11px var(--xm-sans);cursor:pointer}.catalog-search-row button:hover{background:#c76834}
.portal-results{padding-top:88px!important;background:var(--xm-paper)!important}
.results-heading h2{font-family:var(--xm-serif)!important}
.portal-result{transition:background .2s ease,padding .2s ease}
.portal-result:hover{background:rgba(214,173,85,.07);padding-left:14px;padding-right:14px}

.poster-page-hero,.poster-page-hero.author-poster,.poster-page-hero.suosalang-poster{margin-top:88px!important;width:100%;height:clamp(480px,56.25vw,820px)!important;min-height:0!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;border:0!important;box-shadow:inset 0 -1px 0 rgba(214,173,85,.25)}
.poster-page-body,.editorial-body{background:var(--xm-paper)!important;color:var(--xm-ink)!important}
.poster-page-body{padding-top:92px!important;padding-bottom:120px!important}
.poster-page-body h2,.poster-page-body h3,.editorial-copy h2,.editorial-copy h3{font-family:var(--xm-serif)!important;letter-spacing:-.025em}
.poster-page-body p,.poster-page-body li,.editorial-copy p,.editorial-copy li{color:#343745!important;font-family:var(--xm-serif)!important}
.poster-page-body a,.editorial-copy a{color:#a84f26!important;text-underline-offset:4px}
.poster-page-body>.plan-section{width:100vw!important;margin:48px 0 64px calc(50% - 50vw)!important;transform:none!important}

.editorial-hero,.works-hero,.concept-video-hero{position:relative;isolation:isolate;margin-top:88px!important;background-image:url('/static/xuemo-cosmos-hero-v2.webp')!important;background-size:cover!important;background-position:center 55%!important;box-shadow:inset 0 0 0 1000px rgba(6,10,22,.58)}
.editorial-hero:after,.works-hero:after,.concept-video-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(6,10,22,.72),rgba(6,10,22,.14) 78%)}
.editorial-hero{min-height:520px!important;padding-top:120px!important}
.editorial-kicker,.concept-eyebrow{font-family:var(--xm-mono)!important;color:var(--xm-gold)!important}
.editorial-hero h1,.works-hero h1,.concept-hero-copy h1{font-family:var(--xm-serif)!important;color:#f8f1e3!important;text-wrap:balance}
.editorial-hero p,.works-hero>p,.concept-hero-copy>p{color:#d4cec2!important;font-family:var(--xm-serif)!important}

.works-hero{padding-top:118px!important;padding-bottom:78px!important}
.works-hero-stats span{background:rgba(9,13,27,.42)!important;border-color:rgba(214,173,85,.35)!important;backdrop-filter:blur(8px)}
.works-hero-stats b{color:#f0ca79!important}
.works-directory{background:var(--xm-paper)!important;padding-top:72px!important}
.works-toolbar{grid-template-columns:minmax(260px,1.35fr) repeat(3,minmax(165px,.65fr))!important}
.works-toolbar input,.works-toolbar select{background:#fbf8f1!important;border-color:var(--xm-line)!important;border-radius:0;font-family:var(--xm-sans)!important;transition:border .2s,box-shadow .2s}
.works-toolbar input:focus,.works-toolbar select:focus{border-color:#aa7728!important;box-shadow:0 0 0 3px rgba(214,173,85,.13);outline:0}
.works-jump a{font-family:var(--xm-sans)!important;text-transform:none!important;letter-spacing:.025em!important;border-radius:999px!important}
.works-cover-grid{grid-template-columns:repeat(auto-fill,minmax(205px,1fr))!important;gap:22px!important}
.work-edition-card{background:#eee7dc!important;border-color:rgba(14,19,36,.13)!important;box-shadow:0 1px 0 rgba(255,255,255,.65);transition:transform .28s ease,box-shadow .28s ease}
.work-edition-card:hover{transform:translateY(-5px);box-shadow:var(--xm-shadow)}
.work-cover-frame{aspect-ratio:2/3!important;padding:0!important;background:var(--xm-ink-2)!important}
.work-cover-frame img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;filter:none!important;transition:transform .35s ease!important}
.work-edition-card:hover .work-cover-frame img{transform:scale(1.025)!important}
.work-card-body{padding:18px!important}
.work-card-body h3{font-family:var(--xm-serif)!important;font-size:18px!important}
.work-category{display:block;margin:-3px 0 12px;color:#77717b;font:500 10px/1.55 var(--xm-sans)}
.work-language,.work-meta,.work-status{font-family:var(--xm-mono)!important}
.work-status{top:10px!important;left:10px!important;border-left:0!important;border-bottom:2px solid #888!important;background:rgba(8,12,25,.9)!important;backdrop-filter:blur(8px)}
.work-status.in-corpus{border-color:var(--xm-gold)!important}.work-status.source-in-corpus{border-color:var(--xm-copper)!important}
.work-actions a{align-items:center;gap:5px;border-radius:2px!important;font-family:var(--xm-sans)!important;text-transform:none!important;letter-spacing:.02em!important}

.concept-video-hero{min-height:calc(88svh - 88px)!important}
.concept-hero-copy{max-width:1420px!important;padding-left:42px!important;padding-right:42px!important}
.concept-lab{background:var(--xm-ink)!important}.concept-main{background:var(--xm-paper)!important}
.concept-canvas-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 50%,transparent 32%,rgba(4,7,16,.22) 100%);box-shadow:inset 0 0 80px rgba(0,0,0,.26)}
.concept-card-grid{gap:12px!important;background:transparent!important;border:0!important}.glossary-card{border:1px solid var(--xm-line)!important}

.portal-footer{padding:52px max(28px,calc((100vw - 1240px)/2))!important;background:#080c19!important;border-top:1px solid rgba(214,173,85,.25)!important;color:#9e9a94!important;font-family:var(--xm-sans)!important;text-transform:none!important;letter-spacing:.02em!important}
.portal-footer img{width:62px!important;height:62px!important}

.reading-wrap{background:var(--xm-paper)!important;color:var(--xm-ink)!important}
.reading-access{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:24px;padding:16px 18px;background:var(--xm-ink);color:#d8d1c4;border-left:3px solid var(--xm-gold)}
.reading-access strong{color:#f0ca79;font:700 10px/1.4 var(--xm-mono);letter-spacing:.08em;text-transform:uppercase}
.reading-access span{font:500 12px/1.6 var(--xm-sans)}
.reading-access a{color:#f4ddb0!important;font:650 11px/1.4 var(--xm-sans);white-space:nowrap}
.reading-body{font-family:var(--xm-serif)!important}
.reading-body p{position:relative;padding-left:48px!important}
.reading-body .reading-focus{padding:22px 22px 22px 48px!important;background:#fff4da!important;border:1px solid rgba(181,122,33,.42)!important;border-radius:0!important}
.reading-body .reading-context{padding-top:12px!important;padding-bottom:12px!important;border-bottom:1px solid var(--xm-line)}
.context-index{position:absolute;left:0;top:14px;color:#a15c2c;font:700 9px/1 var(--xm-mono);letter-spacing:.08em}
.reading-focus .context-index{left:16px;top:26px}

[data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .6s cubic-bezier(.2,.7,.2,1)}
[data-reveal].is-visible{opacity:1;transform:none}

@media(prefers-reduced-motion:reduce){.poster-hero:before,.editorial-hero:before,.works-hero:before,.concept-video-hero:before{animation:none}.portal *{scroll-behavior:auto!important}}

@media(max-width:1100px){
  .portal-nav-inner,.portal-nav-inner.nav-eight{padding:0 16px!important;grid-template-columns:repeat(3,1fr) 88px repeat(3,1fr) 64px!important}
  .portal-link{font-size:10px!important;gap:5px}.portal-link svg{display:none}
  .portal-home img{width:58px!important;height:58px!important}
}

@media(max-width:900px){
  .portal-nav{height:72px!important}.portal-nav-inner,.portal-nav-inner.nav-eight{display:flex!important;padding:0 18px!important}
  .portal-home{height:68px!important}.portal-home img{width:54px!important;height:54px!important}
  .menu-toggle{display:grid!important;place-items:center;position:absolute!important;left:18px;top:15px}
  .portal-language{top:15px!important}.portal-nav.open .portal-nav-inner{padding:80px 22px 24px!important;background:rgba(8,12,25,.98)}
  .portal-nav.open .portal-link{display:flex!important;width:100%;justify-content:flex-start;padding:13px 12px;font-size:12px!important}.portal-nav.open .portal-link svg{display:block}
  .poster-hero{margin-top:72px!important;height:auto!important;min-height:920px!important;background-position:62% center!important}
  .hero-stack{padding:0 24px}.hero-copy{left:24px!important;top:110px;width:calc(100vw - 48px)!important}.hero-copy h1{font-size:clamp(48px,14vw,82px)}
  .hero-search{left:24px!important;bottom:30px!important;width:calc(100vw - 48px)!important}
  .poster-page-hero,.poster-page-hero.author-poster,.poster-page-hero.suosalang-poster{margin-top:72px!important;height:56.25vw!important;min-height:240px!important;background-size:cover!important}
  .poster-page-body>.plan-section{margin-top:34px!important;margin-bottom:48px!important}
  .editorial-hero,.works-hero,.concept-video-hero{margin-top:72px!important}
  .works-cover-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}
}

/* Translators' comments: an editorial oral-history layout with compact wayfinding. */
.translator-overview{
  position:relative;
  overflow:hidden;
  margin:0 0 clamp(34px,5vw,62px);
  padding:clamp(24px,3.2vw,42px);
  border:1px solid rgba(184,135,54,.28);
  border-radius:24px;
  background:
    radial-gradient(circle at 86% 18%,rgba(201,156,73,.19),transparent 32%),
    linear-gradient(145deg,#111a2d 0%,#18243a 58%,#101829 100%);
  box-shadow:0 24px 64px rgba(12,20,36,.14);
  color:#f5efe3;
}
.translator-overview:after{
  content:"";
  position:absolute;
  width:240px;height:240px;right:-92px;top:-102px;
  border:1px solid rgba(229,194,125,.2);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(229,194,125,.035),0 0 0 78px rgba(229,194,125,.022);
  pointer-events:none;
}
.translator-count{
  display:flex;
  align-items:baseline;
  gap:10px;
  margin-bottom:22px;
  color:rgba(245,239,227,.72);
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.translator-count b{
  color:#d9aa55;
  font:500 clamp(34px,4vw,52px)/1 var(--font-serif,"Times New Roman",serif);
  letter-spacing:-.04em;
}
.translator-overview h2{
  position:relative;
  z-index:1;
  margin:0 0 20px;
  color:#fff4df;
  font-size:clamp(22px,2.4vw,32px)!important;
}
.translator-index{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px 16px;
}
.translator-index a{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:8px 0;
  border-bottom:1px solid rgba(255,255,255,.11);
  color:rgba(255,250,240,.84);
  font-size:12px;
  line-height:1.35;
  text-decoration:none;
  transition:color .2s ease,border-color .2s ease,transform .2s ease;
}
.translator-index a:hover{
  color:#edc77b;
  border-color:rgba(237,199,123,.62);
  transform:translateX(3px);
}
.translator-index a span{
  flex:0 0 auto;
  color:#d9aa55;
  font-size:9px;
  letter-spacing:.08em;
}
.translator-list{
  display:grid;
  gap:clamp(18px,2.5vw,30px);
  max-width:980px;
}
.translator-card{
  scroll-margin-top:110px;
  padding:clamp(24px,4vw,48px);
  border:1px solid rgba(20,30,50,.12);
  border-radius:22px;
  background:linear-gradient(150deg,rgba(255,255,255,.98),rgba(249,247,241,.94));
  box-shadow:0 16px 46px rgba(19,28,43,.07);
}
.translator-card header{
  display:grid;
  grid-template-columns:54px minmax(0,1fr);
  align-items:start;
  gap:18px;
  margin-bottom:clamp(22px,3vw,34px);
  padding-bottom:20px;
  border-bottom:1px solid rgba(21,31,51,.12);
}
.translator-number{
  display:grid;
  place-items:center;
  width:48px;height:48px;
  border:1px solid rgba(184,135,54,.44);
  border-radius:50%;
  color:#a87524;
  font-size:11px;
  letter-spacing:.12em;
}
.translator-card h2{
  margin:0 0 6px!important;
  color:#14213a!important;
  font-size:clamp(24px,3vw,38px)!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.translator-place{
  color:#9a742f;
  font-size:11px;
  letter-spacing:.11em;
  text-transform:uppercase;
}
.translator-quotes{
  display:grid;
  gap:16px;
}
.translator-quotes blockquote{
  margin:0;
  padding:2px 0 2px clamp(18px,2.6vw,30px);
  border-left:2px solid rgba(184,135,54,.58);
}
.translator-quotes p{
  margin:0;
  color:#343944;
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.9;
}
.translator-attribution{
  margin-top:-8px!important;
  padding-left:clamp(20px,2.8vw,32px);
  color:#91703b!important;
  font-size:12px!important;
  letter-spacing:.08em;
}
.translator-card footer{
  margin-top:clamp(24px,3vw,36px);
  padding-top:20px;
  border-top:1px solid rgba(21,31,51,.1);
}
.translator-card footer strong{
  display:block;
  margin-bottom:7px;
  color:#9a742f;
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.translator-card footer p{
  margin:0;
  color:#656873;
  font-size:13px;
  line-height:1.75;
}

@media(max-width:760px){
  .translator-index{grid-template-columns:1fr 1fr}
  .translator-card{border-radius:18px}
  .translator-card header{grid-template-columns:42px minmax(0,1fr);gap:12px}
  .translator-number{width:38px;height:38px}
}

@media(max-width:480px){
  .translator-index{grid-template-columns:1fr}
  .translator-overview{border-radius:18px}
}

/* 2026-08-21 · Academic cosmology layer
   A restrained celestial coordinate system now continues from the hero into
   the reading surfaces. It is deliberately static and low contrast so the
   research content remains the primary visual signal. */
:root{
  --xm-starlight:rgba(211,166,72,.11);
  --xm-starlight-soft:rgba(17,26,50,.035);
}

.portal-nav:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 14% 28%,rgba(236,205,132,.38) 0 1px,transparent 1.5px),
    radial-gradient(circle at 72% 66%,rgba(236,205,132,.24) 0 1px,transparent 1.5px),
    linear-gradient(90deg,transparent 0 49.96%,rgba(214,173,85,.055) 50%,transparent 50.04%);
}

.portal-home-hero:before{
  background:
    url('/static/cosmos-orbit-overlay.svg') center/cover no-repeat,
    radial-gradient(circle at 78% 34%,rgba(214,173,85,.14),transparent 31%),
    url('/static/cosmos-atlas-background.webp') 88% 23%/min(68vw,1080px) auto no-repeat!important;
  opacity:.27!important;
}
.portal-home-hero .hero-copy{
  padding-left:24px;
  border-left:1px solid rgba(222,184,98,.34);
}
.portal-home-hero .hero-copy:after{
  content:"";
  position:absolute;
  left:-4px;
  top:0;
  width:7px;
  height:7px;
  border:1px solid rgba(231,195,111,.8);
  border-radius:50%;
  background:#0b1020;
  box-shadow:0 0 16px rgba(231,195,111,.45);
}
.portal-home-hero .catalog-search-panel{
  position:relative;
  overflow:hidden;
}
.portal-home-hero .catalog-search-panel:before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(231,195,111,.65) 22%,rgba(231,195,111,.16) 70%,transparent);
}

.editorial-hero,.works-hero,.concept-video-hero{
  overflow:hidden;
}
.editorial-hero:before,.works-hero:before,.concept-video-hero:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0;
  pointer-events:none;
  background:url('/static/cosmos-orbit-overlay.svg') right center/auto 112% no-repeat;
  opacity:.28;
  mix-blend-mode:screen;
}
.editorial-hero>*,.works-hero>*,.concept-video-hero>*{
  position:relative;
  z-index:2;
}
.editorial-kicker,.concept-eyebrow{
  display:flex;
  align-items:center;
  gap:10px;
}
.editorial-kicker:before,.concept-eyebrow:before{
  content:"";
  width:5px;
  height:5px;
  flex:0 0 auto;
  border:1px solid currentColor;
  border-radius:50%;
  box-shadow:0 0 12px rgba(214,173,85,.45);
}

.poster-page-hero:not(.author-poster):not(.civilization-poster):before{
  content:"";
  position:absolute;
  inset:0 0 0 38%;
  pointer-events:none;
  background:url('/static/cosmos-orbit-overlay.svg') right center/auto 108% no-repeat;
  opacity:.16;
  mix-blend-mode:screen;
}

.editorial-body,.poster-page-body,.works-directory,.concept-main{
  background-color:var(--xm-paper)!important;
  background-image:
    radial-gradient(circle at 8% 9%,var(--xm-starlight) 0 1px,transparent 1.7px),
    radial-gradient(circle at 92% 18%,rgba(17,26,50,.075) 0 1px,transparent 1.7px),
    linear-gradient(90deg,transparent 0 49.96%,var(--xm-starlight-soft) 50%,transparent 50.04%)!important;
  background-size:148px 148px,196px 196px,100% 100%;
}
.editorial-copy>h2,.poster-page-body section>h2,.works-directory>h2{
  position:relative;
}
.editorial-copy>h2:before,.poster-page-body section>h2:before,.works-directory>h2:before{
  content:"";
  display:block;
  width:58px;
  height:1px;
  margin:0 0 16px;
  background:linear-gradient(90deg,var(--xm-gold),rgba(214,173,85,0));
  box-shadow:64px 0 0 -0.2px rgba(214,173,85,.22);
}

.institute-positioning,.institute-project-card,.academic-card,.academic-section,
.network-platform,.dictionary-category-card,.core-concept-card,.record-card{
  background-image:radial-gradient(circle at calc(100% - 22px) 22px,rgba(183,128,37,.22) 0 1.5px,transparent 2px);
  background-repeat:no-repeat;
}

.portal-footer{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(8,12,25,.98),rgba(8,12,25,.86)),
    url('/static/cosmos-orbit-overlay.svg') right 36%/760px auto no-repeat!important;
}
.portal-footer:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-top:1px solid rgba(231,195,111,.08);
}
.portal-footer>*{position:relative;z-index:1}

@media(max-width:900px){
  .portal-home-hero:before{opacity:.2!important;background-size:auto 100%,auto,min(110vw,900px) auto!important}
  .portal-home-hero .hero-copy{padding-left:17px}
  .editorial-hero:before,.works-hero:before,.concept-video-hero:before{background-position:72% center;opacity:.2}
  .poster-page-hero:not(.author-poster):not(.civilization-poster):before{inset:0;opacity:.1}
}

@media(prefers-reduced-motion:reduce){
  .portal-home-hero .hero-copy:after{box-shadow:none}
}

/* Institutional profile: the information reads as one editorial system rather
   than a stack of unrelated cards. */
.institute-page .editorial-title-long,
.academy-vr-page .editorial-title-long{font-size:clamp(38px,4.75vw,68px)!important}
.institute-profile{--inst-navy:#111a32;--inst-gold:#b78025;--inst-ivory:#f7f1e5}
.institute-positioning{position:relative;margin:0 0 64px;padding:32px 34px 34px;border-top:1px solid rgba(183,128,37,.42);background:linear-gradient(135deg,rgba(183,128,37,.1),rgba(255,255,255,.78) 48%,rgba(17,26,50,.035));box-shadow:0 18px 45px rgba(17,26,50,.055)}
.institute-positioning h2,.institute-projects>header h2{margin:0 0 16px!important;color:var(--inst-navy)!important;font-size:clamp(28px,3.1vw,42px)!important;line-height:1.12}
.institute-positioning p{margin:0!important;font-size:17px!important;line-height:1.95!important}
.institute-section-index{display:block;margin-bottom:18px;color:var(--inst-gold);font:600 11px/1 var(--xm-sans)!important;letter-spacing:.22em}
.institute-projects>header{margin-bottom:24px;padding-bottom:18px;border-bottom:1px solid rgba(17,26,50,.13)}
.institute-projects>header h2{margin-bottom:0!important}
.institute-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.institute-project-card{position:relative;min-height:300px;padding:30px 30px 32px;border:1px solid rgba(17,26,50,.13);background:rgba(255,255,255,.7);box-shadow:0 14px 38px rgba(17,26,50,.045)}
.institute-project-card:first-child{background:linear-gradient(145deg,#111a32,#172342);border-color:#111a32}
.institute-project-card:first-child h3,.institute-project-card:first-child p{color:var(--inst-ivory)!important}
.institute-project-number{display:block;margin-bottom:58px;color:var(--inst-gold);font:600 12px/1 var(--xm-sans)!important;letter-spacing:.18em}
.institute-project-card h3{margin:0 0 16px!important;color:var(--inst-navy)!important;font-size:clamp(21px,2.1vw,28px)!important;line-height:1.25}
.institute-project-card p{margin:0!important;font-size:15.5px!important;line-height:1.85!important}

/* Academy panorama: a quiet exhibition frame keeps the external 360-degree
   experience visually integrated with XUEMO. */
.academy-vr-experience{--vr-navy:#0d1429;--vr-gold:#c08a2a;--vr-ivory:#f8f1e3}
.academy-vr-introduction{display:grid;grid-template-columns:90px minmax(0,1fr);gap:26px;align-items:start;margin-bottom:28px}
.academy-vr-index{display:grid;width:74px;height:74px;place-items:center;border:1px solid rgba(183,128,37,.5);border-radius:50%;color:var(--vr-gold);font:600 15px/1 var(--xm-sans)!important;letter-spacing:.08em}
.academy-vr-introduction h2{margin:0 0 12px!important;color:var(--vr-navy)!important;font-size:clamp(30px,3.3vw,44px)!important}
.academy-vr-introduction p{margin:0!important;font-size:16px!important;line-height:1.75!important}
.academy-vr-frame-wrap{position:relative;overflow:hidden;width:100%;aspect-ratio:16/9;border:1px solid rgba(192,138,42,.55);background:radial-gradient(circle at 50% 28%,#22345c,#0d1429 68%);box-shadow:0 24px 65px rgba(13,20,41,.18)}
.academy-vr-frame-wrap:before{position:absolute;z-index:0;inset:12px;border:1px solid rgba(248,241,227,.15);content:"";pointer-events:none}
.academy-vr-image{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.academy-vr-fallback{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0 0}
.academy-vr-fallback p{max-width:480px;margin:0!important;color:#696d78!important;font:13px/1.7 var(--xm-sans)!important}
.academy-vr-fallback a{display:inline-flex;align-items:center;gap:10px;padding:13px 18px;border:1px solid var(--vr-gold);color:var(--vr-navy)!important;font:600 12px/1.2 var(--xm-sans)!important;letter-spacing:.04em;text-decoration:none!important;transition:.2s ease}
.academy-vr-fallback a:hover{background:var(--vr-navy);border-color:var(--vr-navy);color:var(--vr-ivory)!important}

@media(max-width:900px){
  .institute-page .editorial-title-long,.academy-vr-page .editorial-title-long{font-size:clamp(32px,8.5vw,46px)!important}
  .institute-positioning{margin-bottom:46px;padding:26px 24px 28px}
  .institute-project-grid{grid-template-columns:1fr}
  .institute-project-card{min-height:0;padding:26px 24px 28px}
  .institute-project-number{margin-bottom:36px}
  .academy-vr-introduction{grid-template-columns:60px minmax(0,1fr);gap:18px}
  .academy-vr-index{width:54px;height:54px;font-size:12px}
  .academy-vr-frame-wrap{aspect-ratio:4/5}
  .academy-vr-image{object-position:center}
  .academy-vr-fallback{align-items:flex-start;flex-direction:column}
}

/* 2026-08-19 final editorial harmonization.
   New research pages inherit one restrained typographic and figure system. */
.poster-page-body :is(.network-section,.record-section,.academic-section,.core-model-section,.dictionary-principles,.dictionary-categories,.dictionary-workflow)>h2,
.poster-page-body :is(.civilization-section,.journal-block)>h3{
  color:#111a32!important;
  font-family:var(--xm-serif)!important;
  font-weight:650!important;
  letter-spacing:-.028em!important;
  text-wrap:balance;
}
.poster-page-body :is(.academic-kicker,.civilization-kicker,.panel-kicker,.call-status){
  color:#a97120!important;
  font-family:var(--xm-mono)!important;
  letter-spacing:.11em!important;
}
.poster-page-body :is(.academic-card,.academic-section,.record-card,.network-platform,.dictionary-category-card,.core-concept-card){
  border-color:rgba(17,26,50,.15)!important;
  box-shadow:0 14px 38px rgba(17,26,50,.045);
}
.civilization-model figure{
  padding:clamp(10px,1.5vw,20px);
  background:#f9f5ed;
  border:1px solid rgba(183,128,37,.28);
  box-shadow:0 24px 64px rgba(17,26,50,.11);
}
.civilization-model img{
  border:0!important;
  background:#f9f5ed!important;
  box-shadow:none!important;
}
.civilization-model figcaption{
  margin:12px 3px 0!important;
  color:#655f55!important;
}
.poster-page-hero.author-poster{position:relative;isolation:isolate;background-size:cover!important;background-position:center!important}
.poster-page-hero.author-poster:after{
  content:"";position:absolute;inset:auto 0 0;height:18%;pointer-events:none;
  background:linear-gradient(180deg,rgba(245,240,230,0),rgba(245,240,230,.92));
}
.poster-page-hero.civilization-poster:after{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,transparent 0 50%,rgba(2,6,12,.04) 65%,rgba(2,6,12,.18) 100%);
}
.poster-page-hero.civilization-poster h1{z-index:1}
@media(max-width:700px){
  .poster-page-hero.author-poster{background-size:100% auto!important;background-color:#f3eee3!important}
  .civilization-model{width:calc(100vw - 32px)!important}
}

/* Scholarship application: a calm, editorial form within the portal system. */
.scholarship-submission{position:relative;margin:70px 0 8px;padding:clamp(28px,4.4vw,58px);overflow:hidden;border:1px solid rgba(211,166,72,.46);border-radius:4px;background:linear-gradient(145deg,#111a31 0%,#0a1021 100%);color:#f2eadb;box-shadow:0 28px 62px rgba(8,12,25,.2)}
.scholarship-submission:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(211,166,72,.14),transparent 28%),linear-gradient(90deg,transparent 0 49.9%,rgba(211,166,72,.05) 50%,transparent 50.1%)}
.scholarship-submission>*{position:relative;z-index:1}
.scholarship-submission>.academic-kicker{color:#d3a648}
.scholarship-submission h2{margin:10px 0 12px!important;color:#fffaf0!important;font:500 clamp(30px,4vw,52px)/1.08 Georgia,"Noto Serif SC","Noto Serif TC",serif!important}
.scholarship-form-intro{max-width:820px;margin:0 0 34px!important;color:rgba(242,234,219,.74)!important}
.scholarship-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 20px}
.scholarship-field{display:flex;flex-direction:column;gap:9px;color:#f6efe4;font-size:13px;font-weight:650;letter-spacing:.02em}
.scholarship-field-full{grid-column:1/-1}
.scholarship-field b{margin-left:5px;color:#d3a648;font-weight:700}
.scholarship-field input,.scholarship-field textarea,.scholarship-field select{width:100%;box-sizing:border-box;border:1px solid rgba(242,234,219,.25);border-radius:2px;background:rgba(255,255,255,.96);color:#11172b;font:400 15px/1.5 Inter,"Noto Sans SC","Noto Sans TC",sans-serif;outline:none;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.scholarship-field input{min-height:54px;padding:13px 16px}.scholarship-field textarea{min-height:170px;padding:15px 16px;resize:vertical}
.scholarship-field select{min-height:54px;padding:13px 44px 13px 16px;cursor:pointer}
.scholarship-field small{color:rgba(242,234,219,.62);font-size:11px;font-weight:450;line-height:1.55}
.scholarship-field input:focus,.scholarship-field textarea:focus,.scholarship-field select:focus{border-color:#d3a648;background:#fff;box-shadow:0 0 0 3px rgba(211,166,72,.18)}
.scholarship-field input::placeholder,.scholarship-field textarea::placeholder{color:#777d87}
.scholarship-file-field{padding:17px 18px;border:1px solid rgba(211,166,72,.23);background:rgba(255,255,255,.045)}
.scholarship-file-field input{min-height:auto;padding:11px;background:#f8f5ef;color:#252a35}
.scholarship-file-field input::file-selector-button{margin-right:13px;padding:9px 13px;border:0;border-radius:2px;background:#18213a;color:#fff;cursor:pointer}
.scholarship-file-field small{color:rgba(242,234,219,.62);font-size:11px;font-weight:450}
.scholarship-submit{display:flex;width:100%;min-height:58px;margin-top:24px;align-items:center;justify-content:center;gap:14px;border:1px solid #d8ad54;border-radius:2px;background:linear-gradient(110deg,#c38d2f,#e1b860 52%,#b77b25);color:#fff4df;cursor:pointer;font:700 13px/1 Inter,"Noto Sans SC","Noto Sans TC",sans-serif;letter-spacing:.09em;text-transform:uppercase;transition:filter .2s ease,transform .2s ease}
.scholarship-submit:hover{filter:brightness(1.08);transform:translateY(-1px)}
.scholarship-submit:focus-visible{outline:2px solid #fff;outline-offset:3px}
.scholarship-contact{margin:22px 0 0!important;text-align:center;color:rgba(242,234,219,.68)!important;font-size:12px!important}.scholarship-contact a{color:#e0b65d!important;text-decoration:none}.scholarship-contact a:hover{text-decoration:underline}
.scholarship-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.submission-alert{margin:0 0 24px;padding:13px 15px;border-left:3px solid #d3a648;background:rgba(211,166,72,.1);color:#fff3db;font-size:13px;line-height:1.6}
.submission-alert-error{border-color:#db7b69;background:rgba(219,123,105,.12)}
@media(max-width:700px){.scholarship-submission{margin-top:45px;padding:28px 20px}.scholarship-form-grid{grid-template-columns:1fr}.scholarship-field{grid-column:1/-1}.scholarship-submission h2{font-size:32px!important}}

/* Xuemo Academy visit planning and privacy-minimized registration. */
.academy-transport{position:relative;margin:74px 0 0;padding:clamp(30px,4.8vw,62px);overflow:hidden;border:1px solid rgba(16,23,43,.14);background:linear-gradient(145deg,#f8f3e9 0%,#eee5d5 100%)}
.academy-transport:before{content:"";position:absolute;inset:0;pointer-events:none;background:url('/static/cosmos-orbit-overlay.svg') 80% 5%/620px auto no-repeat;opacity:.12}
.academy-transport>*{position:relative;z-index:1}.academy-transport>h2{max-width:900px;margin:11px 0 15px!important;font:500 clamp(32px,4.4vw,54px)/1.08 Georgia,"Noto Serif SC","Noto Serif TC",serif!important;color:#11172b!important}
.academy-transport-intro{max-width:900px;margin:0 0 32px!important;color:#625e57!important;font-size:15px!important;line-height:1.85!important}
.academy-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.academy-route-card{padding:28px;border-top:2px solid #c79538;background:rgba(255,255,255,.7)}
.academy-route-card>span{color:#b17a21;font:700 10px/1 Inter,sans-serif;letter-spacing:.14em}.academy-route-card h3{margin:22px 0 17px!important;color:#17213a!important;font:600 22px/1.25 Georgia,"Noto Serif SC","Noto Serif TC",serif!important}
.academy-route-card ol{margin:0!important;padding-left:22px!important}.academy-route-card li{margin:0 0 11px;padding-left:5px;color:#494b51;font-size:13px;line-height:1.72}.academy-route-card li::marker{color:#b98127;font-weight:700}
.academy-vr-link{display:inline-flex;margin-top:25px;align-items:center;gap:13px;color:#9a671d!important;font-size:12px;font-weight:700;letter-spacing:.04em;text-decoration:none}.academy-vr-link span{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(154,103,29,.4);border-radius:50%}.academy-vr-link:hover{text-decoration:underline}
.academy-registration{position:relative;margin:20px 0 8px;padding:clamp(28px,4.4vw,58px);overflow:hidden;border:1px solid rgba(211,166,72,.46);border-radius:4px;background:linear-gradient(145deg,#111a31 0%,#0a1021 100%);color:#f2eadb;box-shadow:0 28px 62px rgba(8,12,25,.2)}
.academy-registration:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 82% 12%,rgba(211,166,72,.14),transparent 28%),url('/static/cosmos-orbit-overlay.svg') 100% 0/720px auto no-repeat;opacity:.7}.academy-registration>*{position:relative;z-index:1}
.academy-registration>.academic-kicker{color:#d3a648}.academy-registration h2{margin:10px 0 12px!important;color:#fffaf0!important;font:500 clamp(30px,4vw,52px)/1.08 Georgia,"Noto Serif SC","Noto Serif TC",serif!important}
.academy-registration .scholarship-form-intro{color:rgba(255,250,240,.78)!important}.academy-registration .academy-privacy-note{color:rgba(255,250,240,.66)!important}
.academy-privacy-note{max-width:880px;margin:23px 0 0!important;padding-left:15px;border-left:2px solid rgba(211,166,72,.5);color:rgba(242,234,219,.62)!important;font-size:11px!important;line-height:1.7!important}
@media(max-width:760px){.academy-route-grid{grid-template-columns:1fr}.academy-transport{margin-top:48px;padding:30px 20px}.academy-registration{padding:30px 20px}.academy-registration h2{font-size:32px!important}.academy-route-card{padding:23px}}

/* Academic Network: the supplied institutional page adapted to the Cosmos system. */
.network-union{margin-bottom:76px;border:1px solid rgba(16,23,43,.13);background:#f7f1e7;box-shadow:0 24px 55px rgba(20,26,42,.07)}
.network-union-head{display:flex;min-height:210px;align-items:center;gap:34px;padding:36px clamp(28px,5vw,64px);background:linear-gradient(120deg,#10182d,#172544);color:#fff}
.network-union-head>span{display:grid;width:104px;height:104px;flex:none;place-items:center;border:1px solid rgba(218,174,82,.66);border-radius:50%;color:#ddb258;font:600 22px/1 Georgia,serif;letter-spacing:.14em}
.network-union-head h2{margin:0 0 12px!important;color:#fff8ea!important;font:500 clamp(34px,5vw,64px)/1.04 Georgia,"Noto Serif SC","Noto Serif TC",serif!important}
.network-union-head p{margin:5px 0!important;color:rgba(255,255,255,.66)!important;font-size:13px!important}.network-union-head b{color:#dab059}.network-union-head em{font-family:Georgia,"Noto Serif SC","Noto Serif TC",serif}
.network-prose{padding:clamp(28px,4.5vw,58px)}.network-prose p{margin:0 0 20px!important;font-size:clamp(15px,1.45vw,18px)!important;line-height:1.9!important}.network-prose p:last-child{margin-bottom:0!important}
.network-section{margin:0 0 76px;scroll-margin-top:120px}.network-section>h2{margin:8px 0 8px!important;font:500 clamp(36px,5.2vw,66px)/1.04 Georgia,"Noto Serif SC","Noto Serif TC",serif!important;color:#11172b!important}.network-date{margin:0 0 28px!important;color:#7c756b!important;font-size:12px!important;text-transform:uppercase;letter-spacing:.08em}
.network-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.network-platform{position:relative;min-height:230px;padding:27px;border:1px solid rgba(16,23,43,.14);background:#f8f4ec}.network-platform>span{color:#c79538;font:600 10px/1 monospace;letter-spacing:.12em}.network-platform h3{margin:38px 0 14px!important;font-size:18px!important}.network-platform h3 b,.network-platform h3 small{display:block}.network-platform h3 b{font-weight:650;line-height:1.35}.network-platform h3 small{margin-top:8px;color:#5e5a53;font:500 14px/1.5 "Noto Serif SC",serif}.network-platform p{margin:0!important;color:#6f6b64!important;font-size:13px!important}.network-platform a{position:absolute;right:22px;top:22px;display:grid;width:32px;height:32px;place-items:center;border:1px solid rgba(199,149,56,.5);border-radius:50%;color:#aa741d!important;text-decoration:none}
.fellows-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.fellow-region{min-height:158px;padding:22px 24px;border-top:2px solid #c79538;background:#f8f4ec}.fellow-region h3{margin:0 0 14px!important;color:#a66f1b!important;font:600 15px/1.3 Inter,"Noto Sans SC","Noto Sans TC",sans-serif!important}.fellow-region ul{margin:0!important;padding:0!important;list-style:none}.fellow-region li{margin:0 0 7px;color:#222839;font-size:13px;line-height:1.55}.network-forum{padding:clamp(30px,5vw,62px);border:1px solid rgba(211,166,72,.38);background:linear-gradient(145deg,#111a31,#0a1021);color:#f4ecde}.network-forum>h2{color:#fff8eb!important}.network-forum .network-prose{padding:24px 0 0}.network-forum .network-prose p{color:rgba(244,236,222,.76)!important}.network-forum blockquote{margin:34px 0 0;padding:26px clamp(22px,4vw,42px);border:1px solid rgba(211,166,72,.45);border-left:4px solid #d3a648;background:rgba(211,166,72,.09);color:#f1cb7b;font:500 clamp(18px,2.2vw,28px)/1.45 Georgia,"Noto Serif SC","Noto Serif TC",serif;text-align:center}
@media(max-width:900px){.network-platforms,.fellows-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.network-union-head{align-items:flex-start;flex-direction:column}.network-union-head>span{width:78px;height:78px}.network-platforms,.fellows-grid{grid-template-columns:1fr}.network-platform{min-height:180px}.fellow-region{min-height:0}.network-section{margin-bottom:52px}}

@media(max-width:680px){
  .portal-search-row{grid-template-columns:1fr!important}.portal-search-row input,.portal-search-row select{height:54px!important;border-right:0!important;border-bottom:1px solid #ddd3c1!important}.portal-search-row button{height:52px!important}
  .catalog-search-heading{display:block}.catalog-search-heading span{display:none}.catalog-search-row{grid-template-columns:1fr 1fr}.catalog-search-row input{grid-column:1/-1;height:50px;border-right:0;border-bottom:1px solid #ddd3c1}.catalog-search-row select{height:50px}.catalog-search-row select:nth-of-type(2){border-right:0}.catalog-search-row button{grid-column:1/-1;height:48px}.works-toolbar{grid-template-columns:1fr!important}
  .hero-copy:before{font-size:8px;letter-spacing:.12em}.hero-copy p{font-size:14px;max-width:88%}
  .poster-page-body{padding:60px 22px 86px!important}
  .editorial-hero,.works-hero{padding-left:22px!important;padding-right:22px!important}
  .works-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.work-card-body{padding:13px!important}.work-card-body h3{font-size:15px!important}
  .portal-footer{flex-direction:column!important;text-align:center!important}.footer-meta{text-align:center!important}
  .reading-access{grid-template-columns:1fr;gap:8px}.reading-body p{padding-left:36px!important}.reading-body .reading-focus{padding-left:42px!important}
}

@media(max-width:420px){
  .works-cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.work-cover-frame{aspect-ratio:2/3!important}.work-cover-frame img{max-width:none!important}
  .work-meta,.work-corpus-note{font-size:9px!important}.work-actions a{padding:7px!important}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1!important;transform:none!important}
}

/* Uniform book-cover stage: all unused edge space is pure black. */
.work-cover-frame{isolation:isolate!important;background:#000!important;padding:0!important;box-shadow:inset 0 0 0 2px #000!important}
.work-cover-frame:after{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;box-shadow:inset 0 0 0 2px #000,inset 0 0 20px rgba(0,0,0,.16)}
.work-cover-frame img{z-index:1;background:#000!important;filter:drop-shadow(0 10px 13px rgba(0,0,0,.3))!important}
.work-edition-card:hover .work-cover-frame img{transform:translateY(-3px) scale(1.012)!important}
.works-guide>div{max-width:760px}.works-match-summary{display:block;margin-bottom:7px;color:#a35a26;font:700 11px var(--xm-sans);letter-spacing:.035em}.works-match-summary[hidden]{display:none}

/* Works catalogue information model: canonical work -> concrete editions. */
.works-toolbar{grid-template-columns:minmax(260px,1.4fr) repeat(3,minmax(165px,.72fr))!important}
.works-jump button{padding:9px 14px;border:1px solid rgba(23,25,44,.2);border-radius:999px;background:transparent;color:#4e4a55;font:10px var(--xm-mono);text-transform:uppercase;letter-spacing:.07em;cursor:pointer}
.works-jump button:hover,.works-jump button.active{background:#17192c;color:#fff}
.work-family-list,#worksSections{display:grid;gap:13px}
.work-family{border:1px solid rgba(23,25,44,.17);background:#ebe4d7;box-shadow:0 1px 0 rgba(255,255,255,.6)}
.work-family[hidden],.work-edition-row[hidden]{display:none!important}
.work-family>summary{list-style:none;display:grid;grid-template-columns:42px 122px minmax(220px,1fr) minmax(110px,auto) 128px;gap:18px;align-items:center;min-height:148px;padding:15px 20px;cursor:pointer}
.work-family>summary::-webkit-details-marker{display:none}
.family-index{align-self:start;padding-top:4px;color:#a06c32;font:10px var(--xm-mono);letter-spacing:.08em}
.family-cover-stack{position:relative;display:block;width:112px;height:118px;background:#05070e;overflow:hidden}
.family-cover-stack img{position:absolute;top:9px;width:66px;height:100px;object-fit:contain;background:#000;box-shadow:0 8px 20px rgba(0,0,0,.42);transition:transform .22s ease}
.family-cover-stack img:nth-child(1){left:7px;z-index:3}.family-cover-stack img:nth-child(2){left:25px;z-index:2;transform:scale(.94)}.family-cover-stack img:nth-child(3){left:42px;z-index:1;transform:scale(.88)}
.work-family>summary:hover .family-cover-stack img:nth-child(1){transform:translateX(-3px)}.work-family>summary:hover .family-cover-stack img:nth-child(2){transform:translateX(2px) scale(.94)}.work-family>summary:hover .family-cover-stack img:nth-child(3){transform:translateX(5px) scale(.88)}
.work-family-placeholder{display:grid;place-items:center;height:100%;padding:10px;color:#dbc07c;text-align:center;font:700 12px/1.4 var(--xm-serif)}
.family-copy{display:block;min-width:0}.family-copy>small{display:block;margin-bottom:8px;color:#a75c2d;font:9px var(--xm-mono);letter-spacing:.07em;text-transform:uppercase}.family-copy>strong{display:block;color:#17192c;font:700 clamp(20px,2.1vw,30px)/1.25 var(--xm-serif);letter-spacing:-.025em}.family-stats{display:block;margin-top:10px;color:#77717b;font:10px var(--xm-mono);letter-spacing:.02em}.family-stats b{color:#34313a;font-weight:700}
.family-state{justify-self:end;padding:7px 9px;border-left:2px solid #8a8790;background:rgba(23,25,44,.055);color:#65606a;font:8px/1.4 var(--xm-mono);text-transform:uppercase;letter-spacing:.05em}.family-state.in-corpus{border-color:#ba8d2f}.family-state.source-in-corpus{border-color:#d26832}
.family-open{justify-self:end;color:#5f5964;font:9px var(--xm-mono);text-transform:uppercase;letter-spacing:.07em}.family-open i{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:7px;border:1px solid rgba(23,25,44,.25);border-radius:50%;font-style:normal;font-size:15px;transition:transform .2s}.work-family[open] .family-open i{transform:rotate(45deg)}
.work-edition-list{display:grid;gap:1px;padding:1px;background:rgba(23,25,44,.14);border-top:1px solid rgba(23,25,44,.17)}
.work-edition-row{display:grid;grid-template-columns:132px minmax(180px,.9fr) minmax(420px,2fr) minmax(170px,.8fr);gap:22px;align-items:center;min-height:194px;padding:14px 19px;background:#f4efe6}
.edition-thumb{width:118px;height:166px;display:grid;place-items:center;background:#000;overflow:hidden;color:#c89d4d;box-shadow:0 9px 22px rgba(12,14,27,.22)}.edition-thumb img{width:100%;height:100%;object-fit:contain;background:#000}.edition-core{min-width:0}.edition-language{display:block;margin-bottom:5px;color:#ad5b2e;font:8px var(--xm-mono);letter-spacing:.08em;text-transform:uppercase}.edition-core h4{margin:0;color:#252430;font:700 18px/1.38 var(--xm-serif)}.edition-flags{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.edition-flags span{padding:4px 6px;border:1px solid rgba(23,25,44,.16);color:#716b75;font:7px var(--xm-mono);letter-spacing:.04em;text-transform:uppercase}.verification-flag{border-color:rgba(181,126,35,.34)!important;color:#8c6525!important}
.edition-ledger{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px 16px}.edition-ledger span{min-width:0;padding-bottom:6px;border-bottom:1px solid rgba(23,25,44,.08)}.edition-ledger small{display:block;margin-bottom:3px;color:#96909a;font:7px var(--xm-mono);letter-spacing:.06em;text-transform:uppercase}.edition-ledger b{display:block;overflow-wrap:anywhere;color:#45414a;font:500 10px/1.5 var(--xm-mono)}
.edition-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}.edition-actions a{padding:7px 8px;border:1px solid rgba(23,25,44,.2);color:#4f4a54;font:7px/1.35 var(--xm-mono);text-transform:uppercase;letter-spacing:.05em}.edition-actions a.primary{background:#17192c;color:#fff}.edition-actions a.verified-retailer{border-color:#a46c27;color:#885a20;background:#fffaf0}.edition-actions>span{max-width:155px;text-align:right;color:#98919a;font:8px/1.55 var(--xm-mono)}.edition-actions .corpus-unavailable,.work-actions .corpus-unavailable{display:inline-flex;align-items:center;justify-content:center;padding:7px 9px;border:1px solid #aaa5aa;background:#aaa5aa;color:#fff;font:8px/1.35 var(--xm-mono);letter-spacing:.04em;cursor:not-allowed;opacity:.9;text-align:center}
@media(max-width:1180px){.work-edition-row{grid-template-columns:104px minmax(180px,.9fr) minmax(300px,1.5fr)}.edition-thumb{width:92px;height:132px}.edition-actions{grid-column:2/-1;justify-content:flex-start}.edition-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.works-toolbar{grid-template-columns:1fr 1fr!important}.work-family>summary{grid-template-columns:34px 105px 1fr 110px}.family-state{display:none}.work-edition-row{grid-template-columns:98px 1fr}.edition-ledger,.edition-actions{grid-column:2}.edition-actions{justify-content:flex-start}.family-cover-stack{width:98px}}
@media(max-width:680px){.works-toolbar{grid-template-columns:1fr!important}.work-family>summary{grid-template-columns:26px 78px 1fr;padding:11px;gap:10px;min-height:112px}.family-cover-stack{width:72px;height:90px}.family-cover-stack img{width:48px;height:76px;top:7px}.family-cover-stack img:nth-child(2){left:17px}.family-cover-stack img:nth-child(3){left:29px}.family-open{display:none}.family-copy>strong{font-size:18px}.family-stats{font-size:8px}.work-edition-row{grid-template-columns:78px 1fr;padding:12px;gap:12px}.edition-thumb{width:70px;height:102px}.edition-ledger,.edition-actions{grid-column:1/-1}.edition-ledger{grid-template-columns:repeat(2,minmax(0,1fr))}.edition-actions{justify-content:flex-start}}

/* Academic portal information architecture · 2026 */
.portal-nav-inner,.portal-nav-inner.nav-eight{max-width:1560px!important;grid-template-columns:repeat(3,minmax(105px,1fr)) 96px repeat(3,minmax(120px,1.08fr)) 78px!important;gap:4px!important}
.portal-menu{position:relative;height:100%;display:flex;align-items:center;justify-content:center;min-width:0}
.portal-menu>.portal-link{width:100%;height:100%;border-radius:0!important}
.nav-chevron{margin-left:3px;color:#9d947f;font-size:12px;transition:transform .2s ease}
.portal-menu:hover .nav-chevron,.portal-menu:focus-within .nav-chevron{transform:rotate(180deg);color:var(--xm-gold)}
.portal-dropdown{position:absolute;z-index:1200;left:50%;top:calc(100% - 8px);width:min(330px,88vw);padding:10px;background:rgba(9,13,27,.985);border:1px solid rgba(214,173,85,.34);box-shadow:0 30px 70px rgba(0,0,0,.44);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,10px);transition:opacity .18s ease,transform .18s ease,visibility .18s}
.portal-dropdown-right{left:auto;right:0;transform:translateY(10px)}
.portal-menu:hover .portal-dropdown,.portal-menu:focus-within .portal-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.portal-menu:hover .portal-dropdown-right,.portal-menu:focus-within .portal-dropdown-right{transform:translateY(0)}
.portal-dropdown>a{display:block;padding:11px 12px;color:#d9d3c8;border-left:1px solid transparent;font:570 12px/1.35 var(--xm-sans);transition:background .16s,color .16s,border-color .16s}
.portal-dropdown>a:hover,.portal-dropdown>a:focus-visible{background:rgba(214,173,85,.1);border-left-color:var(--xm-gold);color:#f3d996}
.portal-dropdown>a small{display:block;margin-top:4px;color:#968f84;font:500 9px/1.45 var(--xm-sans)}
.portal-dropdown>a.emphasis{margin-top:5px;background:linear-gradient(90deg,rgba(214,173,85,.18),rgba(200,105,53,.08));border:1px solid rgba(214,173,85,.38);color:#f2d287}
.portal-dropdown-heading{display:block;margin:8px 12px 3px;padding-top:9px;border-top:1px solid rgba(214,173,85,.16);color:#a79d89;font:700 9px/1.2 var(--xm-mono);letter-spacing:.12em;text-transform:uppercase}
.portal-dropdown-heading:first-child{margin-top:0;padding-top:3px;border-top:0}

/* Seven primary sections now frame the home mark; the final Academic Community
   group remains an equal top-level destination without crowding the header. */
@media(min-width:901px){
  .portal-nav-inner.nav-nine{max-width:1680px!important;grid-template-columns:repeat(3,minmax(90px,1fr)) 86px repeat(2,minmax(94px,1fr)) minmax(116px,1.1fr) minmax(116px,1.1fr) 70px!important;gap:2px!important;padding:0 18px!important}
  .portal-nav-inner.nav-nine .portal-link{padding:0 7px!important;font-size:10.5px!important;letter-spacing:.025em!important}
}
@media(min-width:901px) and (max-width:1180px){
  .portal-nav-inner.nav-nine{grid-template-columns:repeat(3,minmax(76px,1fr)) 72px repeat(2,minmax(78px,1fr)) minmax(97px,1.08fr) minmax(97px,1.08fr) 60px!important;padding:0 9px!important}
  .portal-nav-inner.nav-nine .portal-link{padding:0 3px!important;font-size:9px!important;letter-spacing:0!important}
}

.portal-home-hero{height:auto!important;min-height:calc(100svh - 88px)!important;background-size:cover!important;background-position:center!important;overflow:visible!important}
.portal-home-hero:before{inset:0!important;background:radial-gradient(circle at 78% 34%,rgba(214,173,85,.12),transparent 30%),url('/static/cosmos-atlas-background.webp') 88% 23%/min(68vw,1080px) auto no-repeat!important;opacity:.16!important;mix-blend-mode:screen!important;filter:none!important}
.portal-home-hero:after{z-index:0!important;background:linear-gradient(90deg,rgba(5,9,20,.91) 0%,rgba(5,9,20,.58) 47%,rgba(5,9,20,.08) 78%),linear-gradient(0deg,rgba(4,7,16,.94) 0%,rgba(4,7,16,.18) 55%,rgba(4,7,16,.1) 100%)!important}
.portal-home-hero .hero-stack{position:relative!important;z-index:2!important;inset:auto!important;width:min(1440px,100%)!important;height:auto!important;min-height:calc(100svh - 88px);margin:0 auto!important;padding:clamp(78px,10vh,120px) 42px 30px!important;display:flex;flex-direction:column}
.portal-home-hero .hero-copy{position:relative!important;left:auto!important;top:auto!important;clip:auto!important;width:min(770px,68vw)!important;height:auto!important;overflow:visible!important}
.portal-home-hero .hero-copy:before{display:none!important}
.hero-eyebrow{display:block;margin-bottom:20px;color:var(--xm-gold);font:700 10px/1.3 var(--xm-mono);letter-spacing:.18em;text-transform:uppercase}
.portal-home-hero .hero-copy h1{margin:0;color:#f8f1e3;font:700 clamp(66px,8vw,120px)/.9 var(--xm-serif);letter-spacing:-.06em;text-shadow:0 8px 32px rgba(0,0,0,.26)}
.portal-home-hero .hero-deck{margin:23px 0 0;color:#ece5d9;font:520 clamp(15px,1.35vw,19px)/1.65 var(--xm-sans);letter-spacing:.018em}
.portal-home-hero .hero-count{margin:9px 0 0;color:#bdb7ad;font:520 12px/1.7 var(--xm-sans);letter-spacing:.035em}
.hero-learn{display:inline-flex;align-items:center;gap:12px;margin-top:21px;color:#edc774;font:700 11px/1 var(--xm-sans);letter-spacing:.08em;text-transform:uppercase}
.hero-learn span{font-size:17px;transition:transform .2s}.hero-learn:hover span{transform:translateX(5px)}
.home-portal-tools{margin-top:auto;padding-top:70px}
.portal-home-hero .hero-search{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:none!important}
.portal-home-hero .catalog-search-panel{padding:16px 18px 18px;background:rgba(7,11,23,.87);border-color:rgba(214,173,85,.46);box-shadow:0 28px 70px rgba(0,0,0,.4);backdrop-filter:blur(16px)}
.portal-home-hero .catalog-search-heading{margin:0 0 11px;color:#f8f0e2}.portal-home-hero .catalog-search-heading strong{font-size:13px}.portal-home-hero .catalog-search-heading span{color:#aaa49b}
.portal-home-hero .catalog-search-row{grid-template-columns:minmax(260px,1.6fr) minmax(165px,.72fr) minmax(165px,.72fr) 128px;min-height:58px}
.home-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:12px}
.home-shortcuts>a{min-height:118px;display:grid;grid-template-columns:52px 1fr 18px;gap:14px;align-items:center;padding:18px 16px;background:linear-gradient(145deg,rgba(10,15,29,.94),rgba(15,20,35,.86));border:1px solid rgba(214,173,85,.42);color:#e8e1d5;box-shadow:0 12px 35px rgba(0,0,0,.18);transition:transform .22s ease,border-color .22s ease,background .22s ease}
.home-shortcuts>a:hover{transform:translateY(-4px);border-color:#e6c26f;background:linear-gradient(145deg,rgba(18,24,42,.98),rgba(11,16,31,.96))}
.shortcut-index{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(214,173,85,.62);border-radius:50%;color:#e4bd67;font:700 10px/1 var(--xm-mono);letter-spacing:.08em}
.shortcut-copy{min-width:0}.shortcut-copy strong{display:block;color:#fff8ea;font:700 14px/1.3 var(--xm-sans)}.shortcut-copy small{display:block;margin-top:6px;color:#aaa59d;font:500 11px/1.55 var(--xm-sans)}
.shortcut-arrow{color:#e0b85e;font-size:18px;transition:transform .2s}.home-shortcuts>a:hover .shortcut-arrow{transform:translateX(4px)}

.academic-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:28px 0 46px}
.academic-card,.academic-section{scroll-margin-top:112px;padding:25px 26px;background:#ebe4d7;border:1px solid rgba(14,19,36,.14)}
.academic-card h3,.academic-section h3{margin:0 0 10px!important;color:#11172b}.academic-card p,.academic-section p{margin:0!important}
.academic-card a{display:inline-flex;margin-top:14px;font:700 11px/1.4 var(--xm-sans)!important}
.academic-section{margin:18px 0;background:#f8f4ec}
.academic-kicker{display:block;margin-bottom:8px;color:#a85a2c;font:700 9px/1.3 var(--xm-mono);letter-spacing:.12em;text-transform:uppercase}
.academic-call{scroll-margin-top:112px;margin:30px 0;padding:30px;border:1px solid rgba(187,118,32,.42);background:linear-gradient(135deg,#fff7e4,#eee4d4)}
.academic-call .call-status{display:inline-flex;margin-bottom:14px;padding:6px 9px;background:#171d31;color:#eed18d;font:700 9px/1 var(--xm-mono);letter-spacing:.1em;text-transform:uppercase}
.academic-call h2{font-size:clamp(30px,4vw,46px)!important}.academic-call ul{padding-left:20px}.academic-call .deadline{margin-top:20px;padding-top:15px;border-top:1px solid rgba(14,19,36,.18);font-weight:700;color:#522d20!important}
.moratto-profile{margin-top:34px;padding:clamp(26px,4vw,44px)!important;background:linear-gradient(145deg,#f9f5ed 0%,#eee5d7 100%)!important;border-color:rgba(177,124,52,.35)!important}
.moratto-profile>h3{max-width:760px;margin:0 0 18px!important;font:500 clamp(28px,4vw,42px)/1.08 Georgia,"Noto Serif SC","Noto Serif TC",serif!important;letter-spacing:-.02em}
.moratto-credentials{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding-bottom:24px;border-bottom:1px solid rgba(14,19,36,.14)}
.moratto-credentials span{display:inline-flex;align-items:center;min-height:30px;padding:6px 10px;border:1px solid rgba(152,101,38,.3);background:rgba(255,252,246,.72);color:#65451f;font:700 9px/1.35 var(--xm-mono);letter-spacing:.045em}
.moratto-biography{max-width:880px}.moratto-biography p{margin:0 0 1.05em!important;color:#25283a!important;font-size:clamp(15px,1.35vw,17px)!important;line-height:1.9!important;text-wrap:pretty}
.moratto-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px!important;padding-top:20px;border-top:1px solid rgba(14,19,36,.14)}
.moratto-links a{display:inline-flex;padding:9px 12px;border:1px solid rgba(14,19,36,.2);background:#151c30;color:#f2dfad!important;font:700 9px/1.35 var(--xm-mono);letter-spacing:.055em;text-decoration:none}
.moratto-links a:hover{background:#25304d}

@media(max-width:1180px){
  .portal-nav-inner,.portal-nav-inner.nav-eight{grid-template-columns:repeat(3,minmax(90px,1fr)) 82px repeat(3,minmax(100px,1fr)) 66px!important;padding:0 14px!important}
  .portal-link{font-size:9.5px!important;padding:0 5px!important}.nav-chevron{display:none}.portal-home img{width:56px!important;height:56px!important}
  .home-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:900px){
  .portal-nav.open{max-height:100svh!important;overflow:auto!important;background:rgba(8,12,25,.99)!important}
  .portal-nav.open .portal-nav-inner{display:flex!important;align-items:stretch!important;gap:0!important}
  .portal-menu{display:block;width:100%;height:auto}
  .portal-nav.open .portal-menu>.portal-link{height:auto!important;min-height:46px!important}
  .portal-dropdown,.portal-dropdown-right{position:static;width:100%;padding:2px 0 8px 14px;border:0;border-left:1px solid rgba(214,173,85,.24);background:transparent;box-shadow:none;opacity:1;visibility:visible;pointer-events:auto;transform:none!important}
  .portal-dropdown>a{padding:9px 11px;font-size:11px}.portal-dropdown-heading{margin-left:11px}
  .portal-home-hero{margin-top:72px!important;min-height:0!important;background-position:62% center!important}
  .portal-home-hero .hero-stack{min-height:auto;padding:78px 24px 26px!important}
  .portal-home-hero .hero-copy{width:min(720px,100%)!important}
  .home-portal-tools{padding-top:110px}.portal-home-hero .catalog-search-row{grid-template-columns:1fr 1fr}
}

@media(max-width:680px){
  .portal-home-hero .hero-stack{padding:64px 18px 20px!important}.portal-home-hero .hero-copy h1{font-size:clamp(52px,17vw,78px)}
  .portal-home-hero .hero-deck{font-size:14px}.portal-home-hero .hero-count{font-size:10px}
  .home-portal-tools{padding-top:90px}.portal-home-hero .catalog-search-panel{padding:13px}.home-shortcuts{grid-template-columns:1fr;gap:8px}
  .home-shortcuts>a{min-height:96px}.academic-grid{grid-template-columns:1fr}.academic-call{padding:22px}
}

/* Viewport-safe, type-aligned academic navigation. */
@media(min-width:901px){
  .portal-menu>.portal-link{
    justify-content:flex-start!important;
    padding:0 16px!important;
  }
  .portal-menu>.portal-link svg{display:none!important}
  .portal-dropdown,.portal-dropdown-right{
    position:fixed!important;
    left:var(--portal-dropdown-left,12px)!important;
    right:auto!important;
    top:var(--portal-dropdown-top,80px)!important;
    width:min(300px,calc(100vw - 24px))!important;
    padding:10px 0!important;
    transform:translateY(10px)!important;
  }
  .portal-menu:hover .portal-dropdown,
  .portal-menu:focus-within .portal-dropdown,
  .portal-menu:hover .portal-dropdown-right,
  .portal-menu:focus-within .portal-dropdown-right{
    transform:translateY(0)!important;
  }
  .portal-dropdown>a{padding-left:var(--portal-dropdown-indent,16px)!important;padding-right:16px!important}
  .portal-dropdown-heading{margin-left:var(--portal-dropdown-indent,16px)!important;margin-right:16px!important}
}

@media(max-width:900px){
  .portal-nav:not(.open) .portal-menu,
  .portal-nav:not(.open) .portal-dropdown,
  .portal-nav:not(.open) .portal-dropdown-right{display:none!important}
  .portal-nav.open{height:100svh!important;max-height:100svh!important}
  .portal-nav.open .portal-nav-inner{
    min-height:100%;
    overflow-y:auto!important;
    justify-content:flex-start!important;
  }
  .portal-nav.open .portal-menu{display:block!important;flex:0 0 auto!important}
  .portal-nav.open .portal-menu>.portal-link{justify-content:flex-start!important}
  .portal-nav.open .portal-dropdown,.portal-nav.open .portal-dropdown-right{
    width:100%!important;
  }
}

/* 2026-08-25 — daylight Cosmos refinement.
   The navigation retains the deep-space identity while reading surfaces, cards,
   and the three editorial heroes gain more air, daylight, and contrast. */
:root{
  --xm-paper:#f8f4ec;
  --xm-paper-2:#f0e9dd;
  --xm-line:rgba(17,26,50,.14);
}
body.portal{background:#f8f4ec!important;color:#151b2e}
.editorial-body,.poster-page-body,.works-directory,.concept-main{
  background-color:#f8f4ec!important;
  background-image:
    radial-gradient(circle at 8% 9%,rgba(183,128,37,.13) 0 1px,transparent 1.7px),
    radial-gradient(circle at 92% 18%,rgba(47,84,125,.08) 0 1px,transparent 1.7px),
    linear-gradient(135deg,rgba(255,255,255,.58),rgba(224,237,246,.22) 48%,rgba(255,249,238,.72))!important;
  background-size:148px 148px,196px 196px,100% 100%!important;
}
.editorial-copy p,.editorial-copy li,
.poster-page-body p,.poster-page-body li{
  color:#303746!important;
}
.editorial-aside{color:#555e6d!important;font-weight:700!important}
.record-card,.academic-card,.academic-section,.download-card,.award-card{
  background-color:#fffaf2!important;
  border-color:rgba(30,48,75,.15)!important;
  box-shadow:0 14px 34px rgba(31,47,70,.07)!important;
}
.record-card p,.academic-card p,.academic-section p,
.download-card span,.award-card span{color:#4b5260!important}
.record-card:hover,.download-card:hover,.award-card:hover{
  border-color:rgba(183,128,37,.42)!important;
  box-shadow:0 20px 46px rgba(31,47,70,.11)!important;
}

/* Core concepts — preserve the calm left field and reveal more of the supplied
   lotus-orbit artwork instead of burying it beneath an opaque dark wash. */
body.core-concepts-page .editorial-hero{
  box-shadow:none!important;
  min-height:clamp(540px,64vh,720px)!important;
  padding-left:max(32px,calc((100vw - 1180px)/2))!important;
  padding-right:max(32px,calc((100vw - 1180px)/2))!important;
  background-image:
    linear-gradient(90deg,rgba(4,12,27,.86) 0%,rgba(5,16,34,.72) 31%,rgba(7,20,40,.38) 53%,rgba(8,21,39,.04) 78%),
    linear-gradient(0deg,rgba(4,10,23,.38),transparent 48%),
    url('/static/xuemo-core-concepts-hero-20260825.webp')!important;
  background-position:center!important;
  background-size:cover!important;
}
body.core-concepts-page .editorial-hero:before{
  background:radial-gradient(circle at 71% 47%,rgba(246,210,126,.18),transparent 25%)!important;
  opacity:1!important;
  animation:none!important;
}
body.core-concepts-page .editorial-hero:after{
  background:linear-gradient(90deg,rgba(10,27,51,.17),transparent 65%)!important;
}
body.core-concepts-page .editorial-hero h1{
  max-width:650px!important;
  color:#fff8e9!important;
  font-size:clamp(50px,6vw,86px)!important;
  text-shadow:0 4px 28px rgba(0,0,0,.62)!important;
}
body.core-concepts-page .editorial-hero p{
  max-width:630px!important;
  color:#f5eee2!important;
  text-shadow:0 3px 20px rgba(0,0,0,.68)!important;
}

/* Events — the supplied portrait remains open on the left; a daylight veil on
   the right carries the live, localized title in all four language contexts. */
body.events-page .editorial-hero{
  box-shadow:none!important;
  min-height:clamp(540px,62vh,690px)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:112px clamp(28px,5vw,90px) 74px clamp(52%,57vw,62%)!important;
  background-image:url('/static/xuemo-events-hero-20260825.webp')!important;
  background-position:center!important;
  background-size:cover!important;
}
body.events-page .editorial-hero:after{
  background:linear-gradient(90deg,transparent 32%,rgba(246,249,250,.90) 40%,rgba(245,249,252,.998) 47%,#f4f9fc 100%)!important;
}
body.events-page .editorial-hero:before{
  background:radial-gradient(circle at 83% 25%,rgba(214,173,85,.22),transparent 28%)!important;
  opacity:1!important;
  animation:none!important;
}

/* Forums — the desert portrait anchors the right; the localized dialogue copy
   sits in the quiet ivory field on the left. */
body.forums-page .editorial-hero{
  box-shadow:none!important;
  min-height:clamp(540px,62vh,690px)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:112px 54% 74px max(36px,calc((100vw - 1320px)/2))!important;
  background-image:url('/static/xuemo-forums-hero-20260825.webp')!important;
  background-position:center!important;
  background-size:cover!important;
}
body.forums-page .editorial-hero:after{
  background:linear-gradient(90deg,#f9f1e7 0%,#f9f1e7 53%,rgba(249,241,231,.96) 58%,transparent 70%)!important;
}
body.forums-page .editorial-hero:before{
  background:radial-gradient(circle at 22% 26%,rgba(214,173,85,.18),transparent 29%)!important;
  opacity:1!important;
  animation:none!important;
}

body.events-page .editorial-hero h1,
body.forums-page .editorial-hero h1{
  max-width:640px!important;
  color:#132035!important;
  font-size:clamp(54px,6vw,88px)!important;
  line-height:.98!important;
  text-shadow:0 2px 16px rgba(255,255,255,.72)!important;
}
body.events-page .editorial-kicker,
body.forums-page .editorial-kicker{
  color:#9c5a2c!important;
  text-shadow:none!important;
}
body.events-page .editorial-hero p,
body.forums-page .editorial-hero p{
  max-width:610px!important;
  color:#374459!important;
  font-family:var(--xm-sans)!important;
  font-size:clamp(15px,1.15vw,18px)!important;
  font-weight:600!important;
  line-height:1.72!important;
  text-shadow:0 1px 12px rgba(255,255,255,.78)!important;
}

@media(max-width:900px){
  body.events-page .editorial-hero,
  body.forums-page .editorial-hero{
    min-height:650px!important;
    justify-content:flex-start;
    padding:380px 24px 54px!important;
    background-color:#f8f4ec!important;
    background-repeat:no-repeat!important;
    background-size:auto 365px!important;
  }
  body.events-page .editorial-hero{background-position:35% 0!important}
  body.forums-page .editorial-hero{background-position:72% 0!important}
  body.events-page .editorial-hero:after,
  body.forums-page .editorial-hero:after{
    background:linear-gradient(180deg,transparent 0,rgba(248,244,236,.55) 45%,#f8f4ec 59%,#f8f4ec 100%)!important;
  }
  body.events-page .editorial-hero h1,
  body.forums-page .editorial-hero h1{font-size:clamp(46px,13vw,68px)!important}
}

@media(max-width:760px){
  body.core-concepts-page .editorial-hero{
    min-height:560px!important;
    padding:118px 22px 58px!important;
    background-position:66% center!important;
    background-image:
      linear-gradient(90deg,rgba(4,12,27,.91),rgba(5,16,34,.66) 68%,rgba(7,20,40,.26)),
      linear-gradient(0deg,rgba(4,10,23,.48),transparent 54%),
      url('/static/xuemo-core-concepts-hero-20260825.webp')!important;
  }
}

/* Four-language homepage synchronized to the supplied English visual. */
.portal-home-hero{
  background-image:url('/static/xuemo-cosmos-hero-v2.webp')!important;
  background-position:center center!important;
}
.portal-home-hero:before{
  background:radial-gradient(circle at 78% 31%,rgba(220,175,78,.08),transparent 32%)!important;
  opacity:1!important;
  mix-blend-mode:screen!important;
}
.portal-home-hero:after{
  background:linear-gradient(90deg,rgba(4,8,18,.78) 0%,rgba(4,8,18,.38) 44%,rgba(4,8,18,.02) 78%),linear-gradient(0deg,rgba(4,7,16,.9) 0%,rgba(4,7,16,.08) 52%,rgba(4,7,16,.1) 100%)!important;
}
.portal-home-hero .hero-stack{
  width:100%!important;
  max-width:none!important;
  padding:clamp(118px,14vh,150px) clamp(42px,6vw,96px) 26px!important;
}
.portal-home-hero .hero-copy{width:min(620px,58vw)!important}
.portal-home-hero .hero-copy h1{font-size:clamp(70px,7.4vw,112px)!important;line-height:.9!important}
.portal-home-hero .hero-deck,.portal-home-hero .hero-learn{display:none!important}
.portal-home-hero .hero-count{max-width:620px;margin-top:22px!important;color:#eee8dc!important;font-size:14px!important;line-height:1.75!important}
.portal-home-hero .home-portal-tools{padding-top:62px!important}
.portal-home-hero .hero-search{max-width:1125px!important}
.portal-home-hero .catalog-search-panel{border-color:rgba(214,173,85,.32)!important;border-radius:2px!important}
.portal-home-hero .home-shortcuts{width:100%;gap:10px!important}
.portal-home-hero .home-shortcuts>a{min-height:124px!important;background:linear-gradient(145deg,rgba(8,13,26,.96),rgba(13,18,33,.9))!important}
html[lang="en"] .portal-home-hero .hero-copy,
html[lang="es"] .portal-home-hero .hero-copy{width:min(500px,52vw)!important}
html[lang="en"] .portal-home-hero .hero-copy h1,
html[lang="es"] .portal-home-hero .hero-copy h1{font-size:clamp(74px,7.1vw,108px)!important;letter-spacing:-.055em!important}

@media(max-width:900px){
  .portal-home-hero{background-position:62% center!important}
  .portal-home-hero .hero-stack{padding:78px 24px 24px!important}
  .portal-home-hero .hero-copy,
  html[lang="en"] .portal-home-hero .hero-copy,
  html[lang="es"] .portal-home-hero .hero-copy{width:min(620px,100%)!important}
  .portal-home-hero .hero-copy h1,
  html[lang="en"] .portal-home-hero .hero-copy h1,
  html[lang="es"] .portal-home-hero .hero-copy h1{font-size:clamp(54px,14vw,82px)!important}
  .portal-home-hero .home-portal-tools{padding-top:100px!important}
}

@media(max-width:680px){
  .portal-home-hero .hero-stack{padding:64px 18px 20px!important}
  .portal-home-hero .hero-count{font-size:11px!important;line-height:1.6!important}
  .portal-home-hero .home-portal-tools{padding-top:82px!important}
}

/* Exact project-bound hero derived from the newly uploaded 3:2 source image. */
.portal-home-hero{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:3/2!important;
  background-image:url('/static/_optimized/xuemo-cosmos-main-visual-20260818.png.webp')!important;
  background-size:contain!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-color:#050a14!important;
}
.portal-home-hero:before,.portal-home-hero:after{display:none!important}
.portal-home-hero .hero-stack{min-height:100%!important}

@media(max-width:900px){
  .portal-home-hero{
    aspect-ratio:auto!important;
    min-height:calc(66.6667vw + 920px)!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .portal-home-hero .hero-stack{
    min-height:inherit!important;
    padding-top:calc(66.6667vw + 46px)!important;
  }
}

@media(max-width:680px){
  .portal-home-hero{min-height:calc(66.6667vw + 980px)!important}
  .portal-home-hero .hero-stack{padding-top:calc(66.6667vw + 38px)!important}
}

@media(min-width:901px){
  .portal-home-hero{min-height:max(780px,calc(100svh - 88px))!important}
  .portal-home-hero .hero-stack{min-height:max(780px,calc(100svh - 88px))!important}
}

/* Reference-matched shortcut pictograms, drawn with CSS so they stay crisp. */
.portal-home-hero .shortcut-index{position:relative;font-size:0!important;color:#dda83f!important}
.portal-home-hero .shortcut-index:before,.portal-home-hero .shortcut-index:after{content:"";position:absolute;display:block;box-sizing:border-box}
.portal-home-hero .home-shortcuts>a:nth-child(1) .shortcut-index:before{
  left:12px;top:13px;width:24px;height:21px;border:1px solid currentColor;border-radius:2px;
  background:linear-gradient(90deg,transparent 48%,currentColor 49%,currentColor 51%,transparent 52%);
}
.portal-home-hero .home-shortcuts>a:nth-child(1) .shortcut-index:after{
  left:14px;bottom:10px;width:20px;height:1px;background:currentColor;opacity:.65;
}
.portal-home-hero .home-shortcuts>a:nth-child(2) .shortcut-index:before{
  inset:11px;border-radius:50%;
  background:radial-gradient(circle at 50% 50%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 20% 26%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 80% 24%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 25% 78%,currentColor 0 2px,transparent 2.5px),radial-gradient(circle at 78% 76%,currentColor 0 2px,transparent 2.5px);
}
.portal-home-hero .home-shortcuts>a:nth-child(2) .shortcut-index:after{
  left:15px;top:15px;width:18px;height:18px;border:1px solid currentColor;transform:rotate(45deg);opacity:.8;
}
.portal-home-hero .home-shortcuts>a:nth-child(3) .shortcut-index:before{
  left:14px;top:11px;width:20px;height:26px;border:1px solid currentColor;border-radius:1px;
  background:repeating-linear-gradient(0deg,transparent 0 5px,currentColor 5px 6px) 4px 8px/11px 14px no-repeat;
}
.portal-home-hero .home-shortcuts>a:nth-child(3) .shortcut-index:after{
  right:13px;top:11px;width:7px;height:7px;border-left:1px solid currentColor;border-bottom:1px solid currentColor;
}
.portal-home-hero .home-shortcuts>a:nth-child(4) .shortcut-index:before{
  left:12px;top:14px;width:24px;height:22px;border:1px solid currentColor;border-radius:2px;
  background:linear-gradient(currentColor,currentColor) 0 6px/100% 1px no-repeat,radial-gradient(circle,currentColor 0 1px,transparent 1.5px) 4px 10px/7px 7px;
}
.portal-home-hero .home-shortcuts>a:nth-child(4) .shortcut-index:after{
  left:17px;top:10px;width:14px;height:7px;border-left:2px solid currentColor;border-right:2px solid currentColor;
}

/* Xin-Xing Civilization is now the four-language Core Concepts landing page. */
.poster-page-hero.civilization-poster{
  height:auto!important;
  min-height:0!important;
  aspect-ratio:1731/909!important;
  padding:0 clamp(28px,7vw,120px)!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  background-image:url('/static/_optimized/xin-xing-civilization-hero-20260818.png.webp')!important;
  background-color:#02060c!important;
  background-position:center!important;
  background-size:contain!important;
  background-repeat:no-repeat!important;
}
.poster-page-hero.civilization-poster h1{
  position:relative!important;
  clip:auto!important;
  width:min(43%,680px)!important;
  height:auto!important;
  overflow:visible!important;
  margin:0!important;
  color:#ead9b2!important;
  font:500 clamp(30px,4.25vw,72px)/1.02 Georgia,"Noto Serif SC","Noto Serif TC",serif!important;
  letter-spacing:.015em!important;
  text-align:center!important;
  text-wrap:balance;
  text-shadow:0 2px 24px rgba(0,0,0,.82)!important;
}
html[lang="en"] .poster-page-hero.civilization-poster h1,
html[lang="es"] .poster-page-hero.civilization-poster h1{
  text-transform:uppercase;
  letter-spacing:.035em!important;
}

/* Evidence-led Forums and Events directories. */
.record-section{margin:0 0 68px;scroll-margin-top:136px}
.record-section>h2{margin:0 0 22px;padding-bottom:14px;border-bottom:1px solid rgba(213,168,66,.28)}
.record-card{position:relative;display:flex;min-height:240px;flex-direction:column;padding-top:34px}
.record-card p{flex:1}
.record-status{display:inline-flex;align-self:flex-start;margin:0 0 16px;padding:6px 9px;border:1px solid rgba(213,168,66,.35);border-radius:999px;color:#c89c3d;background:rgba(213,168,66,.07);font:600 9px/1.2 "DM Mono",monospace;letter-spacing:.05em;text-transform:uppercase}
.record-source{align-self:flex-start;margin-top:18px}
@media(max-width:700px){.record-section{margin-bottom:46px}.record-card{min-height:0}}

/* Featured archive: Xuemo in Dialogue with International Scholars. */
.dialogue-index{margin-top:-10px}
.dialogue-index-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.65fr);align-items:end;gap:24px;margin:0 0 36px;padding:0 0 26px;border-bottom:1px solid rgba(17,24,44,.16)}
.dialogue-index-head .academic-kicker{grid-column:1/-1;margin:0}
.dialogue-index-head h2{margin:0!important;font-size:clamp(34px,5vw,62px)!important;line-height:.95!important;letter-spacing:-.035em!important}
.dialogue-index-head p{margin:0;color:#69675f;line-height:1.7}
.dialogue-list{display:grid;gap:14px}
.dialogue-card{margin:0;border:1px solid rgba(17,24,44,.12);background:#fff;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.dialogue-card:first-child{border-color:rgba(190,137,42,.56);background:linear-gradient(120deg,#fff 0%,#fffaf0 100%);box-shadow:0 18px 50px rgba(26,28,39,.09)}
.dialogue-card:hover{transform:translateY(-2px);border-color:rgba(190,137,42,.62);box-shadow:0 18px 46px rgba(26,28,39,.1)}
.dialogue-card>a{display:grid;grid-template-columns:108px minmax(0,1fr) 160px;gap:8px 28px;padding:28px 30px;color:inherit;text-decoration:none}
.dialogue-number{grid-column:1;grid-row:1/4;color:#b17b22;font:700 11px/1.3 "DM Mono",ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}
.dialogue-card time{grid-column:3;grid-row:1;color:#77736a;font:500 11px/1.3 "DM Mono",ui-monospace,monospace;text-align:right;text-transform:uppercase;letter-spacing:.04em}
.dialogue-card h3{grid-column:2/4;grid-row:2;margin:0!important;color:#11182c;font-size:clamp(20px,2.1vw,30px)!important;line-height:1.23!important;letter-spacing:-.018em!important;text-wrap:balance}
.dialogue-card p{grid-column:2;grid-row:3;margin:6px 0 0!important;color:#65635d;line-height:1.65}
.dialogue-read{grid-column:3;grid-row:3;align-self:end;justify-self:end;color:#9b6519;font-size:13px;font-weight:700}
.dialogue-read b{display:inline-block;margin-left:8px;transition:transform .2s ease}.dialogue-card:hover .dialogue-read b{transform:translateX(4px)}
.dialogue-article{max-width:900px;margin:0 auto}
.dialogue-poster{max-inline-size:100%;margin:0 0 28px}
.dialogue-poster img{display:block;max-inline-size:100%;block-size:auto;object-fit:contain}
.dialogue-back{display:inline-flex;margin:0 0 34px;color:#8f631c;font:700 11px/1.4 "DM Mono",ui-monospace,monospace;letter-spacing:.07em;text-decoration:none;text-transform:uppercase}
.dialogue-article-meta{display:flex;justify-content:space-between;gap:20px;margin:0 0 24px;padding:0 0 18px;border-bottom:1px solid rgba(17,24,44,.16);color:#7b7469;font:700 11px/1.4 "DM Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
.dialogue-unavailable{margin:0!important;padding:28px 30px;border-left:3px solid #c3913e;background:#f8f3e9;color:#58544d!important;font-size:16px!important;line-height:1.8!important}
.dialogue-source-notice{margin:0 0 34px;padding:20px 22px;border:1px solid rgba(190,137,42,.36);border-left:3px solid #c3913e;background:#fff9ef;color:#5a554c;font-family:Arial,"Noto Sans SC","Noto Sans TC",sans-serif;font-size:14px;line-height:1.7}
.dialogue-source-notice strong{display:block;color:#8f631c;font:700 11px/1.3 "DM Mono",ui-monospace,monospace;letter-spacing:.07em;text-transform:uppercase}
.dialogue-source-notice p{margin:8px 0 0!important}
.dialogue-manuscript{color:#25272d;font-family:Georgia,"Noto Serif SC","Noto Serif TC",serif;font-size:clamp(17px,1.35vw,20px);line-height:1.9}
.dialogue-manuscript p{margin:0 0 1.25em!important}
.dialogue-manuscript h2{margin:2.25em 0 .75em!important;padding-top:.8em;border-top:1px solid rgba(17,24,44,.14);color:#11182c;font-size:clamp(27px,3.3vw,42px)!important;line-height:1.15!important;letter-spacing:-.025em!important;text-wrap:balance}
.dialogue-manuscript h3{margin:1.9em 0 .65em!important;color:#9a6921;font-size:clamp(20px,2.2vw,28px)!important;line-height:1.25!important}
.dialogue-pagination{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:42px}
.dialogue-pagination a{display:flex;min-height:92px;flex-direction:column;justify-content:center;padding:20px 22px;border:1px solid rgba(17,24,44,.14);color:#11182c;text-decoration:none;transition:border-color .2s ease,background .2s ease}
.dialogue-pagination a:hover{border-color:#c3913e;background:#fff9ef}
.dialogue-pagination small{margin-bottom:8px;color:#8b847a;font:700 10px/1.2 "DM Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:760px){.dialogue-index-head{grid-template-columns:1fr}.dialogue-card>a{grid-template-columns:1fr;padding:22px}.dialogue-number,.dialogue-card time,.dialogue-card h3,.dialogue-card p,.dialogue-read{grid-column:1;grid-row:auto}.dialogue-card time{text-align:left}.dialogue-read{justify-self:start;margin-top:8px}.dialogue-pagination{grid-template-columns:1fr}}

/* Press-release detail pages need an editorial headline scale of their own. */
.dialogue-release-page .editorial-hero{
  min-height:0!important;
  padding-top:clamp(154px,13vw,188px)!important;
  padding-bottom:clamp(64px,7vw,92px)!important;
}
.dialogue-release-page .editorial-hero h1{
  max-width:1120px;
  margin:22px 0 20px;
  font-size:clamp(42px,5.25vw,74px);
  line-height:1.08;
  letter-spacing:-.038em;
  text-wrap:balance;
}
.dialogue-release-page .editorial-hero h1.dialogue-title-long{
  max-width:1160px;
  font-size:clamp(37px,4.55vw,64px);
  line-height:1.1;
  letter-spacing:-.032em;
}
.dialogue-release-page .editorial-hero h1.dialogue-title-xlong{
  max-width:1180px;
  font-size:clamp(33px,3.9vw,55px);
  line-height:1.12;
  letter-spacing:-.025em;
}
.dialogue-release-page .editorial-hero p{
  display:-webkit-box;
  max-width:900px;
  margin:0;
  overflow:hidden;
  color:#d7d0c5!important;
  font-size:clamp(16px,1.35vw,18px)!important;
  line-height:1.72!important;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.dialogue-release-page .editorial-body{padding-top:66px;padding-bottom:110px}
.dialogue-release-page .editorial-grid{grid-template-columns:180px minmax(0,1fr);gap:58px}
.dialogue-release-page .editorial-aside{position:sticky;top:126px;align-self:start;padding-top:4px;line-height:2.05}
.dialogue-release-page .dialogue-article{max-width:820px}
.dialogue-release-page .dialogue-manuscript{line-height:1.92}
html[lang="en"] .dialogue-release-page .editorial-hero h1,
html[lang="es"] .dialogue-release-page .editorial-hero h1{letter-spacing:-.026em}
html[lang="en"] .dialogue-release-page .editorial-hero h1.dialogue-title-xlong,
html[lang="es"] .dialogue-release-page .editorial-hero h1.dialogue-title-xlong{letter-spacing:-.018em}
@media(max-width:900px){
  .dialogue-release-page .editorial-grid{grid-template-columns:1fr;gap:32px}
  .dialogue-release-page .editorial-aside{position:static;padding-bottom:20px;border-bottom:1px solid rgba(17,24,44,.15)}
}
@media(max-width:600px){
  .dialogue-release-page .editorial-hero{padding:124px 22px 54px!important}
  .dialogue-release-page .editorial-hero h1,
  .dialogue-release-page .editorial-hero h1.dialogue-title-long{margin:18px 0;font-size:clamp(30px,9vw,40px);line-height:1.12;letter-spacing:-.026em}
  .dialogue-release-page .editorial-hero h1.dialogue-title-xlong{font-size:clamp(24px,7vw,30px);line-height:1.16;letter-spacing:-.018em}
  .dialogue-release-page .editorial-hero p{font-size:15px!important;line-height:1.68!important;-webkit-line-clamp:4}
  .dialogue-release-page .editorial-body{padding:48px 22px 78px}
  .dialogue-release-page .dialogue-back{margin-bottom:26px}
  .dialogue-release-page .dialogue-manuscript{font-size:17px;line-height:1.88}
}

/* Core concepts: five-part scholarly reading path. */
.core-concepts-article{--core-navy:#111a32;--core-gold:#b78025;--core-ivory:#f7f1e5}
.core-concepts-deck{max-width:960px}
.core-editorial-note{margin:28px 0 34px;padding:18px 22px;border-left:3px solid var(--core-gold);background:#f7f3eb;color:#656158;font-size:14px;line-height:1.75}
.core-concept-map{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));margin:0 0 34px;border:1px solid rgba(17,26,50,.14);background:#fff}
.core-concept-map a{display:flex;min-height:90px;flex-direction:column;justify-content:space-between;padding:16px 15px;border-right:1px solid rgba(17,26,50,.12);color:var(--core-navy);font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;transition:color .2s ease,background .2s ease}
.core-concept-map a:last-child{border-right:0}
.core-concept-map a:hover{background:var(--core-navy);color:var(--core-ivory)}
.core-concept-map a span{color:var(--core-gold);font:700 10px/1.2 "DM Mono",ui-monospace,monospace;letter-spacing:.12em}
.core-concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 54px}
.core-concept-card{scroll-margin-top:130px;padding:32px;border:1px solid rgba(17,26,50,.13);background:#fff;box-shadow:0 15px 45px rgba(17,26,50,.045)}
.core-concept-card:last-child{grid-column:1/-1;background:linear-gradient(125deg,#111a32,#1c2948);color:#f5efe3}
.core-concept-card header{display:flex;gap:18px;align-items:flex-start;margin-bottom:22px}
.core-concept-number{flex:0 0 auto;padding-top:6px;color:var(--core-gold);font:700 11px/1.2 "DM Mono",ui-monospace,monospace;letter-spacing:.12em}
.core-concept-card h3{margin:0!important;color:var(--core-navy);font-size:clamp(25px,3vw,40px)!important;line-height:1.08!important;letter-spacing:-.025em!important}
.core-concept-card:last-child h3{color:var(--core-ivory)}
.core-concept-term{margin:7px 0 0!important;color:#9a6c21!important;font:700 11px/1.4 "DM Mono",ui-monospace,monospace!important;letter-spacing:.045em;text-transform:uppercase}
.core-concept-card>p{margin:0!important;color:#54524c;line-height:1.9}
.core-concept-card:last-child>p{color:#d8d5ce!important}
.core-relationship{margin:0 0 58px;padding:36px 34px;background:#f6f0e5}
.core-relationship h3,.core-model-section>h3{margin:0 0 24px!important;color:var(--core-navy);font-size:clamp(25px,3.2vw,42px)!important;line-height:1.1!important;letter-spacing:-.025em!important}
.core-concept-sequence{display:flex;align-items:center;gap:12px;overflow-x:auto;padding-bottom:6px}
.core-concept-sequence span{display:flex;min-width:150px;min-height:58px;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(183,128,37,.4);background:#fff;color:var(--core-navy);font-weight:700;text-align:center}
.core-concept-sequence span:not(:last-child):after{content:"→";position:relative;right:-28px;color:var(--core-gold);font-weight:400}
.core-model-section{margin:0 0 58px}
.core-model-section>p{max-width:940px;margin:0 0 28px!important;color:#595750;line-height:1.85}
.core-model-section .civilization-model{margin-top:0}
.core-concepts-closing>p{color:var(--core-ivory)!important}
@media(max-width:850px){.core-concept-map{grid-template-columns:repeat(2,minmax(0,1fr))}.core-concept-map a{border-bottom:1px solid rgba(17,26,50,.12)}.core-concept-grid{grid-template-columns:1fr}.core-concept-card:last-child{grid-column:auto}}
@media(max-width:560px){.core-concept-map{grid-template-columns:1fr}.core-concept-map a{min-height:68px;border-right:0}.core-concept-card{padding:24px 21px}.core-concept-card header{gap:12px}.core-relationship{padding:28px 22px}}

/* Xuemo Dictionary project and its four permanent categories. */
.dictionary-project{--dict-navy:#10182e;--dict-gold:#b98227;--dict-paper:#f7f3ea}
.dictionary-introduction{display:grid;grid-template-columns:minmax(240px,.58fr) minmax(0,1fr);gap:46px;align-items:start;margin:0 0 24px;padding:0 0 48px;border-bottom:1px solid rgba(16,24,46,.15)}
.dictionary-project h2{color:var(--dict-navy);letter-spacing:-.03em;text-wrap:balance}
.dictionary-introduction h2{margin:0!important;font-size:clamp(34px,4.6vw,58px)!important;line-height:1.02!important}
.dictionary-introduction p{margin:0!important;color:#4e4d49;font-size:17px;line-height:1.95}
.dictionary-editorial-note{margin:0 0 62px;padding:18px 22px;border-left:3px solid var(--dict-gold);background:var(--dict-paper);color:#656159;font-size:14px;line-height:1.75}
.dictionary-principles{margin:0 0 68px}
.dictionary-principles>h2,.dictionary-categories>h2,.dictionary-workflow>h2{margin:0 0 28px!important;font-size:clamp(29px,3.7vw,46px)!important;line-height:1.08!important}
.dictionary-principles>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(16,24,46,.13)}
.dictionary-principles section{min-height:220px;padding:28px;border-right:1px solid rgba(16,24,46,.13);background:#fff}
.dictionary-principles section:last-child{border-right:0}
.dictionary-principles section>span,.dictionary-category-number{color:var(--dict-gold);font:700 10px/1.2 "DM Mono",ui-monospace,monospace;letter-spacing:.12em}
.dictionary-principles h3{margin:28px 0 13px!important;color:var(--dict-navy);font-size:23px!important}
.dictionary-principles p{margin:0!important;color:#63605a;line-height:1.75}
.dictionary-categories{margin:0 0 68px}
.dictionary-categories>p{max-width:760px;margin:-12px 0 28px!important;color:#69655e;line-height:1.75}
.dictionary-category-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:18px;border:1px solid rgba(16,24,46,.15);background:#fff}
.dictionary-category-nav a{display:flex;min-height:82px;flex-direction:column;justify-content:space-between;padding:15px 16px;border-right:1px solid rgba(16,24,46,.12);color:var(--dict-navy);font-size:14px;font-weight:700;line-height:1.35;text-decoration:none;transition:background .2s ease,color .2s ease}
.dictionary-category-nav a:last-child{border-right:0}
.dictionary-category-nav a:hover{background:var(--dict-navy);color:#f5eee0}
.dictionary-category-nav span{color:var(--dict-gold);font:700 10px/1.2 "DM Mono",ui-monospace,monospace;letter-spacing:.12em}
.dictionary-category-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.dictionary-category-card{scroll-margin-top:130px;min-height:260px;padding:32px;border:1px solid rgba(16,24,46,.13);background:#fff;box-shadow:0 16px 44px rgba(16,24,46,.045)}
.dictionary-category-card:nth-child(1){background:linear-gradient(130deg,#111a32,#202e50)}
.dictionary-category-card:nth-child(1) h3{color:#f5eee0}
.dictionary-category-card:nth-child(1) .dictionary-category-term{color:#d8a847!important}
.dictionary-category-card:nth-child(1)>p:last-child{color:#e6e0d5!important}
.dictionary-category-card h3{margin:30px 0 7px!important;color:var(--dict-navy);font-size:clamp(26px,3.1vw,41px)!important;line-height:1.05!important;letter-spacing:-.03em!important}
.dictionary-category-term{margin:0 0 24px!important;color:var(--dict-gold)!important;font:700 11px/1.4 "DM Mono",ui-monospace,monospace!important;letter-spacing:.06em;text-transform:uppercase}
.dictionary-category-card>p:last-child{margin:0!important;color:#5b5954;line-height:1.83}
.dictionary-workflow{margin:0 0 68px;padding:38px 34px;background:var(--dict-paper)}
.dictionary-workflow>div{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
.dictionary-workflow span{position:relative;display:flex;min-height:92px;flex-direction:column;justify-content:space-between;padding:15px;border:1px solid rgba(185,130,39,.35);background:#fff;color:var(--dict-navy);font-size:13px;font-weight:700}
.dictionary-workflow b{color:var(--dict-gold);font:700 10px/1 "DM Mono",ui-monospace,monospace;letter-spacing:.1em}
.dictionary-cta{padding:44px;background:linear-gradient(125deg,#10182e,#202e50);color:#e4dfd4}
.dictionary-cta h2{margin:12px 0 16px!important;color:#f5eee0;font-size:clamp(30px,4vw,50px)!important;line-height:1.05!important}
.dictionary-cta p{max-width:820px;margin:0 0 25px!important;color:#cfcbc3;line-height:1.8}
.dictionary-cta a{display:inline-flex;padding:12px 18px;border:1px solid rgba(221,174,84,.55);color:#e3b75f;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease}
.dictionary-cta a:hover{background:#e3b75f;color:#11182d}
@media(max-width:900px){.dictionary-introduction{grid-template-columns:1fr}.dictionary-principles>div{grid-template-columns:1fr}.dictionary-principles section{min-height:0;border-right:0;border-bottom:1px solid rgba(16,24,46,.13)}.dictionary-principles section:last-child{border-bottom:0}.dictionary-category-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.dictionary-category-grid{grid-template-columns:1fr}.dictionary-workflow>div{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.dictionary-category-nav{grid-template-columns:1fr}.dictionary-category-nav a{min-height:66px;border-right:0;border-bottom:1px solid rgba(16,24,46,.12)}.dictionary-category-card,.dictionary-workflow,.dictionary-cta{padding:26px 22px}.dictionary-workflow>div{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media(max-width:900px){
  .poster-page-hero.civilization-poster{
    margin-top:76px!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:1731/909!important;
    padding:0 5vw!important;
    background-size:100% auto!important;
    background-position:center top!important;
  }
  .poster-page-hero.civilization-poster h1{
    width:43%!important;
    font-size:clamp(18px,4.2vw,38px)!important;
  }
}

/* 2026-08-20 compact hero refinement.
   Preserve the established visual language while giving scholarly content a
   faster reading rhythm and reducing oversized headline blocks. */
@media(min-width:901px){
  .portal-home-hero{
    height:clamp(610px,72svh,680px)!important;
    min-height:610px!important;
    aspect-ratio:auto!important;
    background-size:cover!important;
    background-position:center 44%!important;
  }
  .portal-home-hero .hero-stack{
    min-height:100%!important;
    padding:92px clamp(42px,6vw,96px) 22px!important;
  }
  .portal-home-hero .hero-copy h1,
  html[lang="en"] .portal-home-hero .hero-copy h1,
  html[lang="es"] .portal-home-hero .hero-copy h1{
    font-size:clamp(66px,6.35vw,88px)!important;
    line-height:.92!important;
  }
  .portal-home-hero .hero-count{margin-top:16px!important;font-size:12px!important}
  .portal-home-hero .home-portal-tools{padding-top:34px!important}
  .portal-home-hero .home-shortcuts>a{min-height:104px!important}

  .poster-page-hero,
  .poster-page-hero.author-poster,
  .poster-page-hero.suosalang-poster{
    height:clamp(420px,42vw,590px)!important;
    min-height:420px!important;
    background-size:cover!important;
  }
  .poster-page-hero.civilization-poster{
    height:clamp(430px,42vw,560px)!important;
    min-height:430px!important;
    aspect-ratio:auto!important;
    background-size:cover!important;
    background-position:center!important;
  }
  .poster-page-hero.civilization-poster h1{font-size:clamp(30px,3.55vw,58px)!important}

  .editorial-hero{
    min-height:390px!important;
    padding-top:92px!important;
    padding-bottom:54px!important;
  }
  .editorial-hero h1{
    max-width:1040px!important;
    margin:18px 0 14px!important;
    font-size:clamp(42px,5.15vw,72px)!important;
    line-height:1.02!important;
    letter-spacing:-.042em!important;
  }
  .editorial-hero p{
    max-width:800px!important;
    font-size:clamp(15px,1.3vw,18px)!important;
    line-height:1.65!important;
  }
  .editorial-grid{
    grid-template-columns:minmax(128px,168px) minmax(0,1fr)!important;
    gap:clamp(36px,4.8vw,60px)!important;
  }
  .editorial-aside{
    padding-top:6px;
    color:#858087!important;
    font-size:9px!important;
    line-height:1.75!important;
    letter-spacing:.065em!important;
    text-transform:none!important;
  }

  .dialogue-release-page .editorial-hero{
    min-height:0!important;
    padding-top:118px!important;
    padding-bottom:58px!important;
  }
  .dialogue-release-page .editorial-hero h1,
  .dialogue-release-page .editorial-hero h1.dialogue-title-long{
    font-size:clamp(38px,4.35vw,60px)!important;
  }
  .dialogue-release-page .editorial-hero h1.dialogue-title-xlong{
    font-size:clamp(32px,3.55vw,49px)!important;
  }
}

@media(max-width:900px){
  .editorial-hero{min-height:0!important;padding:112px 22px 48px!important}
  .editorial-hero h1{
    margin:17px 0 14px!important;
    font-size:clamp(34px,9vw,52px)!important;
    line-height:1.08!important;
  }
  .editorial-hero p{font-size:15px!important;line-height:1.65!important}
  .editorial-aside{
    padding-bottom:18px;
    border-bottom:1px solid rgba(23,25,44,.14);
    font-size:9px!important;
    line-height:1.7!important;
    letter-spacing:.055em!important;
    text-transform:none!important;
  }
}

/* ========================================================================
   COSMIC CONSCIOUSNESS VISUAL GRAMMAR · 2026-08-21
   A quiet, shared system for home, identity, research and reading surfaces.
   ======================================================================== */
:root{
  --xm-cosmos-deep:#050815;
  --xm-cosmos-indigo:#0a1530;
  --xm-cosmos-ivory:#f4eedf;
  --xm-cosmos-gold:#c79a43;
  --xm-cosmos-cyan:#58b9bc;
  --xm-cosmos-line:rgba(205,164,82,.22);
  --xm-cosmos-hairline:rgba(244,238,223,.10);
}

html,
body.xm-cosmos-enabled{
  max-width:100%;
  overflow-x:hidden;
}

body.xm-cosmos-enabled{
  isolation:isolate;
  background:
    radial-gradient(circle at 88% 9%,rgba(35,71,113,.08),transparent 28%),
    linear-gradient(180deg,#f8f5ef 0%,#f3efe7 100%);
}
body.xm-cosmos-enabled>.portal-nav,
body.xm-cosmos-enabled>main,
body.xm-cosmos-enabled>header,
body.xm-cosmos-enabled>.portal-footer{
  position:relative;
  z-index:2;
}

/* Three deliberately sparse orbital traces: enough atmosphere, never noise. */
.xm-cosmos-field{
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  opacity:.58;
  contain:strict;
}
.xm-cosmos-field:before{
  content:"";
  position:absolute;
  width:min(72vw,980px);
  aspect-ratio:1;
  right:-32vw;
  top:18vh;
  border:1px solid rgba(173,132,62,.10);
  border-radius:50%;
  box-shadow:0 0 0 74px rgba(173,132,62,.022),0 0 0 168px rgba(23,48,83,.018);
  transform:rotate(-18deg) scaleY(.42);
}
.xm-cosmos-field i{
  position:absolute;
  display:block;
  width:3px;
  height:3px;
  border-radius:50%;
  background:rgba(197,153,67,.52);
  box-shadow:
    12vw 4vh 0 rgba(46,104,137,.18),27vw 12vh 0 rgba(197,153,67,.22),
    43vw 7vh 0 rgba(244,238,223,.20),58vw 22vh 0 rgba(197,153,67,.16),
    76vw 10vh 0 rgba(244,238,223,.18),89vw 31vh 0 rgba(80,161,168,.16),
    18vw 45vh 0 rgba(197,153,67,.14),36vw 68vh 0 rgba(44,93,132,.14),
    62vw 55vh 0 rgba(244,238,223,.14),82vw 78vh 0 rgba(197,153,67,.18),
    9vw 88vh 0 rgba(244,238,223,.16),48vw 91vh 0 rgba(80,161,168,.13);
  animation:xm-orbit-drift 34s ease-in-out infinite alternate;
}
.xm-cosmos-field i:nth-child(1){left:4vw;top:5vh}
.xm-cosmos-field i:nth-child(2){left:17vw;top:24vh;transform:scale(.72);animation-duration:46s;animation-direction:alternate-reverse}
.xm-cosmos-field i:nth-child(3){left:8vw;top:48vh;transform:scale(.55);animation-duration:58s}

@keyframes xm-orbit-drift{
  from{translate:0 0;opacity:.5}
  50%{opacity:.9}
  to{translate:18px -13px;opacity:.62}
}

/* Home: the broadest expression of the system, with a calm search plane. */
.portal-home-hero{
  height:auto!important;
  min-height:max(800px,calc(100svh - 88px))!important;
  aspect-ratio:auto!important;
  background-image:
    linear-gradient(90deg,rgba(4,7,17,.78) 0%,rgba(4,7,17,.48) 36%,rgba(4,7,17,.06) 70%),
    linear-gradient(0deg,rgba(3,6,15,.92) 0%,rgba(3,6,15,.10) 52%,rgba(3,6,15,.30) 100%),
    url('/static/cosmos-consciousness-hero-20260821.webp')!important;
  background-size:cover!important;
  background-position:center!important;
  background-repeat:no-repeat!important;
  background-color:var(--xm-cosmos-deep)!important;
}
.portal-home-hero:before,
.portal-home-hero:after{
  display:block!important;
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.portal-home-hero:before{
  opacity:.58!important;
  background:
    radial-gradient(circle at 79% 29%,rgba(225,185,98,.16) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 39%,rgba(245,238,218,.15) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 19%,rgba(76,173,180,.13) 0 1px,transparent 2px),
    url('/static/cosmos-orbit-overlay.svg') right 2% top 2%/min(66vw,980px) auto no-repeat!important;
  mix-blend-mode:screen!important;
  animation:xm-cosmos-breathe 14s ease-in-out infinite alternate;
}
.portal-home-hero:after{
  background:linear-gradient(180deg,transparent 68%,rgba(3,6,14,.52) 100%)!important;
}
.portal-home-hero .hero-stack{min-height:max(800px,calc(100svh - 88px))!important}
.portal-home-hero .hero-eyebrow{
  color:#e6b95f!important;
  letter-spacing:.19em!important;
  text-shadow:0 2px 20px rgba(0,0,0,.45);
}
.portal-home-hero .hero-copy h1,
.portal-home-hero .hero-count{color:var(--xm-cosmos-ivory)!important}
.portal-home-hero .catalog-search-panel{
  background:linear-gradient(145deg,rgba(5,10,23,.91),rgba(10,18,34,.85))!important;
  border:1px solid rgba(207,164,77,.35)!important;
  box-shadow:0 22px 62px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.04)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
}
.portal-home-hero .home-shortcuts>a{
  overflow:hidden;
  border-color:rgba(201,156,69,.30)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;
}
.portal-home-hero .home-shortcuts>a:before{
  content:"";
  position:absolute;
  inset:auto -34px -52px auto;
  width:118px;
  height:118px;
  border:1px solid rgba(204,160,75,.10);
  border-radius:50%;
  box-shadow:0 0 0 20px rgba(204,160,75,.025);
}

@keyframes xm-cosmos-breathe{
  from{opacity:.42;transform:translate3d(0,0,0) scale(1)}
  to{opacity:.66;transform:translate3d(-5px,3px,0) scale(1.008)}
}

/* Section heroes: same field, quieter framing and differentiated crop. */
.works-hero,
.editorial-hero,
.concept-video-hero{
  position:relative;
  overflow:hidden;
  background-image:
    linear-gradient(90deg,rgba(5,8,20,.92) 0%,rgba(5,8,20,.64) 48%,rgba(5,8,20,.20) 100%),
    url('/static/cosmos-consciousness-hero-20260821.webp')!important;
  background-size:cover!important;
  background-position:62% center!important;
  background-color:var(--xm-cosmos-deep)!important;
}
.works-hero:before,
.editorial-hero:before,
.concept-video-hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:url('/static/cosmos-orbit-overlay.svg') right -5% center/52% auto no-repeat;
  opacity:.13;
  mix-blend-mode:screen;
}
.works-hero>*,.editorial-hero>*,.concept-video-hero>*{position:relative;z-index:1}
.works-hero h1,.editorial-hero h1,.concept-video-hero h1{color:var(--xm-cosmos-ivory)!important}
.works-hero p,.editorial-hero p,.concept-video-hero p{color:rgba(244,238,223,.80)!important}

/* Existing photographic heroes stay intact; only a shared orbit glints above. */
.poster-page-hero{position:relative;overflow:hidden}
.poster-page-hero:after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(4,8,18,.34),transparent 52%),
    url('/static/cosmos-orbit-overlay.svg') right -7% top -18%/56% auto no-repeat;
  opacity:.34;
  mix-blend-mode:screen;
}
.poster-page-hero h1{position:relative;z-index:1;color:var(--xm-cosmos-ivory)!important}

/* XUEMO itself uses the pure abstract grammar; author photography stays intact. */
.poster-page-hero.about-cosmos-poster{
  display:grid;
  place-items:center start;
  padding-inline:max(7vw,44px);
  background-image:
    linear-gradient(90deg,rgba(4,7,17,.80) 0%,rgba(4,7,17,.43) 46%,rgba(4,7,17,.05) 78%),
    url('/static/cosmos-consciousness-hero-20260821.webp')!important;
  background-size:cover!important;
  background-position:center!important;
}
.poster-page-hero.about-cosmos-poster h1{
  position:relative!important;
  clip:auto!important;
  width:min(720px,68vw)!important;
  height:auto!important;
  overflow:visible!important;
  margin:0!important;
  color:var(--xm-cosmos-ivory)!important;
  font:650 clamp(48px,7vw,104px)/.98 "Cormorant Garamond","Noto Serif SC",serif!important;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:0 10px 42px rgba(0,0,0,.42);
}

/* Identity pages receive a single spectral accent; research pages stay spare. */
body.xm-page-identity .editorial-body,
body.xm-page-identity .poster-page-body{
  position:relative;
  overflow:hidden;
}
body.xm-page-identity .editorial-body:after,
body.xm-page-identity .poster-page-body:after{
  content:"";
  position:absolute;
  z-index:0;
  width:min(46vw,560px);
  aspect-ratio:4/5;
  right:-9vw;
  top:clamp(100px,18vh,240px);
  background:url('/static/cosmos-lotus-orbit-20260821.webp') center/contain no-repeat;
  opacity:.072;
  mix-blend-mode:multiply;
  pointer-events:none;
}
body.xm-page-identity .editorial-grid,
body.xm-page-identity .poster-page-body>*{position:relative;z-index:1}

body.xm-page-research .works-directory,
body.xm-page-research .concept-main,
body.xm-page-reading .editorial-body{
  background-image:
    radial-gradient(circle at 94% 8%,rgba(205,161,76,.055) 0 1px,transparent 2px),
    linear-gradient(90deg,transparent 0 91%,rgba(186,140,57,.035) 91% 91.1%,transparent 91.1%);
  background-size:31px 31px,100% 100%;
}

/* The concept graph becomes the living center, without disturbing labels. */
.concept-canvas-wrap{isolation:isolate;position:relative;overflow:hidden}
.concept-canvas-wrap:before{
  content:"";
  position:absolute;
  z-index:0;
  width:72%;
  aspect-ratio:1;
  left:14%;
  top:50%;
  translate:0 -50%;
  border:1px solid rgba(213,170,82,.13);
  border-radius:50%;
  box-shadow:0 0 0 50px rgba(213,170,82,.025),0 0 90px rgba(67,132,158,.08);
  transform:scaleY(.53) rotate(-11deg);
  animation:xm-concept-orbit 22s ease-in-out infinite alternate;
  pointer-events:none;
}
.concept-canvas-wrap canvas,.concept-canvas-wrap .concept-legend{position:relative;z-index:1}
@keyframes xm-concept-orbit{
  from{transform:scaleY(.53) rotate(-11deg);opacity:.62}
  to{transform:scaleY(.47) rotate(-4deg);opacity:1}
}

.portal-footer{
  background-image:
    radial-gradient(circle at 50% -20%,rgba(202,157,69,.12),transparent 37%),
    linear-gradient(90deg,transparent,rgba(244,238,223,.035),transparent)!important;
}

@media(max-width:900px){
  .portal-home-hero{
    min-height:1040px!important;
    margin-top:72px!important;
    background-size:auto 100%!important;
    background-position:65% center!important;
  }
  .portal-home-hero .hero-stack{
    min-height:1040px!important;
    padding:84px 22px 24px!important;
  }
  .portal-home-hero .home-portal-tools{padding-top:128px!important}
  .works-hero,.editorial-hero,.concept-video-hero{background-position:68% center!important}
  body.xm-page-identity .editorial-body:after,
  body.xm-page-identity .poster-page-body:after{width:78vw;right:-34vw;opacity:.055}
  .poster-page-hero.about-cosmos-poster{padding-inline:28px;background-position:62% center!important}
  .poster-page-hero.about-cosmos-poster h1{width:min(620px,82vw)!important;font-size:clamp(38px,10vw,72px)!important}
}

@media(max-width:680px){
  .portal-home-hero{min-height:1120px!important;background-position:69% center!important}
  .portal-home-hero .hero-stack{min-height:1120px!important;padding:72px 18px 20px!important}
  .portal-home-hero .home-portal-tools{padding-top:146px!important}
  .portal-home-hero .catalog-search-panel{backdrop-filter:none}
  .xm-cosmos-field{opacity:.34}
}

@media(prefers-reduced-motion:reduce){
  .xm-cosmos-field i,
  .portal-home-hero:before,
  .concept-canvas-wrap:before{
    animation:none!important;
  }
  .xm-cosmos-field{opacity:.34}
  .portal-home-hero:before{opacity:.42!important}
}

/* ========================================================================
   Global stacking contract
   Navigation and its menus must remain above every hero, canvas and particle
   layer.  The direct-child selector overrides the shared cosmos layer rule.
   ======================================================================== */
body.xm-cosmos-enabled>.portal-nav,
body.portal>.portal-nav{
  position:fixed!important;
  inset:0 0 auto!important;
  z-index:10000!important;
  overflow:visible;
  isolation:isolate;
}
.portal-nav-inner,
.portal-menu,
.portal-language{overflow:visible}
.portal-dropdown,
.portal-dropdown-right,
.portal-language-menu{z-index:10020!important}
body.xm-cosmos-enabled>main,
body.xm-cosmos-enabled>header,
body.xm-cosmos-enabled>.portal-footer{z-index:2}

/* Copyright line beneath the institute name in the shared four-language footer. */
.portal-footer .footer-rights{
  display:block;
  margin-top:3px;
  color:#7f7c77;
  font:500 9px/1.55 var(--xm-sans);
  letter-spacing:.055em;
}

/* Homepage-only social follow rail. */
.home-follow{
  position:relative;
  z-index:2;
  overflow:hidden;
  padding:56px max(28px,calc((100vw - 1240px)/2));
  background:
    radial-gradient(circle at 78% 18%,rgba(198,151,62,.12),transparent 31%),
    linear-gradient(135deg,#0b1020,#080c18 68%);
  border-top:1px solid rgba(214,173,85,.22);
}
.home-follow:before{
  content:"";
  position:absolute;
  inset:-80% 42% -90% -12%;
  border:1px solid rgba(214,173,85,.09);
  border-radius:50%;
  transform:rotate(-15deg);
  pointer-events:none;
}
.home-follow-inner{position:relative;display:grid;grid-template-columns:minmax(190px,.62fr) minmax(0,1.38fr);gap:56px;align-items:end}
.home-follow-heading>span{display:block;margin-bottom:13px;color:#b88a39;font:700 9px/1.4 var(--xm-mono);letter-spacing:.18em}
.home-follow-heading h2{margin:0;color:#f2eadc;font:600 clamp(27px,3.4vw,45px)/1 var(--xm-serif);letter-spacing:.015em}
.home-follow-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-follow-links a{min-height:112px;display:grid;grid-template-columns:44px 1fr;grid-template-rows:1fr 1fr;column-gap:14px;align-items:end;padding:20px;border:1px solid rgba(214,173,85,.3);background:rgba(14,19,35,.78);color:#ece5d8;transition:transform .22s ease,border-color .22s ease,background .22s ease}
.home-follow-links a:hover{transform:translateY(-3px);border-color:#dcb75f;background:rgba(22,28,47,.94)}
.home-follow-links svg{grid-row:1/3;align-self:center;width:37px;height:37px;fill:none;stroke:#d8ac51;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-follow-links .home-follow-link--website svg{fill:#d8ac51;stroke:none}
.home-follow-links span{align-self:end;font:650 14px/1.35 var(--xm-sans);letter-spacing:.02em}
.home-follow-links small{align-self:start;color:#858891;font:500 10px/1.6 var(--xm-mono);letter-spacing:.03em}
@media(max-width:820px){.home-follow-inner{grid-template-columns:1fr;gap:28px}.home-follow-links{grid-template-columns:1fr}.home-follow-links a{min-height:88px}.home-follow{padding-top:44px;padding-bottom:44px}}
.portal-home-hero,
.poster-page-hero,
.works-hero,
.editorial-hero,
.concept-video-hero{isolation:isolate;z-index:1!important}
.portal-home-hero:before,
.portal-home-hero:after,
.poster-page-hero:before,
.poster-page-hero:after,
.works-hero:before,
.editorial-hero:before,
.concept-video-hero:before{pointer-events:none!important}

/* Digital heart-mind cosmos: the generated image contains no text; all
   language is rendered as selectable SVG/HTML on top of the visual system. */
.portal-home-hero{
  background-image:
    linear-gradient(90deg,rgba(3,7,20,.93) 0%,rgba(3,7,20,.73) 35%,rgba(3,7,20,.10) 65%,rgba(3,7,20,.03) 100%),
    linear-gradient(0deg,rgba(3,6,15,.88) 0%,rgba(3,6,15,.03) 54%,rgba(3,6,15,.22) 100%),
    url('/static/_optimized/home-cosmos-particle-sphere-20260821.png.webp')!important;
  background-position:center!important;
  background-size:cover!important;
}
.portal-home-hero .hero-stack{position:relative;z-index:4!important}
.portal-home-hero .home-portal-tools,
.portal-home-hero .catalog-search-panel,
.portal-home-hero .home-shortcuts{position:relative;z-index:6}
.home-sphere-core{
  position:absolute;
  z-index:5;
  left:65.2%;
  top:28.5%;
  width:clamp(92px,10vw,158px);
  aspect-ratio:1;
  pointer-events:none;
  transform:translate(-50%,-50%);
  animation:home-core-float 8s ease-in-out infinite alternate;
  filter:drop-shadow(0 0 24px rgba(51,206,229,.28));
}
.home-sphere-core-orb{
  position:absolute;
  inset:21%;
  border-radius:50%;
  border:1px solid rgba(206,247,255,.88);
  background:
    radial-gradient(circle at 35% 25%,rgba(255,255,255,.92) 0 5%,transparent 16%),
    radial-gradient(circle at 45% 35%,rgba(170,245,250,.88),rgba(29,174,202,.52) 37%,rgba(5,55,88,.78) 70%,rgba(2,12,31,.90) 100%);
  box-shadow:inset -12px -16px 25px rgba(1,13,34,.66),inset 9px 8px 18px rgba(210,252,255,.24),0 0 20px rgba(57,220,235,.42),0 0 48px rgba(45,164,213,.24);
}
.home-sphere-core-orb:before{
  content:"";
  position:absolute;
  inset:-45% 27% 28%;
  background:linear-gradient(180deg,transparent,rgba(54,191,255,.30),rgba(95,235,241,.68),transparent);
  filter:blur(5px);
}
.home-sphere-core-ring{
  position:absolute;
  left:50%;
  top:50%;
  width:124%;
  height:43%;
  border:1px solid rgba(89,228,242,.78);
  border-radius:50%;
  box-shadow:0 0 12px rgba(47,207,231,.52),inset 0 0 10px rgba(47,207,231,.14);
  transform-style:preserve-3d;
}
.home-sphere-core-ring-a{animation:home-core-orbit-a 12s linear infinite}
.home-sphere-core-ring-b{width:110%;height:110%;border-color:rgba(211,170,78,.44);box-shadow:0 0 12px rgba(211,170,78,.16);animation:home-core-orbit-b 18s linear infinite reverse}
.home-sphere-core-ring:after{
  content:"";
  position:absolute;
  top:50%;
  right:-4px;
  width:5px;
  height:5px;
  margin-top:-2px;
  border-radius:50%;
  background:#e8c370;
  box-shadow:0 0 10px #e8c370;
}
@keyframes home-core-float{
  from{transform:translate(-50%,-50%) translateY(2px)}
  to{transform:translate(-50%,-50%) translateY(-5px)}
}
@keyframes home-core-orbit-a{
  from{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(0)}
  to{transform:translate(-50%,-50%) rotateX(67deg) rotateZ(360deg)}
}
@keyframes home-core-orbit-b{
  from{transform:translate(-50%,-50%) rotateX(73deg) rotateY(58deg) rotateZ(0)}
  to{transform:translate(-50%,-50%) rotateX(73deg) rotateY(58deg) rotateZ(360deg)}
}
.home-sphere-mantra{
  position:absolute;
  z-index:5;
  top:42%;
  left:48%;
  right:auto;
  width:min(34vw,570px);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(13px,1.5vw,23px);
  pointer-events:none;
  color:rgba(247,241,226,.9);
  font:600 clamp(15px,1.4vw,22px)/1.25 "Noto Serif SC","Noto Serif TC",serif;
  letter-spacing:.18em;
  text-indent:.18em;
  text-shadow:0 2px 16px rgba(0,0,0,.88),0 0 28px rgba(34,155,207,.15);
  animation:home-sphere-mantra-breathe 8s ease-in-out infinite alternate;
}
.home-sphere-mantra i{
  flex:0 0 auto;
  width:10px;
  height:10px;
  background:#258ee8;
  border:1px solid rgba(201,232,255,.72);
  box-shadow:0 0 0 4px rgba(37,142,232,.10),0 0 18px rgba(37,142,232,.72);
}
@keyframes home-sphere-mantra-breathe{
  from{opacity:.76;transform:translateY(0)}
  to{opacity:1;transform:translateY(-3px)}
}

.home-heartmind-reflection{
  position:relative;
  z-index:2;
  overflow:hidden;
  padding:clamp(64px,8vw,112px) max(28px,calc((100vw - 1240px)/2));
  color:#f2eadc;
  background:
    linear-gradient(90deg,rgba(4,8,20,.98),rgba(5,12,28,.92) 52%,rgba(5,12,28,.70)),
    url('/static/_optimized/home-heartmind-vortex-20260821.png.webp') right 42%/cover no-repeat;
  border-top:1px solid rgba(214,173,85,.26);
  border-bottom:1px solid rgba(214,173,85,.18);
}
.home-heartmind-reflection:before{
  content:"";
  position:absolute;
  width:min(50vw,650px);
  aspect-ratio:1;
  right:-8%;
  top:50%;
  translate:0 -50%;
  border:1px solid rgba(211,167,82,.12);
  border-radius:50%;
  box-shadow:0 0 0 54px rgba(64,142,159,.026),0 0 0 116px rgba(211,167,82,.022);
  pointer-events:none;
}
.home-heartmind-reflection-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(200px,.45fr) minmax(0,1.55fr);
  gap:clamp(38px,6vw,90px);
  align-items:start;
}
.home-heartmind-reflection header span{
  display:block;
  margin-bottom:16px;
  color:#d1a551;
  font:700 9px/1.5 var(--xm-mono);
  letter-spacing:.17em;
}
.home-heartmind-reflection h2{
  margin:0;
  color:#f4eedf;
  font:600 clamp(30px,3.7vw,51px)/1.08 var(--xm-serif);
  letter-spacing:-.025em;
}
.home-heartmind-reflection blockquote{
  margin:0;
  padding:0 0 0 clamp(22px,3vw,42px);
  border-left:1px solid rgba(213,171,87,.46);
  color:rgba(244,238,223,.86);
  font:400 clamp(15px,1.22vw,18px)/2 var(--xm-serif);
  text-align:justify;
  text-justify:inter-ideograph;
}

.home-follow-links{grid-template-columns:repeat(5,minmax(0,1fr))}
.home-follow-links a{grid-template-columns:38px 1fr;padding:18px 14px;column-gap:11px}
.home-follow-links svg{width:32px;height:32px}
.home-follow-links a:last-child svg{fill:none;stroke:#d8ac51}
.home-follow-links .home-follow-link--youtube svg{fill:#d8ac51;stroke:none}
.home-follow-links a:nth-child(3) svg path:first-child{fill:#d8ac51;stroke:none}
.home-follow-links a:nth-child(3) svg path:last-child{fill:none;stroke:#d8ac51}

@media(max-width:1180px){
  .home-follow-inner{grid-template-columns:1fr;gap:28px}
  .home-follow-links{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media(max-width:900px){
  .home-sphere-core{left:68%;top:27%;width:100px}
  .home-sphere-mantra{top:39%;left:45%;right:auto;width:48vw;font-size:14px;gap:10px}
  .home-heartmind-reflection-inner{grid-template-columns:1fr;gap:30px}
  .home-heartmind-reflection blockquote{padding-left:22px;text-align:left}
}
@media(max-width:820px){
  .home-follow-links{grid-template-columns:repeat(5,minmax(164px,1fr));overflow-x:auto;padding:0 0 10px;scroll-snap-type:x proximity}
  .home-follow-links a{scroll-snap-align:start}
}
@media(max-width:620px){
  .home-sphere-core,.home-sphere-mantra{display:none}
  .home-heartmind-reflection{padding:54px 20px;background-position:66% center}
  .home-heartmind-reflection blockquote{font-size:14px;line-height:1.9}
}
@media(prefers-reduced-motion:reduce){
  .home-sphere-core,.home-sphere-core-ring,.home-sphere-mantra{animation:none!important}
}

/* Author portrait: preserve Xuemo, but dissolve the photograph into the
   editorial field instead of presenting it as a rigid full-width plate. */
.poster-page-hero.author-poster{
  display:flex;
  align-items:center;
  min-height:clamp(500px,52vw,720px)!important;
  height:clamp(500px,52vw,720px)!important;
  padding:clamp(54px,7vw,112px) max(7vw,44px)!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 72% 28%,rgba(77,154,167,.14),transparent 25%),
    radial-gradient(circle at 85% 72%,rgba(205,158,69,.17),transparent 27%),
    linear-gradient(112deg,#050815 0%,#0a1730 54%,#182b42 100%)!important;
  border-bottom:1px solid rgba(202,157,69,.30)!important;
}
.poster-page-hero.author-poster:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 0 auto;
  width:min(64vw,980px);
  background-image:
    linear-gradient(90deg,#071026 0%,rgba(7,16,38,.88) 9%,rgba(7,16,38,.18) 38%,rgba(7,16,38,0) 64%),
    var(--poster-image);
  background-position:left center,right center;
  background-size:100% 100%,auto 126%;
  background-repeat:no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 17%,#000 34%);
  mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.72) 17%,#000 34%);
  filter:saturate(.82) contrast(1.04);
  opacity:.92;
  pointer-events:none;
}
.poster-page-hero.author-poster:after{
  content:"";
  position:absolute;
  z-index:1;
  inset:0;
  height:auto;
  background:
    radial-gradient(circle at 77% 42%,rgba(50,132,153,.10),transparent 29%),
    linear-gradient(90deg,rgba(5,8,21,.98) 0%,rgba(5,8,21,.88) 31%,rgba(5,8,21,.31) 61%,rgba(5,8,21,.18) 100%)!important;
  opacity:1;
  mix-blend-mode:normal;
  pointer-events:none;
}
.poster-page-hero-copy{
  position:relative;
  z-index:2;
  width:min(620px,47vw);
}
.poster-page-eyebrow{
  margin-bottom:18px;
  color:#d9ad55;
  font:650 11px/1.35 var(--xm-mono,"DM Mono",monospace);
  letter-spacing:.19em;
  text-transform:uppercase;
}
.poster-page-hero.author-poster .poster-page-hero-copy h1{
  position:static!important;
  clip:auto!important;
  width:auto!important;
  height:auto!important;
  overflow:visible!important;
  margin:0!important;
  color:#f4eedf!important;
  font:650 clamp(56px,7vw,106px)/.92 "Cormorant Garamond","Noto Serif SC","Noto Serif TC",serif!important;
  letter-spacing:-.04em;
  text-shadow:0 10px 40px rgba(0,0,0,.38);
}
.poster-page-hero-copy p{
  max-width:540px;
  margin:26px 0 0;
  color:rgba(244,238,223,.76);
  font:400 clamp(15px,1.35vw,20px)/1.75 var(--xm-serif,"Noto Serif SC",serif);
}
.author-portrait-qr{
  position:absolute;
  z-index:3;
  right:clamp(24px,3.2vw,54px);
  bottom:clamp(24px,3vw,44px);
  width:clamp(106px,8.2vw,128px);
  margin:0;
  padding:9px 9px 7px;
  border:1px solid rgba(215,174,88,.58);
  border-radius:14px;
  background:#fffdf8;
  box-shadow:0 16px 38px rgba(2,6,18,.34);
}
.author-portrait-qr img{display:block;width:100%;height:auto;border-radius:5px}
.author-portrait-qr figcaption{
  margin-top:6px;
  color:#111827;
  text-align:center;
  font:700 8px/1.2 var(--xm-mono,"DM Mono",monospace);
  letter-spacing:.14em;
}

@media(max-width:900px){
  body.portal>.portal-nav{overflow:visible}
  body.portal>.portal-nav.open{overflow:auto!important}
  .poster-page-hero.author-poster{
    min-height:600px!important;
    height:600px!important;
    align-items:flex-end;
    padding:48px 26px!important;
  }
  .poster-page-hero.author-poster:before{
    width:100%;
    height:76%;
    inset:0 0 auto;
    background-size:100% 100%,auto 112%;
    background-position:center,right top;
    -webkit-mask-image:linear-gradient(180deg,#000 0%,#000 57%,transparent 100%);
    mask-image:linear-gradient(180deg,#000 0%,#000 57%,transparent 100%);
    opacity:.78;
  }
  .poster-page-hero.author-poster:after{
    background:linear-gradient(180deg,rgba(5,8,21,.08) 0%,rgba(5,8,21,.30) 46%,rgba(5,8,21,.98) 80%)!important;
  }
  .author-portrait-qr{top:280px;right:18px;bottom:auto;width:98px;padding:7px 7px 6px;border-radius:11px}
  .poster-page-hero-copy{width:100%}
  .poster-page-eyebrow{margin-bottom:12px}
  .poster-page-hero.author-poster .poster-page-hero-copy h1{font-size:clamp(48px,15vw,74px)!important}
  .poster-page-hero-copy p{margin-top:16px;font-size:15px;line-height:1.65}
}

@media(max-width:540px){
  .poster-page-hero.author-poster{min-height:560px!important;height:560px!important;padding:40px 20px!important}
  .poster-page-hero.author-poster:before{height:72%;background-size:100% 100%,auto 105%}
  .author-portrait-qr{top:252px;right:14px;width:88px}
}

/* 2026-08-22 — cosmic palette and first-screen rhythm.
   The reference contributes colour hierarchy only: near-black indigo,
   scholarly ivory, antique-gold orbits and a restrained digital cyan core. */
body.portal>.portal-nav,
body.xm-cosmos-enabled>.portal-nav{
  background:linear-gradient(90deg,rgba(5,8,20,.985),rgba(8,13,29,.97))!important;
  border-bottom:1px solid rgba(205,157,66,.24)!important;
  box-shadow:0 10px 34px rgba(1,4,14,.20)!important;
}

.portal-home-hero{
  background-image:
    linear-gradient(90deg,rgba(3,6,18,.96) 0%,rgba(4,8,22,.77) 34%,rgba(4,8,22,.15) 64%,rgba(4,8,22,.04) 100%),
    radial-gradient(ellipse at 82% 67%,rgba(219,151,51,.14) 0%,rgba(219,151,51,.055) 18%,transparent 42%),
    linear-gradient(0deg,rgba(3,6,16,.91) 0%,rgba(3,6,16,.04) 54%,rgba(3,6,16,.24) 100%),
    url('/static/_optimized/home-cosmos-particle-sphere-20260821.png.webp')!important;
}
.portal-home-hero:before{
  opacity:.66!important;
  background:
    radial-gradient(ellipse at 78% 66%,rgba(239,177,66,.14),transparent 28%),
    radial-gradient(circle at 79% 29%,rgba(225,185,98,.24) 0 1px,transparent 2px),
    radial-gradient(circle at 72% 39%,rgba(245,238,218,.20) 0 1px,transparent 2px),
    radial-gradient(circle at 89% 19%,rgba(70,189,202,.16) 0 1px,transparent 2px),
    url('/static/cosmos-orbit-overlay.svg') right 2% top 2%/min(66vw,980px) auto no-repeat!important;
}

.home-sphere-core{
  width:clamp(104px,10.8vw,170px);
  filter:drop-shadow(0 0 24px rgba(59,203,221,.32)) drop-shadow(0 0 42px rgba(210,155,55,.10));
}
.home-sphere-core:before{
  content:"";
  position:absolute;
  inset:-74%;
  border-radius:50%;
  background:
    repeating-radial-gradient(circle,transparent 0 17px,rgba(216,167,71,.055) 18px,transparent 19px 30px),
    radial-gradient(circle,rgba(70,205,222,.11),transparent 54%);
  opacity:.82;
  animation:home-core-field 20s linear infinite;
}
.home-sphere-core-orb{
  border-color:rgba(228,249,246,.88);
  background:
    radial-gradient(circle at 35% 24%,rgba(255,251,238,.95) 0 4%,transparent 14%),
    radial-gradient(circle at 45% 35%,rgba(173,239,239,.90),rgba(43,171,189,.52) 37%,rgba(8,63,91,.82) 70%,rgba(3,13,32,.93) 100%);
  box-shadow:inset -12px -16px 25px rgba(1,13,34,.70),inset 9px 8px 18px rgba(226,252,247,.25),0 0 21px rgba(67,214,221,.42),0 0 52px rgba(213,161,63,.10);
}
.home-sphere-core-ring-a{
  border-color:rgba(83,211,222,.72);
  box-shadow:0 0 12px rgba(48,190,208,.42),inset 0 0 10px rgba(48,190,208,.12);
}
.home-sphere-core-ring-b{
  border-color:rgba(222,174,79,.58);
  box-shadow:0 0 12px rgba(222,174,79,.22);
}
@keyframes home-core-field{
  from{transform:rotate(0deg) scale(.96);opacity:.62}
  50%{opacity:.92}
  to{transform:rotate(360deg) scale(1.02);opacity:.62}
}

.home-sphere-mantra{
  color:rgba(245,237,218,.94);
  text-shadow:0 2px 18px rgba(0,0,0,.92),0 0 26px rgba(218,164,64,.11);
}
.home-sphere-mantra i{
  background:#3b9fc6;
  border-color:rgba(206,240,244,.68);
  box-shadow:0 0 0 4px rgba(59,159,198,.10),0 0 18px rgba(59,159,198,.58);
}

@media(min-width:901px) and (max-height:820px){
  .portal-home-hero{
    height:clamp(610px,calc(100svh - 88px),660px)!important;
    min-height:610px!important;
  }
  .portal-home-hero .hero-stack{
    min-height:100%!important;
    padding:56px clamp(42px,6vw,96px) 18px!important;
  }
  .portal-home-hero .hero-copy h1,
  html[lang="en"] .portal-home-hero .hero-copy h1,
  html[lang="es"] .portal-home-hero .hero-copy h1{
    font-size:clamp(62px,6vw,82px)!important;
    line-height:.91!important;
  }
  .portal-home-hero .hero-count{margin-top:12px!important;font-size:11px!important}
  .portal-home-hero .home-portal-tools{padding-top:19px!important}
  .portal-home-hero .catalog-search-panel{padding:11px 14px 13px!important}
  .portal-home-hero .catalog-search-row{min-height:52px!important}
  .portal-home-hero .home-shortcuts>a{min-height:94px!important}
  .home-sphere-mantra{top:40.5%}
}

@media(prefers-reduced-motion:reduce){
  .home-sphere-core:before{animation:none!important}
}

/* 2026-08-22 — XUEMO knowledge sphere.
   One continuous visual system: desert terrain becomes a particle path,
   the path becomes a scholarly network, and the network converges on the
   smaller heart-mind core nested inside the larger cosmos. */
.portal-home-hero{
  background-position:center center!important;
  background-size:cover!important;
  background-image:
    linear-gradient(90deg,rgba(3,6,17,.91) 0%,rgba(3,7,19,.70) 33%,rgba(3,7,19,.18) 55%,rgba(3,7,19,.025) 74%,rgba(3,7,19,.03) 100%),
    linear-gradient(0deg,rgba(3,6,15,.92) 0%,rgba(3,6,15,.18) 40%,rgba(3,6,15,.04) 68%,rgba(3,6,15,.27) 100%),
    url('/static/_optimized/home-xuemo-cosmos-knowledge-sphere-20260822.png.webp')!important;
}
.portal-home-hero:before{
  opacity:.38!important;
  background:
    radial-gradient(ellipse at 73% 52%,rgba(73,184,204,.10),transparent 18%),
    radial-gradient(ellipse at 80% 62%,rgba(223,164,67,.12),transparent 30%),
    url('/static/cosmos-orbit-overlay.svg') right 2% top 0/min(58vw,880px) auto no-repeat!important;
}
.portal-home-hero:after{
  background:
    radial-gradient(ellipse at 71.5% 40%,transparent 0 15%,rgba(3,7,18,.025) 29%,rgba(3,7,18,.14) 57%,rgba(3,7,18,.34) 100%),
    linear-gradient(0deg,rgba(3,6,15,.50),transparent 42%)!important;
  opacity:.48!important;
}
.home-sphere-core{
  left:71.4%;
  top:40.2%;
  width:clamp(86px,8.2vw,128px);
  filter:drop-shadow(0 0 18px rgba(72,203,218,.30)) drop-shadow(0 0 30px rgba(213,161,63,.12));
}
.home-sphere-core:before{inset:-63%;opacity:.60}
.home-sphere-core-orb{opacity:.86}
.home-sphere-core-ring-a{border-color:rgba(84,205,219,.62)}
.home-sphere-core-ring-b{border-color:rgba(222,174,79,.52)}
.home-sphere-mantra{
  top:50.2%;
  left:54.5%;
  width:min(31vw,500px);
  font-size:clamp(12px,1vw,16px);
  letter-spacing:.18em;
  opacity:.92;
}

@media(min-width:901px) and (max-height:820px){
  .home-sphere-core{left:71.4%;top:40.4%;width:clamp(82px,8vw,118px)}
  .home-sphere-mantra{left:54.5%;top:50.5%;width:min(31vw,480px)}
}

@media(max-width:900px){
  .portal-home-hero{background-position:65% center!important}
  .portal-home-hero:before{background-size:760px auto!important;background-position:right -100px top 34px!important}
  .home-sphere-core{left:70.5%;top:32%;width:94px}
  .home-sphere-mantra{left:42%;top:41.5%;width:54vw;font-size:13px}
}

@media(max-width:620px){
  .portal-home-hero{
    background-position:68% center!important;
    background-image:
      linear-gradient(180deg,rgba(3,6,17,.25),rgba(3,6,17,.80) 52%,rgba(3,6,17,.98) 79%),
      url('/static/_optimized/home-xuemo-cosmos-knowledge-sphere-20260822.png.webp')!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .home-sphere-core-ring,
  .home-sphere-core:before,
  .home-sphere-mantra{animation:none!important}
}

/* 2026-08-22 — Heart → lotus → knowledge orbit → nebula.
   The homepage now has one visual centre and four legible layers.  The
   generated image already contains the complete system, so the former
   duplicate sphere, orbit overlay and decorative motion are suppressed. */
.portal-home-hero{
  background-position:center center!important;
  background-size:cover!important;
  background-image:
    linear-gradient(90deg,rgba(2,6,16,.94) 0%,rgba(2,7,18,.78) 34%,rgba(2,7,18,.22) 55%,rgba(2,7,18,.025) 76%,rgba(2,7,18,.03) 100%),
    linear-gradient(0deg,rgba(2,6,15,.94) 0%,rgba(2,6,15,.30) 38%,rgba(2,6,15,.03) 70%,rgba(2,6,15,.24) 100%),
    url('/static/_optimized/home-xuemo-cosmos-heart-lotus-nebula-20260822.png.webp')!important;
}
.portal-home-hero:before{
  opacity:.20!important;
  background:
    radial-gradient(circle at 72% 45%,rgba(235,192,102,.13),transparent 15%),
    radial-gradient(circle at 72% 45%,transparent 0 23%,rgba(62,158,177,.07) 31%,transparent 42%)!important;
}
.portal-home-hero:after{
  opacity:.58!important;
  background:
    linear-gradient(90deg,rgba(2,6,16,.12) 47%,transparent 68%),
    linear-gradient(0deg,rgba(2,6,15,.78),transparent 40%)!important;
}
.home-sphere-core{display:none!important}
.home-sphere-mantra{
  left:57%;
  top:60%;
  width:min(30vw,470px);
  color:rgba(245,239,219,.86);
  opacity:.78;
  font-size:clamp(11px,.9vw,14px);
  letter-spacing:.20em;
  text-shadow:0 2px 14px rgba(1,4,12,.92);
}
.home-sphere-mantra i{
  width:7px;
  height:7px;
  background:#4ba6c4;
  border-color:rgba(224,243,242,.62);
  box-shadow:0 0 0 3px rgba(75,166,196,.08),0 0 15px rgba(75,166,196,.42);
}

@media(min-width:901px) and (max-height:820px){
  .home-sphere-mantra{left:57%;top:57%;width:min(30vw,450px)}
}

@media(max-width:900px){
  .portal-home-hero{background-position:63% center!important}
  .portal-home-hero:before{background-position:center!important;background-size:auto!important}
  .home-sphere-mantra{left:47%;top:48%;width:48vw;font-size:12px}
}

@media(max-width:620px){
  .portal-home-hero{
    background-position:69% 24%!important;
    background-image:
      linear-gradient(180deg,rgba(2,6,16,.28),rgba(2,6,16,.82) 49%,rgba(2,6,16,.99) 77%),
      url('/static/_optimized/home-xuemo-cosmos-heart-lotus-nebula-20260822.png.webp')!important;
  }
  .home-sphere-mantra{display:none!important}
}

@media(prefers-reduced-motion:reduce){
  .portal-home-hero:before,
  .portal-home-hero:after,
  .home-sphere-mantra{animation:none!important;transition:none!important}
}

/* 2026-08-25 — one legibility standard across all four language contexts. */
.portal-link{
  color:#eee8dc!important;
  font-size:12px!important;
  font-weight:700!important;
  letter-spacing:.035em!important;
}
.portal-dropdown>a{
  color:#eee7da!important;
  font-size:13px!important;
  font-weight:650!important;
  line-height:1.45!important;
}
.portal-dropdown>a small{color:#c7c0b4!important;font-size:10.5px!important;font-weight:550!important}
.portal-dropdown-heading{color:#d6c7a8!important;font-size:10px!important}
.poster-page-body p,.poster-page-body li,
.editorial-copy p,.editorial-copy li{
  color:#292d3a!important;
  font-size:17px!important;
  font-weight:450!important;
  line-height:2!important;
}
.poster-page-body h2,.editorial-copy h2{font-weight:750!important}
.poster-page-body h3,.editorial-copy h3{font-size:22px!important;font-weight:750!important}
.editorial-hero p,.works-hero>p,.concept-video-hero p,
.poster-page-hero-copy p{
  color:#f2ecdf!important;
  font-weight:520!important;
  text-shadow:0 2px 18px rgba(1,4,12,.92)!important;
}
.editorial-kicker,.concept-eyebrow{color:#efc66f!important;font-size:11px!important;font-weight:750!important}
.shortcut-copy strong{font-size:15px!important;font-weight:750!important}
.shortcut-copy small{color:#d3cec5!important;font-size:11.5px!important;font-weight:550!important}
.catalog-search-heading span{color:#d8d2c8!important;font-size:11px!important}
.home-follow-links small{color:#c5c2bc!important;font-size:10.5px!important;font-weight:550!important}
.portal-footer{color:#c9c4bc!important;font-size:10.5px!important;font-weight:550!important}
.portal-footer .footer-rights{color:#b8b3ac!important}
.network-forum .network-prose p,
.core-concept-card:last-child>p,
.dictionary-cta p,.civilization-closing p{
  color:#f0eadf!important;
  font-weight:500!important;
}
.edition-ledger small{color:#6e6872!important;font-size:8.5px!important;font-weight:650!important}
.edition-ledger b{color:#38343e!important;font-size:10.5px!important}
.edition-actions a{font-size:8.5px!important;font-weight:700!important}
.edition-actions>span{color:#6d6770!important;font-size:8.5px!important}
.work-meta{color:#5a5560!important;font-size:10.5px!important}
.download-card span,.award-card span{color:#5d5862!important;font-size:10.5px!important;font-weight:600!important}
.download-grid--single{grid-template-columns:minmax(0,560px)!important}
html[lang="zh-Hans"] .home-follow-links a:last-child span,
html[lang="zh-Hant"] .home-follow-links a:last-child span{
  white-space:nowrap;
  font-size:12px!important;
  letter-spacing:0!important;
}

/* Core Concepts: text occupies the calm left field; the supplied lotus-orbit
   visual remains intact on the right and scales consistently in every locale. */
body.core-concepts-page .editorial-hero{
  min-height:clamp(560px,66vh,760px)!important;
  display:flex;
  flex-direction:column;
  justify-content:center;
  background-image:
    linear-gradient(90deg,rgba(3,8,20,.97) 0%,rgba(3,9,22,.92) 31%,rgba(3,9,22,.62) 51%,rgba(3,9,22,.10) 76%,rgba(3,9,22,.04) 100%),
    linear-gradient(0deg,rgba(2,6,16,.72),transparent 43%),
    url('/static/xuemo-core-concepts-hero-20260825.webp')!important;
  background-position:center!important;
  background-size:cover!important;
}
body.core-concepts-page .editorial-hero:before{
  background:radial-gradient(circle at 72% 47%,rgba(227,181,88,.12),transparent 23%)!important;
  opacity:1!important;
}
body.core-concepts-page .editorial-hero h1{max-width:650px!important;font-size:clamp(52px,6.7vw,94px)!important}
body.core-concepts-page .editorial-hero p{max-width:660px!important}

/* Long translated headlines remain complete and readable on narrow screens. */
.concept-hero-copy h1,
body.core-concepts-page .editorial-hero h1,
.concept-detail h3,
.concept-section-head h2,
.glossary-card h3,
.related-list button,
.core-concept-card h3{
  overflow-wrap:anywhere;
  hyphens:auto;
}
.glossary-card,
.concept-detail,
.concept-controls>*{
  min-inline-size:0;
}
@media(max-width:560px){
  /* 1fr alone inherits the longest label's min-content width. Let the
     existing one-column layout shrink, and wrap text at its original size. */
  .concept-card-grid{grid-template-columns:minmax(0,1fr)}
}
.worldcat-hero h1{
  overflow-wrap:anywhere;
  hyphens:auto;
}
@media(max-width:640px){
  body.dialogue-release-page .editorial-hero h1.dialogue-title-xlong{
    font-size:clamp(24px,6.4vw,30px)!important;
    line-height:1.22!important;
    overflow-wrap:anywhere;
    hyphens:auto;
  }
}

@media(max-width:1180px){
  .portal-link{font-size:10.5px!important}
}
@media(max-width:760px){
  .portal-nav.open .portal-link{font-size:13px!important}
  .portal-dropdown>a{font-size:12px!important}
  .poster-page-body p,.poster-page-body li,.editorial-copy p,.editorial-copy li{font-size:16px!important;line-height:1.9!important}
  body.core-concepts-page .editorial-hero{
    min-height:580px!important;
    background-position:66% center!important;
    background-image:
      linear-gradient(90deg,rgba(3,8,20,.97),rgba(3,9,22,.78) 70%,rgba(3,9,22,.40)),
      linear-gradient(0deg,rgba(2,6,16,.82),transparent 55%),
      url('/static/xuemo-core-concepts-hero-20260825.webp')!important;
  }
}