/* A clean interior layer lets the copy, button and handwritten note remain true HTML. */
.hero-copy{background:linear-gradient(90deg,#090909 0%,#090909ef 58%,#09090970 77%,#09090918 100%),url('/site/assets/hero-interior-v1.png') center/cover no-repeat!important}.hero-copy em{font-family:cursive;font-size:clamp(19px,2vw,29px);line-height:1.08;text-shadow:0 2px 8px #000;right:5%;bottom:12%}
.hero{grid-template-columns:42% 10% 48%!important}.hero-doorway{background:url('/site/assets/hero-doorway.png') center/cover no-repeat;border-left:1px solid #0a0a0a;border-right:1px solid #0a0a0a}@media(max-width:760px){.hero{grid-template-columns:1fr!important}.hero-doorway{display:none}}
.footer-logo img{display:block;width:145px;height:auto}
.social-links{display:flex;gap:10px;margin-top:12px}.social-link{display:inline-flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-weight:700;font-size:13px}.social-link svg{width:25px;height:25px}.social-link:hover{color:#c70b2c}.social-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
footer address{margin-top:6px;color:#d5d1cb;font-size:13px;font-style:normal}
.legal-link{display:block;width:max-content;margin-top:10px;color:#d7d1ca;font-size:12px;text-decoration:none}.legal-link:hover{color:#fff;text-decoration:underline}
header .open-request,.hero .open-request,footer>.open-request{display:none!important}
.membership-cgv{display:inline-block;margin:16px 0 22px;color:#fff;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.membership-cgv:hover{color:#d4c6b6}
/* Keep every membership action on one baseline, regardless of copy length. */
.plans article{display:flex;flex-direction:column}.plans article button{margin-top:auto}

/* Preserve the desktop entrance composition on narrow screens. */
@media(max-width:760px){
 .hero{grid-template-columns:68% 32%!important;}
 .hero .logo-panel{min-height:0;height:80vw;max-height:500px;background-position:center;position:relative;}
 .hero .logo-panel::after{content:"";position:absolute;inset:0 0 0 auto;width:32px;background:linear-gradient(90deg,transparent,#080808c9);pointer-events:none;}
 .hero .hero-doorway{display:block;height:80vw;max-height:500px;background-position:center;}
 .hero .hero-copy{grid-column:1/-1;padding:36px 7% 30px;min-height:0;}
 .hero .hero-copy h1{font-size:clamp(32px,8.3vw,50px);line-height:1.08;}
 .hero .hero-copy .eyebrow{font-size:10px;letter-spacing:2.5px;line-height:1.6;}
 .hero .hero-copy>p:not(.eyebrow){font-size:14px;line-height:1.6;max-width:500px;}
 .hero .hero-copy em{position:static;display:block;width:fit-content;margin:28px 0 6px auto;transform:rotate(-8deg);font-size:23px;}
}

footer .footer-logo img{width:145px;height:145px;object-fit:contain;border-radius:50%;}
.wellness-branch{background:#0b2022;color:#f5f0e7;border-top:3px solid #125b60;padding:48px 5.5%;display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;}
.wellness-brand{display:flex;align-items:center;gap:24px;margin-bottom:22px;}
.wellness-brand img{width:116px;height:116px;border-radius:50%;object-fit:contain;flex-shrink:0;}
.wellness-brand .eyebrow{color:#a9d0ca;margin:0;line-height:1.7;letter-spacing:2px;}
.wellness-branch h2{font-size:clamp(30px,3vw,44px);line-height:1.12;margin:0 0 22px;}
.wellness-branch p:not(.eyebrow){font-size:14px;line-height:1.7;color:#c9dbd5;max-width:510px;}
.wellness-link{display:inline-flex;gap:24px;align-items:center;padding:16px 0;border-bottom:1px solid #68a7a4;color:#fff;text-decoration:none;font-size:14px;font-weight:bold;margin-top:10px;}
.wellness-themes{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.wellness-themes a{color:#f5f0e7;text-decoration:none;min-width:0;}
.wellness-themes img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;}
.wellness-themes span{display:flex;justify-content:space-between;gap:8px;border-bottom:1px solid #ffffff25;padding:15px 0;font:20px Georgia,serif;}
.wellness-themes b{font:20px Arial;color:#92c9c1;}
.wellness-branch a:focus-visible{outline:2px solid #92c9c1;outline-offset:5px;}
@media(max-width:760px){
 header .wordmark{display:none;}
 header .menu{margin:0;min-height:44px;min-width:44px;padding:8px 0;font-size:16px;}
 .wellness-branch{grid-template-columns:1fr;gap:32px;padding:38px 7%;}
 .wellness-themes span{font-size:18px;line-height:1.3;}
}

/* Sharp tiled wordmark, matching the burgundy round brand mark. */
.hero .logo-panel{background-image:url('/site/assets/logo-panel-bordeaux-bricks.png');}

/* Match the wellness site's desktop entrance height. */
@media(min-width:821px){
 .hero{min-height:540px;}
 .hero .hero-copy{display:flex;flex-direction:column;justify-content:center;}
}

