/* The Seal (Edition 01, Nov 2026). Preview overlay, loaded after styles.css. Remove the <link> to revert. */
:root{
 --paper:#F3EEE4;--ink:#171615;--stone-t:#8A857C;--mist:#D9D3C7;--cin:#9E3B2C;--sealbrass:#B08D57;
 --bone:#F3EEE4;--linen:#ECE6DA;--rule:#D9D3C7;--taupe:#6F6A62;--forest:#171615;--forest-deep:#2a2826;--brass:#8A857C;--stone:#D9D3C7;
 --display:"Cormorant Garamond",Georgia,serif;--body:"Cormorant Garamond",Georgia,serif;
 --label:"Tenor Sans","Cormorant SC",sans-serif;--wm:"Tenor Sans","Cormorant SC",sans-serif;
 --s1:11px;--s2:16px;--s3:20px;--s4:30px;--s5:clamp(34px,4.2vw,52px);--s6:clamp(44px,6.4vw,76px);
 --wrap:1200px;--pad:120px;--ease:cubic-bezier(.22,.61,.36,1)
}
@media (max-width:760px){:root{--pad:80px;--s3:18px}}
html:lang(zh-Hans){--display:"Cormorant Garamond","Noto Serif SC","Songti SC",serif;--body:"Cormorant Garamond","Noto Serif SC","Songti SC",serif;--label:"Tenor Sans","Noto Serif SC",sans-serif;--wm:"Tenor Sans","Noto Serif SC",sans-serif}
body{background-color:var(--paper);color:var(--ink);font-family:var(--body);font-weight:500;font-size:var(--s3);line-height:1.65;font-variant-numeric:lining-nums;
 background-image:radial-gradient(ellipse 900px 600px at 85% 8%,rgba(23,22,21,.035),transparent 70%),radial-gradient(ellipse 700px 500px at 5% 55%,rgba(23,22,21,.025),transparent 70%)}
html:lang(zh-Hans) body{font-weight:400;line-height:1.85}
::selection{background:var(--ink);color:var(--paper)}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;letter-spacing:-.005em}
h1 em,h2 em{color:#4a4744}
p,li,dd{color:#3f3c38}
a{background-image:linear-gradient(var(--ink),var(--ink))}
p a,li a,.prose a{background-image:linear-gradient(var(--mist),var(--mist))}
p a:hover,li a:hover,.prose a:hover{background-image:linear-gradient(var(--ink),var(--ink))}
:focus-visible{outline-color:var(--ink)}
.eyebrow,.label{font-family:var(--label);font-size:11px;letter-spacing:.22em;color:var(--stone-t);font-weight:400}
.eyebrow::before{background:var(--stone-t)}
.small{color:#6F6A62}
.sec{border-bottom-color:var(--mist)}
.sec.tint{background:rgba(217,211,199,.28)}
.btn{font-family:var(--label);font-size:11px;letter-spacing:.2em;font-weight:400;border-radius:0;background:var(--ink);border-color:var(--ink);color:var(--paper)}
.btn:hover{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--paper)}
.num,.stats .num{color:var(--ink);font-weight:400;font-variant-numeric:lining-nums}
/* header + lockup */
.site-head{background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom-color:var(--mist)}
.nav a,.nav button.navlink,.nav-more summary,.nav-login,.lang-switch{font-family:var(--label);letter-spacing:.2em;font-weight:400}
.lang-switch{border-left-color:var(--mist)}
html:lang(zh-Hans) .nav a,html:lang(zh-Hans) .nav-more summary{letter-spacing:.08em}
.lockup{gap:12px;color:var(--ink)}
.seal-s{position:relative;display:block;width:40px;height:40px;flex:none}
.seal-s img{width:100%;height:100%;display:block}
.seal-s i{position:absolute;left:50%;top:50%;width:10%;height:10%;margin:-5% 0 0 -5%;border-radius:50%;background:var(--sealbrass)}
.seal-m{flex:none;width:24px;height:24px;background:var(--cin);color:var(--paper);font-family:"Noto Serif SC","Songti SC",serif;font-weight:700;font-size:16px;line-height:24px;text-align:center;border-radius:2px;box-shadow:inset 0 0 0 2px var(--cin),inset 0 0 0 3px rgba(243,238,228,.55)}
.lockup-text{border-left:1px solid var(--mist);padding-left:14px;margin-left:2px}
.lockup-name{font-family:var(--wm);font-weight:400;font-size:13.5px;letter-spacing:.26em}
.lockup-by{font-family:var(--wm);font-weight:400;font-size:8.5px;letter-spacing:.34em;color:var(--stone-t);margin-top:7px}
.site-foot .lockup-text{border-left-color:#3b3936}
.site-foot .lockup-name{color:var(--paper)}
@media (max-width:767px){
 .site-head .lockup{gap:8px}.seal-s{width:30px;height:30px}.seal-m{width:18px;height:18px;font-size:12px;line-height:18px;box-shadow:inset 0 0 0 1.5px var(--cin),inset 0 0 0 2.5px rgba(243,238,228,.55)}
 .site-head .lockup-text{padding-left:9px}
 .site-head .lockup-name{font-size:11px;letter-spacing:.16em}.site-head .lockup-by{font-size:7.5px;letter-spacing:.26em}
}
@media (max-width:374px){.site-head .lockup-name{font-size:10px;letter-spacing:.12em}.site-head .lang-switch{padding-left:10px;margin-right:10px}.seal-s{width:26px;height:26px}}
/* footer */
.site-foot{background:var(--ink);color:#a7a198}
.site-foot .label{color:#8A857C}
.site-foot a{color:#d6d0c5}
.foot-base{color:#8A857C;border-top-color:#2e2c2a}
/* hero (home) */
.seal-hero{min-height:0;display:block;color:var(--ink);padding:150px 0 110px;overflow:hidden;position:relative;border-bottom:0;background:none}
.seal-hero::after{display:none}
.seal-hero .wrap{position:relative;z-index:1}
.seal-hg{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:70px;align-items:center}
.seal-hero h1{font-size:var(--s6);line-height:1.04;max-width:12ch;margin:26px 0 22px;color:var(--ink)}
.seal-hero .eyebrow{color:var(--stone-t)}
.seal-sub{font-style:italic;font-size:24px;color:#4a4744;margin:0 0 22px}
.seal-hero .hero-lede{font-size:20px;line-height:1.65;color:#45423e;max-width:540px}
.seal-hero .pathlinks{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px}
.seal-hero .path-card{background:transparent;border:1px solid var(--ink);border-radius:0}
.seal-hero .path-card:first-child{background:var(--ink);color:var(--paper)}
.seal-hero .path-card:first-child .label{color:#bdb6aa}
.seal-hero .path-card:hover{background:var(--paper);color:var(--ink);border-color:var(--ink)}
.seal-hero .path-card:hover .label{color:var(--stone-t)}
.seal-hero .path-arrow{color:inherit}
.seal-hero .path-main{font-family:var(--body);font-size:21px}
.seal-frame{margin:0;background:#fff;padding:14px 14px 0;border:1px solid var(--mist);box-shadow:0 30px 60px -30px rgba(23,22,21,.35)}
.seal-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:56% 60%;filter:sepia(.18) saturate(.78) contrast(.97)}
.seal-frame figcaption{font-family:var(--label);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-t);padding:14px 0 16px;text-align:center}
.bigzh{position:absolute;left:-30px;bottom:-110px;font-family:"Noto Serif SC","Songti SC",serif;font-weight:400;font-size:min(520px,82vh);line-height:1;color:rgba(23,22,21,.055);pointer-events:none;z-index:0;user-select:none}
.bigzh-side{left:auto;right:-60px;bottom:auto;top:-40px;font-size:min(440px,60vh)}
.has-bigzh{position:relative;overflow:hidden}
.has-bigzh>.wrap{position:relative;z-index:1}
@media (max-width:1023px){.bigzh-side{display:none}}
@media (max-width:900px){
 .seal-hero{padding:56px 0 70px}.seal-hg{grid-template-columns:1fr;gap:44px}.seal-frame{order:-1;max-width:460px}
 .seal-hero .pathlinks{grid-template-columns:1fr}
 .bigzh{font-size:300px;left:auto;right:-50px;bottom:-60px}
}
@media (max-width:767px){.seal-hero h1{font-size:46px}.seal-sub{font-size:20px}.seal-hero .hero-lede{font-size:18px}}
/* insights strip (home) */
.seal-ins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:50px;margin-top:48px}
.seal-ins a{display:block;border-top:1px solid var(--ink);padding-top:24px;background-image:none}
.seal-ins time{font-family:var(--label);font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-t)}
.seal-ins h3{font-size:26px;line-height:1.2;margin:14px 0 12px}
.seal-ins p{font-size:17px;font-style:italic;color:#55524d}
@media (max-width:900px){.seal-ins{grid-template-columns:1fr;gap:36px}}
/* motion: slow fades only */
.reveal{transform:none;transition:opacity .85s var(--ease)}
.reveal.in{transform:none}
@keyframes seal-bleed{from{opacity:0;filter:blur(16px)}to{opacity:1;filter:blur(0)}}
.bigzh{animation:seal-bleed 1.6s var(--ease) both}
@media (prefers-reduced-motion:reduce){.bigzh{animation:none}.reveal{opacity:1!important;transition:none}}
/* tune 1 */
.seal-hero{padding:110px 0 110px}
.seal-hero h1{max-width:none;font-size:clamp(48px,5.6vw,76px)}
@media (max-width:900px){.seal-hero{padding:32px 0 70px}.seal-frame img{aspect-ratio:1/1}.seal-hero h1{font-size:44px;margin-top:20px}}
@media (max-width:767px){.site-head .lang-switch{margin-left:auto;padding-left:12px;margin-right:14px}.site-head .lockup-name{font-size:10.5px;letter-spacing:.14em}.site-head .lockup-text{padding-left:8px}.site-head .lockup{gap:7px}}
@media (max-width:374px){.site-head .lockup-name{font-size:9.5px;letter-spacing:.1em}.seal-m{width:16px;height:16px;font-size:11px;line-height:16px}}
/* tune 2 */
.bigzh-side{color:rgba(23,22,21,.04)}
html:lang(zh-Hans) h1 em,html:lang(zh-Hans) h2 em,html:lang(zh-Hans) .seal-sub{font-style:normal}
/* hero video (moving curtains), still for reduced motion */
.seal-frame video,.seal-frame img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:56% 60%;display:block;filter:sepia(.18) saturate(.78) contrast(.97)}
.seal-still{display:none!important}
@media (max-width:900px){.seal-frame video{aspect-ratio:1/1}}
@media (prefers-reduced-motion:reduce){.seal-vid{display:none!important}.seal-still{display:block!important}}
/* brush-script watermark 准 (Zhi Mang Xing, OFL, subset to one glyph). Logo seal unchanged. */
.bigzh{font-family:"Zhi Mang Xing","Noto Serif SC","Songti SC",serif;font-weight:400}
/* full-bleed hero video (2026-11-03) */
.seal-full{position:relative;overflow:hidden;min-height:min(92vh,860px);display:flex;align-items:center;padding:110px 0}
.seal-full .seal-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 55%;filter:sepia(.15) saturate(.8) contrast(.96);z-index:0}
.seal-full .seal-still{display:none}
.seal-veil{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(243,238,228,.94) 0%,rgba(243,238,228,.88) 38%,rgba(243,238,228,.45) 62%,rgba(243,238,228,.08) 85%)}
.seal-full>.wrap{position:relative;z-index:2;width:100%}
.seal-copy{max-width:640px}
.seal-full .bigzh{z-index:1;left:auto;right:4%;top:50%;bottom:auto;transform:translateY(-50%);font-size:min(560px,78vh);color:rgba(23,22,21,.055)}
@media (max-width:900px){
 .seal-full{min-height:0;padding:64px 0 72px;align-items:flex-start}
 .seal-full .seal-bg{object-position:68% 50%}
 .seal-veil{background:linear-gradient(180deg,rgba(243,238,228,.80) 0%,rgba(243,238,228,.90) 45%,rgba(243,238,228,.94) 100%)}
 .seal-full .bigzh{font-size:280px;right:-40px;top:6%;transform:none}
}
@media (prefers-reduced-motion:reduce){.seal-full .seal-vid{display:none!important}.seal-full .seal-still{display:block!important}}
@media (max-width:900px){.seal-full .bigzh{font-size:210px;right:-24px;top:10px;color:rgba(23,22,21,.045)}}
.seal-desc{display:block;font-family:var(--label);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--stone-t);margin-top:10px;font-style:normal;line-height:1.5}
html:lang(zh-Hans) .seal-desc{letter-spacing:.12em;font-size:13px}
/* 准 behind the hero text block (Denita, 3 Nov; overrides the guide's 'not over body text') */
.seal-hero .seal-copy{position:relative;isolation:isolate}
.seal-hero .bigzh-text{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);z-index:-1;font-size:min(var(--zh-h,640px),820px);line-height:1;color:rgba(23,22,21,.055);animation:seal-bleed-c 1.6s var(--ease) both}
@keyframes seal-bleed-c{from{opacity:0;filter:blur(16px)}to{opacity:1;filter:blur(0)}}
@media (prefers-reduced-motion:reduce){.seal-hero .bigzh-text{animation:none}}
@media (max-width:900px){.seal-hero .bigzh-text{font-size:min(var(--zh-h,520px),120vw);right:auto;top:50%}}
/* photo/video heroes (not the Seal home hero): all text in rice paper over a dark text-side gradient */
.hero:not(.seal-hero)::after{background:linear-gradient(90deg,rgba(23,22,21,.74) 0%,rgba(23,22,21,.62) 45%,rgba(23,22,21,.30) 100%)}
.hero:not(.seal-hero),.hero:not(.seal-hero) h1,.hero:not(.seal-hero) h1 em,.hero:not(.seal-hero) p,.hero:not(.seal-hero) .seal-sub,.hero:not(.seal-hero) .eyebrow,.hero:not(.seal-hero) .hero-lede,.hero:not(.seal-hero) li{color:#F3EEE4}
.hero:not(.seal-hero) .eyebrow::before{background:#F3EEE4}
@media (max-width:767px){.hero:not(.seal-hero)::after{background:linear-gradient(180deg,rgba(23,22,21,.66) 0%,rgba(23,22,21,.72) 100%)}}
.hero:not(.seal-hero)::after{background:linear-gradient(90deg,rgba(23,22,21,.78) 0%,rgba(23,22,21,.66) 45%,rgba(23,22,21,.34) 100%)}
.hero:not(.seal-hero) .num{color:#F3EEE4}
.hero:not(.seal-hero) .stats .label{color:#D9D3C7}
.hero:not(.seal-hero) .card,.hero:not(.seal-hero) .card h1,.hero:not(.seal-hero) .card h1 em,.hero:not(.seal-hero) .card p{color:var(--ink)}
.hero:not(.seal-hero) .card .eyebrow{color:#6F6A62}.hero:not(.seal-hero) .card .eyebrow::before{background:#8A857C}
/* card titles (insights, library, related, home insights) and article H1 scale */
.grid .card h2,.grid .card h3,a.card h2,a.card h3{font-size:25px;line-height:1.2;margin-bottom:.5em}
.lb-title{font-size:25px;line-height:1.2}.lb-title.sm{font-size:22px}
.seal-ins h3{font-size:25px;line-height:1.2}
.prose h1,article h1{font-size:clamp(34px,3.6vw,48px);line-height:1.12}
@media (max-width:767px){.grid .card h2,.grid .card h3,a.card h2,a.card h3,.lb-title,.seal-ins h3{font-size:22px}.prose h1,article h1{font-size:32px}}
/* 准 behind the first text block on inner pages, as on the home hero */
html,body{overflow-x:clip}
.seal-copy{position:relative;isolation:isolate}
.seal-copy>.bigzh-text{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%);z-index:-1;font-family:"Zhi Mang Xing","Noto Serif SC",serif;font-size:clamp(300px,34vw,560px);line-height:1;color:rgba(23,22,21,.055);pointer-events:none;animation:seal-bleed-c 1.6s var(--ease) both}
.seal-hero .seal-copy>.bigzh-text{font-size:640px}
@media (max-width:900px){.seal-copy>.bigzh-text{font-size:min(110vw,440px)}.seal-hero .seal-copy>.bigzh-text{font-size:min(120vw,520px)}}
@media (prefers-reduced-motion:reduce){.seal-copy>.bigzh-text{animation:none}}
.seal-copy:not(.seal-hero .seal-copy)>.bigzh-text{left:clamp(0px,6vw,120px);top:0;transform:translateY(-8%);font-size:clamp(320px,32vw,520px)}
@media (max-width:900px){.seal-copy:not(.seal-hero .seal-copy)>.bigzh-text{left:50%;transform:translate(-50%,-6%);font-size:min(105vw,420px)}}
.hero:not(.seal-hero)::after{background:linear-gradient(90deg,rgba(23,22,21,.82) 0%,rgba(23,22,21,.72) 45%,rgba(23,22,21,.58) 100%)}
@media (max-width:767px){.hero:not(.seal-hero)::after{background:rgba(23,22,21,.8)}}
/* inner-page text-block 准 (class seal-zb, independent of the hero's .seal-copy width) */
.seal-zb{position:relative;isolation:isolate}
.seal-zb>.bigzh-text{position:absolute;left:clamp(0px,6vw,120px);top:0;right:auto;bottom:auto;transform:translateY(-8%);z-index:-1;font-family:"Zhi Mang Xing","Noto Serif SC",serif;font-size:clamp(320px,32vw,520px);line-height:1;color:rgba(23,22,21,.055);pointer-events:none;animation:seal-bleed-c 1.6s var(--ease) both}
@media (max-width:900px){.seal-zb>.bigzh-text{left:50%;transform:translate(-50%,-6%);font-size:min(105vw,420px)}}
@media (prefers-reduced-motion:reduce){.seal-zb>.bigzh-text{animation:none}}
.hero:not(.seal-hero) .stats .label{color:#F3EEE4}
/* header rebalance (Denita 3 Nov): everything incl. 中文/EN fits from 1920 to 360 */
.site-head .wrap{max-width:min(1320px,100%)}
@media (min-width:1024px) and (max-width:1439px){
 .site-head .wrap{padding:0 24px}
 .site-head .nav{gap:14px;margin-left:16px}
 .site-head .nav-main{gap:14px}
 .site-head .nav a:not(.btn),.site-head .nav button.navlink,.site-head .nav-more summary,.site-head .nav-login{letter-spacing:.12em;font-size:10.5px}
 .site-head .nav-side{gap:12px}
 .site-head .nav-side .btn{letter-spacing:.12em;font-size:10px;padding:0 14px;min-height:38px}
 .site-head .lockup{gap:9px}.site-head .seal-s{width:34px;height:34px}.site-head .seal-m{width:20px;height:20px;font-size:13px;line-height:20px}
 .site-head .lockup-text{padding-left:10px}
 .site-head .lockup-name{font-size:11.5px;letter-spacing:.18em}.site-head .lockup-by{font-size:7.5px;letter-spacing:.28em}
 .site-head .lang-switch{margin-left:12px;padding-left:12px;letter-spacing:.12em;flex:none}
}
@media (min-width:1024px) and (max-width:1179px){
 .site-head .nav,.site-head .nav-main{gap:11px}
 .site-head .nav a:not(.btn),.site-head .nav button.navlink,.site-head .nav-more summary,.site-head .nav-login{letter-spacing:.08em;font-size:10px}
 .site-head .nav-side .btn{padding:0 10px;letter-spacing:.08em}
 .site-head .lockup-name{font-size:10.5px;letter-spacing:.12em}.site-head .lockup-by{display:none}
 .site-head .lang-switch{margin-left:10px;padding-left:10px}
}
@media (min-width:1440px){.site-head .nav,.site-head .nav-main{gap:20px}}
@media (max-width:1023px){.site-head .lang-switch{display:inline-flex!important;visibility:visible!important;flex:none}}
/* mobile menu: one size for every link 2026-11-03 */
@media (max-width:1023px){
 .site-head .nav.open{gap:22px;padding-top:104px}
 .site-head .nav.open .nav-main,.site-head .nav.open .nav-side{gap:16px}
 .site-head .nav.open .nav-main a,.site-head .nav.open .nav-more summary,.site-head .nav.open .nav-more-p a,.site-head .nav.open .nav-side a.nav-login{font-family:var(--display)!important;font-size:23px!important;font-weight:400!important;letter-spacing:.01em!important;text-transform:none!important;line-height:1.25;padding:0!important;color:var(--ink,#171615);border:0!important}
 .site-head .nav.open .nav-more-p{padding:16px 0 0 20px;gap:16px;border-left:1px solid rgba(23,22,21,.15);margin-top:16px;padding-top:0}
 .site-head .nav.open .nav-more-p a{color:rgba(23,22,21,.68)}
 .site-head .nav.open .nav-side{padding-top:22px}
 .site-head .nav.open .nav-side .btn{font-family:var(--display)!important;font-size:23px!important;letter-spacing:.01em!important;text-transform:none!important;font-weight:400;min-height:52px;padding:0 24px}
}
@media (min-width:1024px){
 .site-head .nav-more-p a{font-family:var(--label)!important;font-size:inherit;letter-spacing:inherit;text-transform:uppercase;font-weight:400}
 .site-head .nav-more-p{font-size:12px;letter-spacing:.16em}
}
@media (min-width:1024px) and (max-width:1439px){.site-head .nav-more-p{font-size:10.5px;letter-spacing:.12em}}
@media (min-width:1024px) and (max-width:1179px){.site-head .nav-more-p{font-size:10px;letter-spacing:.08em}}
@media (min-width:1024px){.site-head .nav-side .nav-login{text-transform:uppercase!important}}
/* homepage path cards, refined editorial (Denita, 4 Nov 2026) */
.seal-hero .pathlinks{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;counter-reset:pc;margin-top:40px}
.seal-hero .path-card,.seal-hero .path-card:first-child{counter-increment:pc;position:relative;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"num lab lab" "main main arrow";align-items:baseline;gap:14px 12px;padding:22px 14px 26px 0;background:transparent;color:var(--ink);border:0;border-top:1px solid rgba(23,22,21,.22);border-radius:0;text-decoration:none;transition:background-color .35s ease,border-color .35s ease,padding .35s ease}
.seal-hero .path-card::before{content:counter(pc,decimal-leading-zero);grid-area:num;font-family:var(--label,inherit);font-size:11px;letter-spacing:.18em;color:var(--cinnabar,#A8382A)}
.seal-hero .path-card .label,.seal-hero .path-card:first-child .label{grid-area:lab;margin:0;font-size:11px;letter-spacing:.22em;color:#6E665D;opacity:1}
.seal-hero .path-card .path-main{grid-area:main;font-family:var(--display,inherit);font-size:23px;line-height:1.25;color:var(--ink)}
.seal-hero .path-card .path-arrow{grid-area:arrow;font-size:18px;color:var(--ink);transition:transform .35s ease}
.seal-hero .path-card:hover,.seal-hero .path-card:focus-visible{background:rgba(23,22,21,.035);color:var(--ink);border-top-color:var(--ink);padding-left:12px}
.seal-hero .path-card:hover .label{color:#6E665D}
.seal-hero .path-card:hover .path-arrow,.seal-hero .path-card:focus-visible .path-arrow{transform:translateX(6px)}
@media (max-width:640px){.seal-hero .pathlinks{grid-template-columns:1fr;gap:0;margin-top:32px}.seal-hero .path-card:last-child{border-bottom:1px solid rgba(23,22,21,.22)}.seal-hero .path-card .path-main{font-size:21px}}
@media (prefers-reduced-motion:reduce){.seal-hero .path-card,.seal-hero .path-card .path-arrow{transition:none}}
/* path cards v2: interactive (Denita, 4 Nov 2026). Overrides the v1 block above. */
.seal-hero .path-card,.seal-hero .path-card:first-child{overflow:hidden;isolation:isolate;grid-template-columns:auto 1fr auto;grid-template-areas:"num lab lab" "main main arrow" "sub sub sub";padding:24px 18px 26px 18px;margin:0;transition:color .45s ease,border-color .45s ease,transform .2s ease}
.seal-hero .path-card::before{display:none}
.seal-hero .path-card .label::before{content:counter(pc,decimal-leading-zero);color:var(--cinnabar,#A8382A);margin-right:14px;letter-spacing:.18em}
.seal-hero .path-card .label{grid-area:lab}
.seal-hero .path-card::after{content:counter(pc,decimal-leading-zero);position:absolute;right:10px;bottom:-30px;font-family:var(--display);font-size:150px;line-height:1;color:var(--ink);opacity:.045;z-index:-1;pointer-events:none;transition:opacity .45s ease,color .45s ease,transform .6s ease}
.seal-hero .path-fill{position:absolute;inset:0;z-index:-2;background:var(--ink,#171615);transform:translateY(101%);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.seal-hero .path-fill::after{content:"";position:absolute;inset:0;background:radial-gradient(240px circle at var(--mx,70%) var(--my,30%),rgba(243,238,228,.12),transparent 70%);opacity:0;transition:opacity .4s ease}
.seal-hero .path-sub{grid-area:sub;font-size:15px;line-height:1.5;color:#6E665D;max-height:0;opacity:0;transform:translateY(6px);transition:max-height .5s ease,opacity .4s ease .05s,transform .45s ease,color .45s ease}
.seal-hero .path-arrow{display:inline-flex;align-items:center;gap:0;white-space:nowrap}
.seal-hero .path-arrow i{display:inline-block;width:0;height:1px;background:currentColor;margin-right:-6px;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.seal-hero .path-card:hover,.seal-hero .path-card:focus-visible{background:transparent;padding-left:18px;color:#F3EEE4;border-top-color:var(--ink)}
.seal-hero .path-card:hover .path-fill,.seal-hero .path-card:focus-visible .path-fill{transform:translateY(0)}
.seal-hero .path-card:hover .path-fill::after{opacity:1}
.seal-hero .path-card:hover .path-main,.seal-hero .path-card:focus-visible .path-main,.seal-hero .path-card:hover .path-arrow,.seal-hero .path-card:focus-visible .path-arrow{color:#F3EEE4}
.seal-hero .path-card:hover .label,.seal-hero .path-card:focus-visible .label,.seal-hero .path-card:hover .path-sub,.seal-hero .path-card:focus-visible .path-sub{color:#CFC6B8}
.seal-hero .path-card:hover .path-sub,.seal-hero .path-card:focus-visible .path-sub{max-height:80px;opacity:1;transform:none}
.seal-hero .path-card:hover .path-arrow,.seal-hero .path-card:focus-visible .path-arrow{transform:none}
.seal-hero .path-card:hover .path-arrow i,.seal-hero .path-card:focus-visible .path-arrow i{width:38px}
.seal-hero .path-card:hover::after,.seal-hero .path-card:focus-visible::after{color:#F3EEE4;opacity:.08;transform:translateY(-8px)}
.seal-hero .path-card:focus-visible{outline:1px solid var(--cinnabar,#A8382A);outline-offset:3px}
.seal-hero .path-card:active{transform:scale(.985)}
@media (hover:none){.seal-hero .path-sub{max-height:80px;opacity:1;transform:none}.seal-hero .path-card:active .path-fill{transform:translateY(0);transition-duration:.25s}.seal-hero .path-card:active .path-main,.seal-hero .path-card:active .path-arrow{color:#F3EEE4}.seal-hero .path-card:active .label,.seal-hero .path-card:active .path-sub{color:#CFC6B8}}
@media (max-width:640px){.seal-hero .path-card,.seal-hero .path-card:first-child{padding:22px 14px 24px 14px}.seal-hero .path-card::after{font-size:110px;bottom:-22px}}
@media (prefers-reduced-motion:reduce){.seal-hero .path-card,.seal-hero .path-fill,.seal-hero .path-sub,.seal-hero .path-arrow i,.seal-hero .path-card::after{transition:none!important}.seal-hero .path-card:active{transform:none}}
/* interactive buttons and links, site-wide (Denita, 4 Nov 2026) */
.btn{position:relative;overflow:hidden;isolation:isolate;transition:color .45s ease,border-color .45s ease,transform .25s cubic-bezier(.2,.7,.2,1),translate .3s cubic-bezier(.2,.7,.2,1);translate:var(--bx,0) var(--by,0)}
.btn::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--paper,#F3EEE4);transform:scaleX(0);transform-origin:left center;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.btn.ghost::before{background:var(--ink,#171615)}
.btn:hover,.btn:focus-visible{background:var(--ink);color:var(--ink);border-color:var(--ink)}
.btn.ghost:hover,.btn.ghost:focus-visible{background:transparent;color:var(--paper,#F3EEE4);border-color:var(--ink)}
.btn:hover::before,.btn:focus-visible::before{transform:scaleX(1)}
.btn>span[aria-hidden="true"]{display:inline-flex;align-items:center;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.btn>span[aria-hidden="true"]::before{content:"";display:inline-block;width:0;height:1px;background:currentColor;margin-right:-4px;transition:width .45s cubic-bezier(.2,.7,.2,1)}
.btn:hover>span[aria-hidden="true"],.btn:focus-visible>span[aria-hidden="true"]{transform:translateX(4px)}
.btn:hover>span[aria-hidden="true"]::before,.btn:focus-visible>span[aria-hidden="true"]::before{width:14px}
.btn:focus-visible,.nav-login:focus-visible,main a:focus-visible,.site-foot a:focus-visible{outline:1px solid var(--cinnabar,#A8382A);outline-offset:3px}
.btn:active{transform:scale(.97)}
.btn-ripple{position:absolute;z-index:-1;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:currentColor;opacity:.28;pointer-events:none;animation:btnrip .6s ease-out forwards}
@keyframes btnrip{to{transform:scale(28);opacity:0}}
.btn[disabled]:hover::before{transform:scaleX(0)}
.btn[disabled]:hover{color:var(--paper)}
/* text links: fine underline draws in */
main p a:not(.btn),main li a:not(.btn),main dd a:not(.btn),.site-foot li a{text-decoration:none;background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(23,22,21,.25),rgba(23,22,21,.25));background-size:0 1px,100% 1px;background-position:0 100%,0 100%;background-repeat:no-repeat;padding-bottom:1px;transition:background-size .45s cubic-bezier(.2,.7,.2,1),color .3s ease}
.site-foot li a{background-image:linear-gradient(currentColor,currentColor),linear-gradient(rgba(243,238,228,.3),rgba(243,238,228,.3))}
main p a:not(.btn):hover,main li a:not(.btn):hover,main dd a:not(.btn):hover,.site-foot li a:hover,main p a:not(.btn):focus-visible,main li a:not(.btn):focus-visible{background-size:100% 1px,100% 1px}
.site-head .nav a:not(.btn),.site-head .nav-login{background-image:linear-gradient(currentColor,currentColor);background-size:0 1px;background-position:0 100%;background-repeat:no-repeat;transition:background-size .4s cubic-bezier(.2,.7,.2,1)}
.site-head .nav a:not(.btn):hover,.site-head .nav-login:hover{background-size:100% 1px}
.site-head .nav.open a:not(.btn){background-image:none}
@media (prefers-reduced-motion:reduce){.btn,.btn::before,.btn>span[aria-hidden="true"],.btn>span[aria-hidden="true"]::before,main a,.site-foot a,.site-head .nav a{transition:none!important;translate:none!important}.btn:active{transform:none}.btn-ripple{display:none}}
/* path cards v3: premium interactive (Denita, 4 Nov 2026). Overrides v2 above; v2 backup in /workspace/backup-cards-v2. */
.seal-hero .pathlinks{perspective:1100px}
.seal-hero .path-card,.seal-hero .path-card:first-child{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:color .45s ease,border-color .45s ease,transform .5s cubic-bezier(.2,.7,.2,1),opacity .45s ease,scale .2s ease;will-change:transform}
.seal-hero .path-card:hover{transition:color .45s ease,border-color .45s ease,transform .12s linear,opacity .45s ease,scale .2s ease}
.seal-hero .path-fill,.seal-hero .path-card:hover .path-fill,.seal-hero .path-card:focus-visible .path-fill{transform:none;clip-path:circle(0 at var(--ex,50%) var(--ey,100%));transition:clip-path .7s cubic-bezier(.2,.7,.2,1)}
.seal-hero .path-card:hover .path-fill,.seal-hero .path-card:focus-visible .path-fill{clip-path:circle(150% at var(--ex,50%) var(--ey,100%))}
.seal-hero .path-sheen{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.16) 48%,transparent 62%);background-size:250% 100%;background-position:120% 0;opacity:0;transition:opacity .4s ease,background-position .9s ease}
.seal-hero .path-card:hover .path-sheen{opacity:1;background-position:-20% 0}
.seal-hero .path-card .label{transition:letter-spacing .5s cubic-bezier(.2,.7,.2,1),color .45s ease}
.seal-hero .path-card:hover .label,.seal-hero .path-card:focus-visible .label{letter-spacing:.32em}
.seal-hero .path-card .label::before{transition:color .45s ease}
.seal-hero .path-card:hover .label::before,.seal-hero .path-card:focus-visible .label::before{color:#E9B4A8}
.seal-hero .path-card::after{transform:translateX(36px);opacity:0}
.seal-hero .path-card:hover::after,.seal-hero .path-card:focus-visible::after{transform:translateX(0);opacity:.09}
.seal-hero .path-arrow{justify-content:center;width:42px;height:42px;border:1px solid rgba(23,22,21,.3);border-radius:50%;font-size:16px;align-self:center;transition:background-color .45s ease,border-color .45s ease,color .45s ease}
.seal-hero .path-arrow i{display:none}
.seal-hero .path-arrow b,.seal-hero .path-arrow{line-height:1}
.seal-hero .path-card .path-arrow{transform:none}
.seal-hero .path-card:hover .path-arrow,.seal-hero .path-card:focus-visible .path-arrow{background:#F3EEE4;border-color:#F3EEE4;color:var(--ink);transform:rotate(-45deg)}
.seal-hero .path-card .path-arrow{transition:background-color .45s ease,border-color .45s ease,color .45s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
@media (hover:hover){.seal-hero .pathlinks:hover .path-card:not(:hover){opacity:.5}}
.seal-hero .pathlinks:hover .path-card:not(:hover):not(*),.seal-hero .pathlinks:has(.path-card:focus-visible) .path-card:not(:focus-visible){opacity:.5}
.seal-hero .path-card:active{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));scale:.985}
.seal-hero .pathlinks.pc-pre .path-card{opacity:0;translate:0 22px;transition:opacity .8s ease,translate .9s cubic-bezier(.2,.7,.2,1),color .45s ease,border-color .45s ease,transform .5s cubic-bezier(.2,.7,.2,1),scale .2s ease}
.seal-hero .pathlinks.pc-pre .path-card:nth-child(2){transition-delay:.14s,.14s,0s,0s,0s,0s}
.seal-hero .pathlinks.pc-pre.pc-in .path-card{opacity:1;translate:0 0}
@media (hover:hover){.seal-hero .pathlinks.pc-pre.pc-in:hover .path-card:not(:hover){opacity:.5;transition-delay:0s}}
@media (hover:none){.seal-hero .path-card:active .path-fill{clip-path:circle(150% at var(--ex,50%) var(--ey,50%));transition-duration:.45s}.seal-hero .path-card:active .label::before{color:#E9B4A8}.seal-hero .path-card:active .path-arrow{background:#F3EEE4;border-color:#F3EEE4;color:var(--ink);transform:rotate(-45deg)}.seal-hero .path-card{transform:none!important}}
@media (max-width:640px){.seal-hero .path-arrow{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.seal-hero .path-card,.seal-hero .path-fill,.seal-hero .path-sheen,.seal-hero .path-arrow,.seal-hero .path-card .label,.seal-hero .path-card::after{transition:none!important}.seal-hero .path-card{transform:none!important;scale:none!important}.seal-hero .path-sheen{display:none}.seal-hero .path-card .label{letter-spacing:.22em!important}}
.seal-hero .path-card:hover .path-sub,.seal-hero .path-card:focus-visible .path-sub{max-height:140px}