/* Numbered labels share the same spacing across the homepage. */
body #events .section-head{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px}
body #events .section-head .events-all-link{flex:0 0 auto;max-width:45%;margin:0 0 7px;padding:4px 0;color:#fff;font-size:12px;font-weight:600;line-height:1.6;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media(max-width:650px){body #events .section-head{gap:14px}body #events .section-head .events-all-link{font-size:11px;margin-bottom:5px}}
body:not(.media-page) #media .section-head{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;gap:20px}
body:not(.media-page) #media .section-head .media-all-link{flex:0 0 auto;min-height:0;max-width:45%;margin:0 0 7px;padding:4px 0;border:0;border-radius:0;background:transparent;color:#fff;font-size:12px;font-weight:600;line-height:1.6;text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
@media(max-width:650px){body:not(.media-page) #media .section-head{gap:14px;margin-bottom:12px}body:not(.media-page) #media .media-window{padding-top:0}body:not(.media-page) #media .media-grid{padding-top:14px}body:not(.media-page) #media .section-head .media-all-link{font-size:11px;margin-bottom:5px}}

body .home-section-label{display:block;margin:0 0 14px!important;font-family:Arial,'Noto Sans JP',sans-serif;font-size:12px!important;line-height:1.6;letter-spacing:.06em}
#media .home-section-label{margin-bottom:14px}
@media(max-width:650px){body .home-section-label{font-size:10px!important;letter-spacing:.04em}}
/* Give the long platform heading room at the shared heading size. */
body #system .section-head h2.clear-section-heading{hyphens:none}
@media(max-width:650px){body #system .section-head h2.clear-section-heading{hyphens:manual}}
body #system .section-head>div{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)!important;column-gap:40px!important}
@media(min-width:651px) and (max-width:800px){body #system .section-head>div{display:block}body #system .company-participation{margin-top:24px}}
/* Left-aligned section labels and an angled enrollment sticker. */
body #projects .section-head>div{width:100%;text-align:left}
body #projects .home-section-label,body #art-class .home-section-label,body #news .home-section-label,body #media .home-section-label{text-align:left!important;margin-inline:0;justify-self:start}
body .activity-pair #art-class{position:relative}
body .activity-pair #art-class .art-class-copy{padding-bottom:64px}
body .activity-pair #art-class .class-status-badge{position:absolute;right:30px;bottom:26px;display:grid;place-items:center;width:112px;height:112px;max-width:none;padding:18px;border:2px solid #111;border-radius:50%;background:#ffdf24;color:#111;font-family:Arial,'Noto Sans JP',sans-serif;font-size:14px;font-weight:800;line-height:1.55;text-align:center;letter-spacing:.03em;transform:rotate(12deg);box-shadow:3px 5px 0 #0005;z-index:2;overflow-wrap:anywhere}
@media(max-width:650px){
 body .activity-pair #art-class .art-class-copy{padding-bottom:64px}
 body .activity-pair #art-class .class-status-badge{width:102px;height:102px;right:24px;bottom:22px;padding:17px;font-size:13px}
 body:not(.media-page) #media .media-card:nth-child(n){height:180px!important;min-height:0!important}
 body:not(.media-page) #media .media-color-field,body:not(.media-page) #media .media-card-copy{height:90px!important;flex:0 0 90px!important}
 body:not(.media-page) #media .media-card-copy{padding:7px 10px!important}body:not(.media-page) #media .media-card .media-outlet{font-size:14px;line-height:1.2;margin-bottom:4px}body:not(.media-page) #media .media-card-copy p{-webkit-line-clamp:1;line-height:1.4;flex-shrink:0}body:not(.media-page) #media .media-card-copy .media-meta{flex-direction:row;flex-wrap:wrap;align-items:center;gap:3px 6px}body:not(.media-page) #media .media-card-copy .media-country{display:inline}
}

/* Space below the footer for the fixed drawing bar. */
body:has(.paint-palette){padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))!important;background-color:#000!important}
@media(max-width:650px){
 body:has(.paint-palette){padding-bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}
 body .partners-grid.partners-four{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch}
 body .partners-grid.partners-four>.section{height:100%;min-height:280px;padding:20px 16px 24px;display:flex;flex-direction:column}
 body .partners-four .partner-card{height:100%;gap:0}
 body .partners-four .partner-visual,body .partners-four #chameleonModel{height:150px;min-height:150px;max-height:150px;margin:12px 0 16px;flex-shrink:0}
 body .partners-four .partner-description{margin-top:auto;padding-top:12px}
 body .partners-four .managed-content{margin-top:auto}
 body .partners-four .sushi-logo{display:flex;align-items:center;justify-content:center}
 body .partners-four .afaf-logo{width:140px;max-width:100%;height:120px;max-height:120px}
 body .partners-four .cic-logo{width:150px;max-width:100%;height:120px;max-height:120px}
 body .partners-four .sushi-logo img{width:100%!important;height:150px!important;max-width:150px;max-height:150px!important;object-fit:contain}
}
body #system .section-head h2.clear-section-heading,body #events .section-head h2.clear-section-heading,body #projects .section-head h2.clear-section-heading,body #art-class .art-class-copy h2.clear-section-heading,body #news .section-head h2.clear-section-heading,body:not(.media-page) #media h2#media-heading{font-family:BloominDisplay,'Arial Black',Arial,sans-serif!important;font-size:clamp(48px,6vw,80px)!important;font-weight:900!important;line-height:1!important;letter-spacing:-.045em!important;white-space:normal!important;overflow-wrap:anywhere;margin-top:0!important}
@media(max-width:650px){body #system .section-head h2.clear-section-heading,body #events .section-head h2.clear-section-heading,body #projects .section-head h2.clear-section-heading,body #art-class .art-class-copy h2.clear-section-heading,body #news .section-head h2.clear-section-heading,body:not(.media-page) #media h2#media-heading{font-size:clamp(48px,14vw,64px)!important}}
@media(max-width:650px){body #system.section .section-head>div{display:block!important}body #system.section .section-head h2.clear-section-heading{font-size:clamp(28px,8vw,36px)!important;line-height:1.12!important;letter-spacing:-.035em!important;hyphens:none;word-break:normal;overflow-wrap:normal}body #system .company-participation{font-size:14px!important;line-height:1.75!important;margin-top:16px!important;max-width:none}}