/* V5 refinements */
.hero-copy{width:min(1060px,90vw)}
.hero-copy h1{margin-bottom:18px}
.hero-marquee{margin:0 auto;display:flex;justify-content:center;max-width:520px;overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 12%,black 88%,transparent)}
.hero-marquee-track{display:flex;gap:12px;white-space:nowrap;animation:heroTicker 14s linear infinite;padding:6px 0}
.hero-marquee span{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.24);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#fff;box-shadow:0 10px 24px rgba(0,0,0,.08)}
@keyframes heroTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.experience{background:linear-gradient(180deg,#fbf7f2 0%,#ffffff 18%)}
.experience .section-heading{max-width:1380px;display:grid;grid-template-columns:1.05fr .8fr;gap:48px;align-items:end;text-align:left;margin-bottom:42px}
.experience .section-heading>p:last-child{max-width:360px;margin:0 0 4px auto}
.experience .section-heading h2{margin:14px 0 0;font-size:clamp(54px,6vw,92px)}
.experience-card{box-shadow:0 24px 65px rgba(21,23,22,.08)}
.experience-card img{filter:saturate(1.08) contrast(1.03)}
.card-title h3{font-size:38px}

.stats-shell{background:linear-gradient(140deg,#f2e5d7 0%,#fbf8f3 42%,#ead7c3 100%)}
.stat-sub{color:#4f4b46}

.story-shell{background:linear-gradient(135deg,#152935 0%,#1a3543 58%,#244350 100%);grid-template-columns:.86fr 1.14fr}
.story-copy{padding:74px 58px 66px}
.story-copy h2{font-size:clamp(58px,6vw,86px)}
.story-copy>p:not(.overline){max-width:470px}
.story-image img{filter:saturate(1.08) contrast(1.02)}
.story-features{display:grid;gap:12px;margin-top:30px;max-width:440px}
.story-feature{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:20px;padding:18px 22px;transition:transform .32s ease,background .32s ease,border-color .32s ease;cursor:default}
.story-feature span{display:block;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e7d4bb;margin-bottom:8px}
.story-feature p{margin:0;font-family:var(--serif);font-size:15px;line-height:1.45;color:rgba(255,255,255,.66);max-height:0;opacity:0;overflow:hidden;transition:max-height .3s ease,opacity .3s ease}
.story-feature:hover,.story-feature:focus-within{transform:translateY(-2px);background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.26)}
.story-feature:hover p,.story-feature:focus-within p{max-height:60px;opacity:1}
.story-image{min-height:640px}

.chapters{background:linear-gradient(180deg,#f7f2eb 0%,#fcfaf7 100%)}
.chapter-card{box-shadow:0 22px 60px rgba(25,28,28,.08)}
.chapter-card img{filter:saturate(1.1) contrast(1.03)}
.chapter-shade{background:linear-gradient(0deg,rgba(13,28,36,.82),rgba(13,28,36,.1) 68%)}
.chapter-copy h3{font-size:38px}
.chapter-copy p{font-size:16px}

@media(max-width:760px){
  .hero-marquee{max-width:84vw}.hero-marquee-track{animation-duration:12s}.hero-marquee span{padding:10px 15px;font-size:9px}
  .experience .section-heading{grid-template-columns:1fr;text-align:center;gap:12px}.experience .section-heading>p:last-child{margin:0 auto;max-width:520px}
  .story-copy{padding:52px 24px 36px}.story-image{min-height:380px}.story-features{max-width:none}.story-feature p{max-height:60px;opacity:1}
}


/* V6 menu + experience */
.site-menu{background:linear-gradient(180deg,rgba(251,248,243,.98),rgba(246,239,230,.985));padding:26px 28px 30px;border-left:1px solid rgba(35,42,46,.06)}
.site-menu:before{content:"";position:absolute;inset:18px 18px 18px 18px;border-radius:32px;border:1px solid rgba(35,42,46,.06);pointer-events:none}
.menu-top{position:relative;z-index:2;margin-bottom:28px}
.menu-layout{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;height:calc(100% - 88px);min-height:0}
.menu-copy{display:flex;flex-direction:column;min-height:0;padding:10px 8px 6px 6px}
.menu-copy h3{font-family:var(--display);font-size:48px;line-height:.92;font-weight:400;margin:14px 0 18px;letter-spacing:-.035em;color:var(--navy)}
.menu-copy h3 em{font-style:italic;font-weight:400}
.menu-copy>p:last-of-type{font-family:var(--serif);font-size:16px;line-height:1.55;color:#655f58;max-width:320px;margin:0 0 24px}
.menu-visual{position:relative;border-radius:28px;overflow:hidden;min-height:260px;box-shadow:0 24px 60px rgba(24,30,33,.08);margin-top:auto}
.menu-visual img{position:absolute;inset:0}.menu-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(18,35,45,.72),rgba(18,35,45,.08) 62%)}
.menu-visual-copy{position:absolute;left:22px;right:22px;bottom:22px;color:#fff;z-index:1}.menu-visual-copy span{display:block;font-size:10px;letter-spacing:.15em;text-transform:uppercase;opacity:.86}.menu-visual-copy strong{display:block;margin-top:8px;font-family:var(--display);font-size:34px;font-weight:400;line-height:1.02}
.menu-nav{display:flex;flex-direction:column;gap:12px;min-height:0;justify-content:center;padding:4px 6px 4px 0}
.menu-link-card{display:grid;grid-template-columns:44px 1fr 26px;gap:16px;align-items:center;padding:20px 20px;border-radius:24px;background:rgba(255,255,255,.68);border:1px solid rgba(35,42,46,.07);box-shadow:0 14px 34px rgba(28,30,29,.04);transition:transform .32s ease,box-shadow .32s ease,background .32s ease,border-color .32s ease}
.menu-link-card:hover{transform:translateX(4px);background:#fff;box-shadow:0 20px 40px rgba(28,30,29,.08);border-color:rgba(22,41,53,.14)}
.menu-index{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#efe4d7,#fbf8f3);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);font-weight:600}
.menu-link-card strong{display:block;font-family:var(--display);font-weight:400;font-size:30px;line-height:1.02;color:var(--navy)}
.menu-link-card small{display:block;margin-top:6px;color:#766f68;font-family:var(--serif);font-size:14px;line-height:1.35}
.menu-link-card b{font-size:20px;color:var(--navy);font-weight:400;transition:transform .3s ease}.menu-link-card:hover b{transform:translate(3px,-3px)}
.menu-join-card{background:linear-gradient(135deg,#172b37,#213b49);border-color:transparent}.menu-join-card strong,.menu-join-card small,.menu-join-card b{color:#fff}.menu-join-card .menu-index{background:rgba(255,255,255,.12);color:#fff}
.menu-mail{margin-top:18px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f6861}
.menu-note{display:none}

.experience-heading-premium{max-width:1380px;margin:0 auto 44px;display:grid;grid-template-columns:1fr .72fr;gap:40px;align-items:end;text-align:left}
.experience-heading-copy h2{font-size:clamp(58px,6vw,92px);margin:12px 0 0;line-height:.92}
.experience-heading-side{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.experience-heading-side p{font-family:var(--serif);font-size:18px;line-height:1.6;color:#5e5852;max-width:360px;margin:0}
.experience-mini-tags{display:flex;flex-wrap:wrap;gap:10px}.experience-mini-tags span{padding:10px 16px;border-radius:999px;background:linear-gradient(135deg,#fbf7f2,#f2e8dc);border:1px solid rgba(35,42,46,.08);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--navy);box-shadow:0 10px 22px rgba(23,28,28,.04)}

@media(max-width:1050px){
  .menu-layout{grid-template-columns:1fr;overflow:auto;padding-right:4px}.menu-copy{padding-right:0}.menu-copy>p:last-of-type{max-width:none}.menu-visual{min-height:220px;order:3;margin-top:12px}.menu-nav{order:2}.menu-link-card strong{font-size:28px}
  .experience-heading-premium{grid-template-columns:1fr;gap:18px;text-align:center}.experience-heading-side{align-items:center}.experience-heading-side p{max-width:560px}
}
@media(max-width:760px){
  .site-menu{padding:18px 18px 22px}.site-menu:before{inset:10px}.menu-top{margin-bottom:18px}.menu-copy h3{font-size:40px}.menu-link-card{grid-template-columns:40px 1fr 20px;padding:18px 16px;border-radius:20px}.menu-index{width:40px;height:40px}.menu-link-card strong{font-size:24px}.menu-link-card small{font-size:13px}.menu-visual{min-height:180px}.menu-visual-copy strong{font-size:28px}
  .experience-heading-copy h2{font-size:52px}.experience-heading-side p{font-size:16px}.experience-mini-tags{justify-content:center}
}

/* =========================================================
   V7 FINAL REFINEMENTS
   ========================================================= */

/* Hero: editorial moving line, no repeated SERVÉA label */
.hero-copy{width:min(1080px,92vw)}
.hero-copy h1{margin:0 0 24px}
.hero-marquee{width:min(520px,86vw);margin:0 auto;overflow:hidden;mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 12%,#000 88%,transparent 100%)}
.hero-marquee-track{width:max-content;display:flex;align-items:center;gap:20px;animation:serveaTicker 10s linear infinite;padding:5px 0}
.hero-marquee span{padding:0;background:none;border:0;box-shadow:none;backdrop-filter:none;color:rgba(255,255,255,.94);font-size:10px;letter-spacing:.22em;text-transform:uppercase}
.hero-marquee i{font-style:normal;color:rgba(255,255,255,.52);font-size:8px}
@keyframes serveaTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* Premium menu drawer */
.site-menu{width:min(780px,96vw);padding:28px 30px 30px;background:linear-gradient(145deg,#fbf8f3 0%,#f3eadf 100%);overflow:hidden}
.site-menu:before{inset:18px;border-radius:32px}
.menu-top{margin-bottom:24px}
.menu-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;height:calc(100% - 84px);min-height:0}
.menu-preview{position:relative;min-height:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 70px rgba(24,30,33,.10)}
.menu-preview img{position:absolute;inset:0;transition:opacity .22s ease,transform .7s ease;filter:saturate(1.08) contrast(1.03)}
.menu-preview:hover img{transform:scale(1.02)}
.menu-preview-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(13,29,38,.78),rgba(13,29,38,.04) 65%)}
.menu-preview-copy{position:absolute;z-index:2;left:26px;right:26px;bottom:26px;color:#fff}
.menu-preview-copy span{display:block;font-size:9px;letter-spacing:.17em;text-transform:uppercase;margin-bottom:10px;opacity:.82}
.menu-preview-copy strong{display:block;font-family:var(--display);font-weight:400;font-size:38px;line-height:.98}
.menu-content{display:flex;flex-direction:column;padding:14px 8px 6px 0;min-width:0}
.menu-content>h3{font-family:var(--display);font-weight:400;font-size:48px;line-height:.92;letter-spacing:-.035em;margin:13px 0 28px;color:var(--navy)}
.menu-content>h3 em{font-weight:400;font-style:italic}
.menu-nav{display:flex;flex-direction:column;gap:8px;justify-content:flex-start}
.menu-link-card{display:grid;grid-template-columns:36px 1fr;gap:16px;align-items:center;padding:15px 16px;border-radius:19px;background:transparent;border:1px solid transparent;box-shadow:none;transition:background .28s ease,border-color .28s ease,transform .28s ease}
.menu-link-card:hover{transform:translateX(5px);background:rgba(255,255,255,.72);border-color:rgba(22,41,53,.08);box-shadow:none}
.menu-link-card .menu-index{width:36px;height:36px;background:rgba(22,41,53,.06);font-size:9px}
.menu-link-card strong{font-family:var(--display);font-size:29px;font-weight:400;line-height:1;color:var(--navy)}
.menu-link-card small{font-family:var(--serif);font-size:13px;line-height:1.35;color:#726b64;margin-top:5px}
.menu-join-card{margin-top:6px;background:var(--navy);border-color:var(--navy)}
.menu-join-card:hover{background:#213c49;border-color:#213c49}
.menu-join-card strong,.menu-join-card small{color:#fff}
.menu-join-card .menu-index{background:rgba(255,255,255,.12);color:#fff}
.menu-mail{margin-top:auto;padding-top:20px}

/* Experience intro: asymmetrical and concise */
.experience{background:linear-gradient(180deg,#fbf8f4 0%,#fff 28%,#fff 100%)}
.experience-heading-premium{max-width:1380px;margin:0 auto 46px;display:grid;grid-template-columns:1fr .82fr;gap:76px;align-items:end;text-align:left;border-bottom:1px solid rgba(35,42,46,.10);padding-bottom:34px}
.experience-heading-copy h2{font-size:clamp(58px,6.5vw,96px);line-height:.91;margin:13px 0 0}
.experience-heading-side{display:grid;gap:0;border-top:1px solid rgba(35,42,46,.10)}
.experience-heading-side span{display:flex;align-items:center;min-height:54px;border-bottom:1px solid rgba(35,42,46,.10);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#655f59;transition:padding-left .3s ease,color .3s ease}
.experience-heading-side span:hover{padding-left:10px;color:var(--navy)}
.experience-card{height:575px;box-shadow:0 24px 70px rgba(23,25,25,.08)}
.experience-card img{filter:saturate(1.10) contrast(1.04)}

/* Stats: faster, cleaner, punchier */
.stats-shell{background:linear-gradient(135deg,#efe0d1 0%,#fbf8f3 48%,#e8d4c0 100%)}
.stat-number{color:#132b38}
.stat-sub{font-size:14px;max-width:285px}
.stat-window{transition:opacity .16s ease,transform .16s ease}
.stat-window.out{transform:translateY(-8px)}

/* Rhythm: brighter imagery, especially pool */
.rhythm-card img{filter:saturate(1.08) contrast(1.03)}
.rhythm-card[data-rhythm="3"] img{filter:saturate(1.18) contrast(1.04) brightness(1.03)}
.rhythm-card[data-rhythm="3"] .rhythm-shade{background:linear-gradient(0deg,rgba(8,27,38,.62),rgba(8,27,38,.03) 62%)}