/* The existing hero and one-row navigation retain their approved layout. */
#experience .home-menu .collection-hero-copy{flex:1;min-width:0;max-width:640px}
#experience .home-menu .collection-hero-copy .signature-page-title{margin:0}
#experience .home-menu .collection-hero-subtitle{max-width:60ch;margin:12px 0 0;font-size:clamp(14px,1.15vw,17px);font-weight:400;line-height:1.5;text-wrap:pretty;text-shadow:0 1px 8px #0008}
#experience .home-menu .hero-actions{flex-shrink:0}
@media(max-width:700px){
  #experience .home-menu .collection-hero-copy{width:100%;max-width:none;text-align:center}
  #experience .home-menu .collection-hero-subtitle{max-width:42ch;margin:10px auto 0;font-size:14px;line-height:1.45}
}
/* Balance icon space without increasing the pill's intrinsic width. */
#experience .home-menu .hero-actions .primary-cta{
 --cta-icon:clamp(32px,2.5cqw,48px);--cta-inset:25px;--cta-old-gap:14px;
 --cta-gap:min(4px,max(0px,calc(var(--cta-inset) - (var(--cta-icon) - var(--cta-old-gap))/2 - 2px)));
 --cta-right:max(2px,calc(var(--cta-inset) - (var(--cta-icon) - var(--cta-old-gap))/2 - var(--cta-gap)));
 gap:var(--cta-gap);padding-left:calc(var(--cta-right) + var(--cta-icon) + var(--cta-gap));padding-right:var(--cta-right);
}
#experience .home-menu .hero-actions .cta-label{text-align:center}
@container (max-aspect-ratio:11/10) and (min-width:600px){#experience .home-menu .hero-actions .primary-cta{--cta-icon:3.5cqw;--cta-inset:18px;--cta-old-gap:12px}}
@container (min-aspect-ratio:11/10) and (max-width:1050px){#experience .home-menu .hero-actions .primary-cta{--cta-inset:18px}}
@container (min-aspect-ratio:11/10) and (max-width:760px){#experience .home-menu .hero-actions .primary-cta{--cta-inset:16px;--cta-old-gap:12px}}
@media(max-width:599px){
 #experience .home-menu .hero-actions .primary-cta{padding-inline:18px;gap:12px}
 #experience .home-menu .hero-actions .cta-label{white-space:normal}
 #experience .home-menu .hero-actions .cta-arrow{position:absolute;right:6%;top:50%;transform:translateY(-50%)}
}