/* LONDI approved artwork, community badges and kindness quiz — 29 September 2026 */
.hero:before{max-width:100%}
/* A playful, readable invitation to the free quiz game. */
.site-header .nav-quiz{display:inline-flex;align-items:center;gap:.6rem;min-height:46px;color:#102f5c;background:#ffd431;border:2px solid #efb900;box-shadow:0 4px 0 #d59b00;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:.95rem;font-weight:900;line-height:1.2}
.site-header .nav-quiz:hover{color:#102f5c;background:#ffe16b;box-shadow:0 3px 0 #d59b00}
.quiz-play-icon{display:inline-flex;flex:none;align-items:center;justify-content:center;width:1.65rem;height:1.65rem;border-radius:50%;background:#cf1830;color:#fff;font-family:Arial,sans-serif;font-size:.72rem;line-height:1;text-indent:.12em}
.button.quiz-play-button{gap:.7rem;max-width:100%;padding:.95rem 1.4rem;color:#102f5c;background:#ffd431;border:2px solid #efb900;box-shadow:0 5px 0 #d59b00,0 10px 22px #d59b0020;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:1.05rem;font-weight:900;line-height:1.3;text-align:center}
.button.quiz-play-button .quiz-play-icon{width:2rem;height:2rem;font-size:.8rem}
.button.quiz-play-button:hover{color:#102f5c;background:#ffe16b;box-shadow:0 5px 0 #d59b00,0 14px 24px #d59b0025}
.site-header .nav-quiz:focus-visible,.button.quiz-play-button:focus-visible{outline:3px solid #057387;outline-offset:5px}
.quiz-hero-note{max-width:44ch;margin:1.15rem 0 0;color:#415b76;font-size:1rem;line-height:1.65}
.quiz-hero-note strong{color:#075b80;font-weight:800}
.quiz-fun-heading{font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-weight:950;letter-spacing:-.025em}
.quiz-kindness-word{color:#cf1830}.quiz-game-word{color:#075b9e}
@media(prefers-reduced-motion:reduce){.button.quiz-play-button{transition:none;transform:none}}
.connections-section{max-width:720px;padding:1.3rem 1rem}
.connections-kicker{font-size:.7rem;margin-bottom:1.1rem}
.connections-grid{display:grid;grid-template-columns:repeat(4,144px);gap:1.25rem;justify-content:center;align-items:center}
.connection-item{display:grid;justify-items:center;align-content:start;gap:.65rem;height:100%}
.connection-name{font-size:.75rem;font-weight:700;text-align:center;color:#36516e;line-height:1.3}
.connection-link{border-radius:16px;text-decoration:none}
.connection-link .connection-name{text-decoration:underline;text-underline-offset:3px}
.connection-link:hover .connection-name{color:#087ed2}
.connection-link:focus-visible{outline:3px solid #087ed2;outline-offset:6px}
.connection-card{width:144px;height:144px;min-height:144px;border:1px solid #c9e5ec;box-shadow:0 8px 24px #102f5c0c}
.connection-seuk>img{width:254px;height:254px}
.connection-urban>.urban-mba-symbol{width:72px;height:72px}
.connection-urban>strong{font-size:.9rem}
.connection-eec>img{width:80%;height:80%;max-width:80%;object-fit:contain}
.connection-kungfu>img{width:94%;height:94%;max-width:94%;object-fit:contain}
.quiz-callout{display:grid;grid-template-columns:minmax(200px, .8fr) 1.25fr;gap:clamp(1.2rem,3vw,2.4rem);align-items:center;margin-top:2rem;padding:clamp(1rem,2.5vw,2rem);border:2px solid #25b8c8;border-radius:28px;background:#eefbfe;box-shadow:0 12px 32px #102f5c0c}
.quiz-callout-art{display:block;border-radius:18px;overflow:hidden;background:#fff}
.quiz-callout-art img{display:block;width:100%;height:auto}
.quiz-callout h3{margin:.4rem 0 .7rem;color:#102f5c;font-size:clamp(1.4rem,2.3vw,2rem);line-height:1.15}
.quiz-callout p:not(.eyebrow){line-height:1.65;color:#415b76}
.quiz-callout .button{margin-top:1rem}
.resource-callout-action .button{text-align:center;max-width:100%}
/* Press coverage and a personal video message, above the community badges. */
.press-section{padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(3rem,5vw,5rem);scroll-margin-top:130px}
.press-heading{max-width:780px;margin-bottom:2rem}
.press-heading h2{font-size:clamp(2.25rem,4vw,3.6rem)}
.press-heading>p:last-child{margin-bottom:0}
.press-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.press-card{display:flex;flex-direction:column;min-width:0;padding:1.6rem 1.4rem 1.1rem;border:1px solid #d5e4ed;border-top:6px solid var(--press-accent);border-radius:24px;background:#fff;box-shadow:0 10px 28px #102f5c08}
.press-gazette{--press-accent:#e5283b}.press-chronicle{--press-accent:#18b6c9}.press-polish{--press-accent:#ffd234}
.press-publication{margin:0 0 .6rem;color:#102f5c;font-family:Georgia,serif;font-size:1.5rem;font-weight:700;line-height:1.2}
.press-language{display:block;color:#5b6c80;font-size:.76rem;line-height:1.5}
.press-card h3{margin:1.3rem 0 .65rem;color:#102f5c;font-size:1.15rem;line-height:1.35}
.press-card>p:not(.press-publication){margin:0 0 1.25rem;color:#52677f;font-size:.92rem;line-height:1.65}
.press-article-link{display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:48px;margin-top:auto;border-top:1px solid #dce8f0;padding-top:.7rem;color:#075d9d;font-size:.9rem;font-weight:850}
.press-article-link:hover{text-decoration:underline;text-underline-offset:3px}
.press-article-link:focus-visible{outline:3px solid #087ed2;outline-offset:5px;border-radius:3px}
.press-video{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:center;margin-top:1.6rem;padding:clamp(1.2rem,2.8vw,2rem);border:1px solid #ecdca7;border-radius:28px;background:#fff8df}
.press-video-photo{margin:0;min-width:0}
.press-video-photo img{display:block;width:100%;height:auto;border-radius:18px}
.press-video-photo figcaption{margin:.6rem .1rem 0;color:#56697d;font-size:.75rem;line-height:1.5}
.press-video-copy{min-width:0}
.press-video-copy .eyebrow{margin-bottom:.8rem;color:#a43a23;font-size:.68rem}
.press-video-copy h3{margin:0;color:#102f5c;font-family:Arial Rounded MT Bold,Trebuchet MS,sans-serif;font-size:clamp(1.65rem,2.6vw,2.4rem);letter-spacing:-.025em;line-height:1.15}
.press-video-copy>p:not(.eyebrow){color:#445b72;font-size:.97rem;line-height:1.7;margin:1rem 0 1.25rem}
.press-video-copy .button{gap:.6rem;max-width:100%;text-align:center}
.press-play{font-size:.8rem}
.press-video-copy small{display:block;margin:.7rem 0 0;color:#596e81;font-size:.75rem;line-height:1.5}
@media(max-width:820px){.press-section{scroll-margin-top:24px}.press-grid{grid-template-columns:1fr}.press-card{padding:1.35rem 1.4rem 1rem}.press-video{grid-template-columns:1fr}.press-video-photo{width:100%;max-width:520px;justify-self:center}.press-video-copy{max-width:620px}}
/* Keep footer navigation from squeezing the LONDI wordmark and description. */
.site-footer{grid-template-columns:minmax(280px,1fr) minmax(0,2fr);column-gap:clamp(2rem,4vw,4rem);row-gap:1.75rem}
.footer-brand{min-width:0;align-items:flex-start;line-height:1.4}
.footer-brand .brand-mark{flex-shrink:0}
.footer-brand>div{min-width:0;max-width:30ch}
.footer-brand p{line-height:1.6}
.footer-links{display:grid;grid-template-columns:1.15fr .8fr 1fr;min-width:0;align-content:start;gap:clamp(1rem,2.5vw,2.5rem);line-height:1.5}
.footer-link-group{display:grid;align-content:start;min-width:0}
.footer-link-group h2{margin:0 0 .65rem;color:#ffe06b;font-size:.75rem;font-weight:850;line-height:1.5;letter-spacing:.1em;text-transform:uppercase}
.footer-links a{display:flex;align-items:center;min-height:36px;width:fit-content;max-width:100%;font-size:.875rem;overflow-wrap:anywhere}
.footer-links a:focus-visible{outline:2px solid #ffe06b;outline-offset:4px;border-radius:2px}
.footer-note{grid-column:1/-1;max-width:85ch;line-height:1.6}
.copyright{grid-column:1/-1;text-align:left;border-top:1px solid #ffffff26;padding-top:1.25rem;line-height:1.5}
@media(max-width:900px){.site-footer{grid-template-columns:minmax(0,1fr)}}
@media(max-width:560px){.footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 1rem}.footer-contact{grid-column:1/-1}.footer-links a{min-height:44px}}
@media(max-width:1050px){.site-header{gap:1rem}.site-header nav{font-size:.83rem}.site-header nav a{padding:.6rem}}
@media(max-width:820px){.site-header nav{flex-wrap:wrap;gap:.3rem;overflow:visible}.site-header nav a{padding:.55rem .7rem}.connections-grid{grid-template-columns:repeat(4,128px);gap:1rem}.connection-card{width:128px;height:128px;min-height:128px}.connection-seuk>img{width:226px;height:226px}.connection-urban>.urban-mba-symbol{width:64px;height:64px}.connection-urban>strong{font-size:.8rem}}
@media(max-width:620px){.connections-grid{grid-template-columns:repeat(2,144px);gap:1rem}.connection-card{width:144px;height:144px;min-height:144px}.connection-seuk>img{width:254px;height:254px}.connection-urban>.urban-mba-symbol{width:72px;height:72px}.connection-urban>strong{font-size:.9rem}.quiz-callout{grid-template-columns:1fr}.quiz-callout-art{max-width:440px}.resource-callout-action{width:100%}}
@media(max-width:350px){.connections-grid{grid-template-columns:repeat(2,128px)}.connection-card{width:128px;height:128px;min-height:128px}.connection-seuk>img{width:226px;height:226px}}