/* V11: illustrated scene rhythm; editorial hierarchy and grouped map pins. */
body[data-concept=play] #app{display:flow-root;padding-bottom:1px}
body[data-concept=play] .story-bubble{background:#fff}
body[data-concept=play] .story-scene{margin-block:70px}
body[data-concept=play] .field-film{padding-block:70px 100px}
body[data-concept=play] .values{padding-block:90px 110px}
body[data-concept=play] .illustrated-value{min-height:430px;padding:52px 36% 52px 48px}
body[data-concept=play] .illustrated-value h3{font-size:clamp(36px,4.3vw,64px);font-weight:800;margin:0 0 18px}
body[data-concept=play] .illustrated-value p{font-size:clamp(18px,1.7vw,23px);margin-top:20px}
body[data-concept=play] .illustrated-value .manuscript-english{font-size:20px!important;margin:0 0 24px!important}
body[data-concept=play] .value-illustration{width:40%;height:360px;right:-3%;bottom:0}
body[data-concept=play] .value:nth-child(2) .value-illustration{height:420px}
body[data-concept=play] .impact{padding-block:110px 100px}
body[data-concept=play] .map-section{padding-block:65px 70px;margin-top:50px}
body[data-concept=play] .map-section .section-heading{margin-bottom:14px}
body[data-concept=play] .map-section .section-heading p{margin-top:14px;font-size:18px}
body[data-concept=play] .map-toolbar{margin:0 0 12px}
body[data-concept=play] .directory{padding-block:110px}
body[data-concept=play] .contact{margin-bottom:85px}
body[data-concept=flow] .map-section h2,body[data-concept=flow] .section-heading h2,body[data-concept=flow] .album-heading h2{font-weight:800}
body[data-concept=flow]{--color-highlight:#204bff;--color-on-dark:#204bff;--footer-bg:#e5e7eb}
body[data-concept=flow] .contact{padding:36px 4vw 75px;background:#e5e7eb;color:#204bff}
body[data-concept=flow] .contact-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
body[data-concept=flow] .contact-grid>div{display:block;padding:0;border:0}
body[data-concept=flow] .contact-grid .eyebrow{font-size:15px;margin:0 0 12px}
body[data-concept=flow] .contact-grid strong{font-size:clamp(24px,2.5vw,36px);font-weight:800}
body[data-concept=flow] .contact-grid a{display:block;font-size:clamp(24px,2.8vw,40px);line-height:1.25;letter-spacing:-.02em;color:#204bff;font-weight:800}
body[data-concept=flow] .contact-grid p:not(.eyebrow){font-size:14px;margin-top:8px}
body[data-concept=flow] .map-pin{width:clamp(14.4px,1.86vw,27.6px);height:clamp(19.2px,2.4vw,36px)}
body[data-concept=flow] .pin-leaders{display:none}
@media(max-width:760px){
body[data-concept=play] .story-scene{margin-block:45px}
body[data-concept=play] .field-film{padding-block:50px 65px}
body[data-concept=play] .values{padding-block:65px 85px}
body[data-concept=play] .illustrated-value{padding:35px 35% 35px 30px;min-height:360px}
body[data-concept=play] .illustrated-value h3{font-size:36px}
body[data-concept=play] .value-illustration{width:38%;height:280px;right:-2%}
body[data-concept=play] .value:nth-child(2) .value-illustration{height:330px}
body[data-concept=play] .impact{padding-block:80px}
body[data-concept=play] .map-section{padding-top:40px;margin-top:35px}
body[data-concept=flow] .contact-grid{grid-template-columns:1fr 1fr;gap:24px}
body[data-concept=flow] .contact-grid>div:first-child{grid-column:1/-1}
}
@media(max-width:480px){
body[data-concept=play] .illustrated-value{padding:30px 25px 210px;min-height:0}
body[data-concept=play] .illustrated-value h3{font-size:33px}
body[data-concept=play] .value-illustration{width:55%;height:230px}
body[data-concept=play] .value:nth-child(2) .value-illustration{height:255px}
body[data-concept=flow] .contact-grid{gap:23px 12px}
body[data-concept=flow] .contact-grid a{font-size:20px}
body[data-concept=flow] .contact-grid p:not(.eyebrow){font-size:13px}
}