/* Shared editorial header and about-page interactions; existing Source Han families remain in use. */
body.corporate-site.official-site.atlas-site{padding-top:0;--official-header:var(--home-header-height,170px)}
body.corporate-site.official-site.atlas-site[data-page=product]{padding-top:var(--home-header-height,170px)}
body.corporate-site.official-site.atlas-site .home-reference-header:not(.home-header-light),
body.corporate-site.official-site.atlas-site .home-reference-header:not(.home-header-light).atlas-over-photo:not(.atlas-header-solid){background:transparent!important;color:#fff!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
body.corporate-site.official-site.atlas-site .home-reference-header.home-header-light{background:#fafaf7!important;color:#183d30!important}
body.corporate-site.official-site.atlas-site .home-reference-header:not(.home-header-light):not(.catalogue-header-open) :is(.brand-name strong,.brand-name small,.nav-link,.nav-link[aria-current],.atlas-enquire,.lang-switch,.icon-button){color:white!important}
body.corporate-site.official-site.atlas-site .home-reference-header:not(.home-header-light):not(.catalogue-header-open) .search-toggle img{filter:brightness(0) invert(1)}
body.corporate-site.official-site.atlas-site .inner-banner{min-height:calc(var(--home-header-height,170px) + 300px);padding-top:calc(var(--home-header-height,170px) + 56px);box-sizing:border-box}
body.corporate-site.official-site.atlas-site #about-profile{position:relative;padding:0;margin:0;max-width:none;width:100%}
body.corporate-site.official-site.atlas-site #about-profile>.art-page-title{position:absolute;z-index:2;top:calc(var(--home-header-height,170px) + 32px);left:8%;width:84%;padding:0;margin:0}
body.corporate-site.official-site.atlas-site #about-profile>.art-page-title h1{color:white;font-size:clamp(28px,3.3vw,48px);line-height:1.4;max-width:24em;margin:0}
body.corporate-site.official-site.atlas-site #about-introduction{width:100%;max-width:none;margin:0;border:0;border-radius:0;background:#132e25;color:#fff;min-height:100svh}
body.corporate-site.official-site.atlas-site #about-introduction .art-stage-inner{min-height:100svh;padding-top:calc(var(--home-header-height,170px) + 150px);padding-bottom:90px;box-sizing:border-box}
body.corporate-site.official-site.atlas-site #about-introduction .art-wash{background:linear-gradient(90deg,#082b23e8,#082b23aa 48%,#082b2330)}
body.corporate-site.official-site.atlas-site #about-introduction:after{background:linear-gradient(180deg,#00191230,transparent 45%,#00191240)}
body.corporate-site.official-site.atlas-site #about-introduction :is(h2,p,.story-stats strong,.story-stats span,.story-stats small){color:white}
.reference-views{padding:0!important;background:#fff}
.reference-views-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;border-top:1px solid #ddd}
.reference-views-intro,.reference-view{min-height:330px;aspect-ratio:1.15;position:relative;min-width:0;overflow:hidden;border-bottom:1px solid #ddd;border-right:1px solid #ddd}
.reference-views-intro{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:32px;color:#1e2926;background:#fafaf7}
.reference-views-intro h2{font-family:var(--df-font-heading);font-size:clamp(28px,2.6vw,42px);line-height:1.35;margin:0 0 24px}
.reference-views-intro p{font-size:16px;line-height:1.75;margin:0}
body.corporate-site.official-site.atlas-site .reference-view{display:flex;align-items:center;justify-content:center;color:white;background:#152a23;text-decoration:none}
.reference-view>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.reference-view:after{content:"";position:absolute;inset:0;background:#0618109e;pointer-events:none;transition:opacity 180ms ease}
.reference-view-copy{position:relative;z-index:1;width:100%;padding:26px;display:grid;align-items:center;justify-items:center;text-align:center}
body.corporate-site.official-site.atlas-site .reference-view h3{grid-area:1/1;font-family:var(--df-font-heading);font-weight:600;font-size:clamp(23px,1.8vw,31px);line-height:1.4;color:white;margin:0;transform:translateY(0);transition:transform 220ms var(--official-ease,cubic-bezier(.23,1,.32,1))}
.reference-view-detail{grid-area:1/1;width:100%;max-width:32ch;opacity:0;transform:translateY(54px);transition:transform 220ms var(--official-ease,cubic-bezier(.23,1,.32,1)),opacity 180ms ease-out;pointer-events:none}
body.corporate-site.official-site.atlas-site .reference-view-detail p{font-size:15px;line-height:1.7;font-weight:400;color:#fff;margin:0 0 12px}
.reference-view-detail>span{font-size:14px;font-weight:500;color:#dfeb28}
@media(hover:hover) and (pointer:fine){
 .reference-view:is(:hover,:focus-visible) h3{transform:translateY(-48px)}
 .reference-view:is(:hover,:focus-visible) .reference-view-detail{opacity:1;transform:translateY(44px)}
 .reference-view:is(:hover,:focus-visible):after{opacity:.9}
}
.reference-view:focus-visible{outline:3px solid #dfeb28;outline-offset:-5px}
/* A real year selection drives both the photograph and its description. */
body.corporate-site.official-site.atlas-site #about-history{background:#fff;padding:90px 0;color:#252e29;min-height:100svh;box-sizing:border-box}
body.corporate-site.official-site.atlas-site #about-history>.container{width:100%;max-width:none;padding:0}
body.corporate-site.official-site.atlas-site #about-history .art-section-title{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;width:70%;max-width:1280px;margin:0 auto 50px;text-align:left}
body.corporate-site.official-site.atlas-site #about-history .art-section-title h2{font-size:clamp(30px,3vw,46px);line-height:1.4;margin:0;max-width:14em}
body.corporate-site.official-site.atlas-site #about-history .art-section-title p{font-size:17px;line-height:1.9;margin:0;color:#606963}
#about-history .story-years-wrap{width:70%;max-width:1280px;margin:0 auto 36px}
body.corporate-site.official-site.atlas-site #about-history .story-years{padding:0 0 10px;gap:0;border:0;scrollbar-width:thin}
body.corporate-site.official-site.atlas-site #about-history .story-years button{flex:1 0 150px;display:flex;flex-direction:row;align-items:center;min-height:52px;padding:0 20px 0 0;border:0;color:#8a918d;font-size:22px;font-weight:600;gap:12px}
body.corporate-site.official-site.atlas-site #about-history .story-years button>span:not(.story-year-marker){font-size:22px;white-space:nowrap}
#about-history .story-years button:after{position:static;display:block;height:2px;flex:1;background:#cdd2ce;transform:none;order:2;align-self:center}
body.corporate-site.official-site.atlas-site #about-history .story-years button[aria-selected=true]{color:#263e33}
#about-history .story-years button[aria-selected=true]:after{background:#263e33}
#about-history .story-year-marker,#about-history .story-years small{display:none}
#about-history .story-panels{position:relative;display:grid;overflow:hidden;margin:0;isolation:isolate}
body.corporate-site.official-site.atlas-site #about-history .story-panel{grid-area:1/1;display:grid;grid-template-columns:53% 1fr;align-items:center;gap:5%;padding:0 8% 0 0;border:0;min-height:480px;background:#fff;width:100%;box-sizing:border-box}
#about-history .story-panel[hidden]{display:none!important}
body.corporate-site.official-site.atlas-site #about-history .story-panel:not(.has-photo){grid-template-columns:1fr;padding-inline:15%}
body.corporate-site.official-site.atlas-site #about-history .story-history-photo{width:100%;height:480px;aspect-ratio:auto;border-radius:0;overflow:hidden}
#about-history .story-history-photo img{width:100%;height:100%;object-fit:contain;background:#f3f3ed}
body.corporate-site.official-site.atlas-site #about-history .story-history-copy{max-width:48ch;padding-block:30px}
body.corporate-site.official-site.atlas-site #about-history .story-history-period{font-family:var(--df-font-heading);font-size:32px;font-weight:600;line-height:1.4;color:#243c30;margin:0 0 16px}
body.corporate-site.official-site.atlas-site #about-history .story-history-copy h3{font-size:24px;line-height:1.5;margin-bottom:18px}
body.corporate-site.official-site.atlas-site #about-history .story-history-copy>div{font-size:16px;line-height:1.9;color:#505b54}
#about-history .story-timeline-controls{margin:28px auto 0;justify-content:center}
.reference-history-status{font-size:14px;line-height:1.6;min-height:24px;margin:0 auto;max-width:70%;color:#58665c}
@media(max-width:1200px){.reference-views-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reference-views-intro,.reference-view{min-height:320px;aspect-ratio:auto}}
@media(max-width:760px){
 body.corporate-site.official-site.atlas-site .inner-banner{min-height:calc(var(--home-header-height,124px) + 230px)}
 body.corporate-site.official-site.atlas-site #about-profile>.art-page-title{left:20px;width:calc(100% - 40px);top:calc(var(--home-header-height,124px) + 28px)}
 body.corporate-site.official-site.atlas-site #about-profile>.art-page-title h1{font-size:26px;line-height:1.5}
 body.corporate-site.official-site.atlas-site #about-introduction .art-stage-inner{padding-top:calc(var(--home-header-height,124px) + 150px)}
 .reference-views-grid{grid-template-columns:1fr}.reference-views-intro,.reference-view{min-height:280px}
 body.corporate-site.official-site.atlas-site #about-history .art-section-title{width:calc(100% - 40px);grid-template-columns:1fr;gap:20px;margin-bottom:25px}
 #about-history .story-years-wrap{width:calc(100% - 40px)}
 body.corporate-site.official-site.atlas-site #about-history .story-panel{grid-template-columns:1fr;gap:20px;padding:0}
 body.corporate-site.official-site.atlas-site #about-history .story-history-photo{height:300px}
 body.corporate-site.official-site.atlas-site #about-history .story-history-copy{padding:0 20px 30px;max-width:none}
 body.corporate-site.official-site.atlas-site #about-history .story-panel:not(.has-photo){padding-inline:0}
}
@media(hover:none),(pointer:coarse){
 body.corporate-site.official-site.atlas-site .reference-view h3{transform:translateY(-48px)}
 .reference-view-detail{opacity:1;transform:translateY(44px)}
}
@media(prefers-reduced-motion:reduce){.reference-view *,.reference-view:after{transition:none!important}}