.brand-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#edf9fc 20%,#a6dfee 57%,#6ccde7 100%);color:#2b3682;padding:24px 24px 64px;min-height:440px}
.brand-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 70%;z-index:-1;opacity:.8}
.brand-numbers{position:relative;width:min(560px,65vw);margin:0 auto;display:flex;flex-direction:column;align-items:center;font-weight:700;letter-spacing:-.065em;line-height:.85;padding:8px 0 22px}
.brand-number{display:block;white-space:nowrap}
.brand-number-one{font-size:clamp(80px,8vw,136px);color:#6ccde7}
.brand-number-three{font-size:clamp(85px,8.4vw,144px);color:#0d76bd}
.brand-number-hundred{font-size:clamp(110px,11vw,188px);color:#2b3682}
.brand-product{position:absolute;bottom:26px;width:auto;height:75%;max-width:22%;object-fit:contain;z-index:-1}
.brand-product-left{left:max(3%,calc(50% - 650px))}
.brand-product-right{right:max(5%,calc(50% - 620px));height:62%}
.brand-message{position:relative;margin:0 auto;width:min(900px,100%);font-size:clamp(22px,2.15vw,34px);font-weight:700;line-height:1.25}
.brand-message-visual{text-align:center}
.brand-lead{color:#075c99;margin:0 0 4px}
.brand-phrases{display:grid}
.brand-phrase{grid-area:1/1;align-self:center;margin:0;opacity:0;transition:opacity .65s ease;pointer-events:none}
.brand-phrase.is-active{opacity:1}
.brand-motion-toggle{position:absolute;right:24px;bottom:14px;padding:5px 9px;border:1px solid #2b368240;background:#ffffffb8;color:#2b3682;font-size:12px;line-height:1.4}
.brand-motion-toggle:hover{background:#fff}
.brand-motion-toggle:not(:focus){clip-path:inset(50%);pointer-events:none}
.brand-motion-toggle[hidden]{display:none}
.brand-sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home .section.presentation-exhibition-intro{background:#2b3682;color:#fff;padding:52px 0 58px}
.home .section.presentation-exhibition-intro .content{max-width:1060px;text-align:center}
.home .section.presentation-exhibition-intro h2{font-size:clamp(25px,2.2vw,34px);margin-bottom:18px}
.home .section.presentation-exhibition-intro p{max-width:850px;margin-inline:auto}
.home .section.presentation-exhibition-intro h3{font-size:18px;margin:26px 0 14px}
.home .section.presentation-exhibition-intro ul{display:grid;width:fit-content;max-width:100%;grid-template-columns:auto auto;grid-template-rows:repeat(2,auto);grid-auto-flow:column;gap:12px 48px;padding-inline-start:20px;margin:0 auto;text-align:left}
.home .section.presentation-exhibition-intro li::marker{color:#6ccde7}
@media(max-width:1000px){.brand-product{opacity:.55;max-width:17%;height:60%}.brand-message{width:80%}.brand-product-right{height:50%}}
@media(max-width:650px){
 .brand-hero{padding:24px 20px 56px;min-height:0}
 .brand-numbers{width:min(380px,90%);padding-bottom:26px}
 .brand-number-one{font-size:22vw}.brand-number-three{font-size:22vw}.brand-number-hundred{font-size:24vw}
 .brand-product{display:none}
 .brand-message{width:100%;font-size:clamp(20px,5.4vw,28px)}
 .brand-phrase span{display:block}
 .brand-motion-toggle{right:20px;bottom:12px}
 .home .section.presentation-exhibition-intro{padding:36px 0 40px}
 .home .section.presentation-exhibition-intro ul{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;gap:12px}
}
@media(prefers-reduced-motion:reduce){.brand-phrase{transition:none}.brand-motion-toggle{display:none}}
