/* A / 01 ABOUT only. Mirror the 02 FOR YOU grid without changing shared rules. */
body[data-design=a] #about.about-revised{grid-template-columns:1.1fr 1fr;grid-template-areas:"gallery copy";gap:70px;align-items:center}
body[data-design=a] #about .about-copy{grid-area:copy;min-width:0}
body[data-design=a] #about h2{font-size:clamp(24px,3vw,42px);line-height:1.1}
body[data-design=a] #about .about-title-break{display:none}
body[data-design=a] #about h3{font-size:18px;margin:25px 0 20px}
body[data-design=a] #about .about-copy p{color:#525968}
body[data-design=a] #about .about-copy .button{margin-top:28px}
body[data-design=a] #about .about-gallery{grid-area:gallery;min-width:0}
body[data-design=a] #about .about-gallery-stage{background:#f4f5f8;aspect-ratio:1.25;display:flex;align-items:center;justify-content:center;padding:14px}
body[data-design=a] #about .about-gallery-main{width:100%;height:100%;object-fit:contain;min-height:0}
body[data-design=a] #about .about-gallery-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
body[data-design=a] #about .about-gallery-choices button{background:#f4f5f8;padding:5px;border:2px solid transparent;position:relative}
body[data-design=a] #about .about-gallery-choices button[aria-pressed=true]{border-color:#ee4776}
body[data-design=a] #about .about-gallery-choices img{width:100%;height:78px;object-fit:contain}
body[data-design=a] #about .about-gallery-choices span{position:absolute;bottom:5px;right:5px;font-size:10px;background:#10182b;color:white;padding:3px 5px}
body[data-design=a] #about #about-gallery-caption{font-size:11px;color:#646b79;margin-top:10px}
@media(max-width:1000px){body[data-design=a] #about.about-revised{grid-template-columns:1fr 1fr;gap:40px}}
@media(max-width:700px){body[data-design=a] #about.about-revised{display:block}body[data-design=a] #about h2{font-size:44px;line-height:1.04}body[data-design=a] #about .about-title-break{display:initial}body[data-design=a] #about h3{font-size:17px}body[data-design=a] #about .about-copy .button{width:100%}body[data-design=a] #about .about-gallery{margin-top:35px}body[data-design=a] #about .about-gallery-stage{aspect-ratio:1.2}body[data-design=a] #about .about-gallery-choices img{height:65px}}

/* Third ABOUT image: pull back from full-height cover; allow 11% space above/below. */
body[data-design=a] #about .about-gallery-main[src="assets/about-20261016/about-display-landscape.png"]{height:78%;object-fit:cover;object-position:50% 50%}