/* Hallmark · Edumax campus campaign · Manrope / Source Sans 3 · editorial photo mosaic
 * pre-emit critique: P5 H5 E4 S5 R4 V5 · existing design.md tokens */
html,body{overflow-x:clip}
.em-campus-showcase{padding-block:var(--space-xl)}
.em-campus-showcase .em-section-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;gap:var(--space-xl);margin-bottom:var(--space-lg)}
.em-campus-showcase .em-section-head h2{max-width:17ch;line-height:1.1;letter-spacing:-.05em;font-size:var(--text-heading);text-wrap:balance;overflow-wrap:anywhere}
.em-campus-showcase .em-section-head p{max-width:50ch;margin-bottom:var(--space-sm)}
.em-campus-showcase .em-section-head .em-text-link{display:inline-flex;gap:var(--space-xs);align-items:center;min-height:44px;white-space:nowrap}
.em-campus-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,285px);gap:var(--space-sm)}
.em-campus-card{position:relative;isolation:isolate;min-width:0;border-radius:var(--radius-media);background:var(--color-dark);color:var(--color-on-dark);overflow:clip}
.em-campus-card:first-child{grid-row:span 2}
.em-campus-card>a{display:block;position:relative;height:100%;color:var(--color-on-dark);text-decoration:none!important;background-image:none!important}
.em-campus-card .em-campus-photo{position:absolute;inset:0;overflow:clip}
.em-campus-photo>img{width:100%;height:100%;object-fit:cover;display:block;transform:translateY(var(--campus-depth,0px)) scale(1.065);transition:scale 600ms var(--ease-out)}
.em-campus-card .em-campus-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in oklch,var(--color-dark) 10%,transparent),transparent 20%,color-mix(in oklch,var(--color-dark) 65%,transparent) 58%,var(--color-dark) 100%)}
.em-campus-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;height:100%;box-sizing:border-box;padding:var(--space-md)}
.em-campus-card .em-campus-location{font-size:.75rem;font-weight:650;letter-spacing:.035em;color:var(--color-on-dark);display:block;margin-bottom:var(--space-2xs)}
.em-campus-card .em-campus-logo{position:absolute;top:var(--space-sm);left:var(--space-sm);display:grid;place-items:center;width:145px;height:62px;box-sizing:border-box;border-radius:.5rem;padding:.65rem;background:var(--color-paper)}
.em-campus-logo img{display:block;width:100%;height:100%;object-fit:contain}
.em-campus-card h3{font-family:var(--font-display);font-size:clamp(1.1rem,1.5vw,1.45rem);font-weight:750;letter-spacing:-.035em;line-height:1.2;color:var(--color-on-dark);margin:0 0 var(--space-xs);max-width:23ch;overflow-wrap:anywhere}
.em-campus-card:first-child h3{font-size:clamp(1.75rem,2.65vw,2.6rem);max-width:17ch}
.em-campus-card:first-child .em-campus-copy{padding:var(--space-lg)}
.em-campus-card:first-child .em-campus-logo{width:220px;height:80px;left:var(--space-lg);top:var(--space-lg);padding:var(--space-sm)}
.em-campus-action{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;font-weight:650;white-space:nowrap;min-height:28px;color:var(--color-on-dark)}
.em-campus-action .em-icon{width:19px;height:19px;border-radius:50%;padding:5px;box-sizing:content-box;background:var(--color-accent);color:var(--color-on-accent);transition:rotate var(--dur-short)}
.em-campus-card:hover .em-campus-photo>img,.em-campus-card:focus-within .em-campus-photo>img{scale:1.045}
.em-campus-card:hover .em-campus-action .em-icon{rotate:45deg}
.em-campus-card>a:focus-visible{outline:3px solid var(--color-focus);outline-offset:-5px}
.em-uni-stage{display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,1fr);position:relative;isolation:isolate;overflow:clip;border-radius:var(--radius-hero);background:var(--color-dark);color:var(--color-on-dark)}
.em-uni-stage-copy{padding:clamp(1.5rem,4vw,3.5rem);min-width:0;align-self:center}
.em-uni-stage .em-eyebrow{color:var(--color-dark-muted);margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-xs)}
.em-uni-stage .em-eyebrow::before{content:'';height:3px;width:1.5rem;background:var(--color-accent)}
.em-uni-stage h1{font-family:var(--font-display);font-size:clamp(2.6rem,4.8vw,4.5rem);line-height:1.08;letter-spacing:-.06em;max-width:12ch;overflow-wrap:anywhere;margin:0 0 var(--space-lg);color:var(--color-on-dark);font-weight:750}
.em-uni-stage h1>span{display:block}
.em-uni-stage h1>span:last-child{text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:5px;text-underline-offset:.12em}
.em-uni-stage .em-uni-lead{font-size:var(--text-md);line-height:1.65;color:var(--color-dark-muted);max-width:44ch;margin-bottom:var(--space-lg)}
.em-uni-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-md)}
.em-uni-actions>a{display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap;min-height:48px}
.em-uni-stage .em-uni-contact{color:var(--color-on-dark);font-weight:650;font-size:var(--text-xs)}
.em-uni-stage .em-uni-contact:hover{text-decoration:underline}
.em-uni-stage .em-uni-hero-note{color:var(--color-dark-muted);font-size:var(--text-xs);margin-block:var(--space-md) var(--space-lg);max-width:40ch}
.em-uni-hero-facts{display:flex;gap:var(--space-lg);border-top:1px solid color-mix(in oklch,var(--color-on-dark) 23%,transparent);padding-top:var(--space-md)}
.em-uni-hero-facts>span{font-size:.75rem;display:flex;flex-direction:column;line-height:1.5;color:var(--color-dark-muted)}
.em-uni-hero-facts strong{font-family:var(--font-display);font-size:2.25rem;letter-spacing:-.04em;color:var(--color-on-dark)}
.em-uni-stage-art{position:relative;min-width:0;min-height:600px;margin:var(--space-xl) var(--space-xl) var(--space-xl) 0;isolation:isolate}
.em-uni-stage-art::before{content:'';position:absolute;inset:-1rem -3.5rem 1rem 1rem;background:var(--color-accent);border-radius:var(--radius-media);rotate:-7deg;z-index:-2}
.em-uni-art-outline{position:absolute;inset:1rem -1rem -1rem 1rem;border:1px solid var(--color-dark-muted);rotate:3deg;border-radius:var(--radius-media);z-index:-1}
.em-uni-stage .em-uni-hero-photo{position:relative;overflow:clip;height:100%;margin:0;border-radius:var(--radius-media);rotate:2deg}
.em-uni-stage .em-uni-hero-photo>img{position:absolute;inset:0;object-position:52% center}
.em-uni-hero-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,color-mix(in oklch,var(--color-dark) 94%,transparent))}
.em-uni-hero-photo figcaption{position:absolute;z-index:1;bottom:var(--space-lg);left:var(--space-md);right:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs);color:var(--color-on-dark)}
.em-uni-hero-photo figcaption strong{font-family:var(--font-display);font-size:1.6rem;line-height:1.2;letter-spacing:-.03em}
.em-uni-hero-photo figcaption>span:last-child{font-size:var(--text-xs)}
.em-uni-hero-logo{display:grid;place-items:center;box-sizing:border-box;width:220px;max-width:100%;height:70px;padding:.7rem;background:var(--color-paper);border-radius:.5rem;margin-bottom:var(--space-xs)}
.em-uni-hero-logo img{width:100%;height:100%;object-fit:contain}
.em-uni-art-tab{position:absolute;bottom:-1.25rem;right:1rem;rotate:-4deg;padding:.65rem 1rem;background:var(--color-accent);color:var(--color-on-accent);font-size:.6875rem;font-weight:750;letter-spacing:.13em;border-radius:.35rem}
.em-uni-travel-strip{display:flex;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--color-rule);padding-block:var(--space-md);overflow:clip}
.em-uni-ticker{display:flex;flex:1;min-width:0;overflow:clip;mask-image:linear-gradient(90deg,transparent,var(--color-ink) 4%,var(--color-ink) 96%,transparent)}
.em-uni-ticker>div{display:flex;align-items:center;gap:2rem;white-space:nowrap;flex:none;font-family:var(--font-display);font-size:.875rem;font-weight:650;padding-right:2rem;translate:var(--uni-travel,0px) 0}
.em-uni-ticker span{color:var(--color-accent);font-size:1.25rem}
.em-uni-directory-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:var(--space-xl);align-items:end;padding-top:var(--space-xl)}
.em-uni-directory-heading h2{font-family:var(--font-display);font-size:var(--text-heading);letter-spacing:-.045em;line-height:1.1;margin:var(--space-xs) 0 0;overflow-wrap:anywhere}
.em-uni-directory-heading>p{font-size:var(--text-sm);line-height:1.65;color:var(--color-muted);max-width:46ch;margin:0}
.em-uni-planning{margin-top:var(--space-xl);padding:clamp(1.5rem,4vw,3rem);border-radius:var(--radius-hero);background:var(--color-dark);color:var(--color-on-dark);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}
.em-uni-planning h2{font-family:var(--font-display);font-size:clamp(1.7rem,3vw,2.6rem);color:var(--color-on-dark);letter-spacing:-.04em;line-height:1.15;max-width:21ch;margin:var(--space-xs) 0 var(--space-sm);overflow-wrap:anywhere}
.em-uni-planning p{color:var(--color-dark-muted);max-width:54ch;margin:0}
.em-uni-planning .em-button{white-space:nowrap;flex:none;display:inline-flex;align-items:center;gap:var(--space-xs)}
@media(max-width:1100px){.em-campus-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:360px repeat(2,290px)}.em-campus-card:first-child{grid-column:1/-1;grid-row:auto}.em-campus-card:first-child .em-campus-photo>img{object-position:50% 40%}.em-uni-stage-art{min-height:570px;margin:var(--space-lg) var(--space-lg) var(--space-lg) 0}.em-uni-stage-copy{padding:var(--space-lg)}.em-uni-actions{gap:var(--space-sm)}}
@media(max-width:767px){
 .em-campus-showcase .em-section-head,.em-uni-directory-heading{grid-template-columns:minmax(0,1fr);gap:var(--space-md)}
 .em-campus-grid{grid-template-columns:minmax(0,1fr);grid-template-rows:none;gap:var(--space-sm)}
 .em-campus-card,.em-campus-card:first-child{grid-column:auto;min-height:285px}
 .em-campus-card:first-child{min-height:380px}
 .em-campus-card:first-child .em-campus-copy{padding:var(--space-md)}
 .em-campus-card:first-child .em-campus-logo{left:var(--space-sm);top:var(--space-sm);width:180px;height:68px}
 .em-campus-card h3{font-size:1.4rem}.em-campus-card:first-child h3{font-size:2rem}
 .em-campus-showcase .em-section-head h2{max-width:18ch}
 .em-uni-stage{grid-template-columns:minmax(0,1fr)}
 .em-uni-stage-copy{padding:var(--space-lg) var(--space-md)}
 .em-uni-stage h1{font-size:clamp(2.7rem,10vw,4.4rem);max-width:12ch}
 .em-uni-stage-art{min-height:380px;margin:var(--space-md) var(--space-lg) var(--space-lg)}
 .em-uni-stage .em-uni-hero-photo{min-height:380px}
 .em-uni-hero-photo>img{object-position:50% 35%}
 .em-uni-travel-strip{gap:var(--space-xs)}
 .em-uni-planning{flex-direction:column;align-items:flex-start}
 .em-uni-directory-heading{padding-top:var(--space-lg)}
 .em-uni-hero-facts{gap:var(--space-xl)}
}
@media(prefers-reduced-motion:reduce){
 .em-uni-ticker>div{translate:0 0}
 .em-campus-photo>img{transform:none;transition:none}
 .em-campus-card:hover .em-campus-photo>img,.em-campus-card:focus-within .em-campus-photo>img{scale:1}
 .em-campus-action .em-icon{transition:none}
}
/* Keep every logo inside its plate regardless of the original artwork ratio. */
.em-campus-copy .em-campus-logo{overflow:clip}
.em-campus-copy .em-campus-logo img{position:absolute;inset:10px;width:calc(100% - 20px);height:calc(100% - 20px);min-width:0;min-height:0;max-width:none;max-height:none;object-fit:contain;transform:none}
.em-uni-planning .em-eyebrow{color:var(--color-dark-muted)}
@media(max-width:767px){.em-campus-card{height:285px;min-height:0}.em-campus-card:first-child{height:380px;min-height:0}.em-uni-stage-art{height:380px;min-height:0}.em-uni-stage .em-uni-hero-photo{height:100%;min-height:0}}