/* About only. Original Pupulan typography, brand tokens and chrome retained.
   IBM DESIGN.md informs hierarchy and flat bordered groups, not visual identity. */
.ab-page{color:var(--ink)}
.ab-page [id]{scroll-margin-top:140px}
.ab-page h2{font-size:clamp(27px,2.8vw,36px);line-height:1.25}
.ab-page h3{font-size:20px;line-height:1.4}
.ab-page p{color:var(--ink-soft)}
.ab-page .ab-hero-link{margin-top:28px;gap:22px}
.ab-page .ab-split{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:64px;align-items:center}
.ab-page .ab-copy h2{margin-bottom:24px}
.ab-page .ab-copy p{font-size:15px;line-height:1.85;margin:16px 0 0}
.ab-page .ab-copy .ab-lead{font-size:17px;color:var(--navy);line-height:1.8}
.ab-page .ab-text-link{display:inline-flex;gap:20px;align-items:center;color:var(--navy);font-size:13px;font-weight:600;border-bottom:1px solid var(--gold);padding:8px 0;margin-top:24px}
.ab-page a:focus-visible,.ab-page summary:focus-visible,.ab-page button:focus-visible{outline:2px solid var(--navy);outline-offset:5px}
.ab-page .ab-photo{margin:0;background:#f5f6f7;border:1px solid #d8dee5;box-shadow:inset 0 0 0 9px #fff;border-radius:2px;display:grid;place-items:center;min-width:0;width:100%;max-width:100%;position:relative}
.ab-page .ab-photo-landscape{aspect-ratio:4/3;min-height:340px}
.ab-page .ab-photo-portrait{aspect-ratio:3/4;min-height:460px}
.ab-page .ab-photo-guide{padding:38px 34px;max-width:480px;min-width:0;width:100%;box-sizing:border-box;text-align:center}
.ab-page .ab-photo-no{display:block;font-size:11px;letter-spacing:.08em;color:#80632e}
.ab-page .ab-photo svg{width:52px;height:42px;stroke:#8d9bab;fill:none;stroke-width:1.3;margin:28px auto 18px}
.ab-page .ab-photo strong{display:block;font-size:19px;font-weight:500;color:var(--navy);line-height:1.6}
.ab-page .ab-photo p{font-size:13px;line-height:1.9;margin:14px 0 0}
.ab-page .ab-photo small{display:block;color:#777f88;font-size:11px;line-height:1.8;margin-top:22px}
.ab-page .ab-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;border-radius:2px}
.ab-page .ab-photo:is(.ab-profile-photo,.ab-product-photo){aspect-ratio:4/3;min-height:0}
.ab-page :is(.ab-profile-photo,.ab-product-photo)>img{inset:9px;width:calc(100% - 18px);height:calc(100% - 18px)}
.ab-page .ab-date-strip{display:grid;grid-template-columns:1fr 1.2fr 1.3fr;gap:36px;border-top:1px solid var(--line);padding-top:32px;margin-top:56px}
.ab-page .ab-date-strip>div+div{border-left:1px solid var(--line);padding-left:36px}
.ab-page .ab-date-strip strong{display:block;font-size:36px;color:var(--navy);line-height:1.25;font-weight:500;margin-bottom:10px}
.ab-page .ab-date-strip span{font-size:13px;color:var(--navy);display:block;font-weight:500}
.ab-page .ab-date-strip p{font-size:12px;line-height:1.8;margin:8px 0 0}
.ab-page .ab-date-note{align-self:center}
.ab-page .ab-date-note p{font-size:14px}
.ab-page .ab-story-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:center}
.ab-page .ab-kicker{display:block;font-size:11px;letter-spacing:.09em;text-transform:uppercase;color:#80632e;font-weight:600}
.ab-page .ab-story-aside{background:#fff;padding:36px;border:1px solid var(--line);border-top:2px solid var(--gold)}
.ab-page .ab-story-aside ol{list-style:none;padding:0;margin:20px 0 0}
.ab-page .ab-story-aside li{display:flex;gap:22px;padding:24px 0;border-top:1px solid var(--line-soft)}
.ab-page .ab-story-aside li>span{font-size:12px;color:#927239;padding-top:3px}
.ab-page .ab-story-aside h3{font-size:19px}
.ab-page .ab-story-aside p{font-size:14px;line-height:1.8;margin:8px 0 0}
.ab-page .ab-founder-layout{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:80px;align-items:start}
.ab-page .ab-founder-layout .ab-photo{align-self:stretch}
.ab-page .ab-founder-layout .ab-founder-portrait{align-self:start;min-height:0;aspect-ratio:auto;padding:9px}
.ab-page .ab-founder-portrait>img{position:static;display:block;width:100%;height:auto}
.ab-page .ab-copy .ab-role{font-size:13px;margin:-10px 0 26px;color:#80632e}
.ab-page blockquote{margin:0 0 28px;padding:2px 0 2px 24px;border-left:2px solid var(--gold);font-size:clamp(22px,2.1vw,28px);line-height:1.5;color:var(--navy)}
.ab-page .ab-experience{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:36px 0 0;border-top:1px solid var(--line)}
.ab-page .ab-experience li{position:relative;padding:26px 32px 0 0}
.ab-page .ab-experience li:before{content:'';width:7px;height:7px;background:var(--gold);position:absolute;top:-4px;left:0}
.ab-page .ab-experience span{font-size:12px;color:#80632e}
.ab-page .ab-experience h3{font-size:17px;margin:10px 0}
.ab-page .ab-experience p{font-size:13px;line-height:1.8}
.ab-page .ab-three{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.ab-page .ab-buyer{background:#fff;border:1px solid var(--line);padding:32px}
.ab-page .ab-index{font-size:11px;letter-spacing:.06em;color:#80632e;display:block;margin-bottom:24px}
.ab-page .ab-buyer h3{font-size:22px;margin-bottom:20px}
.ab-page .ab-buyer p{font-size:14px;line-height:1.85;margin-top:12px}
.ab-page .ab-market-note{font-size:13px;line-height:1.9;max-width:880px;text-align:center;margin:32px auto 0}
.ab-page .ab-product-layout{align-items:stretch}
.ab-page .ab-expertise article{padding:20px 0;border-bottom:1px solid var(--line)}
.ab-page .ab-expertise article:first-child{padding-top:0}
.ab-page .ab-expertise h3{font-size:19px;margin-bottom:8px}
.ab-page .ab-expertise p{font-size:14px;line-height:1.8;margin:0}
.ab-page .ab-small{font-size:12px!important;line-height:1.85!important;margin-top:20px!important}
.ab-page .ab-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}
.ab-page .ab-custom{padding:28px 32px;background:var(--soft);border-left:2px solid var(--gold)}
.ab-page .ab-custom h3{font-size:21px;margin:12px 0}
.ab-page .ab-custom p{font-size:14px;line-height:1.85;margin:0}
.ab-page .ab-product-link{margin-top:24px}
.ab-page .ab-network{display:grid;grid-template-columns:1fr 34px 1.15fr 34px 1.2fr;gap:16px;align-items:center;margin-top:48px;border:1px solid var(--line);background:#fff;padding:32px}
.ab-page .ab-network span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:#80632e;margin-bottom:12px}
.ab-page .ab-network h3{font-size:20px}
.ab-page .ab-network p{font-size:12px;line-height:1.8;margin:8px 0 0}
.ab-page .ab-connector{font-size:25px;color:var(--gold);text-align:center}
.ab-page .ab-hub{border-left:2px solid var(--gold);padding-left:20px}
.ab-page .ab-partners strong{font-size:12px;color:var(--navy);font-weight:500;display:block}
.ab-page .ab-partners p{padding:6px 0;border-bottom:1px solid var(--line-soft)}
.ab-page .ab-principles article{padding:0 32px 0 0}
.ab-page .ab-principles article+article{border-left:1px solid var(--line);padding-left:32px}
.ab-page .ab-principles h3{margin-bottom:12px}
.ab-page .ab-principles p{font-size:14px;line-height:1.85}
.ab-page .ab-updates-head{margin:56px 0 26px;border-top:1px solid var(--line);padding-top:36px}
.ab-page .ab-updates-head p{font-size:14px;line-height:1.85;max-width:880px;margin-top:12px}
.ab-page .ab-stages{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line);align-items:start;background:var(--soft)}
.ab-page .ab-stages details{padding:22px 20px;min-height:115px}
.ab-page .ab-stages details+details{border-left:1px solid var(--line)}
.ab-page .ab-stages summary{cursor:pointer;font-size:13px;color:var(--navy);line-height:1.6;font-weight:500;list-style:none}
.ab-page .ab-stages summary::-webkit-details-marker{display:none}
.ab-page .ab-stages summary:after{content:'+';margin-left:8px;color:#927239}
.ab-page .ab-stages details[open] summary:after{content:'−'}
.ab-page .ab-stages summary span{display:block;font-size:11px;color:#80632e;margin-bottom:12px}
.ab-page .ab-stages p{font-size:12px;line-height:1.8;margin:14px 0 0}
.ab-page .ab-stages details[open]{background:#fff}
.ab-page .ab-issue-note{padding:22px 0 0;max-width:900px;font-size:14px;line-height:1.85}
.ab-page .ab-issue-note strong{display:block;color:var(--navy);font-weight:500;margin-bottom:5px}
.ab-page .ab-case-steps{margin-top:24px;border-top:1px solid var(--line)}
.ab-page .ab-case-steps p{display:grid;grid-template-columns:105px 1fr;gap:15px;font-size:13px;line-height:1.8;margin:0;padding:13px 0;border-bottom:1px solid var(--line)}
.ab-page .ab-case-steps span{color:var(--navy);font-weight:500}
.ab-page .ab-gallery-open{display:block;width:100%;border:0;background:none;padding:0;cursor:zoom-in;overflow:hidden;border-radius:var(--radius)}
.ab-page .ab-gallery-open img{display:block;transition:transform .35s ease}
.ab-page #work-scenes .ab-gallery-open{aspect-ratio:4/3}
.ab-page #work-scenes .ab-gallery-open img{width:100%;height:100%;object-fit:cover}
.ab-page .ab-gallery-open:hover img{transform:scale(1.025)}
.ab-page .ab-name-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));text-align:center;gap:48px}
.ab-page .ab-name-grid>div+div{border-left:1px solid var(--line);padding-left:48px}
.ab-page .ab-name-grid span{font-size:48px;color:#927239;line-height:1.5;display:block;margin-bottom:16px}
.ab-page .ab-name-grid h3{font-size:18px}
.ab-page .ab-name-grid p{font-size:13px;line-height:1.85;margin-top:12px}
.ab-page .ab-company-details{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;margin-top:64px;padding-top:40px;border-top:1px solid var(--line)}
.ab-page .ab-company-details h3{font-size:22px;line-height:1.6}
.ab-page .ab-company-details>div>p{font-size:14px;margin-top:16px}
.ab-page .ab-company-details dl{margin:0}
.ab-page .ab-company-details dl>div{display:grid;grid-template-columns:150px 1fr;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px;line-height:1.85}
.ab-page .ab-company-details dt{color:var(--ink-soft)}
.ab-page .ab-company-details dd{color:var(--navy);margin:0;overflow-wrap:anywhere}
.ab-page .cta-band p{max-width:780px;font-size:14px;line-height:1.85}
.ab-page .ab-related{display:flex;flex-wrap:wrap;gap:30px;margin-top:32px;padding-top:24px;border-top:1px solid var(--line);color:var(--navy);font-size:12px}
.ab-page .ab-related a{display:flex;gap:14px}
.ab-lightbox{padding:52px 24px 24px;border:1px solid #d8dee5;border-radius:2px;max-width:min(1100px,92vw);max-height:90vh;margin:auto;background:#fff;color:#1a365d}
.ab-lightbox::backdrop{background:rgba(13,28,48,.8)}
.ab-lightbox img{display:block;max-width:100%;max-height:68vh;object-fit:contain;margin:auto}
.ab-lightbox p{font-size:13px;line-height:1.8;padding-top:16px;margin:0}
.ab-lightbox-close{position:absolute;right:18px;top:12px;border:0;background:#fff;color:#1a365d;cursor:pointer;font:inherit;font-size:12px;padding:8px}
.ab-lightbox-close span{font-size:20px;margin-left:12px}
.ab-lightbox-close:focus-visible{outline:2px solid #1a365d;outline-offset:2px}
@media(max-width:1000px){
 .ab-page .ab-split,.ab-page .ab-story-layout,.ab-page .ab-founder-layout{gap:36px}
 .ab-page .ab-buyer{padding:24px}
 .ab-page .ab-three{gap:20px}
 .ab-page .ab-photo-guide{padding:28px 24px}
 .ab-page .ab-network{padding:24px;gap:12px;grid-template-columns:1fr 22px 1.1fr 22px 1.2fr}
 .ab-page .ab-company-details{gap:32px}
}
@media(max-width:900px){
 .ab-page .ab-split,.ab-page .ab-story-layout,.ab-page .ab-founder-layout{grid-template-columns:1fr}
 .ab-page .ab-photo-portrait{max-width:440px;justify-self:center}
 .ab-page .ab-network{grid-template-columns:1fr;padding:24px}
 .ab-page .ab-connector{transform:rotate(90deg)}
}
@media(max-width:760px){
 .ab-page [id]{scroll-margin-top:100px}
 .ab-page .ab-split,.ab-page .ab-story-layout,.ab-page .ab-founder-layout,.ab-page .ab-three,.ab-page .ab-custom-grid,.ab-page .ab-company-details{grid-template-columns:1fr;gap:32px}
 .ab-page .ab-photo-landscape{min-height:320px;aspect-ratio:auto}
 .ab-page .ab-photo-portrait{min-height:430px;aspect-ratio:3/4;max-width:440px;width:100%;justify-self:center}
 .ab-page .ab-photo-guide{padding:30px 26px}
 .ab-page .ab-date-strip{grid-template-columns:1fr 1fr;gap:24px;margin-top:36px}
 .ab-page .ab-date-strip>div+div{padding-left:20px}
 .ab-page .ab-date-strip .ab-date-note{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);padding:22px 0 0}
 .ab-page .ab-date-strip strong{font-size:28px}
 .ab-page .ab-story-aside{padding:24px}
 .ab-page .ab-experience{grid-template-columns:1fr;border-top:0;border-left:1px solid var(--line);padding-left:24px;margin-top:36px}
 .ab-page .ab-experience li{padding:0 0 28px}
 .ab-page .ab-experience li:last-child{padding-bottom:0}
 .ab-page .ab-experience li:before{left:-28px;top:7px}
 .ab-page .ab-buyer{padding:28px}
 .ab-page .ab-market-note{text-align:left}
 .ab-page .ab-custom{padding:24px}
 .ab-page .ab-network{grid-template-columns:1fr;padding:24px}
 .ab-page .ab-connector{transform:rotate(90deg)}
 .ab-page .ab-principles article,.ab-page .ab-principles article+article{border-left:0;border-top:1px solid var(--line);padding:24px 0 0}
 .ab-page .ab-principles .ab-index{margin-bottom:12px}
 .ab-page .ab-stages{grid-template-columns:1fr}
 .ab-page .ab-stages details{min-height:0;padding:20px 24px}
 .ab-page .ab-stages details+details{border-left:0;border-top:1px solid var(--line)}
 .ab-page .ab-stages summary span{display:inline-block;margin:0 18px 0 0}
 .ab-page .ab-case-steps p{grid-template-columns:1fr;gap:3px}
 .ab-page .ab-name-grid{grid-template-columns:1fr;gap:24px;text-align:left}
 .ab-page .ab-name-grid>div{position:relative;padding-left:80px;min-height:100px}
 .ab-page .ab-name-grid>div+div{border-left:0;padding:24px 0 0 80px;border-top:1px solid var(--line)}
 .ab-page .ab-name-grid span{position:absolute;left:0;top:-4px}
 .ab-page .ab-name-grid>div+div span{top:20px}
 .ab-page .ab-company-details{margin-top:40px}
 .ab-page .ab-company-details dl>div{grid-template-columns:1fr;gap:4px}
 .ab-page .ab-related{gap:20px;flex-direction:column}
 .ab-page .cta-inner .btn{white-space:normal;min-height:52px;height:auto;text-align:center}
}
@media(prefers-reduced-motion:reduce){.ab-page .ab-gallery-open img{transition:none}.ab-page .reveal{opacity:1;transform:none;transition:none}}
@media print{.ab-page .reveal{opacity:1;transform:none}.ab-lightbox{display:none!important}.ab-page .ab-photo{break-inside:avoid}.ab-page .ab-stages details p{display:block}}

.ab-page .ab-exhibition-cta{position:relative;isolation:isolate;overflow:hidden;background:#f5f6f7}
/* 2026-11-06 入库适配：交付包 CTA 背景图与 CSS 同目录（additive-assets），
   主题结构下改指 assets/img/（ ../img/ ），其余交付包原样。 */
.ab-page .ab-exhibition-cta::before{content:"";position:absolute;z-index:-1;inset:0 0 0 auto;height:100%;width:auto;max-width:100%;aspect-ratio:2172/724;pointer-events:none;background:url("../img/about-jayden-exhibition-cta-wide-v2.webp") right center / contain no-repeat;mask-image:linear-gradient(90deg,transparent 0%,#000 43%)}
.ab-page .ab-exhibition-cta,.ab-page .ab-exhibition-cta::before{border-radius:0}
.ab-page .ab-exhibition-cta>.container{position:relative}
@media(max-width:760px){
 .ab-page .ab-exhibition-cta{padding-top:calc(clamp(150px,38vw,235px) + 24px)}
 .ab-page .ab-exhibition-cta::before{inset:0 0 auto;width:100%;height:clamp(165px,42vw,255px);background-image:linear-gradient(0deg,#f5f6f7 0%,rgba(245,246,247,0) 42%),url("../img/about-jayden-exhibition-cta-v1.webp");background-position:center,center;background-size:100% 100%,contain;mask-image:none}
}

/* 2026-11-07 客户口径：TALK TO JAYDEN 移到相关链接行尾（原 cta-inner 右侧
   悬在展台人物照片上）。与链接同行居中对齐，按钮高度略收与文字行协调。 */
.ab-page .ab-related{align-items:center}
.ab-page .ab-related .ab-related-cta{margin-left:14px;padding:11px 18px;white-space:nowrap}