/* Evolve the published full-bleed portrait and oversized lower wordmark. */
:root{--hero-gutter:clamp(24px,4vw,64px);--hero-content:max(var(--hero-gutter),calc((100vw - 1080px)/2));--hero-shadow:#08070d;--hero-soft:#d8d1e3;--hero-glass:#08070d66;--hero-border:#ffffff30}
.masthead{position:absolute;inset:0 0 auto;z-index:10;height:74px;margin:0 var(--hero-content);border:0;gap:22px}
.masthead .studio-brand{font-size:13px;text-transform:none}.masthead .page-label{display:none}.masthead nav{font-size:11px;gap:28px}
.z-hero{height:100svh;min-height:760px;max-height:1250px;position:relative;isolation:isolate;overflow:hidden;background:var(--hero-shadow)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:70% 28%;z-index:0;filter:none;transform-origin:65% 30%}
.z-hero>.club-lights{z-index:1;opacity:.6;mix-blend-mode:screen;mask-image:linear-gradient(90deg,#000 0%,#0005 30%,transparent 45%,transparent 65%,#0009 87%,#000 100%)}
.hero-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(90deg,#08070df2 0%,#08070db8 28%,#08070d38 58%,#08070d45 100%),linear-gradient(0deg,#08070df5 0%,#08070d66 20%,transparent 42%)}
.hero-atmosphere{position:absolute;inset:54% -10% -10%;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 30% 80%,#ff2d8a29,transparent 42%),radial-gradient(ellipse at 80% 90%,#00e5ff18,transparent 45%);animation:hero-atmosphere 18s ease-in-out infinite alternate;mix-blend-mode:screen}
.hero-meta{position:absolute;top:114px;left:var(--hero-gutter);right:var(--hero-gutter);z-index:4;display:flex;justify-content:space-between;font:600 10px/1.5 var(--display);letter-spacing:.16em;color:var(--muted)}
.hero-copy{position:absolute;z-index:5;left:var(--hero-content);top:21%;width:min(540px,48%)}
.hero-eyebrow{display:flex;align-items:center;gap:15px;font:700 11px/1.8 var(--display);letter-spacing:.2em;color:var(--pink-light);margin-bottom:24px}
.hero-eyebrow::before{content:'';width:34px;height:1px;background:linear-gradient(90deg,var(--pink),transparent);flex:none}
.hero-copy h1{font:900 clamp(30px,3.6vw,52px)/1.35 var(--body);letter-spacing:.01em;text-shadow:0 2px 22px var(--hero-shadow)}
.hero-copy h1 em{font-style:normal;color:var(--pink-light)}
.hero-description{font-size:14px;line-height:2.05;color:var(--hero-soft);margin-top:23px;text-shadow:0 1px 16px var(--hero-shadow)}
.mobile-break{display:none}.hero-actions{display:flex;gap:14px;align-items:center;margin-top:29px}
.hero-actions>a,.hero-actions>button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:12px 25px;font-size:12px;font-weight:700;border-radius:999px;transition:background .25s,border-color .25s,transform .25s}
.hero-follow{background:linear-gradient(120deg,var(--pink),var(--purple));color:var(--paper);box-shadow:0 7px 30px #ff2d8a33}
.hero-listen{border:1px solid var(--hero-border);background:var(--hero-glass);color:var(--paper)}
.hero-listen[aria-pressed=true]{border-color:var(--cyan);color:var(--cyan)}
.hero-actions>a:hover,.hero-actions>button:hover{transform:translateY(-2px)}
.hero-destinations{display:flex;align-items:center;gap:15px;margin-top:24px;font-size:10px;color:var(--hero-soft)}
.hero-destinations>span{color:var(--pink)}.hero-destinations a{padding:8px 0}.hero-destinations a:hover{color:var(--cyan)}
.hero-wordmark{position:absolute;z-index:4;left:2.5%;bottom:55px;width:95%;font:900 27.5vw/.9 var(--display);letter-spacing:-.055em;white-space:nowrap;color:var(--paper);text-align:center;pointer-events:none;text-shadow:0 0 60px #ff2d8a30}
@supports(background-clip:text){.hero-wordmark{color:transparent;background:linear-gradient(110deg,#f9f5ff 20%,#f9f5ff 35%,#ffbde1 44%,#b6edff 49%,#f9f5ff 58%,#f9f5ff 85%);background-size:260% 100%;background-clip:text;-webkit-background-clip:text;animation:hero-name-light 16s ease-in-out infinite alternate}}
.hero-bottom{position:absolute;z-index:6;bottom:0;left:var(--hero-gutter);right:var(--hero-gutter);height:55px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}
.hero-scroll{font:600 8px/1.5 var(--display);letter-spacing:.1em;color:var(--hero-soft)}
.z-hero .light-desk{position:static;display:flex;flex-direction:row;align-items:center;gap:14px;font-size:7px}
.z-hero .light-desk>span{font-size:7px;margin:0;color:var(--muted)}
.z-hero .light-desk button{padding:8px 0;min-width:0;min-height:36px;border:0;border-radius:0;background:transparent;font-size:7px;color:var(--muted)}
.z-hero .light-desk button::before{margin-right:6px;width:4px;height:4px}.z-hero .light-desk button[aria-pressed=true]{color:var(--paper);background:transparent;text-decoration:underline;text-underline-offset:6px}
.hero-motion{display:flex;gap:20px}.hero-motion button{min-height:44px;padding:5px 0;font-size:8px;color:var(--hero-soft)}
.motion-paused .hero-atmosphere,.motion-paused .hero-wordmark{animation-play-state:paused}
@keyframes hero-atmosphere{from{transform:translateX(-3%)}to{transform:translateX(5%)}}
@keyframes hero-name-light{from{background-position:100% 50%}to{background-position:0% 50%}}
@media(min-width:761px) and (min-height:951px) and (min-aspect-ratio:8/5){.hero-copy{top:18%}.hero-eyebrow{margin-bottom:15px}.hero-copy h1{font-size:44px}.hero-description{font-size:12px;margin-top:18px}.hero-actions{margin-top:22px}.hero-destinations{margin-top:15px}.hero-wordmark{font-size:min(27.5vw,50svh)}}
@media(min-width:761px) and (max-height:950px){.z-hero{min-height:720px}.hero-meta{top:86px}.hero-copy{top:16%}.hero-eyebrow{display:none}.hero-copy h1{font-size:clamp(30px,3vw,38px)}.hero-description{margin-top:12px;font-size:11px}.hero-actions{margin-top:17px}.hero-actions>a,.hero-actions>button{min-height:48px}.hero-destinations{margin-top:8px;font-size:9px}.hero-destinations a{padding-block:6px}.hero-wordmark{font-size:27.5vw;bottom:49px}.hero-bottom{height:49px}}
@media(min-width:761px) and (max-width:1050px){.hero-copy{left:var(--hero-gutter);width:53%}.hero-image{object-position:62% 28%}.hero-destinations{font-size:9px;gap:12px}.hero-scroll{display:none}.hero-bottom{justify-content:space-between}}
@media(max-width:760px){
 .masthead{height:92px;min-height:0;padding:15px 0 9px;margin:0 24px;gap:0;align-content:space-between}.masthead .studio-brand{font-size:12px}.masthead .page-label{display:block;font-size:8px}.masthead nav{margin-top:5px;font-size:9px;gap:14px}.masthead nav a{padding:6px 0}
 .z-hero{min-height:780px;height:100svh;max-height:none}.hero-image{object-fit:cover;object-position:65% 18%;height:100%;width:100%}
 .hero-shade{background:linear-gradient(90deg,#08070d55,transparent 85%),linear-gradient(0deg,#08070d 1%,#08070dea 19%,#08070d99 43%,#08070d1a 70%,#08070d66 100%)}
 .z-hero>.club-lights{opacity:.5;mask-image:linear-gradient(90deg,#000,transparent 30%,transparent 75%,#000)}
 .hero-meta{display:none}.hero-copy{left:24px;right:24px;top:34%;width:auto}.hero-eyebrow{font-size:8px;letter-spacing:.14em;gap:10px;margin-bottom:17px}.hero-eyebrow::before{width:24px}.hero-copy h1{font-size:clamp(29px,7.6vw,48px);line-height:1.4}
 .hero-description{font-size:11px;line-height:2;margin-top:18px}.mobile-break{display:block}.hero-actions{gap:10px;margin-top:20px}.hero-actions>a,.hero-actions>button{min-height:48px;font-size:10px;padding:10px 20px;gap:12px}.hero-destinations{font-size:8px;gap:10px;margin-top:14px;white-space:nowrap}
 .hero-wordmark{left:3%;width:94%;font-size:25.4vw;bottom:72px;line-height:1.1}.hero-bottom{height:70px;left:24px;right:24px;display:grid;grid-template-columns:1fr;gap:0;padding:4px 0}.hero-scroll{display:none}.z-hero .light-desk{gap:14px;justify-content:center;height:28px}.z-hero .light-desk button{min-height:28px}.hero-motion{justify-content:center;gap:25px}.hero-motion button{min-height:30px;font-size:7px}.hero-atmosphere{inset:60% -30% 0}
}
@media(max-width:380px){.masthead{margin-inline:20px}.hero-copy{left:20px;right:20px;top:32%}.z-hero{min-height:760px}.hero-copy h1{font-size:27px}.hero-eyebrow{font-size:7px}.hero-description{font-size:10px}.hero-actions>a,.hero-actions>button{padding-inline:16px;font-size:9px}.hero-destinations{font-size:7px;gap:9px}.hero-wordmark{bottom:72px}.hero-bottom{left:20px;right:20px}}
@media(prefers-reduced-motion:reduce){.hero-atmosphere,.hero-wordmark{animation:none}.hero-actions>a:hover,.hero-actions>button:hover{transform:none}}