/* A frameless portrait belongs to the shared PixelGuide/FAVE introduction. */
.brand-hero-intro.hero-with-cutout{grid-template-columns:minmax(0,1fr) clamp(270px,25vw,360px);gap:36px;padding-top:14px;padding-bottom:22px;align-items:center}
.hero-with-cutout .hero-person-cutout{padding:0;align-self:end;gap:8px;background:none;border:0;border-radius:0;box-shadow:none;transform:none;overflow:visible}
.hero-with-cutout .hero-person-cutout::before{inset:12% -5% 6%;border-radius:50%;background:radial-gradient(ellipse at 60% 45%,#ff641a18,transparent 66%),radial-gradient(ellipse at 25% 70%,#b8f34b0d,transparent 70%);transform:none}
.hero-with-cutout .hero-person-cutout::after{display:none}
.hero-with-cutout .hero-person-cutout>img{display:block;width:100%;height:410px;max-width:360px;object-fit:contain;object-position:center bottom;border:0;border-radius:0;padding:0;background:none;box-shadow:none;transform:none;filter:drop-shadow(0 12px 20px #0003)}
.hero-person-cutout figcaption{font-size:11px;line-height:1.5;padding-bottom:5px}.hero-person-cutout strong{font-size:15px}
@media(min-width:701px) and (max-width:1100px){.brand-hero-intro.hero-with-cutout{grid-template-columns:minmax(0,1fr) 240px;gap:25px}.hero-with-cutout .hero-person-cutout>img{height:350px}.brand-hero .hero-with-cutout h1{font-size:clamp(44px,5.6vw,65px)}}
@media(max-width:700px){.brand-hero-intro.hero-with-cutout{display:grid;grid-template-columns:1fr;padding-top:8px;padding-bottom:25px;gap:20px}.hero-with-cutout .hero-person-cutout{order:0;justify-self:center;align-self:auto;display:flex;flex-direction:column;gap:5px;width:200px;max-width:100%}.hero-with-cutout .hero-person-cutout>img{height:225px;width:100%;filter:drop-shadow(0 8px 14px #0003)}.hero-person-cutout figcaption{text-align:center!important;gap:2px}.hero-person-cutout figcaption>span{font-size:10px}.hero-with-cutout .hero-person-cutout::before{inset:8% -20% 8%}}