/* The supplied artwork stays intact; real links align with its painted buttons. */
.hero{background:#f6f2fc;isolation:isolate}
.hero-visual{opacity:var(--hero-opacity,1)}
.hero:has(:focus-visible) .hero-visual{opacity:1}
.hero .main-nav{z-index:4}
.desktop-brand{position:absolute;left:6.25%;top:4.2%;width:24.4%;height:7.7%;z-index:4;border-radius:12px}
.hero::after{height:clamp(64px,9vw,170px);background:linear-gradient(180deg,rgba(246,242,252,0),#efe7fb 80%,#e5d5f6);bottom:-1px}
.about::before{height:clamp(64px,9vw,170px);background:linear-gradient(180deg,#e5d5f6,rgba(229,213,246,0))}
@media(min-width:1024px){
 .hero .main-nav{inset:4.33% 3.3% auto 45.31%;height:6.98%;grid-template-columns:196fr 164fr 230fr 212fr;gap:1.08vw}
 .hero .main-nav a{min-height:44px}
 .hero .main-nav a:hover{box-shadow:0 0 24px #ac60ff80,inset 0 0 12px #fff6;transform:translateY(-2px)}
}
@media(max-width:1023px){
 .desktop-brand{display:none}
 .hero .mobile-header{background:linear-gradient(120deg,#f4edfc,#fff 65%,#eadcfb);position:relative;z-index:4}
 .hero .brand-mark{width:176px;height:40px;border-radius:4px}
 .hero .brand-mark img{width:698px;left:-45px;top:-17px}
 .hero .menu-toggle{color:#48206e;border-color:#be97ec;background:linear-gradient(180deg,#fff,#ede0fb);box-shadow:0 3px 12px #9749dd26,inset 0 1px 2px #fff}
 .hero .menu-toggle[aria-expanded=true]{background:#eee0fc;box-shadow:0 0 16px #bd82f355}
 .hero .main-nav{background:#f6f2fc}
 .hero .main-nav a{color:#3b185d;border:1px solid #c6a4ea;background:linear-gradient(180deg,#fff,#eee3fc);box-shadow:0 3px 12px #9d55d91f;min-height:48px}
 .hero .main-nav a:last-child{color:#fff;border-color:#d6adff;background:linear-gradient(120deg,#9435ef,#721cec);box-shadow:0 4px 16px #9b45e94d}
 .hero>.mobile-art{position:relative;overflow:hidden;aspect-ratio:1662/790;margin:0;mask-image:none}
 .hero>.mobile-art img{position:absolute;width:100%;max-width:none;top:-19.746835%;left:0}
 .hero::after{height:clamp(20px,4vw,40px)}
}
@media(prefers-reduced-motion:reduce){
 .hero-visual{opacity:1}
 .hero .main-nav a:hover{transform:none}
}