/* HITT reference mapping: company-owned cover, readable introduction, genuine gradual media edge. */
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-inner{width:min(1240px,calc(100% - 80px));max-width:none;min-height:100svh;margin:auto;display:flex;align-items:center;padding-top:var(--home-header-height,170px);padding-bottom:120px;position:relative;z-index:2;box-sizing:border-box}
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-copy{max-width:700px;width:100%}
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction h1{font-family:var(--df-font-heading);font-size:clamp(42px,4vw,64px);font-weight:600;line-height:1.25;letter-spacing:normal;color:white;margin:0 0 20px;max-width:14em}
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-copy>p{font-family:var(--df-font-body);font-size:17px;font-weight:400;line-height:1.85;color:#fafaf7;margin:0 0 30px;max-width:none}
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-copy>.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 30px;margin:0;background:#dfeb28;color:#101610;border:0;border-radius:0;font-family:var(--df-font-body);font-size:14px;font-weight:500;line-height:1.5;box-shadow:none}
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-copy>.button:hover{background:#edf54b;color:#101610}
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-wash{background:linear-gradient(90deg,#0009 0%,#0005 65%,#0003 100%)}
/* An earlier shared rule set display:none on this layer; restore it explicitly. */
body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction:after{content:"";display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,transparent 32%,#0001 48%,#0006 68%,#000d 88%,#000 100%)}
.about-transition-shell{position:relative;isolation:isolate;background:#fff}
.about-transition-shell.about-transition-ready:before{content:"";position:absolute;inset:0;background:#000;opacity:var(--about-darkness,1);z-index:0;pointer-events:none}
.about-transition-shell>.about-black-flow,.about-transition-shell>#about-history{position:relative;z-index:1}
.about-transition-shell.about-transition-ready>.about-black-flow,
.about-transition-shell.about-transition-ready .about-manifesto,
.about-transition-shell.about-transition-ready .about-number-strip,
body.corporate-site.official-site.atlas-site .about-transition-shell.about-transition-ready .reference-views,
body.corporate-site.official-site.atlas-site .about-transition-shell.about-transition-ready #about-history{background:transparent!important}
.about-transition-shell.about-transition-light .about-manifesto h2,
.about-transition-shell.about-transition-light .about-number-strip h2,
.about-transition-shell.about-transition-light .about-number-item dt{color:#23362b!important}
.about-transition-shell.about-transition-light .about-manifesto-copy p{color:#49594c!important}
body.corporate-site.official-site.atlas-site .about-transition-shell.about-transition-ready #about-history .story-panel{background:transparent}
body.corporate-site.official-site.atlas-site .about-transition-shell.about-transition-ready:not(.about-transition-light) #about-history :is(h2,h3,p,.story-history-copy>div,.story-years button){color:#fff}
body.corporate-site.official-site.atlas-site .about-transition-shell.about-transition-light #about-history :is(h2,h3,p,.story-history-copy>div){color:#111}
/* Cards reveal complete copy without navigation or a read-more action. */
body.corporate-site.official-site.atlas-site .reference-view{cursor:default;display:block}
body.corporate-site.official-site.atlas-site .reference-view-copy{position:absolute;inset:0;padding:0;display:block;width:auto;min-height:0}
body.corporate-site.official-site.atlas-site .reference-view h3{position:absolute;top:50%;left:20px;right:20px;max-width:none;font-size:22px;line-height:1.4;transform:translateY(-50%);margin:0}
body.corporate-site.official-site.atlas-site .reference-view-detail{position:absolute;top:130px;left:22px;right:22px;bottom:20px;width:auto;max-width:none;max-height:none;overflow:auto;scrollbar-width:thin;scrollbar-color:#c6cebd transparent;opacity:0;transform:translateY(8px);pointer-events:none;overscroll-behavior:contain}
body.corporate-site.official-site.atlas-site .reference-view-detail p{font-size:14px;line-height:1.75;color:#fff;margin:0}
@media(hover:hover) and (pointer:fine){
 body.corporate-site.official-site.atlas-site .reference-view:is(:hover,:focus-visible,:focus-within) h3{transform:translateY(calc(-50% - 64px))}
 body.corporate-site.official-site.atlas-site .reference-view:is(:hover,:focus-visible,:focus-within) .reference-view-detail{opacity:1;transform:translateY(0);pointer-events:auto}
}
@media(hover:none),(pointer:coarse){
 body.corporate-site.official-site.atlas-site .reference-view h3{transform:translateY(calc(-50% - 64px))}
 body.corporate-site.official-site.atlas-site .reference-view-detail{opacity:1;transform:none;pointer-events:auto}
}
@media(max-width:760px){
 body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-inner{width:calc(100% - 40px);padding-top:calc(var(--home-header-height,124px) + 40px);padding-bottom:130px}
 body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction h1{font-size:42px}
 body.corporate-site.official-site.atlas-site[data-page=about] #about-introduction .art-stage-copy>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.reference-view h3,.reference-view-detail{transition:none!important}}
