/* Original navigation over the hero, with a compact Explore disclosure farther down. */
.explore-dock{position:relative;flex:0 1 auto;width:max-content;max-width:100%;min-width:0;color:var(--color-text);font-family:var(--font-body)}
.explore-dock[hidden],.explore-dock .explore-links[hidden],.explore-navigation [data-hero-nav][hidden]{display:none}
.explore-dock>button{display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;cursor:pointer;border:1px solid var(--color-border);border-radius:12px;background:var(--color-surface);color:var(--color-green-dark);font:600 .82rem/1.4 var(--font-display);white-space:nowrap;transition:background 150ms ease,border-color 150ms ease,box-shadow 150ms ease}
.explore-dock>button img{flex:0 0 24px;width:24px;height:24px}
.explore-chevron{width:7px;height:7px;margin:0 2px 3px 4px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);transition:transform 150ms ease}
.explore-dock[data-expanded="true"] .explore-chevron{transform:translateY(3px) rotate(225deg)}
.explore-dock[data-expanded="true"]>button{border-color:var(--color-green);background:var(--color-green-soft)}
.explore-dock>button:hover{border-color:var(--color-green);box-shadow:0 2px 8px rgb(49 64 45 / 8%)}
.explore-dock .explore-links{position:absolute;top:calc(100% + 10px);left:0;z-index:35;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;width:304px;max-width:calc(100vw - 28px);max-height:var(--explore-panel-height,calc(100dvh - 110px));overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-width:thin;padding:8px;border:1px solid var(--color-border);border-radius:16px;background:var(--color-surface);box-shadow:0 14px 36px rgb(24 24 21 / 12%),0 2px 6px rgb(24 24 21 / 4%)}
:is(.explore-dock,.hero-summary) .explore-links a,.studio-counterpart{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:5px 14px;min-height:78px;padding:13px 14px;border:1px solid transparent;border-radius:11px;color:var(--color-green-dark);background:var(--color-ivory);font-size:.83rem;font-weight:600;line-height:1.4;text-decoration:none;white-space:normal;transition:background 150ms ease,border-color 150ms ease}
.explore-links a small{grid-column:1/-1;max-width:29ch;color:var(--color-muted);font-size:.73rem;font-weight:400;line-height:1.5}
.explore-links a>span[aria-hidden],.studio-counterpart>span[aria-hidden]{transition:transform 150ms ease}
:is(.explore-dock,.hero-summary) .explore-links a:hover,.studio-counterpart:hover{background:var(--color-green-soft);border-color:var(--color-border)}
.explore-links a:hover>span[aria-hidden],.studio-counterpart:hover>span[aria-hidden]{transform:translateX(2px)}
:is(.explore-dock,.hero-summary) :is(a,button):focus-visible{outline:2px solid var(--color-green-dark);outline-offset:2px}
.explore-dock[data-expanded="true"] .explore-links{animation:explore-reveal 150ms ease-out}
.explore-navigation{gap:24px}
.explore-navigation .nav-links{width:auto;margin-left:auto;justify-content:flex-end}
.explore-navigation .nav-links[hidden]{display:none}
.explore-navigation .nav-toggle{margin-left:auto;order:3;flex:none}
.explore-navigation.is-collapsed .nav-links{top:calc(100% + 8px);max-height:calc(100dvh - 100px);overflow-y:auto}
.site-header[data-hero-visible="true"] .nav-links{width:100%;margin-left:0;justify-content:flex-end}
.explore-navigation .nav-wordmark{left:0;transform:none}
.studio-header:has(.explore-dock){align-items:center;gap:12px}
.studio-back{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:44px;color:var(--color-green-dark);font-size:.85rem;font-weight:600;white-space:nowrap}
.studio-back:focus-visible{outline:3px solid var(--color-green-dark);outline-offset:2px}
.studio-header-actions{display:flex;align-items:center;justify-content:flex-end;gap:16px;flex:1;margin-left:auto;min-width:0;flex-wrap:nowrap}
.studio-header .explore-links{left:auto;right:0}
/* The counterpart keeps the destination CTA treatment, compact and in the navbar flow. */
.studio-counterpart{grid-template-columns:24px minmax(0,1fr) auto;min-height:44px;padding:8px 12px;gap:10px;border-color:var(--color-border);max-width:320px}
.studio-counterpart>img{display:block;width:24px;height:24px;object-fit:contain}
@keyframes explore-reveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.studio-header:has(.explore-dock){padding:8px 12px;gap:8px}.studio-header-actions{gap:8px}.explore-dock{position:static}.explore-dock .explore-links{top:calc(100% + 8px)}.studio-header .explore-links{right:12px}.explore-dock>button{padding:8px;gap:6px;font-size:.75rem}.explore-dock>button img{width:22px;height:22px;flex-basis:22px}.studio-back{font-size:.78rem}.explore-navigation{gap:8px}.studio-counterpart{min-height:44px;padding:8px 12px;font-size:.75rem;gap:8px}}
@media(prefers-reduced-motion:reduce){.explore-dock>button,.explore-chevron,.explore-links a,.explore-links a>span[aria-hidden],.studio-counterpart,.studio-counterpart>span[aria-hidden]{transition:none}.explore-dock[data-expanded="true"] .explore-links{animation:none}}

/* The hero keeps the same Explore choices open, without a second toggle or repeated brand labels. */
.hero-summary .hero-explore-title{display:flex;align-items:center;gap:10px;margin:0;color:var(--color-green-dark);font:600 1rem/1.35 var(--font-display);letter-spacing:-.015em}
.hero-explore-title img{width:26px;height:26px;flex:none}
.hero-summary .hero-explore-intro{margin:12px 0 18px;font-size:.86rem;line-height:1.65;color:var(--color-muted)}
.hero-summary .hero-experience-links{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;margin:0}

/* The waitlist scrolls within this page; it stays lighter than the two studio destination cards. */
.hero-summary .hero-waitlist{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;max-width:100%;min-height:40px;padding:8px 13px;margin-top:12px;border:1px solid var(--color-green);border-radius:999px;background:var(--color-green-soft);color:var(--color-green-dark);font:600 .75rem/1.4 var(--font-display);text-decoration:none}
.hero-waitlist svg{flex:none}
.hero-summary .hero-waitlist:hover span{text-decoration:underline;text-underline-offset:4px}

/* Emphasize the route associated with the informational section being read. */
.explore-dock .explore-links a[data-context-active="true"]{background:var(--color-green-soft);border-color:var(--color-green);box-shadow:inset 3px 0 0 var(--color-green)}

/* Keep the layered desktop composition in flow so a taller CTA panel cannot cover the next section. */
@media(min-width:981px){.hero-composition{display:grid;grid-template-columns:minmax(0,1fr)}.hero-intro{grid-area:1 / 1;position:relative;top:auto;left:auto;align-self:start;margin-top:28px}.hero-visual{grid-area:1 / 1;align-self:start}}
@media(min-width:981px) and (max-width:1180px){.hero-intro{margin-top:16px}}
@media(pointer:coarse){.hero-summary .hero-waitlist{min-height:44px}}