/* Dedicated About spot illustrations: no shared component overrides. */
.about-details{border-top:var(--rule);margin:48px 0 40px;padding-top:24px;color:var(--ink)}
.about-details h2{font:var(--label-font);letter-spacing:var(--label-tracking);margin:0 0 28px;text-transform:uppercase}
.about-details ul{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:0}
.about-detail{min-width:0}
.about-spot-wrap{display:block;width:80px;height:80px;margin:0 0 16px}
.about-spot{display:block;width:80px;height:80px;overflow:visible}
.about-detail p{font:400 15px/1.55 var(--font-body);max-width:205px;margin:0}
@media(max-width:900px){.about-details ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 32px}}
@media(max-width:540px){
 .about-details{margin:32px 0;padding-top:24px}
 .about-details h2{margin-bottom:24px}
 .about-details ul{grid-template-columns:minmax(0,1fr);gap:24px}
 .about-detail{display:grid;grid-template-columns:60px minmax(0,1fr);gap:20px;align-items:center}
 .about-spot-wrap,.about-spot{width:60px;height:60px;margin:0}
 .about-detail p{max-width:250px}
}
@media(prefers-reduced-motion:no-preference){
 .about-details[data-motion-ready] .about-spot-wrap{animation:about-spot-float 5.2s ease-in-out infinite;animation-play-state:paused}
 .about-details[data-motion-ready] .about-detail:nth-child(2) .about-spot-wrap{animation-duration:6.1s;animation-delay:-1.3s}
 .about-details[data-motion-ready] .about-detail:nth-child(3) .about-spot-wrap{animation-duration:5.7s;animation-delay:-2.6s}
 .about-details[data-motion-ready] .about-detail:nth-child(4) .about-spot-wrap{animation-duration:6.6s;animation-delay:-.7s}
 .about-details[data-motion-ready][data-visible]:not([data-page-hidden]) .about-spot-wrap{animation-play-state:running}
}
@keyframes about-spot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(var(--about-float,-4px))}}
@media(prefers-reduced-motion:reduce){.about-spot-wrap{animation:none!important;transform:none!important}}

@media(max-width:720px) and (prefers-reduced-motion:no-preference){
 .about-details{--about-float:-7px}
 .about-details[data-motion-ready] .about-detail:nth-child(1) .about-spot-wrap{animation-duration:4.8s;animation-delay:-.4s}
 .about-details[data-motion-ready] .about-detail:nth-child(2) .about-spot-wrap{animation-duration:5.4s;animation-delay:-1.7s}
 .about-details[data-motion-ready] .about-detail:nth-child(3) .about-spot-wrap{animation-duration:5.1s;animation-delay:-2.8s}
 .about-details[data-motion-ready] .about-detail:nth-child(4) .about-spot-wrap{animation-duration:5.8s;animation-delay:-.9s}
 .about-details[data-motion-ready]:not([data-page-hidden]) .about-detail[data-visible] .about-spot-wrap{animation-play-state:running}
}

@media(prefers-reduced-motion:no-preference){.about-detail:not([data-icon="alfie"]){--about-float:-6px}}

/* Exact supplied PNGs: compensate only for transparent padding; float remains on wrapper. */
.about-details .about-spot{position:relative}
.about-details .about-approved-art{position:absolute;display:block;max-width:none;height:auto;object-fit:contain;pointer-events:none}