/* NAGI welcome sketch: layered initial and balanced About layout. */
.brand-intro{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr);gap:7%;align-items:center;padding-block:68px}
.brand-intro .intro-visual{position:relative;min-width:0}
.brand-intro .intro-visual .eyebrow{margin-bottom:18px}
.brand-intro .intro-visual .intro-mark{position:absolute;z-index:2;left:0;top:30px;font-size:clamp(76px,7.2vw,116px);line-height:1;pointer-events:none}
.brand-intro .intro-illustration{margin:0;width:100%;max-width:490px}
.brand-intro .intro-illustration img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;mix-blend-mode:multiply;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent),linear-gradient(to bottom,transparent,#000 5%,#000 94%,transparent);-webkit-mask-composite:source-in}
@media(max-width:760px){.brand-intro{display:block;padding-block:44px}.brand-intro>div.intro-visual:first-child{display:block;margin:0 auto 22px;max-width:420px}.brand-intro .intro-visual .eyebrow{margin-bottom:14px}.brand-intro .intro-visual .intro-mark{top:25px;left:0;font-size:78px}.brand-intro .intro-illustration{margin:0;max-width:none}}