.hero>.w{width:min(1400px,calc(100% - 40px))}
.hero-grid{grid-template-columns:minmax(440px,.9fr) minmax(600px,1.1fr);gap:64px;align-items:center}
.hero-copy{align-self:center}
.hero-copy h1{font-size:clamp(48px,5vw,76px)}
.hero-mark{display:block;width:150px;height:150px;object-fit:contain;object-position:center;margin:0 auto 20px}
.hero-gallery{min-width:0;background:var(--i);color:#fff;padding:34px;box-shadow:20px 20px 0 var(--g);display:flex;flex-direction:column}
.gallery-stage{position:relative;width:100%;aspect-ratio:4/3;background:var(--p);overflow:hidden}
.gallery-stage img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:var(--p);opacity:0;transition:opacity .65s ease}
.gallery-stage img.active{opacity:1}
.gallery-meta{display:flex;flex:1;flex-direction:column;padding-top:25px}
.gallery-meta b{font:700 20px Manrope,Noto Sans SC,sans-serif}
.gallery-line{height:1px;background:#555;margin:20px 0}
.gallery-meta p{color:#bbb;line-height:1.6;margin:0}
.gallery-dots{display:flex;gap:7px;margin-top:auto;padding-top:18px}
.gallery-dots button{display:block;width:24px;height:12px;padding:0;border:0;border-top:3px solid #555;background:transparent;cursor:pointer}
.gallery-dots button.active{border-color:var(--g)}
.gallery-dots button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(prefers-reduced-motion:reduce){.gallery-stage img{transition:none}}
@media(min-width:1101px){.hero{padding:115px 0 70px;min-height:0}.hero>.w{width:min(1340px,calc(100% - 40px))}.hero-grid{grid-template-columns:minmax(430px,.9fr) minmax(580px,1.1fr);gap:56px}.hero-copy h1{font-size:clamp(46px,4.6vw,70px);margin:18px 0}.hero-copy .lead{font-size:19px;line-height:1.55}.hero-copy .acts{margin-top:26px}.hero-mark{width:110px;height:110px;margin-bottom:14px}.hero-gallery{padding:26px;box-shadow:16px 16px 0 var(--g)}.gallery-stage{aspect-ratio:4/3}.gallery-meta{padding-top:18px}.gallery-line{margin:14px 0}.gallery-meta p{font-size:15px;line-height:1.5}.gallery-dots{padding-top:14px}}
@media(max-width:1100px){.hero>.w{width:min(900px,calc(100% - 40px))}.hero-grid{grid-template-columns:1fr;gap:46px}.hero-copy{max-width:760px}.hero-gallery{width:100%;max-width:760px}}
@media(max-width:620px){.hero>.w{width:calc(100% - 40px)}.hero-grid{gap:34px}.hero-copy h1{font-size:43px}.hero-mark{width:96px;height:96px;margin-bottom:16px}.hero-gallery{padding:18px;box-shadow:12px 12px 0 var(--g)}.gallery-meta{padding-top:20px}.gallery-meta b{font-size:18px}}