:root{
  --bg:#0e1714;
  --bg-2:#12231d;
  --card:#17231f;
  --card-soft:#112a23;
  --line:rgba(179,210,188,.10);
  --text:#f2f3ef;
  --muted:#93a59d;
  --accent:#b8d6c9;
  --accent-2:#cedb95;
  --olive:#324d00;
  --pill:#1d2f29;
  --shadow:0 18px 40px rgba(0,0,0,.25);
  --radius:26px;
  --header-icon-ring:3px;
  --music-icon-ring-color:rgba(206,219,149,.10);
  --music-icon-border:rgba(235,244,193,.72);
  --music-icon-glow:rgba(206,219,149,.33);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Helvetica Neue",Arial,sans-serif;background:linear-gradient(180deg,#09110f 0%, #10201b 18%, #12201b 34%, #0d1412 100%);color:var(--text)}
a{text-decoration:none;color:inherit}
button,input{font:inherit}
img{max-width:100%;display:block}
.app{max-width:430px;margin:0 auto;min-height:100vh;position:relative;padding-bottom:calc(76px + env(safe-area-inset-bottom));background:linear-gradient(180deg,#09110f 0%, #101816 45%, #0f1715 100%)}
.topbar{position:sticky;top:0;z-index:35;display:flex;justify-content:space-between;align-items:center;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:linear-gradient(180deg,rgba(8,13,11,.92),rgba(8,13,11,.62));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.03)}
.brand{display:flex;align-items:center;gap:10px}
.brand .logo{position:relative;width:34px;height:34px;padding:0;display:grid;place-items:center;flex:0 0 auto;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:0 3px 9px rgba(0,0,0,.28);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.brand .logo:hover{transform:scale(1.05);box-shadow:0 4px 14px rgba(0,0,0,.34),0 0 0 1px rgba(220,241,160,.16)}
.brand .logo:active{transform:scale(.94)}
.brand .logo:focus-visible{outline:2px solid #dff6a1;outline-offset:3px}
.brand .logo img{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;transition:opacity .12s ease}
.brand .logo.is-story-open img{opacity:0}
.brand b{display:block;font-size:11px;letter-spacing:.10em}
.brand small{display:block;font-size:9px;color:var(--muted);letter-spacing:.11em}
.top-actions{display:flex;gap:8px;align-items:center}
.lang-toggle,.nav-dot{border:1px solid rgba(255,255,255,.08);background:#111a17;color:var(--text);border-radius:999px;padding:7px 10px;font-size:11px;letter-spacing:.06em}
.lang-toggle{display:flex;align-items:center;gap:6px;min-height:34px;cursor:pointer;white-space:nowrap}
.lang-toggle strong{color:var(--accent-2)}
.lang-caret{font-style:normal;color:#7f9289;font-size:12px;transition:transform .2s ease}
.lang-toggle[aria-expanded="true"] .lang-caret{transform:rotate(180deg)}
.lang-main-hint{margin-left:5px;color:#83968d;font-size:9px;letter-spacing:.04em}
.music-toggle{width:34px;height:34px;padding:0;border-radius:999px;border:1px solid rgba(190,220,205,.12);background:#102a22;color:#edf3ef;display:grid;place-items:center;cursor:pointer;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);transition:background .2s ease,border-color .2s ease,opacity .2s ease,transform .2s ease}
.music-toggle:active{transform:scale(.94)}
.music-toggle:not(.is-on){background:#111a17;color:#71827b;border-color:rgba(255,255,255,.06)}
.music-indicator{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#18241f;color:#90a39a;border:1px solid rgba(255,255,255,.05);transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .22s ease}
.music-toggle.is-on .music-indicator{background:#dbe8a8;color:#294800;border-color:var(--music-icon-border);box-shadow:0 0 0 var(--header-icon-ring) var(--music-icon-ring-color),0 0 15px var(--music-icon-glow)}
.music-toggle.is-playing .music-indicator{transform:scale(1.03)}
.music-bars{display:flex;align-items:center;justify-content:center;gap:2px;width:14px;height:14px}
.music-bars i{display:block;width:2px;border-radius:999px;background:currentColor;transform-origin:center bottom}
.music-bars i:nth-child(1){height:7px}
.music-bars i:nth-child(2){height:13px}
.music-bars i:nth-child(3){height:9px}
.music-toggle.is-playing .music-bars i:nth-child(1){animation:musicBarA .8s ease-in-out infinite alternate}
.music-toggle.is-playing .music-bars i:nth-child(2){animation:musicBarB .65s ease-in-out infinite alternate}
.music-toggle.is-playing .music-bars i:nth-child(3){animation:musicBarC .95s ease-in-out infinite alternate}
@keyframes musicBarA{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@keyframes musicBarB{from{transform:scaleY(.55)}to{transform:scaleY(1.05)}}
@keyframes musicBarC{from{transform:scaleY(.4)}to{transform:scaleY(.9)}}
.hero{position:relative;min-height:620px;padding:18px 18px 22px;border-bottom:1px solid rgba(255,255,255,.03);overflow:hidden;background:
 radial-gradient(circle at 82% 32%, rgba(255,255,255,.08) 0 3%, transparent 8%),
 radial-gradient(circle at 26% 22%, rgba(25,86,58,.4), transparent 28%),
 linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.3)),
 linear-gradient(135deg, #183726 0%, #183b28 18%, #0d241a 36%, #0b1e18 56%, #0a1613 100%);
}
.hero:before{content:"";position:absolute;inset:-5% -10% auto -10%;height:100%;background:
 repeating-linear-gradient(110deg, rgba(255,255,255,.02) 0 2px, transparent 2px 22px),
 linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));mask-image:radial-gradient(circle at 68% 28%, black 0, black 35%, transparent 75%);opacity:.55}
.hero-top{display:flex;justify-content:space-between;position:relative;z-index:1;color:#eef1ea;font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.hero-copy{position:relative;z-index:1;margin-top:310px}
.eyebrow{font-size:12px;letter-spacing:.17em;color:#e2ece4;text-transform:uppercase}
.hero h1{margin:12px 0 10px;font-size:64px;line-height:.93;letter-spacing:-.05em;font-weight:800}
.hero h1 em{display:block;font-style:italic;font-weight:500;color:var(--accent-2);font-family:Georgia,"Times New Roman",serif;font-size:.9em;letter-spacing:-.03em}
.hero .lead{font-size:15px;line-height:1.72;color:#d7ddd9;margin:0 0 14px;max-width:95%}
.hero-mini-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border-radius:22px;background:rgba(11,18,16,.38);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow)}
.hero-mini-card .avatar{width:52px;height:52px;border-radius:14px;overflow:hidden;flex:0 0 auto}
.hero-mini-card .text{flex:1;min-width:0}
.hero-mini-card b{display:block;font-size:26px;letter-spacing:-.03em}
.hero-mini-card small{display:block;color:var(--muted);font-size:12px;margin-top:2px}
.hero-mini-card .arrow{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0f1815;border:1px solid rgba(255,255,255,.06);font-size:21px}
.scroll-tip{margin-top:16px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}
.marquee{overflow:hidden;border-top:1px solid rgba(255,255,255,.02);border-bottom:1px solid rgba(255,255,255,.02);background:#304606;color:#dbe0c7;font-size:13px;letter-spacing:.18em;text-transform:uppercase;padding:10px 0;white-space:nowrap}
.marquee-track{display:inline-block;padding-left:100%;animation:marquee 18s linear infinite}
@keyframes marquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:rgba(255,255,255,.02)}
.stats .stat{padding:26px 10px 24px;text-align:center;border-right:1px solid rgba(255,255,255,.03)}
.stats .stat:last-child{border-right:0}
.stat b{font-size:34px;color:var(--accent);display:block;font-weight:800;letter-spacing:-.03em}
.stat small{display:block;color:var(--muted);font-size:11px;line-height:1.55;margin-top:8px}
.section{padding:26px 18px}
.section-kicker{display:flex;align-items:center;gap:10px;color:#b9ccc3;font-size:11px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}
.section-kicker span{display:grid;place-items:center;width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.09);color:#d6ddd5}
.section-title{font-size:28px;line-height:1.05;letter-spacing:-.04em;margin:0 0 12px}
.section-title em{font-style:italic;font-family:Georgia,serif;color:var(--accent);font-weight:500}
.section-desc{margin:0;color:#d2dbd6;line-height:1.85;font-size:15px}
.profile-card{margin-top:22px;background:linear-gradient(180deg,#171d1c 0%, #0d3e2f 100%);border-radius:30px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.06)}
.profile-photo{position:relative;aspect-ratio:1 / 1.05;overflow:hidden}
.profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(1.02)}
.profile-photo .water{position:absolute;inset:auto 0 0 0;height:28%;background:linear-gradient(180deg, rgba(8,17,14,0), rgba(8,17,14,.72) 58%, rgba(7,33,25,.84) 100%)}
.profile-photo .label{position:absolute;left:22px;bottom:18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f1f3ef}
.profile-body{padding:18px 22px 18px}
.profile-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.profile-head small{display:block;color:#b1c0ba;font-size:12px}
.profile-head h3{margin:6px 0 0;font-size:52px;line-height:.96;letter-spacing:-.05em}
.spark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#274800;color:#dce7b7;font-size:18px;flex:0 0 auto}
.profile-intro{margin:16px 0 18px;color:#d8e0dd;line-height:1.82}
.fact-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.05);border-radius:16px;overflow:hidden}
.fact-grid .cell{padding:14px 14px;background:rgba(255,255,255,.02);border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.fact-grid .cell:nth-child(2n){border-right:0}
.fact-grid .cell:nth-last-child(-n+2){border-bottom:0}
.fact-grid .cell small{display:block;color:#98aaa2;font-size:11px;margin-bottom:6px}
.fact-grid .cell b{display:block;font-size:14px;line-height:1.5}
.inline-actions{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:10px;padding:10px;border-radius:18px;background:rgba(4,20,15,.34);border:1px solid rgba(255,255,255,.045)}
.link-btn{display:inline-flex;align-items:center;gap:6px;color:#fff;font-weight:600}
.link-btn i{font-style:normal;font-size:18px}
.action-group{display:flex;gap:10px;flex-wrap:wrap}
.ghost-btn{flex:1;border:1px solid rgba(188,218,204,.10);background:#102a22;color:#edf3ef;padding:12px 13px;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.025);transition:background .2s ease,border-color .2s ease,transform .2s ease}
.ghost-btn:active{transform:scale(.985);background:#0d241d}
.directions-grid{display:grid;gap:14px;margin-top:18px}
.direction-card{padding:0;overflow:hidden;border-radius:24px;background:linear-gradient(180deg,#171f1d,#111917);border:1px solid rgba(255,255,255,.06);cursor:pointer;box-shadow:0 16px 32px rgba(0,0,0,.16);transition:transform .3s cubic-bezier(.22,.78,.26,1),border-color .25s ease,box-shadow .25s ease}
.direction-card:hover{transform:translateY(-3px);border-color:rgba(206,219,149,.22);box-shadow:0 20px 38px rgba(0,0,0,.23)}
.direction-card:active{transform:scale(.985)}
.direction-card:focus-visible{outline:2px solid #dff6a1;outline-offset:3px}
.direction-card-media{height:184px;padding:0;overflow:hidden;background:#111a17}
.direction-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.18,.82,.22,1),filter .35s ease;filter:saturate(.78) contrast(.96) brightness(.88)}
.direction-card:nth-child(2) .direction-card-media img{object-position:center 34%}
.direction-card:hover .direction-card-media img{transform:scale(1.035);filter:saturate(.94) contrast(1) brightness(.96)}
.direction-card-body{padding:17px 18px 18px}
.direction-card small{display:block;color:#99aba3;font-size:10px;letter-spacing:.16em;margin-bottom:8px}
.direction-card h4{margin:0 0 8px;font-size:20px;line-height:1.25}
.direction-card p{display:-webkit-box;margin:0;color:#cfd8d3;line-height:1.72;font-size:13px;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.direction-card-action{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid rgba(255,255,255,.065);color:#d7e49f;font-size:9px;letter-spacing:.15em}
.direction-card-action i{font-style:normal;font-size:17px;line-height:1}

body.direction-story-open{overflow:hidden!important}
.direction-story[hidden]{display:none!important}
.direction-story{--direction-accent:#c9dc76;position:fixed;inset:0;z-index:280;display:grid;place-items:stretch center;opacity:0;transition:opacity .32s ease}
.direction-story.open{opacity:1}
.direction-story-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(4,9,7,.79);backdrop-filter:blur(16px) saturate(.72);cursor:pointer}
.direction-story-shell{position:relative;z-index:1;width:min(100%,560px);height:100dvh;overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#14221d 0%,#0d1713 100%);color:#f1f3ee;border-left:1px solid rgba(211,229,194,.07);border-right:1px solid rgba(211,229,194,.07);box-shadow:0 0 72px rgba(0,0,0,.56);transform:translateY(18px) scale(.985);transform-origin:center;transition:transform .52s cubic-bezier(.18,.82,.22,1);scrollbar-width:none;touch-action:pan-y}
.direction-story-shell::-webkit-scrollbar{display:none}
.direction-story.open .direction-story-shell{transform:none}
.direction-story-head{position:sticky;top:0;z-index:4;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:58px;padding:calc(8px + env(safe-area-inset-top)) 18px 8px;border-bottom:1px solid rgba(211,229,194,.08);background:rgba(13,23,19,.91);backdrop-filter:blur(18px)}
.direction-story-head span{color:#dbe5d7;font-family:Georgia,"Times New Roman",serif;font-size:12px;font-style:italic}
.direction-story-head small{font-size:8px;letter-spacing:.21em;color:#91a49a}
.direction-story-head button{justify-self:end;width:34px;height:34px;padding:0;display:grid;place-items:center;border:1px solid rgba(218,232,208,.14);border-radius:50%;background:rgba(255,255,255,.025);color:#eef3ea;font-size:23px;line-height:1;cursor:pointer}
.direction-story-page{position:relative;min-height:calc(100dvh - 122px);padding:18px 18px 30px;will-change:transform,opacity}
.direction-story-page::before{content:"";position:absolute;left:18px;right:18px;top:18px;height:1px;background:linear-gradient(90deg,var(--direction-accent),rgba(209,228,197,.06));transform-origin:left;transition:background .3s ease}
.direction-story-visual{position:relative;height:auto;min-height:0;margin:16px 0 0;display:block;overflow:hidden;background:#0a110e;border:1px solid rgba(211,229,194,.09);box-shadow:0 22px 48px rgba(0,0,0,.24)}
.direction-story-visual::before,.direction-story-visual::after{content:"";position:absolute;z-index:2;width:18px;height:18px;pointer-events:none}
.direction-story-visual::before{left:9px;top:9px;border-left:1px solid rgba(223,238,211,.22);border-top:1px solid rgba(223,238,211,.22)}
.direction-story-visual::after{right:9px;bottom:9px;border-right:1px solid rgba(223,238,211,.22);border-bottom:1px solid rgba(223,238,211,.22)}
.direction-story-visual img{position:relative;z-index:1;width:100%;height:auto;max-height:none;object-fit:contain;filter:saturate(.88) contrast(.98);will-change:transform,filter}
.direction-story-visual figcaption{position:absolute;z-index:3;left:10px;bottom:9px;padding:4px 6px;background:rgba(9,16,13,.88);color:#b8c8bf;font-size:7px;letter-spacing:.16em}
.direction-story-scroll-hint{height:42px;display:flex;align-items:center;justify-content:space-between;padding:0 4px;border-bottom:1px solid rgba(216,231,207,.08);color:#9fb2a8;opacity:1;transition:opacity .22s ease,height .28s ease}
.direction-story-scroll-hint span{font-size:9px;letter-spacing:.12em}
.direction-story-scroll-hint i{display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(216,231,207,.11);border-radius:50%;color:var(--direction-accent);font-style:normal;font-size:13px;animation:directionScrollHint 1.25s ease-in-out infinite}
.direction-story.is-scrolled .direction-story-scroll-hint{height:0;overflow:hidden;border-bottom-color:transparent;opacity:0}
@keyframes directionScrollHint{0%,100%{transform:translateY(-2px)}50%{transform:translateY(3px)}}
.direction-story-copy{padding:25px 2px 0}
.direction-story-copy>small{display:block;color:var(--direction-accent);font-size:9px;font-weight:700;letter-spacing:.16em}
.direction-story-copy h2{max-width:480px;margin:10px 0 14px;font-size:clamp(34px,10vw,52px);line-height:.98;letter-spacing:-.052em;font-weight:760}
.direction-story-copy p{max-width:470px;margin:0;color:#cad6d0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:14px;line-height:1.85;text-align:justify}
.direction-story-keywords{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:22px;border-top:1px solid rgba(216,231,207,.11);border-bottom:1px solid rgba(216,231,207,.11)}
.direction-story-keywords span{display:flex;align-items:center;gap:8px;min-height:42px;padding:8px 8px 8px 0;border-bottom:1px solid rgba(216,231,207,.07);font-size:11px;color:#dde5df}
.direction-story-keywords span:nth-child(odd){border-right:1px solid rgba(216,231,207,.07)}
.direction-story-keywords span:nth-last-child(-n+2){border-bottom:0}
.direction-story-keywords i{font-style:normal;color:var(--direction-accent);font-family:Georgia,"Times New Roman",serif;font-size:10px}
.direction-story-nav{position:sticky;z-index:4;bottom:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:64px;padding:8px 18px calc(8px + env(safe-area-inset-bottom));border-top:1px solid rgba(211,229,194,.08);background:rgba(12,21,17,.93);backdrop-filter:blur(18px)}
.direction-story-nav button{display:flex;align-items:center;gap:8px;padding:9px 0;border:0;background:transparent;color:#e5ece7;cursor:pointer}
.direction-story-nav button:last-child{justify-self:end}
.direction-story-nav button:disabled{opacity:.24;cursor:default}
.direction-story-nav button span{font-size:18px}
.direction-story-nav button small{font-size:8px;letter-spacing:.16em}
.direction-story-dots{display:flex;align-items:center;gap:7px}
.direction-story-dots i{width:5px;height:5px;border-radius:50%;background:#62736a;transition:width .25s ease,background .25s ease,border-radius .25s ease}
.direction-story-dots i.active{width:19px;border-radius:999px;background:var(--direction-accent)}
.direction-story.is-closing{opacity:0;transition-duration:.36s}
.direction-story.is-closing .direction-story-shell{transform:translateY(12px) scale(.99);transition-duration:.36s}

/* ===== Healing news express ===== */
.healing-news-section{position:relative;overflow:hidden;background:
radial-gradient(circle at 86% 8%,rgba(151,185,109,.12),transparent 26%),
linear-gradient(180deg,#101b17 0%,#0c1512 100%);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.healing-news-section::before{content:"NEWS";position:absolute;right:-12px;top:48px;color:rgba(201,220,118,.035);font:800 106px/1 Georgia,serif;letter-spacing:-.08em;pointer-events:none}
.news-status{position:relative;display:flex;align-items:center;gap:8px;width:max-content;margin-top:18px;padding:8px 11px;border:1px solid rgba(201,220,118,.12);border-radius:999px;background:rgba(201,220,118,.045);color:#9fb2a8}
.news-status b{font-size:8px;letter-spacing:.14em;font-weight:600}
.news-live-dot{width:6px;height:6px;border-radius:50%;background:#c9dc76;box-shadow:0 0 0 4px rgba(201,220,118,.09);animation:newsLivePulse 1.8s ease-in-out infinite}
@keyframes newsLivePulse{0%,100%{opacity:.55;transform:scale(.88)}50%{opacity:1;transform:scale(1.08)}}
.news-feed{position:relative;display:grid;gap:12px;margin-top:18px}
.news-card{--news-accent:#c9dc76;overflow:hidden;border:1px solid rgba(255,255,255,.06);border-radius:24px;background:linear-gradient(180deg,#17231f,#111a17);box-shadow:0 16px 32px rgba(0,0,0,.17)}
.news-card:not(.featured){display:grid;grid-template-columns:112px minmax(0,1fr)}
.news-card-media{position:relative;height:100%;min-height:154px;overflow:hidden;background:#0a110e}
.news-card.featured .news-card-media{height:224px}
.news-card-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(4,10,7,.6));pointer-events:none}
.news-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(.98) brightness(.82);transition:transform .55s cubic-bezier(.18,.82,.22,1),filter .3s ease}
.news-card:hover .news-card-media img{transform:scale(1.025);filter:saturate(.94) contrast(1) brightness(.92)}
.news-card-media>span{position:absolute;z-index:2;left:10px;bottom:9px;padding:6px 8px;border-radius:999px;background:rgba(11,24,18,.86);color:var(--news-accent);font-size:7px;letter-spacing:.12em;backdrop-filter:blur(8px)}
.news-card-copy{min-width:0;padding:15px 15px 14px}
.news-card.featured .news-card-copy{padding:18px}
.news-card-meta{display:flex;align-items:center;justify-content:space-between;color:#789086;font-size:8px;letter-spacing:.1em}
.news-card-meta b{color:var(--news-accent);font-weight:700}
.news-card-meta i{font-style:normal}
.news-card-copy>small{display:block;margin-top:11px;color:#759187;font-size:7px;letter-spacing:.12em}
.news-card-copy h3{margin:7px 0 8px;color:#eef2ec;font-size:15px;line-height:1.38;letter-spacing:-.015em}
.news-card.featured h3{font-size:22px;line-height:1.3}
.news-card-copy p{display:-webkit-box;margin:0;color:#aab9b1;font-size:10px;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.news-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05);color:#859a90;font-size:7px;letter-spacing:.12em}
.news-card-foot i{color:var(--news-accent);font-size:15px;font-style:normal;line-height:1}

/* ===== Team introduction ===== */
.team-section{position:relative;background:
radial-gradient(circle at 12% 12%,rgba(50,101,71,.18),transparent 30%),
linear-gradient(180deg,#0d1713,#0a120f);border-top:1px solid rgba(255,255,255,.035)}
.team-section::before{content:"04";position:absolute;right:12px;top:46px;color:rgba(184,214,201,.04);font:800 132px/1 Georgia,serif;pointer-events:none}
.team-leader-card{position:relative}
.team-leader-eyebrow{margin-bottom:12px;color:#c9dc76;font-size:9px;letter-spacing:.18em}
.team-roster-head{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 2px 14px;padding-bottom:11px;border-bottom:1px solid rgba(255,255,255,.07)}
.team-roster-head small{display:block;color:#7f948a;font-size:8px;letter-spacing:.18em}
.team-roster-head h3{margin:5px 0 0;font-size:25px;letter-spacing:-.03em}
.team-roster-head>b{color:#c9dc76;font:500 34px/1 Georgia,serif}
.team-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.team-member-card{position:relative;min-width:0;display:flex;align-items:center;gap:10px;padding:13px 11px;border:1px solid rgba(255,255,255,.055);border-radius:18px;background:linear-gradient(145deg,rgba(23,35,30,.96),rgba(15,24,20,.96));box-shadow:0 10px 24px rgba(0,0,0,.12)}
.team-member-index{position:absolute;right:9px;top:7px;color:#52675d;font:italic 8px/1 Georgia,serif}
.team-member-avatar{width:35px;height:35px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:#21352a;border:1px solid rgba(201,220,118,.12);color:#c9dc76;font-size:13px}
.team-member-card>div:last-child{min-width:0}
.team-member-card h4{margin:0;color:#edf1ec;font-size:13px;white-space:nowrap}
.team-member-card small{display:block;margin-top:4px;color:#71867c;font-size:7px;letter-spacing:.1em;white-space:nowrap}

.achievement-strip{margin-top:22px;background:linear-gradient(180deg,#203700,#111914);border-radius:24px;padding:16px;border:1px solid rgba(255,255,255,.06)}
.achievement-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.achievement-tab{padding:14px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.05);text-align:left}
.achievement-tab b{display:block;font-size:22px;margin-bottom:4px}
.achievement-tab span{display:block;color:#cbd5cf;font-size:13px;line-height:1.4}
.projects-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:10px}
.projects-head .count b{font-size:54px;line-height:1;color:var(--accent)}
.projects-head .count span{display:block;color:var(--muted);font-size:12px;margin-top:6px}
.toolbar{position:sticky;top:66px;z-index:20;background:linear-gradient(180deg, rgba(13,20,18,.96), rgba(13,20,18,.90));backdrop-filter:blur(12px);padding:8px 0 14px}
.searchbox{display:flex;align-items:center;gap:8px;border-radius:18px;background:#101815;border:1px solid rgba(184,214,201,.13);padding:6px 7px 6px 10px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
.searchbox:focus-within{background:#121e1a;border-color:rgba(206,219,149,.42);box-shadow:0 0 0 3px rgba(96,126,69,.14),0 12px 26px rgba(0,0,0,.18)}
.searchbox input{min-width:0;background:transparent;border:0;color:var(--text);flex:1;outline:none;padding:9px 2px;font-size:14px;line-height:1.4}
.searchbox input::placeholder{color:#82938b;opacity:1}
.search-symbol{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:12px;background:transparent;color:#b8cbc2;font-size:20px;cursor:pointer}
.search-symbol:active{background:rgba(255,255,255,.05)}
.search-clear{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;background:#202b27;color:#d9e0dc;font-size:20px;line-height:1;cursor:pointer}
.search-clear[hidden]{display:none}
.search-submit{flex:0 0 auto;border:1px solid rgba(255,255,255,.06);background:#315700;color:#eff3df;border-radius:13px;padding:9px 13px;font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer;transition:transform .15s ease,background .15s ease}
.search-submit:active{transform:scale(.96);background:#3d6806}
.search-feedback{min-height:20px;padding:7px 4px 0;color:#9eafa7;font-size:12px;line-height:1.55}
.search-feedback strong{color:#cddc99;font-weight:700}
.search-feedback .reset-search{border:0;background:transparent;color:#cddc99;padding:0 0 0 6px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.search-empty{grid-column:1 / -1;padding:28px 18px;border-radius:22px;background:#111816;border:1px solid rgba(255,255,255,.05);text-align:center;color:#cbd5cf}
.search-empty b{display:block;font-size:18px;margin-bottom:8px;color:#eef2ed}
.search-empty p{margin:0;color:#8fa198;line-height:1.7;font-size:13px}
.search-empty button{margin-top:14px;border:1px solid rgba(255,255,255,.06);background:#315700;color:#eff3df;border-radius:14px;padding:10px 15px;cursor:pointer}
.filter-chips,.year-chips{display:flex;gap:8px;overflow:auto;padding:12px 0 0;scrollbar-width:none}
.filter-chips::-webkit-scrollbar,.year-chips::-webkit-scrollbar{display:none}
.chip{flex:0 0 auto;border:1px solid rgba(255,255,255,.06);background:#151d1a;color:#dbe2dd;padding:10px 14px;border-radius:999px;font-size:12px}
.chip.active{background:#305500;color:#eff3e0}
.wall{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}
.paper-card{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#111816;border:1px solid rgba(255,255,255,.05);box-shadow:var(--shadow);min-width:0}
.paper-thumb{position:relative;background:#fff;aspect-ratio:0.76;overflow:hidden}
.paper-thumb img{width:100%;height:100%;object-fit:cover;object-position:top center;background:#fff}
.paper-thumb .pill{position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:999px;background:#315700;color:#eef3d8;font-size:11px;border:1px solid rgba(255,255,255,.15)}
.paper-thumb .year{position:absolute;right:10px;bottom:10px;font-size:28px;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.45);font-weight:700;letter-spacing:-.03em}
.paper-body{padding:12px 12px 14px;display:flex;flex-direction:column;gap:8px;min-width:0}
.paper-meta{font-size:10px;color:#93a59d;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paper-title{font-size:14px;line-height:1.45;margin:0;color:#f3f5f1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.paper-authors{font-size:12px;color:#c7d0cb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.mobile-contact{margin:10px 18px 18px;padding:16px 16px 18px;border-top:1px solid rgba(255,255,255,.055);color:#85988f;text-align:center;font-size:10px;line-height:1.75;letter-spacing:.02em}
.mobile-contact small{display:block;margin-bottom:6px;color:#b1c2ba;font-size:9px;letter-spacing:.18em}
.mobile-contact p{margin:2px 0}
.mobile-contact a{color:#b8cbc2;text-decoration:underline;text-decoration-color:rgba(184,203,194,.3);text-underline-offset:3px}
.mobile-contact i{font-style:normal;margin:0 7px;color:#53675e}
.site-legal-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 18px 16px;padding:15px 0 4px;border-top:1px solid rgba(255,255,255,.065);color:#83978d}
.site-legal-footer nav{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.site-legal-footer a,.site-legal-footer button{padding:0;border:0;background:transparent;color:#c7d2cc;font-size:11px;font-weight:650;letter-spacing:.04em;cursor:pointer}
.site-legal-footer a:hover,.site-legal-footer button:hover{color:#dff6a1}
.site-legal-footer nav>span{color:#71867c;font-size:9px;letter-spacing:.02em}
.site-legal-footer small{font-size:8px;letter-spacing:.1em;text-align:right}

body.copyright-page-open{overflow:hidden!important}
.copyright-page[hidden]{display:none!important}
.copyright-page{position:fixed;inset:0;z-index:420;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(circle at 84% 9%,rgba(201,220,118,.08),transparent 30%),linear-gradient(180deg,#11211b 0%,#08110e 100%);color:#d5dfd8;opacity:0;transform:translateY(12px);transition:opacity .3s ease,transform .42s cubic-bezier(.22,.78,.26,1)}
.copyright-page.open{opacity:1;transform:none}
.copyright-page-head{position:relative;z-index:2;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;flex:0 0 auto;padding:calc(13px + env(safe-area-inset-top)) 16px 13px;border-bottom:1px solid rgba(224,239,230,.08);background:rgba(10,20,16,.92);backdrop-filter:blur(16px)}
.copyright-page-head>div{text-align:center}
.copyright-page-head small{display:block;color:#849990;font-size:7px;letter-spacing:.16em}
.copyright-page-head h2{margin:5px 0 0;color:#edf2ed;font-size:22px;line-height:1.1;letter-spacing:.04em}
.copyright-page-head button{justify-self:start;min-width:66px;height:36px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 11px;border:1px solid rgba(222,240,210,.12);border-radius:999px;background:#14281f;color:#dfe9e1;font-size:10px;line-height:1;cursor:pointer}
.copyright-page-head button span{color:#dff6a1;font-size:17px;line-height:1}
.copyright-page-head>i{justify-self:end;width:66px}
.copyright-page-body{min-height:0;overflow-y:auto;padding:30px 18px calc(48px + env(safe-area-inset-bottom));overscroll-behavior:contain;scrollbar-color:#a6aaa7 transparent}
.copyright-page-body ol{max-width:1040px;margin:0 auto;padding-left:24px}
.copyright-page-body li{padding-left:5px;margin:0 0 22px;color:#cbd7d0;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:13px;line-height:2;text-align:justify}
.copyright-page-body li::marker{color:#c9dc76}
.copyright-page-body li strong{display:block;margin-top:8px;color:#e9f1e8}
.copyright-contact{max-width:1040px;margin:34px auto 0;padding:21px 0 0;border-top:1px solid rgba(223,238,228,.1)}
.copyright-contact small{display:block;color:#849990;font-size:9px;letter-spacing:.15em}
.copyright-contact a{display:inline-block;margin-top:8px;color:#dff6a1;font-size:14px;text-decoration:underline;text-underline-offset:4px}

@media (min-width:99999px){
  .copyright-page-head{padding:24px 36px 20px}
  .copyright-page-head h2{font-size:34px}
  .copyright-page-body{padding:52px 54px 72px}
  .copyright-page-body li{margin-bottom:28px;font-size:16px;line-height:2.05}
}
.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);z-index:40;padding:8px 18px calc(8px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(5,8,7,0),rgba(5,8,7,.88) 48%,rgba(5,8,7,.98) 100%)}
.bottom-nav .nav-wrap{display:grid;grid-template-columns:repeat(4,1fr);max-width:410px;margin:0 auto;border-radius:999px;background:rgba(13,29,24,.94);padding:4px;gap:3px;border:1px solid rgba(190,216,204,.10);box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(16px)}
.bottom-nav a{min-width:0;min-height:42px;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px;padding:8px 5px;border-radius:999px;color:#9eafa7;font-size:9px;font-weight:600;letter-spacing:.01em;scroll-behavior:smooth;touch-action:manipulation;transition:color .18s ease,background .18s ease,box-shadow .18s ease}
.bottom-nav a.active{background:rgba(206,219,149,.14);color:#edf3df;box-shadow:inset 0 0 0 1px rgba(206,219,149,.10)}
.bottom-nav .nav-icon{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
.sheet{position:fixed;inset:0;z-index:60;display:none}
.sheet.open{display:block}
.sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);border:0;width:100%;height:100%}
.sheet-panel{position:absolute;left:0;right:0;bottom:0;height:min(88vh,820px);display:flex;flex-direction:column;border-radius:26px 26px 0 0;background:#0f1715;border:1px solid rgba(255,255,255,.08);box-shadow:0 -16px 40px rgba(0,0,0,.38)}
.grip{width:42px;height:5px;border-radius:999px;background:rgba(255,255,255,.18);margin:10px auto 12px}
.sheet-head{display:flex;justify-content:space-between;gap:16px;padding:0 18px 12px;border-bottom:1px solid rgba(255,255,255,.06)}
.sheet-head h3{margin:6px 0 0;font-size:24px;line-height:1.2}
.sheet-head small{display:block;color:#9fb0a8}
.sheet-close{border:1px solid rgba(255,255,255,.08);background:#141d1a;color:#fff;border-radius:14px;padding:10px 14px;height:max-content}
.sheet-tabs{display:flex;gap:8px;overflow:auto;padding:12px 18px 0;scrollbar-width:none}
.sheet-tabs button{flex:0 0 auto;border:1px solid rgba(255,255,255,.08);background:#151d1a;color:#d6ddd8;padding:10px 14px;border-radius:999px}
.sheet-tabs button.active{background:#315700;color:#eff3df}
.sheet-body{flex:1;overflow:auto;padding:16px 18px 24px}
#achievementSheet .achievement-body{position:relative;padding:0;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain}
.achievement-track{width:300%;height:100%;display:flex;transform:translate3d(0,0,0);transition:transform .32s cubic-bezier(.22,.78,.26,1),opacity .2s ease;will-change:transform}
.achievement-track.is-dragging{transition:none}
.achievement-track.is-closing{opacity:.18}
.achievement-slide{flex:0 0 33.333333%;width:33.333333%;height:100%;min-width:0;align-content:start;overflow-y:auto;padding:16px 18px calc(24px + env(safe-area-inset-bottom));overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.achievement-slide::-webkit-scrollbar{display:none}
.achievement-slide[aria-hidden="true"]{pointer-events:none}
.overview-grid{display:grid;gap:14px}
.info-card{padding:16px;border-radius:20px;background:#151d1a;border:1px solid rgba(255,255,255,.05)}
.info-card h4{margin:0 0 10px;font-size:16px}
.info-card p{margin:0;color:#d1dbd5;line-height:1.75;font-size:14px}
.info-table{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.info-table .item{padding:12px;border-radius:16px;background:#101816;border:1px solid rgba(255,255,255,.04)}
.info-table .item small{display:block;color:#97aaa2;font-size:11px;margin-bottom:5px}
.info-table .item b{display:block;font-size:14px;line-height:1.5}
.list-card{display:grid;gap:12px}
.list-row{padding:14px;border-radius:18px;background:#151d1a;border:1px solid rgba(255,255,255,.05)}
.list-row b{display:block;font-size:15px;line-height:1.6}
.list-row small{display:block;color:#9fb0a8;margin-top:4px;line-height:1.6}
.book-grid{display:grid;gap:14px}
.book-card{padding:14px;border-radius:20px;background:#151d1a;border:1px solid rgba(255,255,255,.05)}
.book-card img{width:100%;border-radius:14px;background:#fff}
.book-card h4{margin:12px 0 6px;font-size:17px;line-height:1.45}
.book-card p{margin:0;color:#cfd9d3;line-height:1.7;font-size:14px}
.reader-source-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:12px;padding:12px 13px;border-radius:18px;background:linear-gradient(180deg,#17241f,#121d19);border:1px solid rgba(188,218,204,.09)}
.reader-source-mark{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#315700;color:#eff3df;font-size:11px;font-weight:800;letter-spacing:.06em}
.reader-source-card b{display:block;font-size:14px}
.reader-source-card small{display:block;margin-top:4px;color:#93a59d;font-size:11px;line-height:1.45}
.reader-verified{padding:5px 8px;border-radius:999px;background:rgba(206,219,149,.10);color:#cedb95;font-size:10px;white-space:nowrap}
.reader-toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.reader-toolbar a,.reader-toolbar button{border:1px solid rgba(255,255,255,.06);background:#15201c;color:#fff;border-radius:14px;padding:11px 14px}
.reader-toolbar .reader-load-button{width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;background:#315700;color:#f0f4df;border-color:rgba(214,228,164,.18);text-align:left;cursor:pointer;box-shadow:0 9px 22px rgba(0,0,0,.18)}
.reader-load-button span{font-weight:750}
.reader-load-button small{color:#d7e2b8;font-size:10px;font-weight:400}
.reader-load-button:disabled{cursor:default;background:#1a2d21;color:#aebdb6;box-shadow:none}
.reader-load-button.is-ready{background:#1c3d2e;color:#e8f0eb}
.reader-status{min-height:20px;margin:0 2px 10px;color:#9fb0a8;font-size:11px;line-height:1.55}
.reader-pages{display:grid;gap:14px}
.reader-page{position:relative;margin:0;border-radius:12px;background:#e9e9e5;box-shadow:0 8px 24px rgba(0,0,0,.26);overflow:hidden}
.reader-page::before{content:"";display:block;aspect-ratio:1 / 1.414;background:linear-gradient(110deg,#e1e2de 8%,#f4f4f1 18%,#e1e2de 33%);background-size:200% 100%;animation:readerShimmer 1.25s linear infinite}
.reader-page img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;transition:opacity .2s ease}
.reader-page.is-ready::before{display:none}
.reader-page.is-ready img{position:relative;height:auto;opacity:1}
.reader-page.is-error{padding:22px;background:#1b2421;color:#c9d4ce;text-align:center}
.reader-page.is-error::before{display:none}
.reader-page figcaption{position:absolute;right:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(8,13,11,.76);color:#e8ede9;font-size:9px;line-height:1;backdrop-filter:blur(6px)}
@keyframes readerShimmer{to{background-position-x:-200%}}
.small-note{font-size:12px;color:#8ea097;line-height:1.7}
.hidden{display:none !important}
@media (max-width:350px){.hero h1{font-size:56px}.profile-head h3{font-size:46px}}

.language-sheet .sheet-panel{height:min(82vh,760px)}
.language-body{padding-top:14px}
.language-subtitle{margin:0 0 20px;color:#aebdb6;font-size:13px;line-height:1.75;padding:13px 14px;border-radius:16px;background:#121e1a;border:1px solid rgba(255,255,255,.05)}
.language-section-label{margin:18px 2px 10px;color:#9eb0a7;font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.language-primary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.language-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.language-option{width:100%;min-width:0;display:flex;align-items:center;gap:10px;padding:12px;border-radius:17px;border:1px solid rgba(255,255,255,.06);background:#141e1b;color:#edf2ee;text-align:left;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.language-option:active{transform:scale(.985)}
.language-option.primary{padding:13px 10px;background:#102a22;flex-direction:column;align-items:flex-start;gap:8px;min-height:108px}
.language-option.active{background:#294800;border-color:rgba(206,219,149,.30);box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.language-badge{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;flex:0 0 auto;background:rgba(255,255,255,.055);color:#dce7bd;font-weight:800;font-size:12px;letter-spacing:.02em}
.language-option.primary .language-badge{width:38px;height:38px;background:rgba(206,219,149,.12)}
.language-option.primary .language-copy b{font-size:12px}
.language-option.primary .language-copy small{white-space:normal;line-height:1.25}
.language-option.primary i{position:absolute;right:10px;top:10px}
.language-option.primary{position:relative}
.language-copy{min-width:0;flex:1}
.language-copy b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-copy small{display:block;margin-top:3px;color:#8fa299;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.language-option i{font-style:normal;color:#8da097;font-size:14px}
.language-option.active i{color:#dce7bd}
html[dir="rtl"] .language-option{text-align:right}
html[dir="rtl"] .language-copy{text-align:right}
html[dir="rtl"] .hero-top,html[dir="rtl"] .scroll-tip{direction:rtl}
html[dir="rtl"] .brand{direction:ltr}
html[dir="rtl"] .top-actions{direction:ltr}
@media(max-width:360px){.language-grid{grid-template-columns:1fr}.language-primary{grid-template-columns:1fr 1fr}.language-option.primary:last-child{grid-column:1 / -1;min-height:auto;flex-direction:row;align-items:center}}


/* Section jump alignment */
#top,#research,#papers{scroll-margin-top:92px}


/* Searchable multilingual selector */
.language-search{display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:4px;margin:0 0 4px;padding:5px;border-radius:17px;background:#101a17;border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.language-search:focus-within{border-color:rgba(206,219,149,.28);box-shadow:0 0 0 3px rgba(206,219,149,.06)}
.language-search-icon,.language-search-clear{width:34px;height:34px;padding:0;border:0;border-radius:12px;background:transparent;color:#9db0a7;display:grid;place-items:center;cursor:pointer}
.language-search-icon{font-size:21px;transform:rotate(-12deg)}
.language-search-clear{font-size:20px;color:#d9e4dd}
.language-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#edf2ee;font-size:13px;padding:8px 2px}
.language-search input::placeholder{color:#71857b}
.language-search-feedback{min-height:20px;margin:0 2px 4px;color:#91a49a;font-size:11px;line-height:1.55}
.language-search-feedback strong{color:#dce7bd;font-weight:700}
.language-empty{grid-column:1 / -1;padding:18px 14px;border-radius:17px;background:#131d1a;border:1px solid rgba(255,255,255,.05);text-align:center;color:#9eb0a7;font-size:12px;line-height:1.7}
.language-section-label[hidden]{display:none}
.all-language-label{margin-top:22px;color:#c9d7d0}
.all-language-grid{margin-top:0}
.language-option.global{background:linear-gradient(180deg,#14221d,#111c18);border-color:rgba(178,205,193,.09)}
.language-option.global .language-badge{background:rgba(206,219,149,.12);color:#dce7bd;box-shadow:0 0 0 2px rgba(206,219,149,.05);font-size:10px}
.language-option.global i{color:#b8c9c1}
.language-option.global.active{background:#294800;border-color:rgba(206,219,149,.30)}
.translation-engine-note{margin:12px 2px 4px;padding:12px 13px;border-radius:15px;background:#101a17;border:1px solid rgba(255,255,255,.055);color:#84978e;font-size:10px;line-height:1.65}
.translation-toast{position:fixed;left:50%;bottom:calc(74px + env(safe-area-inset-bottom));z-index:100;max-width:min(360px,calc(100vw - 32px));transform:translate(-50%,18px);padding:10px 14px;border-radius:999px;background:rgba(15,31,25,.96);border:1px solid rgba(206,219,149,.18);box-shadow:0 14px 34px rgba(0,0,0,.34);color:#e9efe5;font-size:11px;line-height:1.45;text-align:center;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease}
.translation-toast.show{opacity:1;transform:translate(-50%,0)}
.google-translate-engine{position:fixed!important;left:-9999px!important;top:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;opacity:0!important;pointer-events:none!important}
.goog-te-banner-frame,.goog-te-balloon-frame,#goog-gt-tt{display:none!important}
body{top:0!important}

html[dir="rtl"] .language-search{direction:rtl}


/* ===== Responsive desktop and tablet layout v5 ===== */
/* The original mobile composition remains unchanged below 768px. */
@media (min-width:99999px){
  body{
    background:
      radial-gradient(circle at 18% 10%,rgba(47,103,71,.24),transparent 34%),
      radial-gradient(circle at 82% 32%,rgba(92,111,38,.13),transparent 30%),
      linear-gradient(180deg,#07100d 0%,#0b1713 48%,#08100e 100%);
  }
  .app{max-width:none;width:100%;padding-bottom:calc(88px + env(safe-area-inset-bottom));overflow:clip}
  .topbar{padding-left:32px;padding-right:32px}
  .hero{min-height:700px;padding:24px 7vw 42px}
  .hero-copy{margin-top:330px;max-width:720px}
  .hero h1{font-size:82px;max-width:760px}
  .hero .lead{max-width:680px;font-size:17px}
  .hero-mini-card{max-width:480px}
  .stats{padding-left:7vw;padding-right:7vw}
  .stats .stat{padding-top:32px;padding-bottom:30px}
  .section{padding:58px 7vw;max-width:1280px;margin-left:auto;margin-right:auto}
  .section-title{font-size:38px}
  .section-desc{max-width:860px;font-size:16px}
  .profile-card{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr)}
  .profile-photo{aspect-ratio:auto;min-height:570px}
  .profile-body{padding:34px;display:flex;flex-direction:column;justify-content:center}
  .directions-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
  .news-feed{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
  .news-card:not(.featured){display:block}
  .news-card .news-card-media,.news-card.featured .news-card-media{height:210px}
  .news-card .news-card-copy,.news-card.featured .news-card-copy{padding:18px}
  .news-card h3,.news-card.featured h3{font-size:18px}
  .team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .team-member-card{padding:16px 14px}
  .wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
  .toolbar{top:68px;padding-top:12px}
  .searchbox{max-width:720px}
  .filter-chips,.year-chips{flex-wrap:wrap;overflow:visible}
  .paper-body{padding:16px 16px 18px}
  .paper-title{font-size:15px}
  .sheet-panel{left:50%;right:auto;bottom:50%;transform:translate(-50%,50%);width:min(920px,calc(100vw - 56px));height:min(84vh,860px);border-radius:28px}
  .language-sheet .sheet-panel{width:min(760px,calc(100vw - 56px));height:min(78vh,720px)}
  .sheet-head{padding-left:26px;padding-right:26px}
  .sheet-body{padding:20px 26px 30px}
  .sheet-tabs{padding-left:26px;padding-right:26px}
  .overview-grid{grid-template-columns:1fr 1fr}
  .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .reader-pages{grid-template-columns:minmax(0,1fr);max-width:900px;margin:0 auto}
}

@media (min-width:99999px){
  .mobile-contact{display:none}
  :root{--radius:30px}
  .app{padding-bottom:0}
  .topbar{padding:14px 48px;min-height:66px;background:linear-gradient(180deg,rgba(7,13,11,.97),rgba(7,13,11,.84));border-bottom-color:rgba(255,255,255,.055)}
  .brand .logo{width:38px;height:38px}
  .brand b{font-size:12px}
  .brand small{font-size:9px}
  .top-actions{gap:10px}
  .music-toggle{width:38px;height:38px}
  .lang-toggle{min-height:38px;padding-left:13px;padding-right:13px}

  /* Reuse the mobile navigation as a compact desktop navigation in the top bar. */
  .bottom-nav{top:12px;bottom:auto;left:50%;width:auto;transform:translateX(-50%);padding:0;background:none;z-index:45}
  .bottom-nav .nav-wrap{display:flex;grid-template-columns:none;padding:5px;gap:4px;border-radius:999px;background:rgba(13,34,27,.88);backdrop-filter:blur(16px)}
  .bottom-nav a{min-width:112px;flex-direction:row;justify-content:center;gap:7px;padding:9px 13px;border-radius:999px;font-size:11px}
  .bottom-nav a i{font-size:15px}

  #top,#news,#papers,#projects,#team{scroll-margin-top:84px}
  .hero{min-height:760px;padding:32px clamp(48px,7vw,110px) 54px;background:
    radial-gradient(circle at 78% 24%,rgba(199,222,170,.11) 0 2.5%,transparent 8%),
    radial-gradient(circle at 22% 20%,rgba(25,105,68,.48),transparent 32%),
    radial-gradient(circle at 72% 62%,rgba(32,73,51,.24),transparent 30%),
    linear-gradient(135deg,#193c29 0%,#153323 22%,#0d241a 48%,#091713 74%,#07110f 100%)}
  .hero:before{inset:-10% -5%;height:118%;opacity:.72;background:
    repeating-linear-gradient(116deg,rgba(255,255,255,.022) 0 2px,transparent 2px 34px),
    repeating-linear-gradient(24deg,rgba(184,214,201,.014) 0 1px,transparent 1px 48px),
    linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,0));mask-image:radial-gradient(circle at 68% 34%,black 0,black 42%,transparent 78%)}
  .hero-top{font-size:12px}
  .hero-copy{margin-top:280px;max-width:820px}
  .eyebrow{font-size:13px}
  .hero h1{font-size:clamp(86px,8vw,122px);line-height:.88;max-width:900px}
  .hero .lead{font-size:18px;line-height:1.8;max-width:720px}
  .hero-mini-card{max-width:520px;padding:16px 18px}
  .hero-mini-card .avatar{width:58px;height:58px}
  .hero-mini-card b{font-size:30px}
  .scroll-tip{max-width:520px}
  .marquee{font-size:14px;padding:12px 0}

  .stats{max-width:1280px;margin:0 auto;background:transparent;border-left:1px solid rgba(255,255,255,.035);border-right:1px solid rgba(255,255,255,.035)}
  .stats .stat{background:rgba(255,255,255,.015)}
  .stat b{font-size:44px}
  .stat small{font-size:12px}

  .section{padding:92px clamp(48px,6vw,86px)}
  .section-kicker{font-size:12px;margin-bottom:24px}
  .section-title{font-size:clamp(46px,5vw,68px);max-width:980px}
  .section-desc{font-size:17px;line-height:1.9}
  .profile-card{margin-top:38px;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);border-radius:34px}
  .profile-photo{min-height:660px}
  .profile-body{padding:54px clamp(38px,5vw,72px)}
  .profile-head h3{font-size:68px}
  .profile-intro{font-size:16px}
  .fact-grid .cell{padding:17px}
  .fact-grid .cell b{font-size:15px}
  .inline-actions{max-width:620px;padding:11px}
  .ghost-btn{padding:14px 16px;cursor:pointer}
  .directions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:26px}
  .news-feed{gap:20px;margin-top:28px}
  .news-card{border-radius:28px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease}
  .news-card:hover{transform:translateY(-5px);border-color:rgba(201,220,118,.17);box-shadow:0 24px 44px rgba(0,0,0,.28)}
  .news-card .news-card-media,.news-card.featured .news-card-media{height:240px}
  .news-card h3,.news-card.featured h3{font-size:20px}
  .team-roster-head{margin-top:44px}
  .team-member-card{min-height:92px}
  .team-member-avatar{width:44px;height:44px;font-size:16px}
  .team-member-card h4{font-size:15px}
  .direction-card{padding:24px;min-height:190px;transition:transform .22s ease,border-color .22s ease,background .22s ease}
  .direction-card:hover{transform:translateY(-4px);border-color:rgba(206,219,149,.2);background:linear-gradient(180deg,#1b2823,#13201c)}
  .direction-card h4{font-size:21px}

  .projects-head{align-items:center;margin-bottom:20px}
  .projects-head .count b{font-size:72px}
  .toolbar{top:66px;margin-left:-4px;margin-right:-4px;padding:14px 4px 18px}
  .searchbox{max-width:780px;border-radius:20px}
  .searchbox input{font-size:15px}
  .wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin-top:26px}
  .paper-card{border-radius:24px;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;cursor:pointer}
  .paper-card:hover{transform:translateY(-6px);border-color:rgba(206,219,149,.18);box-shadow:0 24px 46px rgba(0,0,0,.34)}
  .paper-thumb .pill{left:14px;top:14px}
  .paper-thumb .year{right:14px;bottom:14px;font-size:34px}
  .paper-body{padding:17px 17px 20px;gap:10px}
  .paper-title{font-size:16px;-webkit-line-clamp:3}

  .sheet-backdrop{background:rgba(0,0,0,.68);backdrop-filter:blur(4px)}
  .sheet-panel{width:min(1040px,calc(100vw - 80px));height:min(86vh,900px);border-radius:30px;box-shadow:0 24px 80px rgba(0,0,0,.5)}
  .language-sheet .sheet-panel{width:min(780px,calc(100vw - 80px));height:min(78vh,740px)}
  .grip{display:none}
  .sheet-head{padding-top:24px;padding-bottom:18px}
  .sheet-head h3{font-size:30px}
  .sheet-close{cursor:pointer}
  .language-primary{gap:12px}
  .language-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
  .language-option{padding:14px}
  .language-option:hover{border-color:rgba(206,219,149,.18);background:#18241f}
  .language-option.active:hover{background:#294800}
}

@media (min-width:99999px){
  .topbar{padding-left:max(56px,calc((100vw - 1440px)/2 + 42px));padding-right:max(56px,calc((100vw - 1440px)/2 + 42px))}
  .hero{padding-left:max(72px,calc((100vw - 1440px)/2 + 72px));padding-right:max(72px,calc((100vw - 1440px)/2 + 72px))}
  .section{max-width:1360px}
  .stats{max-width:1360px}
}

@media (min-width:99999px){
  .section{max-width:1480px}
  .stats{max-width:1480px}
  .wall{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .marquee-track,.music-toggle.is-playing .music-bars i{animation:none!important}
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}
}

/* ===== Full-screen publication reader ===== */
#readerSheet{z-index:120;background:#090e0c}
#readerSheet .reader-fullscreen-panel{position:fixed!important;inset:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;max-height:none!important;transform:none!important;border:0!important;border-radius:0!important;background:#090e0c;box-shadow:none!important;overflow:hidden}
.reader-full-head{--reader-head:64px;position:relative;z-index:5;min-height:calc(var(--reader-head) + env(safe-area-inset-top));display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;background:rgba(10,17,14,.97);border-bottom:1px solid rgba(255,255,255,.075);backdrop-filter:blur(18px)}
.reader-back{min-width:54px;height:42px;display:flex;align-items:center;justify-content:center;gap:3px;padding:0 8px 0 5px;border:1px solid rgba(255,255,255,.07);border-radius:999px;background:#14201b;color:#e9efeb;font-size:11px;cursor:pointer}
.reader-back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.reader-head-title{min-width:0;text-align:center}
.reader-head-title small{display:block;color:#81958b;font-size:8px;letter-spacing:.16em}
.reader-head-title h3{margin:3px 0 0;font-size:13px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#f0f3f0}
.reader-page-counter{min-width:50px;text-align:center;padding:7px 8px;border-radius:999px;background:#18251f;color:#d9e3de;font-size:10px;font-variant-numeric:tabular-nums}
.reader-progress-track{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:rgba(255,255,255,.035);overflow:hidden}
.reader-progress-track span{display:block;width:0;height:100%;background:#cddc99;transition:width .18s ease}
.reader-full-body{--reader-head:64px;position:relative;height:calc(100dvh - var(--reader-head) - env(safe-area-inset-top));overflow-y:auto;overflow-x:hidden;background:#080d0b;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none}
.reader-full-body::-webkit-scrollbar{display:none}
.reader-overview-page{width:100%;height:calc(100dvh - 64px - env(safe-area-inset-top));min-height:calc(100dvh - 64px - env(safe-area-inset-top));display:flex;justify-content:center;background:linear-gradient(180deg,#101915,#080d0b);scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}
.reader-overview-content{width:min(100%,760px);height:100%;padding:18px 18px calc(20px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior-y:auto;scrollbar-width:none}
.reader-overview-content::-webkit-scrollbar{display:none}
.reader-overview-content .reader-source-card{margin:0 0 12px}
.reader-overview-content .overview-grid{gap:10px}
.reader-overview-content .info-card{padding:13px 14px;border-radius:17px}
.reader-overview-content .info-card h4{font-size:14px;margin-bottom:7px}
.reader-overview-content .info-card p{font-size:12px;line-height:1.65}
.reader-overview-content .info-table{gap:7px}
.reader-overview-content .info-table .item{padding:9px 10px;border-radius:13px}
.reader-overview-content .info-table .item small{font-size:9px;margin-bottom:3px}
.reader-overview-content .info-table .item b{font-size:11px;line-height:1.35}
.reader-swipe-cue{margin-top:12px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;padding:11px 13px;border-radius:17px;background:rgba(206,219,149,.08);border:1px solid rgba(206,219,149,.10);color:#e5ecdc}
.reader-swipe-cue>span{grid-row:1 / 3;width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#315700;font-size:17px;animation:readerSwipeUp 1.2s ease-in-out infinite}
.reader-swipe-cue b{font-size:12px}
.reader-swipe-cue small{margin-top:2px;color:#8fa198;font-size:9px}
.reader-swipe-cue small.is-ready{color:#cddc99}
.reader-swipe-cue small.is-error{color:#d9a59d}
@keyframes readerSwipeUp{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}
#readerSheet.reading .reader-full-body{scroll-snap-type:y mandatory;scroll-padding:0}
#readerSheet .reader-pages{display:block;max-width:none;margin:0;gap:0}
#readerSheet .reader-page{position:relative;width:100%;height:calc(100dvh - 64px - env(safe-area-inset-top));min-height:calc(100dvh - 64px - env(safe-area-inset-top));display:grid;place-items:center;margin:0;border-radius:0;background:#080d0b;box-shadow:none;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate}
#readerSheet .reader-page::before{position:absolute;inset:0;display:block;aspect-ratio:auto;background:linear-gradient(110deg,#111915 8%,#202b26 18%,#111915 33%);background-size:200% 100%;z-index:0}
#readerSheet .reader-page.is-ready::before{display:none}
#readerSheet .reader-page img{position:relative;inset:auto;z-index:1;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;opacity:0;background:#fff;transition:opacity .18s ease}
#readerSheet .reader-page.is-ready img{position:relative;width:auto;height:auto;opacity:1}
#readerSheet .reader-page.is-error{height:calc(100dvh - 64px - env(safe-area-inset-top));padding:24px;background:#121a17;color:#c9d4ce}
#readerSheet .reader-page figcaption{z-index:2;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));padding:6px 9px;background:rgba(8,13,11,.82);font-size:10px}
#readerSheet .reader-source-card{margin-top:2px}
#readerSheet .reader-toolbar .reader-load-button{min-height:58px;padding:14px 16px}
#readerSheet.reading .reader-page-counter{background:#315700;color:#eff3df}

@media (min-width:99999px){
  .reader-full-head{padding-left:22px;padding-right:22px}
  .reader-back{min-width:76px}
  .reader-head-title h3{font-size:15px}
  #readerSheet .reader-page{padding:16px 28px}
  #readerSheet .reader-page img{max-width:min(100%,1100px);box-shadow:0 18px 54px rgba(0,0,0,.34)}
}

@media (max-height:650px){
  .reader-overview-content{padding-top:10px;padding-bottom:10px}
  .reader-overview-content .reader-source-card{padding:9px 10px;margin-bottom:7px}
  .reader-overview-content .reader-source-mark{width:36px;height:36px}
  .reader-overview-content .overview-grid{gap:6px}
  .reader-overview-content .info-card{padding:9px 10px}
  .reader-overview-content .info-card p{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .reader-overview-content .info-table{gap:4px}
  .reader-overview-content .info-table .item{padding:6px 8px}
  .reader-overview-content .info-table .item b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .reader-swipe-cue{margin-top:6px;padding:7px 9px}
  .reader-swipe-cue>span{width:30px;height:30px}
}

/* Return-to-paper-card interaction */
.paper-card[role="button"]{cursor:pointer}
.paper-card[role="button"]:focus-visible{
  outline:2px solid rgba(211,230,159,.96);
  outline-offset:4px;
}
.paper-card.reader-return-target{
  animation:readerReturnPulse 1.45s ease both;
  position:relative;
  z-index:2;
}
@keyframes readerReturnPulse{
  0%{transform:translateY(0);box-shadow:0 0 0 0 rgba(211,230,159,0)}
  28%{transform:translateY(-3px);box-shadow:0 0 0 5px rgba(211,230,159,.32),0 14px 34px rgba(0,0,0,.24)}
  100%{transform:translateY(0);box-shadow:0 0 0 0 rgba(211,230,159,0)}
}
@media (prefers-reduced-motion:reduce){
  .paper-card.reader-return-target{animation:none;outline:2px solid rgba(211,230,159,.9);outline-offset:4px}
}


/* ===== Deep-green bilingual publication page (restored) ===== */
.deep-green-publications{position:relative;min-height:100vh;padding:0 0 calc(112px + env(safe-area-inset-bottom));background:#171913;color:#f2f1e8;scroll-margin-top:0}
.project-hero{position:relative;min-height:330px;padding:90px 24px 30px;overflow:hidden;background:linear-gradient(150deg,#0d3d32 0%,#092b23 55%,#061f19 100%);border-top:1px solid rgba(255,255,255,.04)}
.project-watermark{position:absolute;right:-10px;top:20px;color:rgba(184,219,120,.085);font:800 190px/1 Georgia,serif;letter-spacing:-.08em;pointer-events:none}
.project-kicker{position:relative;color:#8eb7a6;font-size:10px;letter-spacing:.24em;text-transform:uppercase}
.project-kicker span{color:#b8db78}
.project-hero h2{position:relative;margin:18px 0 12px;font-size:46px;line-height:1;letter-spacing:-.06em;color:#f2f1e8}
.project-hero p{position:relative;max-width:610px;margin:0;color:#b8c9c1;font-size:14px;line-height:1.8}
.project-total{position:relative;display:flex;align-items:flex-end;gap:10px;margin-top:26px}
.project-total b{font-size:54px;line-height:.82;color:#b8db78;letter-spacing:-.06em}
.project-total span{max-width:116px;color:#8eb7a6;font-size:11px;line-height:1.35}
.project-tools{position:sticky;top:66px;z-index:22;padding:13px 10px 12px;background:rgba(23,25,19,.94);border-bottom:1px solid rgba(255,255,255,.035);backdrop-filter:blur(16px)}
.legacy-search{display:flex;align-items:center;gap:7px;height:44px;padding:5px 6px 5px 12px;border-radius:999px;background:#20221b;border:1px solid rgba(255,255,255,.045)}
.legacy-search:focus-within{border-color:rgba(184,219,120,.34);box-shadow:0 0 0 3px rgba(184,219,120,.08)}
.legacy-search-icon{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;border:0;background:transparent;color:#6e7c73;font-size:18px;line-height:1}
.legacy-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:#eef1e9;font-size:12px}
.legacy-search input::placeholder{color:#667169}
.legacy-search-clear{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:50%;background:#30342a;color:#c8d2cc;font-size:17px}
.legacy-search-clear[hidden]{display:none}
.legacy-search-submit{height:34px;padding:0 14px;border:0;border-radius:999px;background:#173e00;color:#b8db78;font-size:10px;font-weight:700}
.legacy-search-feedback{min-height:16px;padding:6px 8px 0;color:#6f7d75;font-size:9px}
.filter-scroll{display:flex;gap:7px;overflow-x:auto;padding:9px 1px 0;scrollbar-width:none}
.filter-scroll::-webkit-scrollbar{display:none}
.filter-scroll .chip{flex:0 0 auto;border:0;border-radius:999px;background:#24261f;color:#78857c;padding:9px 14px;font-size:9px}
.filter-scroll .chip.active{background:#0a4b3a;color:#d3e4dc}
.paper-grid{padding:11px 9px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;align-items:start;background:#171913}
.paper-grid .paper-card{min-width:0;display:block;border-radius:15px;overflow:hidden;background:#0c0e0b;border:1px solid rgba(255,255,255,.05);box-shadow:0 10px 20px rgba(0,0,0,.18);cursor:pointer}
.paper-grid .paper-card.featured{grid-column:1/-1}
.paper-grid .paper-thumb{height:150px;aspect-ratio:auto;position:relative;overflow:hidden;background:#eee}
.paper-grid .paper-card.featured .paper-thumb{height:260px}
.paper-grid .paper-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;background:#fff}
.paper-grid .theme-pill{position:absolute;top:8px;left:8px;background:#153f00;color:#b9d987;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:700;border:0}
.paper-grid .paper-year{position:absolute;right:7px;bottom:5px;color:#fff;font-weight:800;font-size:17px;text-shadow:0 1px 6px #000}
.paper-grid .paper-body{display:block;padding:12px 10px 13px}
.paper-grid .paper-body small{display:block;color:#4f7d68;font-size:7px;letter-spacing:.12em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paper-grid .paper-body h3{margin:7px 0 8px;color:#eef1e9;font-size:13px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.paper-grid .paper-card.featured .paper-body h3{font-size:17px}
.paper-grid .paper-body p{margin:0;color:#6e7872;font-size:8px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.paper-grid .paper-action{width:100%;display:flex;justify-content:space-between;align-items:center;padding:10px;border:0;border-top:1px solid rgba(255,255,255,.04);background:transparent;color:#85978d;font-size:8px;text-align:left}
.paper-grid .paper-action i{font-style:normal}
.legacy-reader-note{margin:14px 16px 0;color:#69746e;font-size:9px;line-height:1.7;text-align:center}
.deep-green-publications .search-empty{grid-column:1/-1;margin:10px 0;background:#0c0e0b;border-radius:15px;color:#87958d}

/* ===== Publication overview sheet inspired by the restored mobile version ===== */
.publication-sheet{z-index:125}
.publication-backdrop{background:rgba(0,0,0,.72)}
.publication-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(100%,760px);height:min(96dvh,920px);display:flex;flex-direction:column;overflow:hidden;border-radius:28px 28px 0 0;background:#0b1713;border:1px solid rgba(255,255,255,.055);box-shadow:0 -20px 60px rgba(0,0,0,.46)}
.publication-head{display:block;padding:26px 20px 20px;border-bottom:1px solid rgba(255,255,255,.045);background:#0b1713}
.publication-title-block{min-width:0}
.publication-title-block small{display:block;color:#87a298;font-size:12px;letter-spacing:.02em}
.publication-title-block h2{margin:8px 0 8px;color:#f2f3ef;font-size:clamp(25px,7vw,38px);line-height:1.18;letter-spacing:-.035em}
.publication-title-block p{margin:0;color:#748a81;font-size:11px;line-height:1.5}
.publication-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:15px 20px 12px;background:#0b1713}
.publication-tabs button{width:100%;min-width:0;padding:13px 12px;border:1px solid rgba(255,255,255,.05);border-radius:999px;background:#111d19;color:#c5d0ca;font-size:14px;text-align:center;white-space:nowrap}
.publication-tabs button.active{background:#315f00;color:#f0f4df;border-color:#315f00}
.publication-body{flex:1;min-height:0;overflow:auto;padding:6px 20px calc(26px + env(safe-area-inset-bottom));background:#0b1713;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y pinch-zoom}
.publication-pane[hidden]{display:none!important}
.publication-pane .overview-grid{display:grid;gap:14px}
.publication-pane .info-card{padding:18px;border-radius:22px;background:#111e19;border:1px solid rgba(255,255,255,.035)}
.publication-pane .info-card h4{margin:0 0 11px;color:#f0f2ed;font-size:17px}
.publication-pane .info-card p{margin:0;color:#b9c6c0;font-size:14px;line-height:1.85}
.publication-pane .info-table{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.publication-pane .info-table .item{min-width:0;padding:13px 14px;border-radius:17px;background:#0b1713}
.publication-pane .info-table small{display:block;margin-bottom:6px;color:#82968d;font-size:10px}
.publication-pane .info-table b{display:block;color:#eef1ed;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.reader-preview-source{margin:0 0 12px}
.reader-preview-button{position:relative;display:block;width:100%;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.075);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(0,0,0,.34);cursor:zoom-in}
.reader-preview-button img{display:block;width:100%;height:auto;min-height:360px;object-fit:cover;object-position:top;background:#e9ece8}
.reader-preview-overlay{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 13px;border-radius:14px;background:rgba(7,17,13,.89);color:#f0f3e8;backdrop-filter:blur(12px)}
.reader-preview-overlay b{font-size:12px}
.reader-preview-overlay small{color:#aab9b1;font-size:9px;text-align:right}
.reader-preview-button.is-ready .reader-preview-overlay{background:rgba(31,74,0,.91)}
.reader-preview-status{margin:11px 4px 0;color:#83968d;font-size:10px;line-height:1.55;text-align:center}


.publication-tabs button:focus-visible,.reader-preview-button:focus-visible{outline:2px solid rgba(211,230,159,.95);outline-offset:3px}
@media(max-width:520px){
  .publication-panel{height:100dvh;max-height:100dvh;border-radius:0}
  .publication-head{padding-top:calc(18px + env(safe-area-inset-top))}
  .publication-tabs{padding-left:16px;padding-right:16px}
  .publication-body{padding-left:16px;padding-right:16px}
}

/* ===== True full-screen vertical page reader ===== */
.full-reader{position:fixed;inset:0;z-index:210;display:none;width:100vw;height:100vh;height:100dvh;overflow:hidden;background:#080d0b;color:#eef2ef;overscroll-behavior:none}
.full-reader.open{display:block}
.full-reader:fullscreen,.full-reader:-webkit-full-screen{width:100vw;height:100vh;background:#080d0b}
.full-reader-head{--full-head:64px;position:relative;z-index:4;min-height:calc(var(--full-head) + env(safe-area-inset-top));display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:7px;padding:calc(8px + env(safe-area-inset-top)) 10px 8px;background:rgba(8,14,11,.98);border-bottom:1px solid rgba(255,255,255,.065);backdrop-filter:blur(16px)}
.full-reader-title{min-width:0;text-align:center}
.full-reader-title small{display:block;color:#748a80;font-size:7px;letter-spacing:.17em}
.full-reader-title h3{margin:3px 0 0;color:#f0f2ef;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.full-reader .reader-page-counter{min-width:50px;padding:7px 8px;border-radius:999px;background:#173e00;color:#eaf1da;font-size:9px;text-align:center;font-variant-numeric:tabular-nums}
.full-reader .reader-zoom-indicator{min-width:43px;padding:7px 7px;border-radius:999px;background:#17231f;color:#cad8d0;font-size:9px;text-align:center;font-variant-numeric:tabular-nums}
.full-reader .reader-progress-track{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:rgba(255,255,255,.035)}
.full-reader .reader-progress-track span{display:block;width:0;height:100%;background:#b8db78;transition:width .16s ease}
.full-reader-scroll{--full-head:64px;height:calc(100vh - var(--full-head) - env(safe-area-inset-top));height:calc(100dvh - var(--full-head) - env(safe-area-inset-top));overflow-y:auto;overflow-x:hidden;background:#080d0b;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;scrollbar-width:none}
.full-reader.is-zoomed .full-reader-scroll,.full-reader.is-zoom-interacting .full-reader-scroll{overflow:hidden;scroll-snap-type:none;touch-action:none}
.full-reader-scroll::-webkit-scrollbar{display:none}
.full-reader .reader-pages{display:block;margin:0;max-width:none}
.full-reader .reader-page{position:relative;width:100%;height:calc(100dvh - 64px - env(safe-area-inset-top));min-height:calc(100dvh - 64px - env(safe-area-inset-top));display:grid;place-items:center;margin:0;padding:0;border-radius:0;background:#080d0b;box-shadow:none;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;isolation:isolate}
.full-reader .reader-page::before{content:"";position:absolute;inset:0;display:block;background:linear-gradient(110deg,#101713 8%,#202922 18%,#101713 33%);background-size:200% 100%;animation:readerShimmer 1.25s linear infinite;z-index:0}
.full-reader .reader-page.is-ready::before{display:none}
.full-reader .reader-page img{position:relative;z-index:1;display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;background:#fff;opacity:0;transition:opacity .18s ease;transform-origin:50% 50%;will-change:transform}
.full-reader .reader-page.is-ready img{opacity:1}
.full-reader.is-zoomed .reader-page.is-zoomed img{cursor:grab}
.full-reader.is-zoom-interacting .reader-page.is-zoomed img{cursor:grabbing}

/* ===== Logo story / brand identity reveal ===== */
body.brand-story-open{overflow:hidden!important}
.brand-story[hidden]{display:none!important}
.brand-story{position:fixed;inset:0;z-index:320;display:grid;place-items:center;overflow:hidden;color:#f1f5ed;opacity:0;transition:opacity .26s ease}
.brand-story.open{opacity:1}
.brand-story-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(5,10,8,.82);backdrop-filter:blur(17px) saturate(.8);cursor:pointer}
.brand-story-panel{position:relative;z-index:1;width:min(100%,480px);height:100%;max-height:100dvh;overflow-y:auto;padding:calc(58px + env(safe-area-inset-top)) 30px calc(42px + env(safe-area-inset-bottom));background:linear-gradient(180deg,rgba(13,24,19,.98),rgba(7,13,11,.995));box-shadow:0 0 80px rgba(0,0,0,.48);scrollbar-width:none}
.brand-story-panel::-webkit-scrollbar{display:none}
.brand-story-close{position:fixed;z-index:3;top:calc(15px + env(safe-area-inset-top));right:max(18px,calc((100vw - 440px)/2));width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(233,246,189,.14);border-radius:50%;background:rgba(20,34,28,.78);color:#eaf1df;font-size:25px;line-height:1;cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity .25s ease .18s,transform .35s cubic-bezier(.22,.78,.26,1) .18s}
.brand-story.open .brand-story-close{opacity:1;transform:none}
.brand-story-visual{display:grid;place-items:center;opacity:0;transition:opacity .2s ease}
.brand-story.open .brand-story-visual{opacity:1}
.brand-story-logo-frame{position:relative;width:min(72vw,304px);aspect-ratio:1}
.brand-story-logo-frame::before{content:"";position:absolute;inset:-10px;border:1px dashed rgba(221,240,166,.24);border-radius:8px;pointer-events:none}
.brand-story-logo-frame::after{content:"";position:absolute;inset:calc(50% - 4px) -18px auto;height:8px;border-left:1px solid rgba(221,240,166,.35);border-right:1px solid rgba(221,240,166,.35);pointer-events:none}
.brand-story-logo-frame img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;border-radius:0;box-shadow:0 25px 54px rgba(0,0,0,.36);will-change:transform}
.brand-story-axis{position:absolute;z-index:2;pointer-events:none;opacity:.62}
.brand-story-axis.axis-x{left:-19px;right:-19px;top:50%;border-top:1px dashed rgba(221,240,166,.38)}
.brand-story-axis.axis-y{top:-19px;bottom:-19px;left:50%;border-left:1px dashed rgba(221,240,166,.38)}
.brand-story-copy{margin-top:42px;opacity:0;transform:translateY(28px);transition:opacity .42s ease .18s,transform .56s cubic-bezier(.22,.78,.26,1) .18s}
.brand-story.open .brand-story-copy{opacity:1;transform:none}
.brand-story-copy>small{display:block;color:#9caf9f;font-size:9px;letter-spacing:.2em}
.brand-story-copy h2{margin:13px 0 5px;font-size:clamp(42px,13vw,64px);line-height:.84;letter-spacing:-.055em;font-weight:760}
.brand-story-copy h2 span{display:block}
.brand-story-copy h2 span:last-child{color:#dff6a1}
.brand-story-subtitle{margin:14px 0 0;color:#aebeb5;font-size:12px;letter-spacing:.12em}
.brand-story-rule{width:100%;height:1px;margin:25px 0 23px;background:linear-gradient(90deg,#dff6a1,rgba(223,246,161,.08))}
.brand-story-copy h3{margin:0 0 13px;color:#eef3e9;font-size:22px;letter-spacing:.045em}
.brand-story-copy #brandStoryDescription{margin:0;max-width:390px;color:#d2ddd6;font-size:15px;line-height:1.78;text-align:justify}
.brand-story.is-closing .brand-story-close,.brand-story.is-closing .brand-story-copy{opacity:0;transform:translateY(16px);transition-delay:0s}

@media(max-width:360px){
  .brand-story-panel{padding-left:22px;padding-right:22px}
  .brand-story-logo-frame{width:min(70vw,250px)}
  .brand-story-copy{margin-top:34px}
  .brand-story-copy h2{font-size:40px}
  .brand-story-copy #brandStoryDescription{font-size:14px}
}
@media (min-width:99999px){
  .brand-story-panel{height:min(92dvh,900px);border:1px solid rgba(224,242,169,.08);border-radius:30px;padding:58px 46px 46px}
  .brand-story-close{position:absolute;top:20px;right:20px}
  .brand-story-logo-frame{width:min(38vh,320px)}
  .brand-story-copy{margin-top:36px}
}
.full-reader .reader-page.is-error{padding:24px;color:#c9d4ce;text-align:center;background:#111a16}
.full-reader .reader-page.is-error::before{display:none}
.full-reader .reader-page figcaption{position:absolute;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:2;padding:5px 8px;border-radius:999px;background:rgba(8,13,11,.82);color:#e8ede9;font-size:9px;backdrop-filter:blur(6px)}

@media(max-width:340px){
  .project-hero h2{font-size:40px}
  .paper-grid{gap:5px}
  .paper-grid .paper-card.featured .paper-thumb{height:220px}
  .publication-head{padding-left:16px;padding-right:16px}
  .publication-body,.publication-tabs{padding-left:16px;padding-right:16px}
  .direction-card-media{height:166px;padding:0}
  .direction-story-page{padding-left:14px;padding-right:14px}
  .direction-story-page::before{left:14px;right:14px}
  .direction-story-visual{height:auto}
  .direction-story-copy h2{font-size:32px}
}
@media (min-width:99999px){
  .deep-green-publications{max-width:1480px;margin:0 auto;border-radius:32px 32px 0 0;overflow:hidden}
  .paper-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:16px}
  .paper-grid .paper-card.featured{grid-column:span 2;grid-row:span 2}
  .paper-grid .paper-card.featured .paper-thumb{height:420px}
  .paper-grid .paper-thumb{height:230px}
  .project-tools{padding-left:16px;padding-right:16px}
  .publication-panel{bottom:2vh;height:min(94dvh,920px);border-radius:28px}
  .full-reader .reader-page{padding:16px 28px}
  .full-reader .reader-page img{max-width:min(100%,1100px);box-shadow:0 18px 54px rgba(0,0,0,.34)}
  .direction-story{place-items:center}
  .direction-story-shell{height:min(94dvh,920px);border-radius:28px}
  .direction-story-head{padding-top:8px}
  .direction-story-page{min-height:calc(min(94dvh,920px) - 122px)}
}
@media(prefers-reduced-motion:reduce){
  .full-reader .reader-page::before{animation:none}
  .direction-card,.direction-card-media img,.direction-story,.direction-story-shell{transition:none}
  .direction-story-scroll-hint i{animation:none}
  .news-live-dot{animation:none}
}

/* Explicit descending publication-year selector */
.year-filter-scroll{padding-top:7px;margin-top:2px;border-top:1px solid rgba(255,255,255,.035)}
.year-filter-scroll .chip{min-width:44px;text-align:center}

/* ===== Healing book corner · automatic image carousel ===== */
.healing-library-section{position:relative;overflow:hidden;background:
  radial-gradient(circle at 8% 8%,rgba(81,126,91,.2),transparent 28%),
  radial-gradient(circle at 88% 70%,rgba(201,220,118,.065),transparent 30%),
  linear-gradient(180deg,#0b1713,#07110e);border-top:1px solid rgba(255,255,255,.035);border-bottom:1px solid rgba(255,255,255,.035)}
.healing-library-section::before{content:"READ";position:absolute;right:-14px;top:44px;color:rgba(201,220,118,.035);font:800 100px/1 Georgia,serif;letter-spacing:-.08em;pointer-events:none}
.library-carousel{position:relative;margin-top:24px;padding-bottom:56px;border:1px solid rgba(215,233,177,.09);border-radius:28px;background:#07100d;box-shadow:0 24px 54px rgba(0,0,0,.25);overflow:hidden}
.library-viewport{position:relative;height:clamp(250px,68vw,420px);overflow:hidden;background:#0a120f}
.library-track{width:100%;height:100%;display:flex;transform:translate3d(0,0,0);will-change:transform}
.library-slide{position:relative;flex:0 0 100%;width:100%;height:100%;margin:0;overflow:hidden;background:#101a16;cursor:pointer}
.library-slide:focus-visible{outline:3px solid #dff6a1;outline-offset:-5px}
.library-slide.is-poster::before{display:none}
.library-slide::after{display:none}
.library-slide img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:cover;filter:none;transform:scale(1.012);transition:transform 4.6s ease}
.library-slide.is-poster img{object-fit:cover}
.library-slide.is-top-aligned img{object-position:center top}
.library-slide.is-active img{filter:none;transform:scale(1)}
.library-slide-caption{position:absolute;z-index:3;left:62px;right:62px;bottom:22px;padding:13px 15px;border:1px solid rgba(232,241,223,.14);border-radius:15px;background:rgba(5,11,8,.58);color:#f4f6f0;text-shadow:0 2px 14px rgba(0,0,0,.48);backdrop-filter:blur(7px);pointer-events:none}
.built-project-card[data-project-slug="pixel-oasis"] .built-project-cover img{object-position:center top}
.library-slide-caption small{display:block;margin-bottom:7px;color:#dff6a1;font-size:8px;letter-spacing:.16em}
.library-slide-caption h3{max-width:680px;margin:0;font-size:clamp(20px,5.4vw,38px);line-height:1.12;letter-spacing:-.035em}
.library-slide.is-long-title .library-slide-caption h3{font-size:clamp(15px,4.1vw,25px);line-height:1.25;letter-spacing:-.02em}
.library-slide-caption span{display:inline-block;margin-top:10px;color:#e5eee8;font-size:9px;letter-spacing:.12em}
.library-arrow{position:absolute;z-index:4;top:calc((100% - 56px)/2);transform:translateY(-50%);width:42px;height:54px;display:grid;place-items:center;padding:0;border:1px solid rgba(226,239,202,.18);background:rgba(7,18,14,.8);color:#f0f4eb;font-size:28px;line-height:1;backdrop-filter:blur(10px);cursor:pointer}
.library-prev{left:12px}
.library-next{right:12px}
.library-arrow:active{transform:translateY(-50%) scale(.94)}
.library-carousel-foot{position:absolute;z-index:5;left:0;right:0;bottom:0;height:56px;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 17px;background:#0b1612;border-top:1px solid rgba(255,255,255,.055)}
.library-auto-label{display:flex;align-items:center;gap:8px;color:#849990}
.library-auto-label i{width:6px;height:6px;border-radius:50%;background:#c9dc76;box-shadow:0 0 0 4px rgba(201,220,118,.08);animation:newsLivePulse 1.8s ease-in-out infinite}
.library-auto-label b{font-size:8px;letter-spacing:.13em;font-weight:600}
.library-dots{display:flex;align-items:center;gap:7px}
.library-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#6f7e77;opacity:.58;transition:width .28s ease,background .28s ease,opacity .28s ease}
.library-dots button.active{width:25px;background:#dff6a1;opacity:1}

/* The former Healing News cards now live inside Hanxin Liu's profile. */
.profile-research-section{margin-top:20px;padding-top:20px;border-top:1px solid rgba(255,255,255,.065)}
.profile-research-head small{display:block;color:#8ba197;font-size:8px;letter-spacing:.17em}
.profile-research-head h4{margin:8px 0 8px;color:#eef2ed;font-size:22px}
.profile-research-head p{margin:0;color:#aab9b1;font-size:12px;line-height:1.75}
.profile-research-grid{margin-top:16px}
.profile-research-grid .news-card{box-shadow:none}
.profile-research-grid .news-card-copy h3{font-size:14px}
.profile-research-grid .news-card-copy p{-webkit-line-clamp:2}

body.brand-story-open .app{visibility:hidden}
.brand-story.is-entry-screen{background:#06100c}
.brand-story.is-entry-screen .brand-story-panel{width:min(100%,540px);height:100%;max-height:100dvh;border:0;border-radius:0}

/* ===== Four-column navigation · built projects · photographed team ===== */
.built-projects-section{position:relative;overflow:hidden;background:
  radial-gradient(circle at 92% 8%,rgba(201,220,118,.08),transparent 25%),
  linear-gradient(180deg,#0b1713 0%,#0d1c17 100%)}
.built-projects-section::before{content:"BUILT";position:absolute;right:-20px;top:42px;color:rgba(201,220,118,.032);font:800 92px/1 Georgia,serif;letter-spacing:-.08em;pointer-events:none}
.built-projects-grid{position:relative;display:grid;gap:15px;margin-top:25px}
.built-project-card{min-width:0;overflow:hidden;border:1px solid rgba(213,231,172,.085);border-radius:26px;background:linear-gradient(155deg,#17251f,#101a16);box-shadow:0 20px 42px rgba(0,0,0,.2);cursor:pointer}
.built-project-card:focus-visible{outline:2px solid rgba(211,230,159,.94);outline-offset:4px}
.built-project-cover{position:relative;height:250px;margin:0;overflow:hidden;background:#17231e}
.built-project-cover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,9,7,.06),transparent 48%,rgba(4,9,7,.72))}
.built-project-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.22,.78,.26,1)}
.built-project-cover-top{position:absolute;z-index:2;left:12px;right:12px;top:12px;display:flex;justify-content:space-between;align-items:center;gap:8px}
.built-project-cover-top span,.built-project-cover-top b{padding:7px 9px;border-radius:999px;background:rgba(9,21,17,.78);color:#eaf1e3;font-size:8px;line-height:1;letter-spacing:.08em;backdrop-filter:blur(10px)}
.built-project-cover-top span{background:rgba(49,95,0,.86);color:#eff5da}
.built-project-cover>i{position:absolute;z-index:2;right:14px;bottom:9px;color:#d7e99e;font:italic 42px/1 Georgia,serif}
.built-project-copy{padding:19px 18px 18px}
.built-project-copy>small{display:block;color:#789488;font-size:8px;letter-spacing:.15em}
.built-project-copy h3{margin:9px 0 10px;color:#f1f4ef;font-size:22px;line-height:1.25;letter-spacing:-.025em}
.built-project-copy p{margin:0;color:#aebdb6;font-size:12px;line-height:1.75}
.built-project-copy>div{display:flex;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;border-top:1px solid rgba(255,255,255,.055);color:#c6d99a;font-size:9px;letter-spacing:.1em}
.built-project-copy>div i{font-style:normal;font-size:16px}
.project-subsection-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:38px;padding:21px 2px 0;border-top:1px solid rgba(215,233,177,.12)}
.project-subsection-head small{display:block;color:#789488;font-size:8px;letter-spacing:.17em}
.project-subsection-head h3{margin:7px 0 0;color:#eef3ed;font-size:28px;line-height:1}
.project-subsection-head>b{color:#d7e99e;font:italic 42px/1 Georgia,serif}
.competition-projects-grid{margin-top:17px}

.team-grid{grid-template-columns:1fr;gap:11px}
.team-member-card{min-height:94px;gap:13px;padding:11px 13px;border-radius:21px}
.team-member-avatar{width:72px;height:72px;overflow:hidden;border-radius:18px;background:#21352a}
.team-member-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.team-member-card h4{font-size:16px}
.team-member-card small{margin-top:6px;color:#8da097;font-size:10px;line-height:1.55;letter-spacing:0;white-space:normal}

body.project-showcase-open{overflow:hidden!important}
.project-showcase[hidden]{display:none!important}
.project-showcase{position:fixed;inset:0;z-index:300;display:grid;place-items:end center;opacity:0;transition:opacity .24s ease}
.project-showcase.open{opacity:1}
.project-showcase-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(3,8,6,.82);backdrop-filter:blur(14px)}
.project-showcase-shell{position:relative;z-index:1;width:min(100%,980px);height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;background:#09130f;color:#eef3ec;transform:translateY(22px);transition:transform .36s cubic-bezier(.22,.78,.26,1)}
.project-showcase.open .project-showcase-shell{transform:none}
.project-showcase-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:calc(16px + env(safe-area-inset-top)) 18px 15px;border-bottom:1px solid rgba(255,255,255,.06);background:#0a1511}
.project-showcase-head>div{min-width:0}
.project-showcase-head small{display:block;color:#7f988c;font-size:8px;letter-spacing:.15em}
.project-showcase-head h2{margin:7px 0 0;color:#f0f4ef;font-size:21px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-showcase-close{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;padding:0;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#13211b;color:#e8eee9;font-size:24px;line-height:1}
.project-gallery{min-height:0;overflow:hidden;touch-action:pan-y;overscroll-behavior:contain;background:#060d0a}
.project-gallery-track{height:100%;display:flex;will-change:transform}
.project-gallery-slide{position:relative;flex:0 0 100%;width:100%;height:100%;display:grid;place-items:center;margin:0;background:#060d0a}
.project-gallery-slide img{width:100%;height:100%;display:block;object-fit:contain}
.project-gallery-slide figcaption{position:absolute;right:12px;bottom:12px;max-width:calc(100% - 24px);padding:6px 9px;border-radius:999px;background:rgba(6,13,10,.78);color:#e9efe9;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(8px)}
.project-showcase-foot{display:grid;gap:14px;padding:15px 18px calc(16px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.06);background:#0a1511}
.project-showcase-foot p{margin:0;color:#acbdb4;font-size:11px;line-height:1.65}
.project-gallery-controls{display:grid;grid-template-columns:42px 1fr 42px;align-items:center;gap:12px}
.project-gallery-controls button{width:42px;height:36px;border:1px solid rgba(255,255,255,.075);border-radius:999px;background:#14231c;color:#eaf1eb;font-size:18px}
.project-gallery-controls button:disabled{opacity:.26}
.project-gallery-controls span{color:#cfe298;font:12px/1 Georgia,serif;text-align:center;letter-spacing:.16em}

@media(max-width:360px){
  .bottom-nav{padding-left:8px;padding-right:8px}
  .bottom-nav a{gap:3px;padding-left:3px;padding-right:3px;font-size:7.5px}
  .bottom-nav .nav-icon{width:14px;height:14px}
  .built-project-cover{height:218px}
  .library-slide-caption{left:54px;right:54px}
  .library-slide-caption h3{font-size:19px}
  .team-member-avatar{width:64px;height:64px}
}
@media (min-width:99999px){
  .library-carousel{margin-top:34px;padding-bottom:62px}
  .library-viewport{height:min(54vw,590px)}
  .library-carousel-foot{height:62px;padding-left:24px;padding-right:24px}
  .library-arrow{width:52px;height:66px;font-size:34px}
  .library-prev{left:18px}
  .library-next{right:18px}
  .library-slide-caption{left:88px;right:88px;bottom:38px}
  .profile-research-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .profile-research-grid .news-card{display:block}
  .profile-research-grid .news-card-media{height:180px}
  .brand-story.is-entry-screen .brand-story-panel{height:100%;max-height:100dvh;border:0;border-radius:0;padding-top:58px}
  .built-projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
  .built-project-cover{height:330px}
  .built-project-card:hover .built-project-cover img{transform:scale(1.035)}
  .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .team-member-card{min-height:112px}
  .team-member-avatar{width:84px;height:84px}
  .project-showcase{place-items:center}
  .project-showcase-shell{height:min(92dvh,900px);border:1px solid rgba(255,255,255,.07);border-radius:28px;box-shadow:0 30px 90px rgba(0,0,0,.5)}
  .project-showcase-head{padding:20px 24px 17px}
  .project-showcase-head h2{font-size:28px}
  .project-showcase-foot{grid-template-columns:minmax(0,1fr) 220px;align-items:center;padding:17px 24px 20px}
  .project-showcase-foot p{font-size:13px}
}

/* ===== Logo editorial opening · adapted from the three-concept reference layout ===== */
.brand-story{background:#030907;color:#e9f0eb}
.brand-story-backdrop{background:#030907;backdrop-filter:none}
.brand-story-panel,
.brand-story.is-entry-screen .brand-story-panel{width:min(100%,1100px);height:100dvh;max-height:100dvh;display:grid;grid-template-rows:minmax(0,56%) minmax(0,44%);padding:0!important;overflow:hidden;background:#07110e;border:0;border-radius:0;box-shadow:0 0 90px rgba(0,0,0,.58)}
.brand-story-close{position:absolute;z-index:7;top:calc(14px + env(safe-area-inset-top));right:14px;width:auto;height:34px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(220,237,226,.16);border-radius:999px;background:rgba(6,15,12,.82);color:#e9f0eb;font-size:9px;line-height:1;letter-spacing:.1em;backdrop-filter:blur(10px);opacity:0;transform:translateY(-8px);transition:opacity .25s ease .18s,transform .35s cubic-bezier(.22,.78,.26,1) .18s}
.brand-story-close i{font-style:normal;font-size:14px}
.brand-story.open .brand-story-close{opacity:1;transform:none}
.brand-story-editorial{min-height:0;display:grid;align-items:center;padding:calc(44px + env(safe-area-inset-top)) 18px 18px;overflow:hidden;background:radial-gradient(circle at 50% -24%,rgba(126,157,86,.12),transparent 44%),linear-gradient(180deg,#0c1814 0%,#07110e 100%);opacity:0;transform:translateY(14px);transition:opacity .48s ease .12s,transform .62s cubic-bezier(.22,.78,.26,1) .12s}
.brand-story.open .brand-story-editorial{opacity:1;transform:none}
.brand-story-accessible-title{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.brand-story-heading{display:grid;grid-template-columns:minmax(0,1fr);padding-right:88px}
.brand-story-heading>small{color:#84958c;font-size:7px;letter-spacing:.16em}
.brand-story-heading h2{margin:7px 0 0;color:#e6ece8;font-size:clamp(23px,6.5vw,34px);line-height:1.03;letter-spacing:-.045em}
.brand-story-heading h2 em{display:block;color:#a8be68;font-family:Georgia,"Times New Roman",serif;font-weight:500}
.brand-story-heading p{max-width:650px;margin:9px 0 0;color:#aebbb4;font-size:9px;line-height:1.55}
.brand-story-concepts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;margin-top:0}
.brand-concept-card{min-width:0}
.brand-concept-icon{position:relative;width:min(100%,92px);aspect-ratio:1;margin:0 0 10px;overflow:hidden;background:transparent}
.brand-concept-icon img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover}
.brand-concept-icon .concept-base{filter:grayscale(1) contrast(.72) brightness(1.34);opacity:.38}
.brand-concept-icon .concept-focus{filter:saturate(.78) contrast(1.04)}
.brand-concept-icon.focus-city .concept-focus{clip-path:inset(0 0 49% 0)}
.brand-concept-icon.focus-life .concept-focus{clip-path:polygon(22% 0,78% 0,82% 30%,68% 54%,64% 100%,36% 100%,33% 53%,18% 31%)}
.brand-concept-icon.focus-roots .concept-focus{clip-path:inset(48% 0 0 0)}
.brand-concept-card h3{margin:0;color:#dfe8e2;font-size:14px;line-height:1.05;letter-spacing:-.02em}
.brand-concept-card>small{display:block;min-height:22px;margin-top:4px;color:#879a90;font-size:6.5px;line-height:1.2;letter-spacing:.06em}
.brand-concept-card p{margin:7px 0 0;color:#bac7c0;font-size:8.3px;line-height:1.55;text-align:left}
.brand-story-landscape{position:relative;min-height:0;margin:0;overflow:hidden;background:#102018;opacity:0;transition:opacity .62s ease .18s}
.brand-story.open .brand-story-landscape{opacity:1}
.brand-story-landscape::after{display:none}
.brand-story-landscape img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 47%;filter:none;transform:scale(1.018);transition:transform 5s cubic-bezier(.22,.78,.26,1)}
.brand-story.open .brand-story-landscape img{transform:scale(1)}
.brand-story-landscape figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:calc(16px + env(safe-area-inset-bottom));display:flex;align-items:flex-end;justify-content:space-between;gap:16px;color:#f1f4ed;text-shadow:0 2px 14px rgba(0,0,0,.48)}
.brand-story-landscape figcaption b{font-size:10px;letter-spacing:.13em}
.brand-story-landscape figcaption span{color:#dbe4da;font-size:6.5px;letter-spacing:.12em;text-align:right}
.brand-story.is-closing .brand-story-close{opacity:0;transform:translateY(-8px)}
.brand-story.is-closing .brand-story-editorial,.brand-story.is-closing .brand-story-landscape{opacity:0;transition-delay:0s}

@media(max-width:360px){
  .brand-story-panel,.brand-story.is-entry-screen .brand-story-panel{grid-template-rows:minmax(0,60%) minmax(0,40%)}
  .brand-story-editorial{padding-left:14px;padding-right:14px}
  .brand-story-concepts{gap:8px;margin-top:14px}
  .brand-concept-icon{width:min(100%,78px);margin-bottom:8px}
  .brand-concept-card h3{font-size:12px}
  .brand-concept-card p{font-size:7.6px;line-height:1.48}
}
@media (min-width:99999px){
  .brand-story-panel,.brand-story.is-entry-screen .brand-story-panel{grid-template-rows:minmax(0,56%) minmax(0,44%)}
  .brand-story-editorial{padding:56px clamp(56px,7vw,92px) 28px}
  .brand-story-close{top:22px;right:28px;height:40px;padding:0 16px;font-size:10px}
  .brand-story-heading{grid-template-columns:minmax(0,560px)}
  .brand-story-heading>small{font-size:9px}
  .brand-story-heading h2{font-size:40px}
  .brand-story-heading p{font-size:12px;line-height:1.65}
  .brand-story-concepts{gap:38px;margin-top:28px}
  .brand-concept-icon{width:118px;margin-bottom:13px}
  .brand-concept-card h3{font-size:20px}
  .brand-concept-card>small{min-height:0;margin-top:7px;font-size:8px}
  .brand-concept-card p{max-width:240px;margin-top:10px;font-size:12px;line-height:1.62}
  .brand-story-landscape figcaption{left:42px;right:42px;bottom:28px}
  .brand-story-landscape figcaption b{font-size:13px}
  .brand-story-landscape figcaption span{font-size:8px}
}

/* ===== Mobile Logo opening rollback · Logo首屏与疗愈图书角四栏版 ===== */
.brand-story{background:transparent;color:#f1f5ed}
.brand-story-backdrop{background:rgba(5,10,8,.82);backdrop-filter:blur(17px) saturate(.8)}
.brand-story-panel,
.brand-story.is-entry-screen .brand-story-panel{position:relative;z-index:1;width:min(100%,540px);height:100%;max-height:100dvh;display:block;overflow-y:auto;padding:calc(58px + env(safe-area-inset-top)) 30px calc(42px + env(safe-area-inset-bottom))!important;background:linear-gradient(180deg,rgba(13,24,19,.98),rgba(7,13,11,.995));border:0;border-radius:0;box-shadow:0 0 80px rgba(0,0,0,.48);scrollbar-width:none}
.brand-story-panel::-webkit-scrollbar{display:none}
.brand-story-close{position:fixed;z-index:3;top:calc(15px + env(safe-area-inset-top));right:max(18px,calc((100vw - 440px)/2));width:38px;height:38px;padding:0;display:grid;place-items:center;border:1px solid rgba(233,246,189,.14);border-radius:50%;background:rgba(20,34,28,.78);color:#eaf1df;font-size:25px;line-height:1;letter-spacing:normal;cursor:pointer;opacity:0;transform:translateY(-8px);transition:opacity .25s ease .18s,transform .35s cubic-bezier(.22,.78,.26,1) .18s}
.brand-story.open .brand-story-close{opacity:1;transform:none}
.brand-story-visual{display:grid;place-items:center;opacity:0;transition:opacity .2s ease}
.brand-story.open .brand-story-visual{opacity:1}
.brand-story-logo-frame{position:relative;width:min(72vw,304px);aspect-ratio:1}
.brand-story-logo-frame::before{content:"";position:absolute;inset:-10px;border:1px dashed rgba(221,240,166,.24);border-radius:8px;pointer-events:none}
.brand-story-logo-frame::after{content:"";position:absolute;inset:calc(50% - 4px) -18px auto;height:8px;border-left:1px solid rgba(221,240,166,.35);border-right:1px solid rgba(221,240,166,.35);pointer-events:none}
.brand-story-logo-frame img{position:relative;z-index:1;width:100%;height:100%;display:block;object-fit:contain;border-radius:0;box-shadow:0 25px 54px rgba(0,0,0,.36);will-change:transform}
.brand-story-axis{position:absolute;z-index:2;pointer-events:none;opacity:.62}
.brand-story-axis.axis-x{left:-19px;right:-19px;top:50%;border-top:1px dashed rgba(221,240,166,.38)}
.brand-story-axis.axis-y{top:-19px;bottom:-19px;left:50%;border-left:1px dashed rgba(221,240,166,.38)}
.brand-story-copy{margin-top:42px;opacity:0;transform:translateY(28px);transition:opacity .42s ease .18s,transform .56s cubic-bezier(.22,.78,.26,1) .18s}
.brand-story.open .brand-story-copy{opacity:1;transform:none}
.brand-story-copy>small{display:block;color:#9caf9f;font-size:9px;letter-spacing:.2em}
.brand-story-copy h2{margin:13px 0 5px;font-size:clamp(42px,13vw,64px);line-height:.84;letter-spacing:-.055em;font-weight:760}
.brand-story-copy h2 span{display:block}
.brand-story-copy h2 span:last-child{color:#dff6a1}
.brand-story-subtitle{margin:14px 0 0;color:#aebeb5;font-size:12px;letter-spacing:.12em}
.brand-story-rule{width:100%;height:1px;margin:25px 0 23px;background:linear-gradient(90deg,#dff6a1,rgba(223,246,161,.08))}
.brand-story-copy h3{margin:0 0 13px;color:#eef3e9;font-size:22px;letter-spacing:.045em}
.brand-story-copy #brandStoryDescription{margin:0;max-width:390px;color:#d2ddd6;font-size:15px;line-height:1.78;text-align:justify}
.brand-story.is-entry-screen{background:#06100c}
.brand-story.is-closing .brand-story-close,
.brand-story.is-closing .brand-story-copy{opacity:0;transform:translateY(16px);transition-delay:0s}

@media(max-width:520px){
  .brand-story-panel,
  .brand-story.is-entry-screen .brand-story-panel{padding-left:22px!important;padding-right:22px!important}
  .brand-story-logo-frame{width:min(70vw,250px)}
  .brand-story-copy{margin-top:34px}
  .brand-story-copy h2{font-size:40px}
  .brand-story-copy #brandStoryDescription{font-size:14px}
}
@media (min-width:99999px){
  .brand-story-panel,
  .brand-story.is-entry-screen .brand-story-panel{height:min(92dvh,900px);border:1px solid rgba(224,242,169,.08);border-radius:30px;padding:58px 46px 46px!important}
  .brand-story-close{position:absolute;top:20px;right:20px}
  .brand-story-logo-frame{width:min(38vh,320px)}
  .brand-story-copy{margin-top:36px}
}

/* ===== Full-screen leader profile · retained ABOUT THE LAB content ===== */
.brand .logo,
.brand .logo:hover{box-shadow:none}
.brand .logo{overflow:hidden;background:#071712}
.brand .logo:hover{transform:scale(1.035)}
.brand .logo img{object-fit:cover;filter:none;transform:scale(1.08);transform-origin:center}
.team-leader-card{cursor:pointer;transition:transform .25s ease,border-color .25s ease}
.team-leader-grid{margin-top:22px}
.team-leader-card{min-height:0}
.team-leader-card .team-member-index{color:#9fb66c;font-style:normal;letter-spacing:.08em}
.team-leader-card .team-leader-open{margin-top:4px;color:#c9dc76;font-size:8px;letter-spacing:.08em}
.team-leader-card:hover{border-color:rgba(201,220,118,.16)}
.team-leader-card:active{transform:scale(.996)}
.team-leader-card:focus-visible{outline:2px solid #dff6a1;outline-offset:4px}
.team-leader-card .inline-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.team-leader-card .ghost-btn{min-width:0;padding:11px 7px;font-size:10px;line-height:1.4}

#profileSheet{z-index:250}
#achievementSheet{z-index:270}
#profileSheet .profile-fullscreen-panel{left:50%;right:auto;top:0;bottom:0;transform:translateX(-50%);width:min(100%,760px);height:100dvh;max-height:100dvh;border-radius:0;background:linear-gradient(180deg,#101b17 0%,#0b1411 100%);box-shadow:0 0 78px rgba(0,0,0,.54)}
#profileSheet .grip{display:none}
#profileSheet .sheet-head{flex:0 0 auto;align-items:center;padding:calc(13px + env(safe-area-inset-top)) 18px 13px;background:rgba(12,22,18,.94);backdrop-filter:blur(18px)}
#profileSheet .sheet-head h3{font-size:20px}
#profileSheet .sheet-head small{font-size:8px;letter-spacing:.17em}
#profileSheet .sheet-close{border-radius:999px;padding:9px 13px}
#profileSheet .profile-fullscreen-body{padding:18px 18px calc(38px + env(safe-area-inset-bottom));scroll-behavior:smooth;overscroll-behavior:contain}
.profile-full-hero{display:grid;gap:0;overflow:hidden;border:1px solid rgba(214,232,202,.07);border-radius:28px;background:linear-gradient(160deg,#17251f,#0f1b17);box-shadow:0 20px 44px rgba(0,0,0,.22)}
.profile-full-hero figure{position:relative;height:270px;margin:0;overflow:hidden;background:#13201b}
.profile-full-hero figure::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(180deg,transparent,rgba(7,17,13,.84))}
.profile-full-hero figure img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 18%}
.profile-full-hero figcaption{position:absolute;z-index:2;left:18px;bottom:15px;color:#e9f0e8;font-size:8px;letter-spacing:.18em}
.profile-full-copy{padding:22px 18px 18px}
.profile-full-copy>small{display:block;color:#c9dc76;font-size:8px;letter-spacing:.18em}
.profile-full-tagline{margin:9px 0 13px;color:#e7ece8;font-size:15px;line-height:1.35;letter-spacing:-.025em}
.profile-full-tagline em{display:block;color:#c9dc76;font-family:Georgia,"Times New Roman",serif;font-style:italic}
.profile-full-copy h2{margin:0 0 12px;color:#f1f4ef;font-size:44px;line-height:.95;letter-spacing:-.05em}
.profile-full-copy>p{margin:0;color:#ccd7d1;font-size:13px;line-height:1.8}
.profile-full-facts{display:grid;grid-template-columns:1fr 1fr;margin-top:17px;border:1px solid rgba(255,255,255,.055);border-radius:17px;overflow:hidden}
.profile-full-facts>div{min-width:0;padding:12px;background:rgba(255,255,255,.018);border-right:1px solid rgba(255,255,255,.055);border-bottom:1px solid rgba(255,255,255,.055)}
.profile-full-facts>div:nth-child(2n){border-right:0}
.profile-full-facts>div:nth-last-child(-n+2){border-bottom:0}
.profile-full-facts small{display:block;color:#82978d;font-size:9px}
.profile-full-facts b{display:block;margin-top:5px;color:#edf1ed;font-size:12px;line-height:1.45}
.profile-section-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:16px}
.profile-section-nav button{min-width:0;min-height:48px;padding:9px 6px;border:1px solid rgba(197,218,184,.1);border-radius:14px;background:#102a22;color:#edf3ef;font-size:9px;line-height:1.35;cursor:pointer}
.profile-section-nav button:active{transform:scale(.98);background:#19392f}
#profileDetailSection{margin-top:18px;scroll-margin-top:12px}
#profileDirectionsSection{scroll-margin-top:12px}
#profileDirectionsSection .research-direction-card{cursor:pointer}

@media (min-width:99999px){
  .profile-full-hero{grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr)}
  .profile-full-hero figure{height:auto;min-height:430px}
  .profile-full-copy{padding:34px}
  .profile-full-copy h2{font-size:58px}
  .profile-full-copy>p{font-size:15px}
  .profile-section-nav button{font-size:10px}
}

/* ===== Healing news + team updates portal · v22 ===== */
.news-portal-section{
  padding:30px 18px 34px;
  overflow:hidden;
  background:#f4f5f2;
  color:#183d2d;
  border-bottom:1px solid #e0e4df;
}
.news-portal-tabs{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;
  border-bottom:3px solid #dfe5df;
}
.news-portal-tab{
  position:relative;
  min-width:0;
  min-height:68px;
  padding:8px 8px 13px;
  display:grid;
  grid-template-columns:42px minmax(0,1fr) 18px;
  align-items:center;
  gap:9px;
  border:0;
  background:transparent;
  color:#8c9992;
  text-align:left;
  cursor:pointer;
  transition:color .25s ease,background .25s ease;
}
.news-portal-tab::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:-3px;
  height:3px;
  background:#178456;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .32s cubic-bezier(.22,.78,.26,1);
}
.news-portal-tab.active{color:#173f2d;background:linear-gradient(180deg,rgba(255,255,255,.44),transparent)}
.news-portal-tab.active::after{transform:scaleX(1)}
.news-portal-tab>i{font-style:normal;font-size:17px;text-align:right;transition:transform .25s ease}
.news-portal-tab.active>i{transform:rotate(45deg);color:#178456}
.news-portal-tab strong{min-width:0;font-size:17px;letter-spacing:-.025em;white-space:nowrap}
.news-portal-icon{
  width:42px;
  height:42px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#aebbb4;
  color:#fff;
  transition:background .25s ease,transform .25s ease;
}
.news-portal-tab.active .news-portal-icon{background:#178456;transform:scale(1.03)}
.news-portal-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.news-portal-content{
  padding-top:25px;
  opacity:1;
  transform:none;
  transition:opacity .24s ease,transform .3s cubic-bezier(.22,.78,.26,1);
}
.news-portal-content.is-switching{opacity:0;transform:translateY(9px)}
.news-portal-feature{
  width:100%;
  padding:0;
  display:grid;
  gap:18px;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.news-portal-feature figure{
  position:relative;
  aspect-ratio:1.42;
  margin:0;
  overflow:hidden;
  background:#d8dfd9;
}
.news-portal-feature figure::after{
  content:"";
  position:absolute;
  inset:0;
  border:1px solid rgba(17,60,42,.08);
  pointer-events:none;
}
.news-portal-feature img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.18,.82,.22,1)}
.news-portal-feature:hover img{transform:scale(1.025)}
.news-portal-feature-copy>small{display:block;margin:0 0 9px;color:#178456;font-size:8px;letter-spacing:.2em}
.news-portal-feature h3{margin:0;color:#183d2d;font-size:24px;line-height:1.25;letter-spacing:-.04em}
.news-portal-feature p{margin:11px 0 0;color:#66756e;font-size:13px;line-height:1.76}
.news-portal-feature footer{
  display:grid;
  grid-template-columns:auto auto 1fr;
  align-items:center;
  gap:6px;
  margin-top:16px;
  padding-top:13px;
  border-top:1px solid #dce2dd;
  color:#7c8b83;
  font-size:10px;
}
.news-portal-feature footer b{justify-self:end;color:#18784f;font-size:10px;letter-spacing:.06em}
.news-portal-feature footer b i{margin-left:4px;font-style:normal;font-size:13px}
.news-portal-list{margin-top:22px;border-top:1px solid #d9dfda}
.news-portal-list-item{
  width:100%;
  min-height:57px;
  padding:12px 0;
  display:grid;
  grid-template-columns:16px minmax(0,1fr) auto;
  align-items:center;
  gap:7px;
  border:0;
  border-bottom:1px solid #d9dfda;
  background:transparent;
  color:#273f34;
  text-align:left;
  cursor:pointer;
  transition:color .2s ease,background .2s ease,padding .2s ease;
}
.news-portal-list-item:hover{padding-left:5px;background:rgba(255,255,255,.45);color:#0b7548}
.news-portal-list-item>i{color:#168354;font-style:normal;font-size:24px;font-weight:300}
.news-portal-list-item>span{font-size:13px;line-height:1.5}
.news-portal-list-item>time{color:#849189;font-size:9px;white-space:nowrap}
.news-portal-feature:focus-visible,.news-portal-list-item:focus-visible,.news-portal-tab:focus-visible{outline:2px solid #188456;outline-offset:3px}

/* ===== Editorial project list + gooood-inspired vertical project story ===== */
.built-projects-section{background:linear-gradient(180deg,#101b17 0%,#0c1512 100%)}
.built-project-card{border:0;border-radius:0;background:transparent;box-shadow:none}
.built-project-cover{border-radius:2px;background:#18231f}
.built-project-cover::after{background:linear-gradient(180deg,rgba(4,10,8,.18),transparent 36%,rgba(4,10,8,.46))}
.built-project-copy{padding:18px 2px 27px;border-bottom:1px solid rgba(214,232,202,.11)}
.built-project-copy>div{border-top-color:rgba(214,232,202,.1)}

.project-showcase{place-items:center}
.project-editorial-shell{
  width:min(100%,1120px);
  height:100dvh;
  display:flex;
  flex-direction:column;
  overflow:hidden;
  border-radius:0;
  background:#f1f0eb;
  color:#18261f;
}
.project-showcase-head{
  position:relative;
  z-index:3;
  flex:0 0 auto;
  padding:calc(15px + env(safe-area-inset-top)) 18px 14px;
  border-bottom:1px solid #d9d9d3;
  background:rgba(246,245,240,.95);
  color:#1b3026;
  backdrop-filter:blur(18px);
}
.project-showcase-head small{color:#78857e}
.project-showcase-head h2{color:#173b2b;font-size:20px}
.project-showcase-close{border-color:#cdd2ce;background:#fff;color:#173b2b}
.project-editorial-article{
  min-height:0;
  flex:1 1 auto;
  overflow-x:hidden;
  overflow-y:auto;
  background:#f1f0eb;
  color:#26352e;
  touch-action:pan-y;
  overscroll-behavior:contain;
  scroll-behavior:smooth;
}
.project-editorial-intro{
  max-width:780px;
  margin:0 auto;
  padding:42px 20px 34px;
}
.project-editorial-intro>p{
  margin:0;
  color:#3c4b44;
  font-family:Georgia,"Noto Serif SC","Songti SC",serif;
  font-size:16px;
  line-height:1.95;
}
.project-editorial-meta{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  margin-top:31px;
  border-top:1px solid #d5d7d2;
  border-left:1px solid #d5d7d2;
}
.project-editorial-meta>div{min-width:0;padding:14px;border-right:1px solid #d5d7d2;border-bottom:1px solid #d5d7d2;background:rgba(255,255,255,.34)}
.project-editorial-meta small{display:block;color:#87928b;font-size:8px;letter-spacing:.14em}
.project-editorial-meta b{display:block;margin-top:7px;color:#213b2f;font-size:12px;line-height:1.48}
.project-editorial-stream{
  width:100%;
  height:auto;
  display:block;
  transform:none!important;
  transition:none!important;
  will-change:auto;
}
.project-story-section{
  max-width:780px;
  margin:0 auto;
  padding:54px 20px 42px;
}
.project-story-section small,.project-technical>small{display:block;color:#188456;font-size:8px;letter-spacing:.21em}
.project-story-section h3,.project-technical h3{margin:11px 0 0;color:#163e2b;font-size:31px;line-height:1.15;letter-spacing:-.045em}
.project-story-section p{margin:18px 0 0;color:#53615a;font-family:Georgia,"Noto Serif SC","Songti SC",serif;font-size:15px;line-height:2;text-align:justify}
.project-article-figure{width:100%;margin:0 0 16px;background:#e6e5df}
.project-article-figure img{width:100%;height:auto;max-height:none;display:block;object-fit:contain;background:#ebeae5}
.project-article-figure figcaption{
  position:static;
  max-width:none;
  padding:10px 14px 12px;
  display:flex;
  justify-content:space-between;
  gap:18px;
  border-radius:0;
  background:#f1f0eb;
  color:#7a857e;
  font-size:9px;
  line-height:1.45;
  white-space:normal;
  overflow:visible;
  backdrop-filter:none;
}
.project-article-figure figcaption i{flex:0 0 auto;font-style:normal;letter-spacing:.12em}
.project-technical{max-width:780px;margin:34px auto 0;padding:46px 20px 54px;border-top:1px solid #d3d5cf}
.project-technical dl{margin:27px 0 0;border-top:1px solid #d0d3cd}
.project-technical dl>div{display:grid;grid-template-columns:100px minmax(0,1fr);gap:18px;padding:13px 0;border-bottom:1px solid #d0d3cd}
.project-technical dt{color:#849088;font-size:10px}
.project-technical dd{margin:0;color:#253a30;font-size:12px;line-height:1.55}
.project-editorial-article .project-showcase-foot{
  display:block;
  padding:20px 20px calc(24px + env(safe-area-inset-bottom));
  border-top:1px solid #d0d3cd;
  background:#e8e8e2;
}
.project-editorial-article .project-gallery-controls{max-width:330px;margin:0 auto;grid-template-columns:48px 1fr 48px}
.project-editorial-article .project-gallery-controls button{width:48px;height:42px;border-color:#c8cec9;background:#f8f8f4;color:#17402d;cursor:pointer}
.project-editorial-article .project-gallery-controls button:disabled{opacity:.25}
.project-editorial-article .project-gallery-controls span{color:#1a6d48}

@media(max-width:360px){
  .news-portal-tab{grid-template-columns:36px minmax(0,1fr);gap:7px}
  .news-portal-tab>i{display:none}
  .news-portal-icon{width:36px;height:36px}
  .news-portal-tab strong{font-size:15px}
  .news-portal-list-item{grid-template-columns:14px minmax(0,1fr)}
  .news-portal-list-item>time{grid-column:2}
}
@media (min-width:99999px){
  .news-portal-section{padding:42px clamp(30px,5vw,62px) 48px}
  .news-portal-tab{min-height:82px;grid-template-columns:52px minmax(0,1fr) 22px;padding:12px 18px 16px;gap:14px}
  .news-portal-icon{width:52px;height:52px}
  .news-portal-tab strong{font-size:23px}
  .news-portal-feature{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:32px}
  .news-portal-feature figure{min-height:290px;aspect-ratio:auto}
  .news-portal-feature-copy{padding:19px 0 5px}
  .news-portal-feature h3{font-size:32px}
  .news-portal-feature p{font-size:14px}
  .news-portal-list-item>span{font-size:14px}
  .project-editorial-shell{height:min(94dvh,980px);border:1px solid rgba(255,255,255,.1);box-shadow:0 32px 92px rgba(0,0,0,.48)}
  .project-showcase-head{padding:20px 28px 17px}
  .project-showcase-head h2{font-size:27px}
  .project-editorial-intro{padding:65px 28px 48px}
  .project-editorial-intro>p{font-size:18px}
  .project-editorial-meta{grid-template-columns:repeat(4,minmax(0,1fr))}
  .project-story-section{padding:78px 28px 56px}
  .project-story-section h3,.project-technical h3{font-size:42px}
  .project-story-section p{font-size:17px}
  .project-article-figure{margin-bottom:24px}
  .project-article-figure figcaption{padding:12px 24px 15px}
  .project-technical{padding:66px 28px 76px}
  .project-technical dl>div{grid-template-columns:150px minmax(0,1fr)}
}
@media(prefers-reduced-motion:reduce){
  .news-portal-content,.news-portal-feature img,.news-portal-tab::after{transition:none}
}

/* ===== v26 · reference carousel, project data first, unified team roster ===== */
.healing-library-section .library-carousel{
  padding-bottom:0;
  background:#080d0b;
}
.healing-library-section .library-viewport{
  height:clamp(250px,64vw,430px);
}
.healing-library-section .library-slide{
  display:grid;
  grid-template-columns:minmax(0,58%) minmax(0,42%);
  align-items:stretch;
  background:#080d0b;
}
.healing-library-section .library-slide>img{
  grid-column:1;
  grid-row:1;
  min-width:0;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.healing-library-section .library-slide.is-top-aligned>img{object-position:center top}
.healing-library-section .library-slide-caption{
  position:relative;
  z-index:2;
  left:auto;
  right:auto;
  bottom:auto;
  grid-column:2;
  grid-row:1;
  min-width:0;
  height:100%;
  padding:24px 18px 54px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
  border:0;
  border-radius:0;
  background:
    radial-gradient(circle at 0 35%,rgba(46,75,61,.22),transparent 46%),
    linear-gradient(135deg,#111714 0%,#080b09 100%);
  color:#f1f3ef;
  text-shadow:none;
  backdrop-filter:none;
}
.healing-library-section .library-slide-caption small{
  margin:0 0 13px;
  color:#9aaa9f;
  font-size:8px;
  line-height:1.45;
  letter-spacing:.12em;
}
.healing-library-section .library-slide-caption h3{
  margin:0;
  font-size:clamp(16px,4.4vw,28px);
  line-height:1.24;
  letter-spacing:-.025em;
}
.healing-library-section .library-slide.is-long-title .library-slide-caption h3{
  font-size:clamp(12px,3.35vw,21px);
  line-height:1.35;
}
.healing-library-section .library-slide-caption span{
  margin-top:18px;
  color:#cdd8d1;
  font-size:8px;
  letter-spacing:.12em;
}
.healing-library-section .library-arrow{
  top:50%;
  width:34px;
  height:48px;
  border-color:rgba(235,242,233,.13);
  background:rgba(4,9,7,.7);
  font-size:23px;
}
.healing-library-section .library-prev{left:8px}
.healing-library-section .library-next{right:8px}
.healing-library-section .library-carousel-foot{
  left:58%;
  right:0;
  bottom:13px;
  height:28px;
  justify-content:center;
  padding:0 12px;
  border:0;
  background:transparent;
  pointer-events:none;
}
.healing-library-section .library-auto-label{display:none}
.healing-library-section .library-dots{
  gap:8px;
  pointer-events:auto;
}
.healing-library-section .library-dots button{
  width:7px;
  height:7px;
  background:#9ba39f;
}
.healing-library-section .library-dots button.active{
  width:22px;
  background:#dce6df;
}

.project-editorial-meta[hidden]{display:none!important}
.project-technical.project-technical-first{
  width:100%;
  max-width:780px;
  margin:0 auto;
  padding:42px 20px 46px;
  border-top:0;
  border-bottom:1px solid #d3d5cf;
}
.project-technical-first+ .project-editorial-intro{padding-top:32px}

.team-section .team-grid{
  grid-template-columns:1fr;
  gap:11px;
}
.team-section .team-leader-card{
  min-height:94px;
}
.team-section .team-leader-card .team-member-index{
  color:#52675d;
  font:italic 8px/1 Georgia,serif;
  letter-spacing:normal;
}

@media(max-width:420px){
  .healing-library-section .library-slide{
    grid-template-columns:minmax(0,56%) minmax(0,44%);
  }
  .healing-library-section .library-slide-caption{
    padding:19px 13px 52px;
  }
  .healing-library-section .library-slide-caption small{
    margin-bottom:10px;
    font-size:7px;
  }
  .healing-library-section .library-slide-caption h3{
    font-size:16px;
    line-height:1.28;
  }
  .healing-library-section .library-slide.is-long-title .library-slide-caption h3{
    font-size:11.5px;
    line-height:1.34;
  }
  .healing-library-section .library-slide-caption span{
    margin-top:13px;
    font-size:7px;
  }
  .healing-library-section .library-carousel-foot{left:56%}
}

@media (min-width:99999px){
  .healing-library-section .library-carousel{padding-bottom:0}
  .healing-library-section .library-viewport{height:min(50vw,520px)}
  .healing-library-section .library-slide{
    grid-template-columns:minmax(0,62%) minmax(0,38%);
  }
  .healing-library-section .library-slide-caption{
    left:auto;
    right:auto;
    bottom:auto;
    padding:42px 36px 70px;
  }
  .healing-library-section .library-slide-caption h3{
    font-size:clamp(24px,3.5vw,39px);
  }
  .healing-library-section .library-slide.is-long-title .library-slide-caption h3{
    font-size:clamp(18px,2.25vw,27px);
  }
  .healing-library-section .library-carousel-foot{
    left:62%;
    height:34px;
    bottom:20px;
  }
  .project-technical.project-technical-first{padding:58px 28px 60px}
  .project-technical-first+ .project-editorial-intro{padding-top:45px}
  .team-section .team-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
  }
  .team-section .team-leader-card{min-height:112px}
}

/* ===== v27 · section portals, image-overlay carousel, safe back gesture, direction cards ===== */
html,body{overscroll-behavior-x:none}
.section-intro-portal{
  position:relative;
  z-index:1;
  min-height:265px;
  padding:18px 0 28px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  isolation:isolate;
}
.section-intro-portal::after{
  content:attr(data-portal-index);
  position:absolute;
  z-index:-1;
  right:-10px;
  top:38px;
  color:rgba(184,219,120,.055);
  font:800 clamp(126px,38vw,205px)/.8 Georgia,serif;
  letter-spacing:-.09em;
  pointer-events:none;
}
.section-intro-portal>.section-kicker,
.section-intro-portal>.section-title,
.section-intro-portal>.section-desc,
.section-intro-portal>.project-kicker,
.section-intro-portal>h2,
.section-intro-portal>p,
.section-intro-portal>.project-total{
  opacity:.62;
  transform:translateY(18px);
  transition:opacity .62s ease,transform .62s cubic-bezier(.18,.82,.22,1);
}
.section-intro-portal.is-section-active>.section-kicker,
.section-intro-portal.is-section-active>.section-title,
.section-intro-portal.is-section-active>.section-desc,
.section-intro-portal.is-section-active>.project-kicker,
.section-intro-portal.is-section-active>h2,
.section-intro-portal.is-section-active>p,
.section-intro-portal.is-section-active>.project-total{
  opacity:1;
  transform:none;
}
.section-arrival-signal{
  position:relative;
  z-index:2;
  width:max-content;
  max-width:100%;
  min-height:30px;
  margin:0 0 26px;
  padding:7px 10px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(207,225,159,.13);
  border-radius:999px;
  background:rgba(12,31,24,.68);
  color:#a9bbb2;
  font-size:8px;
  letter-spacing:.14em;
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.section-arrival-signal i{
  width:6px;
  height:6px;
  flex:0 0 auto;
  border-radius:50%;
  background:#c9dc76;
  box-shadow:0 0 0 4px rgba(201,220,118,.08);
  animation:newsLivePulse 1.8s ease-in-out infinite;
}
.section-arrival-signal b{color:#d8e8a7;font-weight:600}
.section-intro-portal-paper{min-height:390px;padding:82px 24px 38px}
.section-intro-portal-paper::after{display:none}
.section-intro-portal-paper .section-arrival-signal{margin-bottom:28px}

.healing-library-section .library-slide{
  position:relative;
  display:block;
  background:#080d0b;
}
.healing-library-section .library-slide>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
.healing-library-section .library-slide.is-top-aligned>img{object-position:center top}
.healing-library-section .library-slide-caption{
  position:absolute;
  z-index:3;
  inset:0 0 0 37%;
  width:auto;
  height:100%;
  padding:26px 24px 56px clamp(42px,9vw,82px);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  border:0;
  border-radius:0;
  background:linear-gradient(90deg,rgba(5,9,7,0) 0%,rgba(5,9,7,.68) 22%,rgba(5,9,7,.92) 58%,rgba(5,9,7,.97) 100%);
  color:#f4f5f1;
  text-shadow:0 2px 18px rgba(0,0,0,.5);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.healing-library-section .library-slide-caption small{color:#cbd7d0}
.healing-library-section .library-slide-caption h3{max-width:620px}
.healing-library-section .library-slide-caption span{color:#e7eee9}
.healing-library-section .library-carousel-foot{left:54%;right:0}

#profileDirectionsSection .profile-research-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin-top:20px;
}
#profileDirectionsSection .research-direction-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:26px;
  background:linear-gradient(165deg,#17241f,#0f1a16);
}
#profileDirectionsSection .research-direction-card .news-card-media{
  width:100%;
  height:auto;
  min-height:0;
  aspect-ratio:16/9;
}
#profileDirectionsSection .research-direction-card .news-card-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.88) contrast(1.02) brightness(.9);
}
#profileDirectionsSection .research-direction-card .news-card-media>span{
  left:16px;
  bottom:14px;
}
#profileDirectionsSection .research-direction-card .news-card-copy{
  padding:20px 20px 18px;
}
#profileDirectionsSection .research-direction-card .news-card-copy>small{
  margin-top:13px;
  font-size:8px;
}
#profileDirectionsSection .research-direction-card .news-card-copy h3{
  margin:8px 0 10px;
  font-size:24px;
  line-height:1.22;
}
#profileDirectionsSection .research-direction-card .news-card-copy p{
  display:block;
  overflow:visible;
  font-size:12px;
  line-height:1.85;
  -webkit-line-clamp:unset;
}
#profileDirectionsSection .research-direction-card .news-card-foot{
  margin-top:18px;
  padding-top:14px;
  font-size:8px;
}

.navigation-toast{
  position:fixed;
  z-index:500;
  left:50%;
  bottom:calc(92px + env(safe-area-inset-bottom));
  max-width:min(390px,calc(100vw - 36px));
  padding:11px 16px;
  border:1px solid rgba(213,232,159,.18);
  border-radius:999px;
  background:rgba(10,27,21,.95);
  color:#edf3e9;
  box-shadow:0 16px 44px rgba(0,0,0,.42);
  font-size:11px;
  line-height:1.45;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,16px);
  transition:opacity .22s ease,transform .22s ease;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.navigation-toast.show{opacity:1;transform:translate(-50%,0)}
.back-gesture-rail{
  position:fixed;
  z-index:420;
  left:0;
  top:35%;
  width:7px;
  height:92px;
  display:flex;
  align-items:center;
  pointer-events:none;
  opacity:.2;
  transition:opacity .2s ease;
}
.back-gesture-rail i{width:3px;height:46px;border-radius:0 999px 999px 0;background:#d6e69e}
.edge-back-tracking .back-gesture-rail{opacity:.72}

@media(max-width:420px){
  .section-intro-portal{min-height:250px}
  .section-intro-portal-paper{min-height:370px;padding:74px 20px 34px}
  .section-arrival-signal{margin-bottom:21px}
  .healing-library-section .library-viewport{height:clamp(270px,72vw,355px)}
  .healing-library-section .library-slide-caption{
    inset:0 0 0 30%;
    padding:22px 15px 54px 42px;
  }
  .healing-library-section .library-slide-caption h3{font-size:17px}
  .healing-library-section .library-slide.is-long-title .library-slide-caption h3{font-size:12px}
  .healing-library-section .library-carousel-foot{left:50%}
}

@media (min-width:99999px){
  .section-intro-portal{min-height:390px;padding-top:34px;padding-bottom:48px}
  .section-intro-portal::after{right:0;top:58px;font-size:clamp(180px,24vw,330px)}
  .section-intro-portal-paper{min-height:500px;padding:108px clamp(30px,6vw,82px) 58px}
  .section-arrival-signal{margin-bottom:38px;font-size:9px}
  .healing-library-section .library-slide-caption{
    inset:0 0 0 47%;
    padding:46px clamp(38px,5vw,72px) 72px clamp(64px,7vw,112px);
  }
  .healing-library-section .library-carousel-foot{left:60%}
  #profileDirectionsSection .profile-research-grid{grid-template-columns:1fr;gap:24px}
  #profileDirectionsSection .research-direction-card{
    display:flex;
    min-height:0;
  }
  #profileDirectionsSection .research-direction-card .news-card-media{height:auto;aspect-ratio:16/9}
  #profileDirectionsSection .research-direction-card .news-card-copy{
    padding:28px;
  }
  #profileDirectionsSection .research-direction-card .news-card-copy h3{font-size:28px}
}

@media (min-width:99999px) and (max-width:1199px){
  .app{padding-bottom:calc(88px + env(safe-area-inset-bottom))}
  .bottom-nav{
    top:auto;
    bottom:calc(12px + env(safe-area-inset-bottom));
    left:50%;
    width:min(620px,calc(100% - 32px));
    transform:translateX(-50%);
    padding:0;
    background:none;
  }
  .bottom-nav .nav-wrap{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:4px;
    padding:6px;
    border-radius:999px;
  }
  .bottom-nav a{min-width:0;padding:10px 8px}
}

@media (min-width:99999px){
  .bottom-nav a{min-width:102px}
  .topbar{padding-left:max(38px,calc((100vw - 1480px)/2 + 30px));padding-right:max(38px,calc((100vw - 1480px)/2 + 30px))}
  .section-intro-portal>.section-title{max-width:min(850px,68vw)}
  .section-intro-portal>.section-desc{max-width:min(760px,62vw)}
}

@supports not (overflow:clip){
  @media (min-width:99999px){.app{overflow:hidden}}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .topbar,.bottom-nav .nav-wrap,.section-arrival-signal,.navigation-toast{background:#0b1b15}
}
@media(prefers-reduced-motion:reduce){
  .section-intro-portal>*{opacity:1!important;transform:none!important}
  .section-arrival-signal i{animation:none}
}

/* ===== v28 · full-image library cards, member profiles, full section openers ===== */
.section-intro-portal{
  min-height:620px;
  min-height:min(72svh,720px);
  padding-top:42px;
  padding-bottom:54px;
}
.section-intro-portal-paper{
  min-height:620px;
  min-height:min(72svh,720px);
  padding-top:clamp(88px,12vh,132px);
  padding-bottom:58px;
}
.section-intro-portal::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:0 -18px;
  background:
    radial-gradient(circle at 14% 22%,rgba(52,112,78,.15),transparent 30%),
    linear-gradient(180deg,rgba(16,51,40,.12),rgba(5,19,15,.03));
  pointer-events:none;
}
.section-intro-portal .section-arrival-signal{
  min-height:36px;
  padding:9px 13px;
  background:rgba(8,29,22,.82);
}
.section-intro-portal>.section-title{font-size:clamp(38px,11vw,66px)}
.section-intro-portal>.section-desc{font-size:clamp(14px,3.8vw,18px);line-height:1.9}

.healing-library-section .library-slide{display:block;background:#101713}
.healing-library-section .library-slide>img{
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top!important;
  filter:none;
}
.healing-library-section .library-slide-caption{
  position:absolute;
  z-index:3;
  inset:auto 86px 25px 23px;
  width:auto;
  height:auto;
  min-width:0;
  max-width:min(720px,calc(100% - 110px));
  padding:0;
  display:block;
  border:0;
  border-radius:0;
  background:none;
  color:#fff;
  text-shadow:0 2px 5px rgba(0,0,0,.98),0 8px 28px rgba(0,0,0,.9);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.healing-library-section .library-slide-caption small{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 8px;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(6,15,11,.42);
  color:#e2ebe5;
  font-size:8px;
  line-height:1.3;
  letter-spacing:.13em;
  text-shadow:0 2px 7px rgba(0,0,0,.85);
}
.healing-library-section .library-slide-caption h3{
  margin:0;
  max-width:100%;
  color:#fff;
  font-size:clamp(21px,6vw,38px);
  line-height:1.17;
  letter-spacing:-.035em;
}
.healing-library-section .library-slide.is-long-title .library-slide-caption h3{
  font-size:clamp(15px,4.3vw,27px);
  line-height:1.27;
}
.healing-library-section .library-slide-caption span{
  display:inline-block;
  margin-top:10px;
  color:#f0f4f1;
  font-size:8px;
  letter-spacing:.12em;
}
.healing-library-section .library-carousel-foot{
  left:auto;
  right:17px;
  bottom:18px;
  width:auto;
  height:22px;
  padding:0;
  justify-content:flex-end;
}
.healing-library-section .library-dots{gap:6px}
.healing-library-section .library-dots button{
  background:rgba(244,247,245,.76);
  box-shadow:0 2px 8px rgba(0,0,0,.52);
}
.healing-library-section .library-dots button.active{background:#e4f4b7}

#profileDirectionsSection .research-direction-card .news-card-media{
  align-self:stretch;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  border-radius:0;
}
#profileDirectionsSection .research-direction-card .news-card-media img{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  object-fit:cover;
  object-position:center;
}

.team-avatar-button{
  position:relative;
  padding:0;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  isolation:isolate;
  transition:transform .3s cubic-bezier(.18,.82,.22,1),border-color .25s ease,box-shadow .25s ease;
}
.team-avatar-button::after{
  content:"↗";
  position:absolute;
  z-index:2;
  right:4px;
  bottom:4px;
  width:20px;
  height:20px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(8,25,18,.88);
  color:#dff39f;
  font:12px/1 Arial,sans-serif;
  box-shadow:0 4px 12px rgba(0,0,0,.36);
  transition:transform .25s ease,background .25s ease;
}
.team-avatar-button:hover,
.team-avatar-button:focus-visible{
  transform:scale(1.055);
  border-color:rgba(215,237,158,.58);
  box-shadow:0 0 0 5px rgba(201,220,118,.08),0 14px 28px rgba(0,0,0,.3);
  outline:0;
}
.team-avatar-button:hover::after,
.team-avatar-button:focus-visible::after{transform:rotate(8deg) scale(1.08);background:#315700}
.team-avatar-button:active{transform:scale(.94)}
.team-member-card:focus-within{
  border-color:rgba(201,220,118,.19);
  background:linear-gradient(145deg,rgba(27,43,35,.98),rgba(15,26,21,.98));
}

.member-profile-sheet{z-index:255}
.member-profile-sheet .member-profile-panel{
  height:min(92vh,840px);
  height:min(92dvh,840px);
  overflow:hidden;
  background:linear-gradient(180deg,#111d18 0%,#0a1310 100%);
  opacity:0;
  transform:translateY(28px) scale(.985);
  transition:opacity .32s ease,transform .46s cubic-bezier(.18,.82,.22,1);
}
.member-profile-sheet.open.is-entered .member-profile-panel{opacity:1;transform:none}
.member-profile-body{padding:18px 18px calc(32px + env(safe-area-inset-bottom))}
.member-profile-photo{
  position:relative;
  width:100%;
  margin:0;
  overflow:hidden;
  aspect-ratio:4/5;
  max-height:48vh;
  border-radius:24px;
  background:#17251f;
}
.member-profile-photo::after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(180deg,transparent,rgba(5,14,10,.78));pointer-events:none}
.member-profile-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.member-profile-photo figcaption{position:absolute;z-index:2;left:16px;bottom:14px;color:#edf3ed;font-size:8px;letter-spacing:.17em}
.member-profile-copy{padding:24px 2px 14px}
.member-profile-copy>small{display:block;color:#c9dc76;font-size:8px;letter-spacing:.18em}
.member-profile-copy h2{margin:10px 0 12px;color:#f3f5f1;font-size:42px;line-height:1;letter-spacing:-.05em}
.member-profile-copy>p{margin:0;color:#bdcbc4;font-size:13px;line-height:1.85}
.member-profile-facts{margin:24px 0 0;border-top:1px solid rgba(255,255,255,.07)}
.member-profile-facts>div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.member-profile-facts dt{color:#81968c;font-size:10px}
.member-profile-facts dd{margin:0;color:#e5ece7;font-size:12px;line-height:1.6}

@media(max-width:420px){
  .section-intro-portal,
  .section-intro-portal-paper{
    min-height:570px;
    min-height:min(70svh,640px);
  }
  .section-intro-portal>.section-title{font-size:clamp(36px,11.8vw,52px)}
  .healing-library-section .library-viewport{height:clamp(300px,78vw,385px)}
  .healing-library-section .library-slide-caption{inset:auto 70px 21px 18px;max-width:calc(100% - 88px)}
  .healing-library-section .library-slide-caption h3{font-size:22px}
  .healing-library-section .library-slide.is-long-title .library-slide-caption h3{font-size:14px}
  .healing-library-section .library-slide-caption span{margin-top:7px;font-size:7px}
  .healing-library-section .library-carousel-foot{right:13px;bottom:15px}
}

@media (min-width:99999px){
  .section-intro-portal,
  .section-intro-portal-paper{
    min-height:620px;
    min-height:min(76svh,780px);
  }
  .healing-library-section .library-slide-caption{
    inset:auto 160px 46px 48px;
    max-width:min(760px,calc(100% - 210px));
  }
  .healing-library-section .library-carousel-foot{right:38px;bottom:35px}
  .member-profile-sheet .member-profile-panel{width:min(920px,calc(100vw - 70px));height:min(84vh,760px)}
  .member-profile-body{display:grid;grid-template-columns:minmax(260px,.88fr) minmax(0,1.12fr);gap:34px;align-items:center;padding:28px 32px 34px}
  .member-profile-photo{max-height:none;height:100%;aspect-ratio:auto}
  .member-profile-copy{padding:20px 0}
  .member-profile-copy h2{font-size:58px}
  .member-profile-copy>p{font-size:15px}
}

@media(prefers-reduced-motion:reduce){
  .member-profile-sheet .member-profile-panel{opacity:1;transform:none}
  .team-avatar-button{transition:none}
}


/* ===== v29 · strict section opener composition, instant bottom-navigation switch, compact rhythm ===== */
html{scroll-behavior:smooth}
.section-intro-portal,
.section-intro-portal-paper{
  position:relative;
  min-height:620px;
  min-height:min(78svh,760px);
  padding:38px 24px 112px!important;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  overflow:hidden;
  isolation:isolate;
}
.section-intro-portal::before{
  inset:0 -18px;
  background:
    radial-gradient(circle at 12% 18%,rgba(50,118,82,.16),transparent 32%),
    linear-gradient(155deg,#0d4033 0%,#0a3027 52%,#06221b 100%);
}
.section-intro-portal::after{
  content:attr(data-portal-index);
  right:-15px;
  top:54px;
  color:rgba(184,219,120,.075);
  font:800 clamp(160px,43vw,240px)/.78 Georgia,serif;
  letter-spacing:-.105em;
}
.section-intro-portal-paper::after{display:block}
.section-intro-portal .project-watermark{display:none}
.section-intro-portal .section-arrival-signal{
  order:0;
  margin:0 0 clamp(72px,14vh,132px);
  min-height:36px;
  padding:9px 13px;
}
.section-intro-portal>.section-kicker,
.section-intro-portal>.project-kicker{
  order:1;
  margin:0 0 22px;
  color:#a7bdb3;
  font-size:10px;
  letter-spacing:.22em;
}
.section-intro-portal>.section-title,
.section-intro-portal>h2{
  order:2;
  margin:0;
  max-width:92%;
  color:#f2f4ef;
  font-size:clamp(48px,14vw,74px);
  line-height:.98;
  letter-spacing:-.065em;
  font-weight:760;
}
.section-intro-portal>.section-title em:empty{display:none}
.section-intro-portal>.section-desc,
.section-intro-portal>p{
  order:3;
  max-width:94%;
  margin:30px 0 0;
  color:#b7cac0;
  font-size:clamp(14px,4vw,18px);
  line-height:1.85;
}
.section-intro-portal>.section-opener-count,
.section-intro-portal>.project-total{
  position:absolute;
  z-index:3;
  left:24px;
  bottom:40px;
  margin:0;
  display:flex;
  align-items:flex-end;
  gap:13px;
}
.section-intro-portal>.section-opener-count b,
.section-intro-portal>.project-total b{
  color:#b8db78;
  font:700 clamp(62px,18vw,94px)/.72 Georgia,serif;
  letter-spacing:-.07em;
}
.section-intro-portal>.section-opener-count span,
.section-intro-portal>.project-total span{
  max-width:132px;
  padding-bottom:1px;
  color:#91afa1;
  font-size:11px;
  line-height:1.4;
}
.deep-green-publications .section-intro-portal{background:transparent;border-top:0}

/* Reduce non-informational gaps without compressing the full-page openers. */
.healing-library-section{padding-bottom:20px}
.healing-library-section .library-carousel{margin-top:8px}
.built-projects-section{padding-bottom:28px}
.built-projects-section .built-projects-grid{margin-top:12px;gap:12px}
.built-projects-section .project-subsection-head{margin-top:24px}
.team-section{padding-bottom:28px}
.team-section .team-roster-head{margin-top:16px;margin-bottom:11px}
.team-section .team-grid{gap:9px}
.deep-green-publications .project-tools{margin-top:0}
.paper-grid{padding-top:8px}
.legacy-reader-note{margin-top:10px}

/* A bottom-nav click changes the section in one frame, then cross-fades the new first page. */
::view-transition-old(root),
::view-transition-new(root){
  animation-duration:240ms;
  animation-timing-function:cubic-bezier(.2,.75,.25,1);
}
::view-transition-old(root){animation-name:hclSectionOld}
::view-transition-new(root){animation-name:hclSectionNew}
@keyframes hclSectionOld{to{opacity:.18;filter:blur(1.5px);transform:scale(.998)}}
@keyframes hclSectionNew{from{opacity:.12;filter:blur(1.5px);transform:scale(1.002)}to{opacity:1;filter:none;transform:none}}
body::after{
  content:"";
  position:fixed;
  z-index:9999;
  inset:0;
  background:#07130f;
  opacity:0;
  pointer-events:none;
}
body.section-jump-cover::after{opacity:.64;transition:opacity 70ms ease-out}
body.section-jump-cover.section-jump-reveal::after{opacity:0;transition:opacity 180ms ease-in}

@media(max-width:420px){
  .section-intro-portal,
  .section-intro-portal-paper{
    min-height:590px;
    min-height:min(76svh,680px);
    padding:32px 20px 102px!important;
  }
  .section-intro-portal .section-arrival-signal{margin-bottom:clamp(60px,12vh,98px)}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(44px,14vw,60px)}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{margin-top:24px;font-size:14px}
  .section-intro-portal>.section-opener-count,
  .section-intro-portal>.project-total{left:20px;bottom:34px}
}

@media (min-width:99999px){
  .section-intro-portal,
  .section-intro-portal-paper{
    min-height:650px;
    min-height:min(80svh,820px);
    padding:54px clamp(38px,7vw,88px) 130px!important;
  }
  .section-intro-portal::after{right:clamp(0px,3vw,42px);top:56px;font-size:clamp(230px,31vw,430px)}
  .section-intro-portal .section-arrival-signal{margin-bottom:clamp(86px,15vh,150px)}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{max-width:min(900px,72vw);font-size:clamp(66px,8vw,118px)}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{max-width:min(760px,62vw);font-size:17px}
  .section-intro-portal>.section-opener-count,
  .section-intro-portal>.project-total{left:clamp(38px,7vw,88px);bottom:54px}
}

@media(prefers-reduced-motion:reduce){
  ::view-transition-old(root),::view-transition-new(root){animation:none}
  body.section-jump-cover::after,body.section-jump-cover.section-jump-reveal::after{transition:none}
}


/* ===== v8 · grouped two-column team roster + title-leading project numbers ===== */
.built-project-cover>i{display:none!important}
.built-project-copy h3{
  display:flex;
  align-items:baseline;
  gap:10px;
}
.project-title-index{
  flex:0 0 auto;
  color:#d7e99e;
  font:italic 25px/1 Georgia,serif;
  letter-spacing:-.04em;
}
.built-project-copy h3>span:last-child{min-width:0}

.team-section .team-grid{
  display:block;
}
.team-section .team-leader-card{
  width:100%;
  margin:0 0 18px;
}
.team-subgroup{
  width:100%;
  margin:0 0 22px;
}
.team-subgroup-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin:0 2px 10px;
  padding:0 2px 9px;
  border-bottom:1px solid rgba(201,220,118,.11);
  color:#90a69b;
  font-size:9px;
  letter-spacing:.16em;
}
.section-intro-portal>.section-kicker>span{display:none}
.team-subgroup-head b{
  color:#c9dc76;
  font:italic 18px/1 Georgia,serif;
  letter-spacing:0;
}
.team-subgroup-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.team-subgroup-grid .team-member-card{
  min-width:0;
  min-height:164px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
  padding:14px 12px 13px;
}
.team-subgroup-grid .team-member-avatar{
  width:66px;
  height:66px;
  border-radius:18px;
}
.team-subgroup-grid .team-member-copy{width:100%;min-width:0}
.team-subgroup-grid .team-member-card h4{
  margin:0;
  font-size:15px;
  line-height:1.2;
}
.team-subgroup-grid .team-member-card small{
  display:-webkit-box;
  margin-top:6px;
  overflow:hidden;
  color:#8da097;
  font-size:9px;
  line-height:1.55;
  white-space:normal;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.team-subgroup[data-group-size="3"] .team-member-card:last-child{
  grid-column:1 / -1;
  width:calc(50% - 5px);
  justify-self:center;
}
@media (min-width:99999px){
  .team-subgroup-grid{gap:14px}
  .team-subgroup-grid .team-member-card{min-height:178px;padding:17px 15px}
  .team-subgroup-grid .team-member-avatar{width:78px;height:78px}
  .team-subgroup-grid .team-member-card h4{font-size:17px}
  .team-subgroup-grid .team-member-card small{font-size:10px}
}

/* ===== final v11 · strict half-screen openers, full-bleed layout, reading history ===== */
.section-intro-portal,
.section-intro-portal-paper{
  width:100vw;
  height:50vh;
  height:50svh;
  min-height:0;
  max-height:none;
  margin-left:calc(50% - 50vw);
  padding:18px clamp(18px,5vw,64px) 18px!important;
  display:block;
  overflow:hidden;
}
.healing-library-section,
.built-projects-section,
.team-section{padding-top:0}
.deep-green-publications{
  max-width:none!important;
  margin:0!important;
  border-radius:0!important;
}
.section-intro-portal::before{inset:0}
.section-intro-portal::after{
  right:clamp(0px,2vw,28px);
  top:14px;
  font-size:clamp(118px,36vw,176px);
  line-height:.78;
}
.section-intro-portal .section-arrival-signal{
  position:absolute;
  z-index:4;
  top:18px;
  left:clamp(18px,5vw,64px);
  width:max-content;
  min-height:32px;
  margin:0;
  padding:7px 11px;
}
.section-intro-portal>.section-kicker,
.section-intro-portal>.project-kicker{
  margin:64px 0 8px;
  font-size:9px;
  letter-spacing:.18em;
}
.section-intro-portal>.section-title,
.section-intro-portal>h2{
  max-width:88%;
  margin:0;
  font-size:clamp(38px,11.5vw,58px);
  line-height:.94;
}
.section-intro-portal>.section-desc,
.section-intro-portal>p{
  display:-webkit-box;
  max-width:min(92%,720px);
  margin:10px 0 0;
  overflow:hidden;
  color:#b7cac0;
  font-size:clamp(11px,3.35vw,15px);
  line-height:1.58;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:3;
}
.section-intro-portal>.section-opener-count,
.section-intro-portal>.project-total{
  left:clamp(18px,5vw,64px);
  bottom:18px;
  gap:10px;
}
.section-intro-portal>.section-opener-count b,
.section-intro-portal>.project-total b{
  font-size:clamp(42px,13vw,68px);
  line-height:.72;
}
.section-intro-portal>.section-opener-count span,
.section-intro-portal>.project-total span{
  max-width:120px;
  font-size:10px;
  line-height:1.3;
}

.library-history-panel{
  width:100vw;
  margin:24px 0 2px calc(50% - 50vw);
  padding:0;
  overflow:hidden;
  background:#171a18;
  color:#aebdb5;
  border:0;
  border-radius:0;
  box-shadow:none;
}
.library-history-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  padding:18px clamp(18px,5vw,64px) 14px;
  border-bottom:1px solid rgba(214,227,219,.11);
}
.library-history-head small{
  display:block;
  color:#7f9288;
  font-size:8px;
  letter-spacing:.18em;
}
.library-history-head h3{
  margin:4px 0 0;
  color:#a9bbb2;
  font-size:20px;
  letter-spacing:-.025em;
}
.library-history-head>span{
  flex:0 0 auto;
  color:#7f8d86;
  font-size:10px;
}
.library-history-list{display:flex;flex-direction:column}
.library-history-item{
  display:grid;
  grid-template-columns:18px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  min-height:48px;
  padding:11px clamp(18px,5vw,64px);
  border:0;
  border-bottom:1px solid rgba(214,227,219,.11);
  background:#191c1a;
  color:#aebdb5;
  text-align:left;
  cursor:pointer;
}
.library-history-item:last-child{border-bottom:0}
.library-history-item i{
  color:#d2d9d5;
  font-size:23px;
  font-style:normal;
  line-height:1;
}
.library-history-item span{
  min-width:0;
  overflow:hidden;
  font-size:13px;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.library-history-item time{
  color:#9aa59f;
  font-size:11px;
  font-variant-numeric:tabular-nums;
  white-space:nowrap;
}
.library-history-item.is-active span{color:#b9c9c0;font-weight:720}
.library-history-item.is-active i{color:#7fa244}
.library-history-item:focus-visible{outline:2px solid #769d41;outline-offset:-2px}

@media(max-height:700px){
  .section-intro-portal,
  .section-intro-portal-paper{padding-top:14px!important;padding-bottom:14px!important}
  .section-intro-portal .section-arrival-signal{top:14px}
  .section-intro-portal>.section-kicker,
  .section-intro-portal>.project-kicker{margin-top:55px;margin-bottom:6px}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(35px,10.8vw,50px)}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{margin-top:7px;font-size:11px;line-height:1.45;-webkit-line-clamp:2}
  .section-intro-portal>.section-opener-count,
  .section-intro-portal>.project-total{bottom:14px}
}

@media (min-width:99999px){
  .section-intro-portal,
  .section-intro-portal-paper{
    height:50svh;
    min-height:0;
    max-height:none;
    padding:clamp(24px,4vh,44px) clamp(38px,7vw,88px) clamp(24px,4vh,44px)!important;
  }
  .section-intro-portal .section-arrival-signal{top:clamp(24px,4vh,44px);left:clamp(38px,7vw,88px)}
  .section-intro-portal>.section-kicker,
  .section-intro-portal>.project-kicker{margin-top:clamp(74px,11vh,112px)}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(58px,7vw,102px)}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{max-width:min(760px,62vw);font-size:16px;-webkit-line-clamp:3}
  .section-intro-portal>.section-opener-count,
  .section-intro-portal>.project-total{left:clamp(38px,7vw,88px);bottom:clamp(24px,4vh,44px)}
  .library-history-panel{width:min(100%,1000px);margin-left:auto;margin-right:auto}
}

/* ===== final v12 · one-third full-bleed openers, gesture coaching, smooth navigation ===== */
.section-intro-portal,
.section-intro-portal-paper{
  width:100vw;
  height:33.333vh;
  height:33.333svh;
  min-height:0;
  max-height:none;
  margin:0 0 0 calc(50% - 50vw);
  padding:10px clamp(14px,4.2vw,58px)!important;
  display:block;
  overflow:hidden;
  border:0!important;
  border-radius:0!important;
}
.section-intro-portal::before{inset:0!important}
.section-intro-portal::after{
  right:clamp(2px,1.5vw,22px);
  top:8px;
  font-size:clamp(94px,30vw,156px);
  line-height:.76;
}
.section-intro-portal .section-arrival-signal{
  top:10px;
  left:clamp(14px,4.2vw,58px);
  min-height:26px;
  padding:5px 9px;
  gap:6px;
  font-size:7px;
  line-height:1;
}
.section-intro-portal .section-arrival-signal b{font-size:7px}
.section-intro-portal>.section-kicker,
.section-intro-portal>.project-kicker{
  margin:43px 0 4px;
  font-size:7.5px;
  line-height:1.15;
  letter-spacing:.16em;
}
.section-intro-portal>.section-title,
.section-intro-portal>h2{
  max-width:84%;
  margin:0;
  font-size:clamp(31px,9.6vw,47px);
  line-height:.92;
  letter-spacing:-.06em;
}
.section-intro-portal>.section-desc,
.section-intro-portal>p{
  display:-webkit-box;
  max-width:min(78%,650px);
  margin:5px 0 0;
  overflow:hidden;
  font-size:clamp(9px,2.65vw,12px);
  line-height:1.34;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.section-intro-portal>.section-opener-count,
.section-intro-portal>.project-total{
  left:clamp(14px,4.2vw,58px);
  bottom:10px;
  gap:7px;
}
.section-intro-portal>.section-opener-count b,
.section-intro-portal>.project-total b{
  font-size:clamp(31px,9.6vw,48px);
  line-height:.7;
}
.section-intro-portal>.section-opener-count span,
.section-intro-portal>.project-total span{
  max-width:100px;
  padding-bottom:0;
  font-size:8px;
  line-height:1.15;
}
.healing-library-section,
.built-projects-section,
.team-section{padding-top:0!important}
.deep-green-publications .section-intro-portal{margin-top:0!important}

.gesture-cue{
  position:absolute;
  z-index:8;
  right:10px;
  bottom:9px;
  width:70px;
  min-height:58px;
  padding:5px 5px 4px;
  display:grid;
  place-items:center;
  border:1px solid rgba(236,243,238,.16);
  border-radius:9px;
  background:rgba(4,9,7,.64);
  color:#f1f4f1;
  box-shadow:0 8px 24px rgba(0,0,0,.2);
  opacity:0;
  transform:translate3d(0,5px,0);
  pointer-events:none;
  contain:layout paint;
  transition:opacity .22s ease,transform .28s cubic-bezier(.22,.78,.26,1);
}
.gesture-cue.is-visible{opacity:1;transform:translate3d(0,0,0)}
.gesture-cue svg{width:36px;height:34px;display:block;overflow:visible}
.gesture-cue .gesture-phone{fill:rgba(225,233,228,.08);stroke:rgba(245,248,246,.72);stroke-width:1.4}
.gesture-cue .gesture-screen{fill:none;stroke:rgba(245,248,246,.26);stroke-width:1}
.gesture-cue .gesture-hand{fill:#f5f6f4;transform-box:fill-box;transform-origin:center}
.gesture-cue .gesture-arrow{fill:none;stroke:#b8db78;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.gesture-cue small{
  display:block;
  color:#eef2ef;
  font-size:6.5px;
  line-height:1.1;
  letter-spacing:.04em;
  white-space:nowrap;
}
.gesture-cue--vertical .gesture-hand{animation:hclGestureVertical 1.15s cubic-bezier(.4,0,.2,1) infinite}
.gesture-cue--horizontal .gesture-hand{animation:hclGestureHorizontal 1.25s cubic-bezier(.4,0,.2,1) infinite}
@keyframes hclGestureVertical{
  0%,100%{transform:translate3d(0,4px,0)}
  55%{transform:translate3d(0,-5px,0)}
}
@keyframes hclGestureHorizontal{
  0%,100%{transform:translate3d(-5px,0,0)}
  55%{transform:translate3d(6px,0,0)}
}
.library-carousel>.gesture-cue{
  right:50%;
  bottom:42px;
  transform:translate3d(50%,5px,0);
}
.library-carousel>.gesture-cue.is-visible{transform:translate3d(50%,0,0)}
.achievement-body>.gesture-cue,
.direction-story-shell>.gesture-cue,
.full-reader>.gesture-cue{
  position:fixed;
  z-index:12;
  right:14px;
  bottom:calc(76px + env(safe-area-inset-bottom));
}
.direction-story-scroll-hint{
  height:46px;
  gap:10px;
}
.direction-story-scroll-hint .gesture-mini{
  position:relative;
  width:29px;
  height:29px;
  flex:0 0 29px;
  border:1px solid rgba(216,231,207,.13);
  border-radius:8px;
}
.direction-story-scroll-hint .gesture-mini::before{
  content:"☝";
  position:absolute;
  left:7px;
  top:5px;
  color:#eef3ef;
  font-size:15px;
  line-height:1;
  filter:grayscale(1);
  animation:hclGestureVertical 1.15s ease-in-out infinite;
}
.direction-story-scroll-hint .gesture-mini::after{
  content:"↑";
  position:absolute;
  right:2px;
  top:1px;
  color:var(--direction-accent);
  font-size:10px;
}

.brand-entry-trigger{display:none}
.brand-story.is-entry-screen .brand-entry-trigger{
  position:fixed;
  z-index:9;
  left:50%;
  bottom:calc(22px + env(safe-area-inset-bottom));
  width:min(230px,calc(100vw - 44px));
  min-height:54px;
  padding:8px 18px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border:1px solid rgba(224,242,169,.24);
  border-radius:999px;
  background:rgba(8,20,15,.78);
  color:#eef4e9;
  box-shadow:0 14px 38px rgba(0,0,0,.32);
  backdrop-filter:blur(10px);
  cursor:pointer;
  opacity:0;
  transform:translate3d(-50%,10px,0);
  animation:hclEntryReveal .62s cubic-bezier(.22,.78,.26,1) .58s forwards;
}
.brand-entry-trigger>span:last-child{display:grid;text-align:left}
.brand-entry-trigger b{font-size:12px;letter-spacing:.08em}
.brand-entry-trigger small{margin-top:2px;color:#9eafa6;font-size:7px;letter-spacing:.17em}
.brand-entry-touch{
  position:relative;
  width:28px;
  height:28px;
  flex:0 0 28px;
  border:1px solid rgba(221,240,166,.28);
  border-radius:50%;
}
.brand-entry-touch::before,
.brand-entry-touch::after{
  content:"";
  position:absolute;
  inset:4px;
  border:1px solid rgba(221,240,166,.48);
  border-radius:50%;
  animation:hclTapRing 1.65s ease-out infinite;
}
.brand-entry-touch::after{animation-delay:.55s}
.brand-entry-touch i{
  position:absolute;
  left:11px;
  top:10px;
  width:6px;
  height:9px;
  border-radius:5px 5px 2px 2px;
  background:#eaf2dc;
  transform:rotate(-12deg);
  animation:hclTapFinger 1.65s ease-in-out infinite;
}
.brand-story.is-entry-screen .brand-story-logo-frame img{animation:hclLogoBreath 2.8s ease-in-out infinite}
@keyframes hclEntryReveal{to{opacity:1;transform:translate3d(-50%,0,0)}}
@keyframes hclTapRing{
  0%{opacity:.72;transform:scale(.45)}
  72%,100%{opacity:0;transform:scale(1.45)}
}
@keyframes hclTapFinger{
  0%,100%{transform:translate3d(0,2px,0) rotate(-12deg)}
  46%{transform:translate3d(0,-1px,0) rotate(-12deg)}
}
@keyframes hclLogoBreath{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,-3px,0) scale(1.012)}
}

.bottom-nav{
  transform:translate3d(-50%,0,0);
  backface-visibility:hidden;
  contain:layout paint;
}
.bottom-nav .nav-wrap{
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:#0b1b15;
  box-shadow:0 8px 22px rgba(0,0,0,.22);
  transform:translateZ(0);
}
.bottom-nav a{
  backface-visibility:hidden;
  will-change:transform;
  transition:transform .2s cubic-bezier(.22,.78,.26,1),color .16s ease,background-color .16s ease!important;
}
.bottom-nav a.active{transform:translateZ(0) scale(1.015)}
body::after{display:none!important}
::view-transition-old(root),
::view-transition-new(root){animation:none!important}
.section-intro-portal.nav-arrival>*{animation:hclPortalArrive .24s cubic-bezier(.22,.78,.26,1)}
@keyframes hclPortalArrive{
  from{opacity:.68;transform:translate3d(0,7px,0)}
  to{opacity:1;transform:translate3d(0,0,0)}
}

@media(max-height:700px){
  .section-intro-portal,
  .section-intro-portal-paper{padding:8px 13px!important}
  .section-intro-portal .section-arrival-signal{top:8px;left:13px;min-height:23px;padding:4px 8px}
  .section-intro-portal>.section-kicker,
  .section-intro-portal>.project-kicker{margin-top:37px;margin-bottom:3px}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(27px,8.8vw,40px)}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{margin-top:4px;font-size:8.5px;line-height:1.25;-webkit-line-clamp:2}
  .section-intro-portal>.section-opener-count,
  .section-intro-portal>.project-total{left:13px;bottom:8px}
  .section-intro-portal>.section-opener-count b,
  .section-intro-portal>.project-total b{font-size:30px}
  .gesture-cue{right:8px;bottom:7px;transform:scale(.88);transform-origin:right bottom}
}
@media (min-width:99999px){
  .section-intro-portal,
  .section-intro-portal-paper{
    height:33.333svh;
    min-height:0;
    max-height:none;
    padding:clamp(15px,2.2vh,28px) clamp(38px,7vw,88px)!important;
  }
  .section-intro-portal .section-arrival-signal{
    top:clamp(15px,2.2vh,28px);
    left:clamp(38px,7vw,88px);
  }
  .section-intro-portal>.section-kicker,
  .section-intro-portal>.project-kicker{margin-top:clamp(50px,6.5vh,70px)}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(42px,5vw,72px)}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{max-width:min(720px,58vw);font-size:12px;line-height:1.45}
  .section-intro-portal>.section-opener-count,
  .section-intro-portal>.project-total{left:clamp(38px,7vw,88px);bottom:clamp(15px,2.2vh,28px)}
  .section-intro-portal>.section-opener-count b,
  .section-intro-portal>.project-total b{font-size:clamp(42px,5vw,64px)}
  .gesture-cue{right:clamp(24px,4vw,58px);bottom:clamp(15px,2.2vh,28px)}
}
@media(prefers-reduced-motion:reduce){
  .gesture-cue .gesture-hand,
  .direction-story-scroll-hint .gesture-mini::before,
  .brand-entry-trigger,
  .brand-entry-touch::before,
  .brand-entry-touch::after,
  .brand-entry-touch i,
  .brand-story.is-entry-screen .brand-story-logo-frame img,
  .section-intro-portal.nav-arrival>*{animation:none!important}
  .brand-story.is-entry-screen .brand-entry-trigger{opacity:1;transform:translate3d(-50%,0,0)}
}

/* ===== final v13 · first-entry gesture coach, clearer healing projects, two-step paper reading ===== */
body .gesture-cue.gesture-cue--coach{
  position:fixed!important;
  z-index:480;
  inset:0!important;
  right:auto!important;
  bottom:auto!important;
  width:auto!important;
  min-height:100dvh;
  padding:0!important;
  display:grid;
  grid-template-rows:auto auto;
  align-content:center;
  justify-items:center;
  gap:13px;
  border:0!important;
  border-radius:0!important;
  background:rgba(3,8,6,.66);
  box-shadow:none!important;
  transform:translate3d(0,8px,0)!important;
  transform-origin:center!important;
  backdrop-filter:blur(1.5px);
  -webkit-backdrop-filter:blur(1.5px);
}
body .gesture-cue.gesture-cue--coach.is-visible{
  opacity:1;
  transform:translate3d(0,0,0)!important;
}
.gesture-cue--coach svg{width:82px;height:74px}
.gesture-cue--coach .gesture-phone{
  fill:rgba(225,232,228,.22);
  stroke:rgba(255,255,255,.92);
  stroke-width:1.55;
}
.gesture-cue--coach .gesture-screen{stroke:rgba(255,255,255,.38)}
.gesture-cue--coach .gesture-hand{fill:#fff}
.gesture-cue--coach .gesture-arrow{stroke:#e5efc9;stroke-width:1.65}
.gesture-cue--coach small{
  padding:7px 12px;
  border-radius:999px;
  background:rgba(3,8,6,.5);
  color:#fff;
  font-size:11px;
  font-weight:680;
  line-height:1.25;
  letter-spacing:.04em;
  text-align:center;
}
.gesture-cue--both .gesture-hand{animation:hclGestureBoth 1.45s cubic-bezier(.4,0,.2,1) infinite}
@keyframes hclGestureBoth{
  0%,100%{transform:translate3d(-4px,4px,0)}
  38%{transform:translate3d(-4px,-5px,0)}
  72%{transform:translate3d(6px,-2px,0)}
}

.publication-tabs{display:none!important}
#readerOverviewPane{display:none!important}
#readerWebPane{display:block!important}
.publication-head{padding-bottom:16px}
.publication-title-block small{color:#a9bbb2}
.publication-title-block p{color:#b8c7c0}
.publication-body{padding-top:14px}
.reader-preview-button{margin-top:0}
.reader-preview-status{color:#afc0b7}

.project-editorial-shell,
.project-editorial-article{
  background:#0b1713;
  color:#f1f4f1;
}
.project-showcase-head{
  border-bottom-color:rgba(255,255,255,.09);
  background:rgba(10,23,18,.97);
  color:#f5f7f4;
}
.project-showcase-head small{color:#b4c6bd}
.project-showcase-head h2{color:#f6f8f5}
.project-showcase-close{
  border-color:rgba(255,255,255,.18);
  background:#172821;
  color:#f7f9f6;
}
.project-editorial-intro>p{color:#eef3f0}
.project-editorial-meta{
  border-top-color:rgba(255,255,255,.12);
  border-left-color:rgba(255,255,255,.12);
}
.project-editorial-meta>div{
  border-right-color:rgba(255,255,255,.12);
  border-bottom-color:rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
}
.project-editorial-meta small{color:#aabbb2}
.project-editorial-meta b{color:#f3f6f3}
.project-story-section small,
.project-technical>small{color:#cfe69a}
.project-story-section h3,
.project-technical h3{color:#f6f8f5}
.project-story-section p{color:#e7eeea}
.project-article-figure{background:#12231c}
.project-article-figure img{background:#102019}
.project-article-figure figcaption{
  background:#0b1713;
  color:#cbd8d1;
}
.project-technical{
  border-top-color:rgba(255,255,255,.12);
}
.project-technical dl{border-top-color:rgba(255,255,255,.12)}
.project-technical dl>div{border-bottom-color:rgba(255,255,255,.12)}
.project-technical dt{color:#aebeb6}
.project-technical dd{color:#f0f4f1}
.project-editorial-article .project-showcase-foot{
  border-top-color:rgba(255,255,255,.12);
  background:#0e1d17;
}
.project-editorial-article .project-gallery-controls button{
  border-color:rgba(255,255,255,.16);
  background:#182a22;
  color:#f4f7f4;
}
.project-editorial-article .project-gallery-controls span{color:#dbe8d7}

@media(prefers-reduced-motion:reduce){
  .gesture-cue--both .gesture-hand{animation:none!important}
  body .gesture-cue.gesture-cue--coach{backdrop-filter:none;-webkit-backdrop-filter:none}
}


/* ===== final v17 · clean transition pages, no transition-page numerals ===== */
/* Remove only the numeric ornaments/counters from the four section transition pages. */
.section-intro-portal::after,
.section-intro-portal-paper::after{
  content:none!important;
  display:none!important;
}
.section-intro-portal .section-arrival-signal b{
  display:none!important;
}
.section-intro-portal>.section-kicker>span{
  display:none!important;
}
.section-intro-portal>.section-opener-count,
.section-intro-portal>.project-total{
  display:none!important;
}
/* Keep the transition copy compact after the counters are removed. */
.section-intro-portal>.section-kicker,
.section-intro-portal>.project-kicker{
  padding-left:0!important;
}


/* ===== v18 · simplify labels by removing badge numbers and title-leading numbers ===== */
.team-member-index,
.project-title-index,
.team-roster-head > b,
.team-subgroup-head b,
.project-subsection-head > b,
.built-project-cover-top b{display:none !important;}

.built-project-cover-top{justify-content:flex-start;}
.built-project-copy h3{gap:0;}
.team-subgroup-head{justify-content:flex-start;}

/* ===== v21 · two new Healing Updates articles ===== */
.update-showcase-meta{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 12px;
  margin-bottom:18px;
  color:#bfd0c7;
  font-size:9px;
  line-height:1.5;
  letter-spacing:.08em;
}
.update-showcase-meta time{
  color:#d9ec9f;
  font-weight:700;
  letter-spacing:.1em;
}
.update-showcase-meta span{
  position:relative;
  padding-left:12px;
}
.update-showcase-meta span::before{
  content:'·';
  position:absolute;
  left:0;
  color:#6f8279;
}
.update-showcase-intro{
  padding-top:30px;
  padding-bottom:34px;
}
.update-showcase-intro>p{
  color:#eef3f0;
}
.update-story-section{
  padding-top:46px;
  padding-bottom:34px;
}
.update-article-figure img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
}
.update-showcase .project-showcase-head h2{
  max-width:305px;
}
@media(max-width:360px){
  .update-showcase .project-showcase-head h2{max-width:250px;font-size:18px}
  .update-showcase-meta{gap:5px 9px}
}


/* ===== v22 · 9:16 portrait section openers + architectural slash accents ===== */
.section-intro-portal,
.section-intro-portal-paper{
  position:relative!important;
  width:100vw;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:9 / 16;
  margin:0 0 0 calc(50% - 50vw);
  padding:28px 24px!important;
  overflow:hidden!important;
  isolation:isolate;
  background:#0a392f;
}
.section-intro-portal::before{
  content:""!important;
  position:absolute!important;
  z-index:0!important;
  inset:0!important;
  display:block!important;
  background:
    radial-gradient(circle at 15% 10%,rgba(109,170,123,.20),transparent 30%),
    radial-gradient(circle at 86% 84%,rgba(8,23,18,.36),transparent 42%),
    linear-gradient(155deg,#0e493a 0%,#0a392f 46%,#06271f 100%)!important;
}
/* 斜杠点缀：不再使用原数字水印。 */
.section-intro-portal::after,
.section-intro-portal-paper::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:1!important;
  top:94px!important;
  right:-42px!important;
  width:182px!important;
  height:250px!important;
  opacity:.66!important;
  pointer-events:none!important;
  transform:rotate(-8deg)!important;
  background:
    repeating-linear-gradient(
      135deg,
      transparent 0 16px,
      rgba(202,225,139,.18) 16px 20px,
      transparent 20px 34px
    )!important;
}
.section-intro-portal[data-section-portal="papers"]::after{
  top:auto!important;
  bottom:76px!important;
  right:-54px!important;
  transform:rotate(7deg)!important;
}
.section-intro-portal[data-section-portal="projects"]::after{
  top:116px!important;
  right:-70px!important;
  height:310px!important;
}
.section-intro-portal[data-section-portal="team"]::after{
  top:auto!important;
  right:-34px!important;
  bottom:92px!important;
  width:150px!important;
  height:215px!important;
  transform:rotate(-15deg)!important;
}
.section-intro-portal>*{
  position:relative;
  z-index:2;
}
.section-intro-portal .section-arrival-signal{
  top:28px!important;
  left:24px!important;
  min-height:30px!important;
  padding:7px 11px!important;
  border:1px solid rgba(206,226,146,.12);
  background:rgba(5,24,18,.66);
  box-shadow:0 12px 30px rgba(0,0,0,.10);
}
.section-intro-portal>.section-kicker,
.section-intro-portal>.project-kicker{
  margin:150px 0 12px!important;
  color:#a7bdb3!important;
  font-size:9px!important;
  letter-spacing:.22em!important;
}
.section-intro-portal>.section-title,
.section-intro-portal>h2{
  max-width:88%!important;
  margin:0!important;
  color:#eff3ee!important;
  font-size:clamp(52px,14vw,68px)!important;
  line-height:.92!important;
  letter-spacing:-.065em!important;
  font-weight:770!important;
}
.section-intro-portal>.section-desc,
.section-intro-portal>p{
  display:block!important;
  max-width:84%!important;
  margin:20px 0 0!important;
  overflow:visible!important;
  color:#b8c9c0!important;
  font-size:14px!important;
  line-height:1.62!important;
  -webkit-line-clamp:unset!important;
}
.section-intro-portal::selection{background:#bddc79;color:#0b1713}
.section-intro-portal .section-arrival-signal i{
  box-shadow:0 0 0 5px rgba(183,217,111,.08);
}
.section-intro-portal .section-kicker::after,
.section-intro-portal .project-kicker::after{
  content:"///";
  display:inline-block;
  margin-left:12px;
  color:#b8db78;
  font-size:11px;
  letter-spacing:-.08em;
  opacity:.72;
  transform:skewX(-18deg);
}
@media(max-width:380px){
  .section-intro-portal,
  .section-intro-portal-paper{padding:24px 20px!important}
  .section-intro-portal .section-arrival-signal{top:24px!important;left:20px!important}
  .section-intro-portal>.section-kicker,
  .section-intro-portal>.project-kicker{margin-top:128px!important}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(46px,14vw,58px)!important}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{font-size:13px!important;max-width:88%!important}
}
@media(max-height:700px){
  .section-intro-portal,
  .section-intro-portal-paper{
    height:auto!important;
    aspect-ratio:9 / 16!important;
    padding:22px 20px!important;
  }
  .section-intro-portal .section-arrival-signal{top:22px!important;left:20px!important}
  .section-intro-portal>.section-kicker,
  .section-intro-portal>.project-kicker{margin-top:118px!important}
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{font-size:clamp(44px,13vw,57px)!important}
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{margin-top:16px!important;font-size:12px!important;line-height:1.52!important}
}

/* R3 final */
.gesture-cue,.reader-swipe-cue,.direction-story-scroll-hint{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.section-intro-portal,.section-intro-portal-paper{position:relative!important;box-sizing:border-box!important;width:100vw!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:9/16!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;padding:28px 28px 34px!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:radial-gradient(circle at 10% 9%,rgba(112,164,125,.16),transparent 28%),radial-gradient(circle at 92% 84%,rgba(0,0,0,.23),transparent 38%),linear-gradient(156deg,#0f4a3b 0%,#0a382e 47%,#06241d 100%)!important;isolation:isolate}
.section-intro-portal::before,.section-intro-portal-paper::before{content:""!important;position:absolute!important;z-index:0!important;top:70px!important;right:-54px!important;width:205px!important;height:340px!important;display:block!important;opacity:.58!important;transform:rotate(-8deg)!important;background:repeating-linear-gradient(135deg,transparent 0 17px,rgba(204,225,139,.22) 17px 21px,transparent 21px 35px)!important;clip-path:polygon(22% 0,100% 0,78% 100%,0 100%);pointer-events:none}
.section-intro-portal::after,.section-intro-portal-paper::after{content:""!important;position:absolute!important;z-index:0!important;left:-76px!important;right:auto!important;top:auto!important;bottom:54px!important;width:185px!important;height:240px!important;display:block!important;opacity:.34!important;transform:rotate(14deg)!important;background:repeating-linear-gradient(135deg,transparent 0 20px,rgba(168,199,181,.20) 20px 23px,transparent 23px 39px)!important;clip-path:polygon(0 0,72% 0,100% 100%,28% 100%);pointer-events:none}
.section-intro-portal[data-section-portal="papers"]::before{transform:rotate(6deg)!important;top:92px!important}.section-intro-portal[data-section-portal="projects"]::before{height:390px!important;right:-68px!important}.section-intro-portal[data-section-portal="team"]::before{top:auto!important;bottom:128px!important;transform:rotate(-15deg)!important}.section-intro-portal>*{position:relative!important;z-index:2!important}.section-intro-portal .project-watermark{display:none!important}.section-intro-portal .section-arrival-signal{position:relative!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;margin:0!important;min-height:32px!important;padding:7px 12px!important;border:1px solid rgba(205,226,143,.13)!important;border-radius:999px!important;background:rgba(5,24,18,.60)!important;box-shadow:0 12px 30px rgba(0,0,0,.10)!important}.section-intro-portal>.section-kicker,.section-intro-portal>.project-kicker{margin:142px 0 13px!important;color:#a5bbb0!important;font-size:10px!important;letter-spacing:.21em!important;line-height:1.3!important}.section-intro-portal>.section-kicker::after,.section-intro-portal>.project-kicker::after{content:"///"!important;display:inline-block!important;margin-left:10px!important;color:#c6de7f!important;letter-spacing:-.12em!important;font-size:14px!important;font-weight:700!important;transform:skewX(-18deg)!important}.section-intro-portal>.section-title,.section-intro-portal>h2{margin:0!important;max-width:88%!important;color:#f0f3ef!important;font-size:clamp(52px,14vw,66px)!important;line-height:.93!important;letter-spacing:-.065em!important;font-weight:760!important}.section-intro-portal>.section-desc,.section-intro-portal>p{display:block!important;width:auto!important;max-width:82%!important;margin:20px 0 0!important;color:#bdcbc4!important;font-size:14px!important;line-height:1.62!important;overflow:visible!important;-webkit-line-clamp:unset!important}.section-intro-portal>.section-opener-count,.section-intro-portal>.project-total{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;margin-top:auto!important;padding-top:19px!important;display:flex!important;align-items:flex-end!important;justify-content:space-between!important;border-top:1px solid rgba(197,216,205,.18)!important;color:#dbe7df!important}.section-intro-portal>.section-opener-count b,.section-intro-portal>.project-total b{font-size:38px!important;line-height:1!important;color:#d8e9a0!important;font-weight:500!important;letter-spacing:-.04em!important}.section-intro-portal>.section-opener-count span,.section-intro-portal>.project-total span{font-size:10px!important;letter-spacing:.08em!important;color:#93aaa0!important}@media(max-width:380px){.section-intro-portal,.section-intro-portal-paper{padding:24px 22px 30px!important}.section-intro-portal>.section-kicker,.section-intro-portal>.project-kicker{margin-top:118px!important}.section-intro-portal>.section-title,.section-intro-portal>h2{font-size:48px!important}.section-intro-portal>.section-desc,.section-intro-portal>p{font-size:13px!important;max-width:86%!important}}


/* ===== R4 · 章节封面按参考图重做 =====
   用户要求“高:宽 = 9:16”，即宽:高 = 16:9 的横向长画幅。 */
.section-intro-portal,
.section-intro-portal-paper{
  position:relative!important;
  box-sizing:border-box!important;
  width:100vw!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  aspect-ratio:16 / 9!important;
  margin-left:calc(50% - 50vw)!important;
  margin-right:calc(50% - 50vw)!important;
  padding:22px 28px 24px!important;
  overflow:hidden!important;
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  justify-content:flex-start!important;
  background:
    linear-gradient(148deg,rgba(29,83,67,.34) 0 1px,transparent 1px) 0 0 / 135px 86px,
    linear-gradient(148deg,transparent 0 62%,rgba(65,123,96,.16) 62% 63%,transparent 63%) 0 0 / 240px 150px,
    linear-gradient(155deg,#0a3329 0%,#082b23 58%,#061f1a 100%)!important;
  isolation:isolate!important;
}

/* 背景长斜杠 */
.section-intro-portal::before,
.section-intro-portal-paper::before{
  content:""!important;
  position:absolute!important;
  inset:-25% -18% -20% -22%!important;
  z-index:0!important;
  display:block!important;
  opacity:.42!important;
  transform:rotate(-5deg)!important;
  background:
    repeating-linear-gradient(
      148deg,
      transparent 0 70px,
      rgba(76,145,111,.14) 70px 74px,
      transparent 74px 142px
    )!important;
  clip-path:none!important;
  pointer-events:none!important;
}

/* 右上 /// 点缀 */
.section-intro-portal::after,
.section-intro-portal-paper::after{
  content:"///"!important;
  position:absolute!important;
  top:13px!important;
  right:38px!important;
  bottom:auto!important;
  left:auto!important;
  width:auto!important;
  height:auto!important;
  z-index:2!important;
  display:block!important;
  background:none!important;
  clip-path:none!important;
  transform:skewX(-18deg)!important;
  color:#bddb6d!important;
  opacity:.92!important;
  font-size:20px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.12em!important;
  pointer-events:none!important;
}

/* 参考图无“已进入新板块”胶囊与底部数字栏 */
.section-intro-portal .section-arrival-signal,
.section-intro-portal .section-opener-count,
.section-intro-portal .project-total,
.section-intro-portal .project-watermark{
  display:none!important;
}

/* 标题系统 */
.section-intro-portal>*{
  position:relative!important;
  z-index:2!important;
}
.section-intro-portal>.section-kicker,
.section-intro-portal>.project-kicker{
  margin:0 0 13px!important;
  color:#aabdb4!important;
  font-size:9px!important;
  line-height:1.2!important;
  letter-spacing:.24em!important;
}
.section-intro-portal>.section-kicker span{
  display:none!important;
}
.section-intro-portal>.section-kicker::after,
.section-intro-portal>.project-kicker::after{
  content:""!important;
  display:none!important;
}
.section-intro-portal>.section-title,
.section-intro-portal>h2{
  margin:0!important;
  max-width:94%!important;
  color:#f4f6f2!important;
  font-size:clamp(52px,13vw,66px)!important;
  line-height:.91!important;
  letter-spacing:-.065em!important;
  font-weight:790!important;
}
.section-intro-portal>.section-desc,
.section-intro-portal>p{
  display:block!important;
  width:auto!important;
  max-width:88%!important;
  margin:22px 0 0!important;
  color:#c6d2cc!important;
  font-size:13px!important;
  line-height:1.6!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
}

/* 四张封面各有轻微不同的斜杠位置 */
.section-intro-portal[data-section-portal="papers"]::before{transform:translateX(-22px) rotate(4deg)!important}
.section-intro-portal[data-section-portal="projects"]::before{transform:translateX(28px) rotate(-9deg)!important}
.section-intro-portal[data-section-portal="team"]::before{transform:translateX(-12px) rotate(8deg)!important}

/* 过往记录彻底隐藏（同时防止旧缓存残留） */
.library-history-panel{display:none!important}

/* ===== 建筑媒体式项目报道：榕湖 + 飞凤 ===== */
#projectShowcase[data-project-slug="ronghu-landscape"] .project-story-section,
#projectShowcase[data-project-slug="feifeng-pet-healing-classroom"] .project-story-section{
  padding:34px 24px 30px!important;
  background:#f3f1e9!important;
  border-top:1px solid #dedbd1!important;
  border-bottom:1px solid #dedbd1!important;
}
#projectShowcase[data-project-slug="ronghu-landscape"] .project-story-section small,
#projectShowcase[data-project-slug="feifeng-pet-healing-classroom"] .project-story-section small{
  color:#557a67!important;
  font-size:8px!important;
  letter-spacing:.20em!important;
}
#projectShowcase[data-project-slug="ronghu-landscape"] .project-story-section h3,
#projectShowcase[data-project-slug="feifeng-pet-healing-classroom"] .project-story-section h3{
  margin:9px 0 0!important;
  color:#0d2d24!important;
  font-size:27px!important;
  line-height:1.16!important;
  letter-spacing:-.035em!important;
}
#projectShowcase[data-project-slug="ronghu-landscape"] .project-story-section p,
#projectShowcase[data-project-slug="feifeng-pet-healing-classroom"] .project-story-section p{
  margin:14px 0 0!important;
  color:#53615a!important;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif!important;
  font-size:13px!important;
  line-height:1.9!important;
  text-align:justify!important;
}
#projectShowcase[data-project-slug="feifeng-pet-healing-classroom"] .project-article-figure:nth-of-type(n+9) img{
  background:#f7f7f4!important;
  object-fit:contain!important;
}

/* 小屏仍保持横向 16:9 章节封面 */
@media(max-width:380px){
  .section-intro-portal,
  .section-intro-portal-paper{
    padding:18px 22px 20px!important;
    aspect-ratio:16 / 9!important;
  }
  .section-intro-portal>.section-title,
  .section-intro-portal>h2{
    font-size:46px!important;
  }
  .section-intro-portal>.section-desc,
  .section-intro-portal>p{
    margin-top:16px!important;
    max-width:92%!important;
    font-size:12px!important;
    line-height:1.5!important;
  }
}