.learning-marquee{padding:22px 48px;background:#f5f7f9;border-bottom:1px solid #e3e7ec}
.learning-marquee-inner{max-width:1440px;margin:auto;display:grid;grid-template-columns:190px minmax(0,1fr) 44px;gap:24px;align-items:center}
.learning-marquee h2{font-size:12px!important;font-weight:500;letter-spacing:.14em;line-height:1.5;margin:0;color:#6b7a8c;text-transform:uppercase}
.product-viewport{min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 24px,#000 calc(100% - 24px),transparent)}
.product-track{display:flex;width:max-content;animation:pastry-marquee 42s linear infinite;will-change:transform}
.product-list{display:flex;align-items:center;gap:28px;list-style:none;padding:0 28px 0 0;margin:0;flex-shrink:0}
.product-item{display:flex;align-items:center;gap:12px;width:204px;flex-shrink:0;color:#12324f;font-size:14px;line-height:1.4;font-weight:500}
.product-item img{width:68px;height:68px;flex-shrink:0;object-fit:contain}
.marquee-toggle{width:44px;height:44px;border:1px solid #d8e0e7;background:#fff;color:#12324f;font-size:19px;line-height:1;display:flex;align-items:center;justify-content:center}
.product-viewport:hover .product-track,.product-viewport:focus-within .product-track,.learning-marquee[data-paused="true"] .product-track{animation-play-state:paused}
.pastry-photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}
.campus-map{margin:0 0 34px;border:1px solid #e3e7ec;background:#f5f7f9}
.campus-map iframe{display:block;width:100%;height:360px;border:0}
.campus-map figcaption{padding:12px 16px;font-size:13px;line-height:1.6;color:#526171}
.campus-map a{text-underline-offset:3px}
@keyframes pastry-marquee{to{transform:translateX(-50%)}}
@media(max-width:767px){
 .learning-marquee{padding:20px}
 .learning-marquee-inner{grid-template-columns:minmax(0,1fr) 44px;gap:12px}
 .learning-marquee h2{grid-column:1;grid-row:1}
 .marquee-toggle{grid-column:2;grid-row:1}
 .product-viewport{grid-column:1/-1;grid-row:2}
 .product-item{width:180px;font-size:13px}
 .product-item img{width:60px;height:60px}
 .product-list{gap:20px;padding-right:20px}
 .campus-map iframe{height:300px}
}
@media(prefers-reduced-motion:reduce){
 .product-track{animation:none;will-change:auto}
 .product-list[aria-hidden="true"]{display:none}
 .product-viewport{overflow-x:auto;mask-image:none;padding-bottom:10px}
 .marquee-toggle{display:none}
}