/* ============================================================================
   宇象 E-SENSE · uesense.com
   设计概念「多语种叠印 / Overprint」
   —— 海外全案传播的本质是「同一句话，在不同语言里重新落地一次」。
      版面因此按印刷叠印的逻辑组织：中文黑体是底版，译名带（Georgia 斜体·叠印紫）
      压在它上面，两层永远错开一点，像四色套印没有完全对齐。
   —— 排印三角色：
      中文标题＝Microsoft YaHei 800，紧字距、大字号，承担信息主体；
      拉丁文＝Georgia，只用于译名带与电头，承担国际语气；
      等宽＝市场／语种代码（ES · DE · TH · TR），承担档案属性。
   —— 叠印紫 #A99BE8 只用于非中文文本，这是全站唯一的硬规则。
   —— 布局不用居中标题＋卡片网格；改为「窄索引在左（固定 260px）＋宽内容在右」，
      内容行按发稿单横排，编号只在真序列（合作流程）出现。
   —— 零外部字库。
   ============================================================================ */

:root{
  --paper:#ffffff;
  --ink:#171226;
  --dark:#141021;
  --dark2:#0d0917;
  --wash:#f3f1f9;
  --wash2:#eae6f6;
  --line:#e3dff0;
  --line-dk:rgba(255,255,255,.16);
  --mut:#6d6683;
  --brand:#6657a8;
  --brand-deep:#4a3d82;
  --op:#a99be8;                /* 叠印紫 · 只用于非中文 */
  --maxw:1240px;
  --gap:clamp(20px,5vw,60px);
  --idx:260px;                 /* 索引栏固定宽度 */
  --top:92px;                  /* 顶栏高度 */
  --sans:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",Arial,sans-serif;
  --serif:Georgia,"Times New Roman","Songti SC",serif;
  --mono:ui-monospace,"Cascadia Mono",Consolas,"Courier New",monospace;
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);font-size:16px;line-height:1.72;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
a,button{touch-action:manipulation}
h1,h2,h3,h4{font-weight:800;letter-spacing:-.02em;line-height:1.16}
:focus-visible{outline:2px solid var(--brand);outline-offset:3px}

.es-wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding-left:var(--gap);padding-right:var(--gap)}
.es-skip-link{position:fixed;left:16px;top:10px;z-index:1000;transform:translateY(-190%);padding:9px 14px;background:#fff;color:var(--ink);border:2px solid var(--brand);font-size:14px;font-weight:700;transition:transform .18s}
.es-skip-link:focus{transform:translateY(0)}

/* ============================================================================
   签名元素 · 译名带 Overprint strip
   一行同义词的多语种译名，压在中文标题下方，叠印紫 Georgia 斜体。
   每个版块只出现一次，卡片内部绝不重复。
   ========================================================================== */
.es-op{display:flex;flex-wrap:wrap;align-items:baseline;font-family:var(--serif);font-style:italic;font-size:clamp(13px,1.25vw,15.5px);line-height:1.55;color:var(--op);letter-spacing:.005em;margin-top:12px;mix-blend-mode:multiply}
.es-op i{font-style:italic;white-space:nowrap}
.es-op i+i::before{content:"·";font-style:normal;margin:0 .58em;color:var(--op);opacity:.55}
.es-op--lg{font-size:clamp(15px,1.9vw,23px);margin-top:16px;line-height:1.5}
.es-op--rev{color:var(--op);mix-blend-mode:screen}
.es-op--stack{flex-direction:column}
.es-op--stack i{display:block;white-space:normal}
.es-op--stack i+i::before{content:none}

/* 市场／语种代码 · 等宽 */
.es-code{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--brand-deep);white-space:nowrap}
.es-code--rev{color:var(--op)}
.es-codes{display:flex;flex-wrap:wrap;gap:6px 14px}

/* 双语电头 */
.es-eyebrow{font-family:var(--serif);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--brand-deep);display:block}
.es-dateline{font-family:var(--serif);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--brand-deep)}
.es-num{font-family:var(--serif);font-weight:400;color:var(--brand);line-height:1;letter-spacing:-.02em}

/* 按钮 */
.es-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:12px 28px;background:var(--brand);color:#fff;border:1px solid var(--brand);font-size:15px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.es-btn:hover{background:var(--brand-deep);border-color:var(--brand-deep)}
.es-btn--ghost{background:transparent;color:var(--ink);border-color:currentColor}
.es-btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}

/* 压片图注 */
.es-credit{display:block;background:var(--paper);border-top:2px solid var(--brand);padding:15px 17px 18px}
.es-credit .es-dateline{display:block;margin-bottom:7px}
.es-credit b{display:block;font-size:17px;font-weight:800;line-height:1.4;letter-spacing:-.02em}
.es-credit span{display:block;font-size:13.5px;color:var(--mut);margin-top:5px;line-height:1.62}

/* ============================ 顶栏 ============================ */
.es-top{position:fixed;top:0;left:0;right:0;z-index:70;height:var(--top);display:flex;align-items:center;gap:clamp(18px,3vw,40px);padding:0 var(--gap);background:rgba(255,255,255,.96);backdrop-filter:blur(10px) saturate(1.4);border-bottom:1px solid var(--line);transition:background .3s,border-color .3s,color .3s}
.es-brand{flex:none;display:flex;align-items:center}
.es-brand img{height:54px;width:auto}
@media (min-width:1181px){
  .es-top:not(.es-top--home) .es-brand{position:absolute;top:5px;left:max(var(--gap),calc((100% - var(--maxw))/2 + var(--gap)))}
  .es-top:not(.es-top--home) .es-brand img{width:82px;height:82px;object-fit:cover}
  .es-home .es-top.es-top--home .es-brand{position:absolute!important;top:0!important;left:max(var(--gap),calc((100% - var(--maxw))/2 + var(--gap)))!important}
  .es-home .es-top.es-top--home .es-brand img{width:136px!important;height:136px!important;object-fit:cover!important}
  html[lang="zh-CN"] .es-home .es-hero h1{max-width:10em}
}
.es-nav{margin-left:auto;display:flex;align-items:center;gap:clamp(16px,2.2vw,30px);font-size:19px;font-weight:600;letter-spacing:-.01em}
.es-nav a{position:relative;padding:6px 0;color:#332d4b;transition:color .2s;white-space:nowrap}
.es-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:2px;background:var(--brand);transition:right .22s}
.es-nav a:hover,.es-nav a.on{color:var(--ink)}
.es-nav a:hover::after,.es-nav a.on::after{right:0}
.es-top__side{display:flex;align-items:center;gap:16px;padding-left:clamp(16px,2.2vw,28px);margin-left:clamp(4px,1vw,10px);border-left:1px solid var(--line)}
.es-lang{font-family:var(--serif);font-size:16px;letter-spacing:.1em;color:var(--mut)}
.es-lang:hover{color:var(--brand)}
.es-top__cta{display:none}
.es-burger{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;cursor:pointer;position:relative}
.es-burger span,.es-burger span::before,.es-burger span::after{position:absolute;left:50%;transform:translateX(-50%);width:20px;height:2px;background:currentColor}
.es-burger span{top:50%;margin-top:-1px}
.es-burger span::before{content:"";top:-7px}
.es-burger span::after{content:"";top:7px}
/* 首页顶栏随首屏滚动；透明度沿用 SVN 旧版 */
.es-home .es-top{position:absolute}
.es-home .es-top:not(.solid){background:transparent;border-bottom-color:transparent;color:#fff}
.es-home .es-top:not(.solid) .es-nav a{color:rgba(255,255,255,.93)}
.es-home .es-top:not(.solid) .es-lang{color:rgba(255,255,255,.82)}
.es-home .es-top:not(.solid) .es-top__side{border-left-color:rgba(255,255,255,.28)}

/* ============================ 首页首屏 ============================ */
.es-hero{position:relative;min-height:94vh;display:flex;align-items:flex-end;color:#fff;overflow:hidden}
.es-hero__media{position:absolute;inset:0}
.es-hero__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.1s ease}
.es-hero__media img.is-active,.es-hero__media img[aria-hidden="false"]{opacity:1}
.es-hero__scrim{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,9,23,.9) 0%,rgba(13,9,23,.4) 46%,rgba(13,9,23,.2) 100%)}
.es-hero__body{position:relative;z-index:2;width:100%;padding-bottom:112px}
.es-hero__body .es-eyebrow{color:var(--op);margin-bottom:18px}
.es-hero h1{font-size:clamp(40px,6.6vw,86px);max-width:14ch;letter-spacing:-.035em}
.es-hero__body>p{color:rgba(255,255,255,.87);max-width:44ch;font-size:clamp(15px,1.5vw,18px);margin:26px 0 32px}
.es-hero__act{display:flex;gap:14px;flex-wrap:wrap}
.es-hero .es-btn{background:#fff;color:var(--ink);border-color:#fff}
.es-hero .es-btn:hover{background:var(--brand);border-color:var(--brand);color:#fff}
.es-hero .es-btn--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.6)}
.es-hero .es-btn--ghost:hover{background:#fff;color:var(--ink);border-color:#fff}
.es-hero__dots{position:absolute;right:var(--gap);bottom:70px;z-index:3;display:flex;gap:8px}
.es-hero__dots button{width:32px;height:3px;border:0;padding:0;background:rgba(255,255,255,.4);cursor:pointer;transition:.2s}
.es-hero__dots button.is-active{background:#fff}
/* 城市电报带 */
.es-ticker{position:absolute;left:0;right:0;bottom:0;z-index:3;border-top:1px solid rgba(255,255,255,.22);background:rgba(13,9,23,.44);backdrop-filter:blur(3px);overflow:hidden;padding:14px 0}
.es-ticker__track{display:inline-flex;white-space:nowrap;width:max-content;animation:es-tick 52s linear infinite}
.es-ticker__track span{font-family:var(--mono);font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.86);padding:0 1.4em}
.es-ticker__track span::after{content:"◆";font-size:6px;color:var(--op);margin-left:2.8em;vertical-align:3px}
@keyframes es-tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.es-ticker__track{animation:none}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .es-service-card:hover,.es-resource-card:hover,.es-related-card:hover,.es-cat:hover{transform:none}
  .es-service-card:hover img,.es-resource-card:hover img,.es-related-card:hover img,.es-case:hover img,.es-proj:hover img{transform:none}
}

/* ============================ 版块骨架 ============================ */
.es-sec{padding:clamp(60px,8vw,110px) 0}
.es-sec--wash{background:var(--wash)}
.es-sec--dark{background:var(--dark);color:#fff}
.es-sec__head{margin-bottom:clamp(30px,4.4vw,52px);max-width:64ch}
.es-sec__head .es-eyebrow{margin-bottom:14px}
.es-sec__head h2{font-size:clamp(30px,4.2vw,54px)}
.es-sec__head p{color:var(--mut);font-size:clamp(15px,1.4vw,17px);margin-top:16px}
.es-sec--dark .es-sec__head p{color:rgba(255,255,255,.74)}
.es-sec--dark .es-eyebrow{color:var(--op)}
.es-sec--dark .es-op{mix-blend-mode:screen}

/* ----------------------------------------------------------------------------
   非对称索引双栏 —— 全站栏目页与首页版块的统一骨架
   左：固定 260px 索引（栏目名 / 译名带 / 计数 / 锚点），滚动时粘住
   右：宽内容区
   -------------------------------------------------------------------------- */
.es-idx{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:clamp(28px,4.6vw,72px);align-items:start}
.es-idx__side{position:sticky;top:calc(var(--top) + 24px);border-top:2px solid var(--ink);padding-top:20px}
.es-sec--dark .es-idx__side{border-top-color:#fff}
.es-idx__side .es-eyebrow{margin-bottom:12px}
.es-idx__side h2{font-size:clamp(25px,2.5vw,34px)}
.es-idx__side>p{color:var(--mut);font-size:14.5px;margin-top:16px}
.es-sec--dark .es-idx__side>p{color:rgba(255,255,255,.7)}
.es-idx__count{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.16em;color:var(--mut);margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}
.es-sec--dark .es-idx__count{color:rgba(255,255,255,.6);border-top-color:var(--line-dk)}
.es-idx__jump{display:flex;flex-direction:column;gap:2px;margin-top:18px}
.es-idx__jump a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14.5px;font-weight:600;transition:color .18s,padding-left .18s}
.es-idx__jump a:hover{color:var(--brand-deep);padding-left:6px}
.es-idx__jump a.on{color:var(--brand-deep);border-bottom-color:var(--brand);padding-left:6px}
.es-idx__jump a.on em{color:var(--brand)}
.es-idx__jump em{font-family:var(--mono);font-style:normal;font-size:10.5px;letter-spacing:.14em;color:var(--op)}
.es-idx__side .es-btn{margin-top:22px}

/* ----------------------------------------------------------------------------
   发稿单横排行 —— 替代卡片网格，用于服务、资源、案例索引
   [代码列 96px] [标题＋译名] [说明] [缩略图 可选]
   -------------------------------------------------------------------------- */
.es-dispatch{border-top:1px solid var(--ink)}
.es-sec--dark .es-dispatch{border-top-color:#fff}
.es-row{display:grid;grid-template-columns:92px minmax(0,7fr) minmax(0,8fr) 132px;gap:clamp(14px,2.4vw,30px);align-items:center;padding:clamp(18px,2.2vw,26px) 6px;border-bottom:1px solid var(--line);transition:background .22s,padding .22s}
.es-sec--dark .es-row{border-bottom-color:var(--line-dk)}
a.es-row:hover{background:var(--wash);padding-left:16px;padding-right:16px}
.es-sec--dark a.es-row:hover{background:rgba(255,255,255,.06)}
.es-row__code{display:flex;flex-direction:column;gap:5px}
.es-row__code b{font-family:var(--mono);font-size:11px;font-weight:400;letter-spacing:.16em;color:var(--brand-deep)}
.es-sec--dark .es-row__code b{color:var(--op)}
.es-row__code i{font-family:var(--mono);font-style:normal;font-size:10px;letter-spacing:.14em;color:var(--mut)}
.es-sec--dark .es-row__code i{color:rgba(255,255,255,.5)}
.es-row__t h3{font-size:clamp(19px,1.85vw,24px)}
.es-row__t .es-op{font-size:13px;margin-top:6px}
.es-row__d{color:#4b4560;font-size:14.5px;line-height:1.68}
.es-sec--dark .es-row__d{color:rgba(255,255,255,.68)}
.es-row__d .es-more{display:inline-block;margin-top:8px;font-family:var(--serif);font-size:13px;letter-spacing:.08em;color:var(--brand-deep);border-bottom:1px solid var(--op);padding-bottom:1px}
.es-sec--dark .es-row__d .es-more{color:var(--op)}
.es-row figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--wash)}
.es-row figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
a.es-row:hover figure img{transform:scale(1.05)}

/* 服务：保留旧类名（首页服务版块），改为索引双栏骨架 */
.es-svc{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:clamp(28px,4.6vw,72px);align-items:start}
.es-svc__head{position:sticky;top:calc(var(--top) + 24px);border-top:2px solid var(--ink);padding-top:20px}
.es-svc__head .es-eyebrow{margin-bottom:12px}
.es-svc__head h2{font-size:clamp(25px,2.5vw,34px)}
.es-svc__head p{color:var(--mut);font-size:14.5px;margin-top:16px}
.es-svc__rows{border-top:1px solid var(--ink)}
.es-svc-row{display:grid;grid-template-columns:44px minmax(0,5fr) minmax(0,6fr);gap:clamp(16px,3vw,36px);align-items:center;padding:clamp(20px,2.6vw,30px) 8px;border-bottom:1px solid var(--line)}
.es-svc-row img{width:44px;height:44px}
.es-svc-row h3{font-size:clamp(19px,2vw,24px)}
.es-svc-row p{font-size:14px;color:#4b4560;line-height:1.65}

/* 服务图文档案（仍供旧模板与富文本引用） */
.es-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.es-service-grid--list{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:36px}
.es-service-card{display:flex;min-width:0;flex-direction:column;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:border-color .22s,transform .22s}
.es-service-card:hover{border-color:#c7bfe2;transform:translateY(-3px)}
.es-service-card figure{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--wash);margin:0}
.es-service-card img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}
.es-service-card:hover img{transform:scale(1.035)}
.es-service-card .es-credit{display:flex;flex:1;flex-direction:column;min-height:170px}
.es-service-card .es-credit i{display:block;margin-top:auto;padding-top:14px;color:var(--brand-deep);font-size:13px;font-style:normal;font-weight:700}

.es-intro-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.es-intro-strip article{min-width:0;padding:24px 28px 28px;border-right:1px solid var(--line)}
.es-intro-strip article:last-child{border-right:0}
.es-intro-strip b{display:block;margin:8px 0 6px;font-size:17px}
.es-intro-strip p{color:var(--mut);font-size:14px}
.es-empty{border:1px solid var(--line);border-left:3px solid var(--brand);padding:26px;margin-top:30px}
.es-empty p{max-width:68ch;margin-bottom:18px;color:var(--mut)}

/* ============================ 案例 ============================ */
.es-cases{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}
.es-case{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);transition:.2s}
.es-case:hover{border-color:#cfc7e4}
.es-case figure{overflow:hidden;aspect-ratio:16/10;margin:0}
.es-case img{width:100%;height:100%;object-fit:cover;transition:.5s ease}
.es-case:hover img{transform:scale(1.05)}
.es-case .es-credit{border-top-width:2px;flex:1}
.es-case--a{grid-column:span 7}
.es-case--b{grid-column:span 5}
.es-case--c{grid-column:span 5}
.es-case--d{grid-column:span 7}
.es-case--e{grid-column:span 6}
.es-case--f{grid-column:span 6}
.es-cases__more{margin-top:26px}
.es-cases__more a{font-family:var(--serif);font-size:16px;letter-spacing:.06em;color:var(--brand-deep);border-bottom:1px solid var(--brand);padding-bottom:2px}
.es-cases__more a:hover{color:var(--brand)}

/* 资源网络（深色段） */
.es-net{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(18px,3vw,34px);margin-bottom:clamp(26px,4vw,42px)}
.es-net>*{border-top:1px solid var(--line-dk);padding-top:18px;transition:border-color .2s}
.es-net>a:hover{border-top-color:var(--op)}
.es-net>a h3{transition:color .2s}
.es-net>a:hover h3{color:var(--op)}
.es-net .es-code{display:block;margin-bottom:10px}
.es-net h3{font-size:19px;margin-bottom:8px}
.es-net p{font-size:14px;color:rgba(255,255,255,.68);line-height:1.65}
.es-regions{display:flex;flex-wrap:wrap;gap:10px 30px;border-top:1px solid var(--line-dk);padding-top:20px}
.es-regions span{font-family:var(--mono);font-size:clamp(12px,1.2vw,14px);letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.55)}

/* 流程：真序列 → Georgia 数字 */
.es-flow{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,2.2vw,28px)}
.es-flow article{border-top:2px solid var(--ink);padding-top:18px}
.es-flow .es-num{font-size:clamp(32px,3.6vw,48px);display:block;margin-bottom:12px}
.es-flow h3{font-size:17px;margin-bottom:8px}
.es-flow p{font-size:13.5px;color:var(--mut);line-height:1.62}

/* CTA */
.es-cta .es-eyebrow{margin-bottom:14px}
.es-cta h2{font-size:clamp(30px,4.4vw,56px);max-width:20ch}
.es-cta p{color:var(--mut);max-width:52ch;margin:18px 0 30px}
.es-cta__act{display:flex;gap:14px;flex-wrap:wrap}

/* ============================ 内页页头 ============================ */
.es-ph{background:var(--wash);border-bottom:1px solid var(--line);padding:calc(var(--top) + clamp(40px,6vw,74px)) 0 clamp(40px,6vw,74px)}
.es-ph .es-eyebrow{margin-bottom:14px}
.es-ph h1{font-size:clamp(32px,5vw,60px)}
.es-ph p{color:#474156;max-width:54ch;font-size:clamp(15px,1.5vw,17px);margin-top:18px}
.es-ph--photo{position:relative;background:var(--dark);border-bottom:0;color:#fff;overflow:hidden}
.es-ph--photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.es-ph--photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,9,23,.9),rgba(13,9,23,.42) 62%,rgba(13,9,23,.3))}
.es-ph--photo .es-wrap{position:relative;z-index:2}
.es-ph--photo h1{color:#fff}
.es-ph--photo p{color:rgba(255,255,255,.86)}
.es-ph--photo .es-eyebrow{color:var(--op)}
.es-ph--dossier{min-height:560px;display:flex;align-items:flex-end;padding-bottom:clamp(48px,7vw,86px)}
.es-ph--services{min-height:850px}
.es-ph--dossier .es-wrap{width:100%}
.es-ph--dossier h1{max-width:17ch;font-size:clamp(38px,5.6vw,74px);letter-spacing:-.035em}
.es-ph--dossier p{max-width:50ch}
.es-ph__codes{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:26px;padding-top:16px;border-top:1px solid rgba(255,255,255,.28)}
.es-ph__codes span{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.es-ph__codes span b{color:#fff;font-weight:400}

/* ============================ 通用内容块 ============================ */
.es-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.es-tile{background:var(--paper);border:1px solid var(--line);padding:26px 24px 30px;transition:.2s;position:relative;display:flex;flex-direction:column;gap:10px}
.es-tile::before{content:"";position:absolute;left:-1px;right:-1px;top:-1px;height:2px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .25s}
a.es-tile:hover::before{transform:scaleX(1)}
.es-tile:hover{border-color:#cfc7e4}
.es-tile .es-dateline,.es-tile .es-code{display:block;margin-bottom:2px}
.es-tile h3{font-size:19px}
.es-tile p{font-size:14px;color:#4b4560;line-height:1.66}
.es-tile a{color:var(--brand-deep);font-weight:700}

/* 项目卡 */
.es-proj{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);overflow:hidden;transition:.2s}
.es-proj:hover{border-color:#cfc7e4}
.es-proj figure{margin:0;overflow:hidden;aspect-ratio:4/3}
.es-proj img{width:100%;height:100%;object-fit:cover;transition:.5s}
.es-proj:hover img{transform:scale(1.05)}
.es-proj .es-credit{flex:1}

/* 案例筛选标签条 */
.es-filter{display:flex;flex-wrap:wrap;gap:8px 10px;margin-bottom:28px}
.es-filter a{padding:8px 16px;border:1px solid var(--line);font-size:14px;font-weight:600;color:#4b4560;transition:.18s}
.es-filter a:hover{border-color:var(--brand);color:var(--brand-deep)}
.es-filter a.on{background:var(--ink);border-color:var(--ink);color:#fff}

/* 浅底页头上的编码条 */
.es-ph:not(.es-ph--photo) .es-ph__codes{border-top-color:var(--line)}
.es-ph:not(.es-ph--photo) .es-ph__codes span{color:var(--mut)}
.es-ph:not(.es-ph--photo) .es-ph__codes span b{color:var(--ink)}
.es-ph:not(.es-ph--photo) .es-op--lg{margin-top:16px}

/* 档案栅格：栏目页的案例／文章列表（交错双栏） */
.es-arch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(30px,3.6vw,56px) clamp(24px,3vw,44px)}
.es-arch>a:nth-child(even){margin-top:clamp(0px,4.6vw,68px)}
.es-arch__f{position:relative;margin:0;aspect-ratio:5/4;overflow:hidden;background:var(--wash)}
.es-arch__f img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease}
.es-arch>a:hover .es-arch__f img{transform:scale(1.045)}
.es-arch__no{position:absolute;left:0;bottom:0;background:var(--paper);padding:8px 15px 6px;font-family:var(--mono);font-size:11px;letter-spacing:.18em;color:var(--brand-deep)}
.es-arch__b{border-top:1px solid var(--ink);margin-top:15px;padding-top:13px}
.es-arch__b h3{font-size:clamp(18px,1.7vw,22px);letter-spacing:-.02em;transition:color .2s}
.es-arch>a:hover .es-arch__b h3{color:var(--brand-deep)}
.es-arch__b p{margin-top:9px;font-size:14px;color:var(--mut);line-height:1.68}
.es-arch__m{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:13px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.es-arch__m b{color:var(--brand-deep);font-weight:400}

/* 分页 */
.es-pager{display:flex;align-items:center;gap:10px;margin-top:clamp(36px,4.4vw,58px);padding-top:20px;border-top:1px solid var(--ink);font-family:var(--mono);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase}
.es-pager a{padding:9px 16px;border:1px solid var(--line);color:var(--ink);transition:.18s}
.es-pager a:hover{border-color:var(--brand);color:var(--brand-deep)}
.es-pager__now{margin-left:auto;color:var(--mut)}
.es-pager__now b{color:var(--ink);font-weight:400}

/* 办事处名录 */
.es-offices{list-style:none;border-top:1px solid var(--ink)}
.es-offices>li{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr) minmax(0,4fr);gap:clamp(12px,2.4vw,34px);padding:clamp(20px,2.4vw,30px) 6px;border-bottom:1px solid var(--line);align-items:start}
.es-offices h3{font-size:clamp(19px,1.7vw,23px)}
.es-offices .es-op{margin-top:7px;font-size:12.5px}
.es-offices__addr{font-size:14.5px;color:#4b4560;line-height:1.72}
.es-offices__c{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:12px;letter-spacing:.05em;color:var(--mut)}
.es-offices__c a{color:var(--brand-deep)}
.es-offices__c a:hover{color:var(--brand)}

/* ============================ 详情页 ============================ */
.es-detail-hero{min-height:520px;display:flex;align-items:flex-end;padding-bottom:clamp(44px,6vw,74px)}
.es-detail-hero .es-wrap{width:100%}
.es-detail-hero h1{max-width:17ch;font-size:clamp(36px,5vw,66px);letter-spacing:-.035em}
.es-detail-hero p{max-width:52ch}
.es-detail-hero__meta{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,255,255,.3);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.72)}
.es-detail-hero__meta a{color:#fff}

/* 文章页头（案例／资讯详情，浅底编辑式） */
.es-ah{padding:calc(var(--top) + clamp(36px,5vw,64px)) 0 0}
.es-ah__inner{border-top:2px solid var(--ink);padding-top:22px}
.es-ah .es-eyebrow{margin-bottom:14px}
.es-ah h1{font-size:clamp(30px,4.4vw,56px);max-width:20ch}
.es-ah__sub{color:var(--mut);font-size:clamp(15px,1.5vw,18px);max-width:58ch;margin-top:18px}
.es-ah__bar{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:26px;padding-top:14px;border-top:1px solid var(--line);font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.es-ah__bar b{color:var(--brand-deep);font-weight:400}

/* 正文 + 元信息侧轨 */
.es-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) var(--idx);gap:clamp(36px,5.5vw,80px);align-items:start}
.es-detail-layout--rail{grid-template-columns:var(--idx) minmax(0,1fr)}
.es-detail-layout .es-article{max-width:none;min-width:0}
.es-detail-aside{position:sticky;top:calc(var(--top) + 24px);border-top:2px solid var(--ink);padding-top:20px}
.es-detail-aside .es-eyebrow{margin-bottom:12px}
.es-detail-aside h2{font-size:22px;margin-bottom:12px}
.es-detail-aside p{font-size:14px;color:var(--mut);margin-bottom:20px}
.es-detail-aside .es-btn{width:100%}
.es-text-link{display:block;margin-top:14px;color:var(--brand-deep);font-size:13px;font-weight:700;text-align:center}

/* 元信息轨（案例／资讯详情左栏） */
.es-rail{position:sticky;top:calc(var(--top) + 24px);border-top:2px solid var(--ink);padding-top:18px}
.es-rail dl{display:grid;grid-template-columns:1fr;gap:0}
.es-rail dt{font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--mut);padding-top:14px}
.es-rail dd{font-size:15px;font-weight:700;line-height:1.5;padding-bottom:14px;border-bottom:1px solid var(--line)}
.es-rail dd em{display:block;font-family:var(--serif);font-style:italic;font-weight:400;font-size:13px;color:var(--op);margin-top:3px;mix-blend-mode:multiply}
.es-rail__act{margin-top:22px}
.es-rail__act .es-btn{width:100%}
.es-rail__back{display:inline-block;margin-top:12px;font-family:var(--serif);font-size:13px;letter-spacing:.08em;color:var(--brand-deep);border-bottom:1px solid var(--op)}

.es-article{max-width:820px}
.es-article>img{width:100%;max-height:520px;object-fit:cover;margin-bottom:30px}
.es-prose{line-height:1.85;font-size:16.5px;color:#332d47}
.es-prose>p{margin-bottom:1.05em}
.es-prose h2{font-size:clamp(24px,2.8vw,34px);margin-top:2em;padding-top:.7em;border-top:1px solid var(--line)}
.es-prose h3{font-size:19px;margin:1.6em 0 .5em;padding-left:14px;border-left:3px solid var(--brand)}
.es-prose ul,.es-prose ol{padding-left:1.25em;margin:0 0 1.2em}
.es-prose li{margin-bottom:.55em}
.es-prose strong{color:var(--ink)}
.es-prose a{color:var(--brand-deep);font-weight:700}
.es-prose blockquote{margin:28px 0;padding:20px 24px;border-left:3px solid var(--brand);background:var(--wash);font-size:18px;color:var(--ink)}
/* 首段作为导语 */
.es-prose .es-lead,.es-prose>p.es-lead{font-size:clamp(18px,1.8vw,21px);line-height:1.72;color:var(--ink);font-weight:600;padding-bottom:26px;margin-bottom:30px;border-bottom:1px solid var(--line)}

/* 富文本重组：图组画廊 + 单图图注（服务端 jsoup 生成） */
.es-plate{display:grid;gap:10px;margin:30px 0 34px}
.es-plate--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.es-plate--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.es-plate--4{grid-template-columns:repeat(2,minmax(0,1fr))}
.es-plate figure{margin:0}
.es-plate img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;margin:0}
.es-plate figcaption{font-family:var(--mono);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut);padding-top:7px}
.es-figure{margin:32px 0 36px}
.es-figure img{width:100%;margin:0}
.es-figure figcaption{display:flex;gap:12px;align-items:baseline;padding-top:10px;border-top:1px solid var(--line);margin-top:10px;font-size:13.5px;color:var(--mut)}
.es-figure figcaption::before{content:"FIG";font-family:var(--mono);font-size:10px;letter-spacing:.16em;color:var(--op);flex:none}
.es-figure--wide{margin-left:calc(var(--idx) * -.28);margin-right:calc(var(--idx) * -.28)}

/* 结构化正文组件（seed 富文本引用，勿改类名） */
.es-prose .es-detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0 30px}
.es-prose .es-detail-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.es-prose .es-detail-grid article{border:1px solid var(--line);border-top:2px solid var(--brand);padding:20px;background:#fff}
.es-prose .es-detail-grid h3{margin:0 0 8px;padding:0;border:0;font-size:17px}
.es-prose .es-detail-grid p{margin:0;color:var(--mut);font-size:14px;line-height:1.7}
.es-prose .es-detail-steps{list-style:none;padding:0;counter-reset:detail-step}
.es-prose .es-detail-steps li{counter-increment:detail-step;display:grid;grid-template-columns:52px 1fr;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}
.es-prose .es-detail-steps li::before{content:counter(detail-step,decimal-leading-zero);font-family:var(--serif);font-size:26px;color:var(--brand);line-height:1}
.es-prose details{border-top:1px solid var(--line);padding:17px 0}
.es-prose details:last-of-type{border-bottom:1px solid var(--line)}
.es-prose summary{cursor:pointer;font-weight:700;color:var(--ink)}
.es-prose details p{margin:10px 0 0;color:var(--mut);font-size:14px}
.es-prose .es-detail-cta{margin-top:48px;padding:30px;border:1px solid var(--brand);background:var(--wash)}
.es-prose .es-detail-cta h2{margin:0 0 10px;padding:0;border:0;font-size:25px}
.es-prose .es-detail-cta p{margin-bottom:18px}
.es-prose .es-detail-cta a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 24px;background:var(--brand);color:#fff}

.es-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.es-related-card{display:flex;min-width:0;flex-direction:column;border:1px solid var(--line);background:#fff;transition:border-color .2s,transform .2s}
.es-related-card:hover{border-color:#c7bfe2;transform:translateY(-2px)}
.es-related-card figure{aspect-ratio:16/9;margin:0;overflow:hidden}
.es-related-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.es-related-card:hover img{transform:scale(1.035)}
.es-related-card>span{display:flex;flex:1;flex-direction:column;padding:18px}
.es-related-card b{display:block;margin:6px 0;font-size:17px}
.es-related-card em{font-size:13px;font-style:normal;color:var(--mut)}

/* ============================ 海外资源 ============================ */
/* 四分类总览：等宽叠印卡 */
.es-cats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.es-cat{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;border:1px solid var(--line);background:#fff;overflow:hidden;transition:border-color .2s,transform .2s}
.es-cat:hover{border-color:#c7bfe2;transform:translateY(-2px)}
.es-cat figure{margin:0;aspect-ratio:16/8;overflow:hidden;background:var(--wash)}
.es-cat figure img{width:100%;height:100%;object-fit:cover;transition:transform .45s}
.es-cat:hover figure img{transform:scale(1.04)}
.es-cat__body{padding:22px 24px 26px;border-top:2px solid var(--brand);display:flex;flex-direction:column;gap:8px;flex:1}
.es-cat__body h3{font-size:22px}
.es-cat__body>p{font-size:14.5px;color:var(--mut);line-height:1.68}
.es-cat__body .es-op{margin-top:2px}
.es-cat__foot{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:auto;padding-top:16px;font-family:var(--mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.es-cat__foot b{color:var(--brand-deep);font-weight:400}

/* 资源文章列表（分类页） */
.es-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.es-resource-card{display:grid;grid-template-columns:minmax(0,6fr) minmax(200px,5fr);min-width:0;border:1px solid var(--line);background:#fff;overflow:hidden;transition:border-color .2s,transform .2s}
.es-resource-card:hover{border-color:#c7bfe2;transform:translateY(-2px)}
.es-resource-card figure{min-height:250px;margin:0;overflow:hidden}
.es-resource-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.es-resource-card:hover img{transform:scale(1.035)}
.es-resource-card .es-credit{display:flex;min-width:0;flex-direction:column;border-top:0;border-left:3px solid var(--brand);padding:22px}
.es-resource-card .es-credit i{margin-top:auto;padding-top:16px;color:var(--brand-deep);font-size:13px;font-style:normal;font-weight:700}
.es-insight-band{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:clamp(28px,4.6vw,72px);align-items:start}
.es-insight-band .es-sec__head{margin:0;border-top:2px solid var(--ink);padding-top:20px}
.es-insight-band .es-btn{margin-top:22px}
.es-news--compact a{grid-template-columns:118px 1fr;padding-top:18px;padding-bottom:18px}

/* 新闻列表 */
.es-news{list-style:none;border-top:1px solid var(--ink)}
.es-news li{border-bottom:1px solid var(--line)}
.es-news a{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:24px 6px;align-items:baseline;transition:.2s}
.es-news a:hover{background:var(--wash);padding-left:16px;padding-right:16px}
.es-news time{font-family:var(--mono);font-size:12px;letter-spacing:.12em;color:var(--brand-deep)}
.es-news b{display:block;font-size:19px;margin-bottom:6px;letter-spacing:-.02em}
.es-news a:hover b{color:var(--brand-deep)}
.es-news em{font-style:normal;font-size:14px;color:var(--mut)}

/* ============================ 表单 ============================ */
.es-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--ink);padding:clamp(26px,4vw,44px)}
.es-form__head{grid-column:1/-1;border-bottom:1px solid var(--line);padding-bottom:16px}
.es-form__head h2{font-size:24px}
.es-form__head span{font-size:14px;color:var(--mut)}
.es-form label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:#3c3652}
.es-form input,.es-form select,.es-form textarea{width:100%;padding:12px 14px;border:1px solid var(--line);background:#fff;font-size:15px;font-weight:400;transition:.15s}
.es-form input:focus,.es-form select:focus,.es-form textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px rgba(102,87,168,.13)}
.es-form textarea{min-height:150px;resize:vertical}
.es-form label:has(textarea),.es-form .full{grid-column:1/-1}
.es-form__msg{grid-column:1/-1;background:var(--wash);border-left:3px solid var(--brand);padding:13px 16px;font-size:14px}
.es-form__act{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}
.es-form__consent{flex-direction:row!important;align-items:center;font-weight:400!important;color:var(--mut)!important}
.es-form__consent input{width:auto!important}
.es-form__note{grid-column:1/-1;font-size:13px;color:var(--mut)}
.es-form .req{color:var(--brand)}

/* 双栏引导 */
.es-duo{display:grid;grid-template-columns:var(--idx) minmax(0,1fr);gap:clamp(28px,4.6vw,72px);align-items:start}
.es-duo__head{position:sticky;top:calc(var(--top) + 24px);border-top:2px solid var(--ink);padding-top:20px}
.es-duo__head h2{font-size:clamp(25px,2.5vw,34px);margin-top:12px}
.es-duo__head p{color:var(--mut);font-size:14.5px;margin-top:14px}
.es-duo .es-grid3{grid-template-columns:1fr}

/* reveal */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .6s ease,transform .6s ease}
.reveal.is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}}

/* ============================ 页脚（紧凑双带） ============================ */
.es-foot{background:var(--dark2);color:rgba(255,255,255,.72);padding:clamp(38px,4.6vw,54px) 0 22px;font-size:14px}
.es-foot__top{display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);padding-bottom:22px;border-bottom:1px solid var(--line-dk)}
.es-foot__brand img{display:block;width:108px;height:auto;margin:0 0 14px}
.es-foot__brand b{display:block;color:#fff;font-size:15px}
.es-foot__brand .es-op{display:flex;flex-wrap:wrap;font-size:12.5px;margin-top:8px;mix-blend-mode:screen;line-height:1.6}
.es-foot h4{font-family:var(--mono);font-weight:400;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--op);margin-bottom:12px}
.es-foot__col{display:flex;flex-direction:column;gap:7px;font-size:13.5px}
.es-foot__col a:hover,.es-foot__base a:hover,.es-foot__strip a:hover{color:#fff}
/* 办事处横排带 */
.es-foot__strip{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 30px;padding:16px 0;border-bottom:1px solid var(--line-dk);font-size:13.5px}
.es-foot__strip h4{margin:0;flex:none}
.es-foot__strip span{display:inline-flex;align-items:baseline;gap:9px}
.es-foot__strip span b{color:#fff;font-weight:700}
.es-foot__strip span i{font-family:var(--mono);font-style:normal;font-size:12px;letter-spacing:.06em;color:rgba(255,255,255,.62)}
.es-foot__base{margin-top:16px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px 22px;font-size:12px;color:rgba(255,255,255,.48)}
.es-foot__base nav{display:flex;flex-wrap:wrap;gap:6px 16px}

/* ============================ 响应式 ============================ */
@media (max-width:1180px){
  :root{--idx:220px}
  .es-nav{font-size:16px;gap:clamp(12px,1.6vw,20px)}
  .es-brand img{height:46px}
  .es-lang{font-size:15px}
}
@media (max-width:1080px){
  :root{--top:76px}
  .es-burger{display:inline-flex}
  .es-brand img{height:40px}
  .es-nav{position:fixed;top:var(--top);left:0;right:0;flex-direction:column;align-items:stretch;gap:0;background:#fff;border-bottom:1px solid var(--line);padding:6px var(--gap) 16px;margin:0;font-size:17px;transform:translateY(-140%);transition:transform .25s ease;box-shadow:0 22px 44px rgba(20,14,35,.14)}
  .es-nav.is-open{transform:translateY(0)}
  .es-nav a{padding:13px 0;border-bottom:1px solid var(--line);color:#2b2540}
  .es-nav a::after{display:none}
  .es-home .es-top:not(.solid) .es-nav a{color:#2b2540}
  .es-top__side{margin-left:auto;border-left:0;padding-left:0}
  .es-idx,.es-svc,.es-duo,.es-insight-band,.es-detail-layout,.es-detail-layout--rail{grid-template-columns:1fr}
  .es-idx__side,.es-svc__head,.es-duo__head,.es-detail-aside,.es-rail{position:static}
  .es-idx__jump{flex-direction:row;flex-wrap:wrap;gap:8px}
  .es-idx__jump a{border:1px solid var(--line);padding:7px 14px}
  .es-rail dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px}
  .es-figure--wide{margin-left:0;margin-right:0}
  .es-cats{grid-template-columns:1fr}
  .es-resource-grid{grid-template-columns:1fr}
  .es-service-grid--list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .es-cases{grid-template-columns:1fr 1fr}
  .es-case--a,.es-case--b,.es-case--c,.es-case--d,.es-case--e,.es-case--f{grid-column:span 1}
  .es-net{grid-template-columns:1fr}
  .es-flow{grid-template-columns:repeat(2,1fr)}
  .es-grid3{grid-template-columns:repeat(2,1fr)}
  .es-foot__top{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .es-hero{min-height:78vh}
  .es-hero__body{padding-bottom:124px}
  .es-hero__dots{bottom:84px}
  .es-row{grid-template-columns:76px minmax(0,1fr);gap:12px 16px}
  .es-row__d{grid-column:2}
  .es-row figure{display:none}
  .es-svc-row{grid-template-columns:38px 1fr}
  .es-svc-row p{grid-column:2}
  .es-news a{grid-template-columns:1fr;gap:5px}
  .es-news--compact a{grid-template-columns:1fr}
  .es-form{grid-template-columns:1fr}
  .es-offices>li{grid-template-columns:1fr;gap:12px}
  .es-arch>a:nth-child(even){margin-top:0}
  .es-ph--dossier,.es-detail-hero{min-height:460px}
  .es-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .es-prose .es-detail-grid--3{grid-template-columns:repeat(2,minmax(0,1fr))}
  .es-plate--3,.es-plate--4{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .es-arch,.es-cases,.es-flow,.es-grid3,.es-service-grid,.es-service-grid--list,.es-related-grid,.es-plate,.es-plate--2,.es-plate--3,.es-plate--4,.es-prose .es-detail-grid,.es-prose .es-detail-grid--3{grid-template-columns:1fr}
  .es-intro-strip{grid-template-columns:1fr}
  .es-intro-strip article{border-right:0;border-bottom:1px solid var(--line)}
  .es-intro-strip article:last-child{border-bottom:0}
  .es-resource-card{grid-template-columns:1fr}
  .es-resource-card figure{min-height:0;aspect-ratio:16/10}
  .es-resource-card .es-credit{border-left:0;border-top:3px solid var(--brand)}
  .es-rail dl{grid-template-columns:1fr}
  .es-detail-hero h1,.es-ph--dossier h1{font-size:34px}
  .es-foot__top{grid-template-columns:1fr}
  .es-op--lg{font-size:15px}
}