:root { --ink:#1b1d1c; --teal:#506768; --linen:#f7f5ef; --sans:Arial,Helvetica,sans-serif; --serif:'Playfair Display',Georgia,serif; }
* {box-sizing:border-box;}
body {margin:0; color:var(--ink); font:16px/1.5 var(--sans); background:#fff;}
a {color:inherit; text-decoration:none;}
img {display:block; max-width:100%;}
.site-header {height:80px; background:#fff;}
.header-inner {height:100%; padding:10px clamp(32px,5.8vw,98px); display:flex; align-items:center; justify-content:space-between; gap:24px;}
.header-logo-img {width:190px; height:auto;}
.header-cta-link {display:flex; align-items:center; gap:10px; font:700 16px/1.5 var(--serif); color:var(--teal); border-bottom:1px solid #93b3b0; padding-bottom:6px; letter-spacing:.04em;}
.hero-split {display:flex; min-height:calc(100svh - 80px - 28px); background:var(--linen);}
.hero-bleed {padding-bottom:28px; background:#fff;}
.hero-left {flex:0 0 44%; min-width:0; display:flex; align-items:center;}
.hero-content {width:100%; padding:40px 40px 40px clamp(32px,5.8vw,98px);}
.eyebrow {font:700 14px/1.5 'Plus Jakarta Sans',var(--sans); color:var(--teal); letter-spacing:.1em; margin:0 0 24px;}
.hero-headline {font:400 clamp(44px,3.3vw,56px)/1.2 var(--serif); letter-spacing:-.015em; margin:0 0 28px;}
.hero-headline em {color:var(--teal); font-weight:400;}
.hero-subhead {font:400 22px/1.45 var(--sans); color:var(--teal); margin:0 0 24px;}
.hero-description {font:400 18px/1.6 var(--sans); letter-spacing:0; margin:0 0 28px; max-width:535px;}
.hero-description .desktop-br {display:none;}
.hero-desc-link {font-weight:700;}
.cta-pill-button {display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 28px; min-height:92px; background:var(--teal); color:#fff; max-width:535px;}
.cta-pill-button:hover {background:#40595a;}
a:focus-visible {outline:3px solid #99b5b1; outline-offset:5px;}
.cta-title {display:block; font:700 clamp(30px,2.4vw,40px)/1.15 var(--serif);}
.cta-subtitle {display:block; font-size:17px; line-height:1.4; margin-top:4px;}
.cta-arrow {flex:0 0 66px;}
.cta-arrow svg {display:block; width:100%;}
.hero-right {flex:1; min-width:0; position:relative;}
.room-anchor {display:block; position:absolute; inset:0;}
.room-photo {width:100%; height:100%; object-fit:cover; object-position:center 58%;}
.value-inner {display:grid; grid-template-columns:1.1fr 1.2fr .6fr; gap:50px; align-items:center; padding:28px clamp(32px,5.8vw,98px);}
.title-dark,.title-teal {display:block; font:400 clamp(30px,2.6vw,44px)/1.25 var(--serif);}
.title-dark {color:var(--teal);}.title-teal {color:#93b3b0;}
.value-paragraph p {font:400 18px/1.6 var(--sans); margin:0;}
.value-paragraph .desktop-br {display:none;}
.value-brand {display:flex; justify-content:flex-end;}
.be-script-logo {width:210px; height:auto;}
.styles-strip {border-top:1px solid #b7c6c5; padding:18px clamp(32px,5.8vw,98px) 28px; color:var(--teal);}
.styles-heading {text-align:center; font-size:20px; font-weight:700; padding-bottom:14px;}
.styles-divider {border-bottom:1px solid #b7c6c5;}
.styles-menu {display:flex; flex-wrap:wrap; justify-content:space-between; gap:18px 28px; list-style:none; padding:24px 0 0; margin:0; font:700 17px/1.5 var(--serif); letter-spacing:.04em;}
.site-footer {background:#80999a; color:#fff; text-align:center; padding:16px 24px; font:400 15px/1.5 'Poppins',var(--sans);}
.footer-text {margin:0; display:flex; justify-content:center; gap:30px; flex-wrap:wrap;}
/* Canva-oriented refinement: let readable type occupy more of the opening
   panel, keeping its outer whitespace balanced and the lower strip below it. */
@media (min-width:1281px) {
  .hero-content {padding-block:32px;}
  .hero-headline {font-size:clamp(48px,3.6vw,62px); margin-bottom:26px;}
  .hero-subhead {font-size:23px; line-height:1.45; margin-bottom:24px;}
  .hero-description {font-size:19px; line-height:1.6; letter-spacing:normal; margin-bottom:28px;}
}
@media (min-width:1281px) and (max-height:700px) {
  .hero-headline {font-size:48px;}
  .hero-subhead {font-size:20px;}
  .hero-description {font-size:17px;}
  .hero-content {padding-block:28px;}
}
@media (min-width:1024px) and (max-width:1280px) {
  .hero-left {flex-basis:47%;}.hero-content {padding-inline:36px 30px;}
  .hero-headline {font-size:44px;}.hero-subhead {font-size:20px;}.hero-description {font-size:17px;}
  .eyebrow {font-size:12px;}.cta-pill-button {padding-inline:24px;}.cta-title {font-size:32px;}
  .value-inner {gap:26px;}.value-paragraph p {font-size:17px;}
}
@media (max-width:1023px) {
  .hero-split {min-height:calc(100svh - 80px - 28px);}
  .hero-split {flex-direction:column;}
  .hero-left {flex:auto;}.hero-content {max-width:720px; margin:auto; padding:40px 32px;}
  .hero-headline {font-size:46px;}.hero-subhead {font-size:20px;}.hero-description {font-size:17px;}
  .hero-right {flex:auto;}.room-anchor {position:static;}.room-photo {height:auto; aspect-ratio:3/2; object-fit:cover;}
  .value-inner {grid-template-columns:1fr; text-align:center; gap:24px; padding:32px;}
  .value-brand {justify-content:center;}.value-paragraph {max-width:620px; margin:auto;}
  .styles-menu {justify-content:center;}
}
@media (max-width:600px) {
  .hero-bleed {padding-bottom:20px;}
  .site-header {height:86px;}.header-inner {padding:16px; gap:16px;}
  .header-logo-img {width:135px;}.header-cta-link {font-size:12px; gap:5px;}.cta-text-prefix {display:none;}
  .hero-split {min-height:calc(100svh - 86px - 20px);}.hero-content {padding:30px 20px;}
  .eyebrow {font-size:11px; letter-spacing:.08em; margin-bottom:20px;}
  .hero-headline {font-size:clamp(32px,8.5vw,40px); margin-bottom:24px;}
  .hero-subhead {font-size:18px; margin-bottom:22px;}.hero-subhead br {display:none;}
  .hero-description {font-size:16px; line-height:1.6; margin-bottom:24px;}
  .cta-pill-button {padding:15px 20px; min-height:82px; gap:14px;}.cta-title {font-size:29px;}.cta-subtitle {font-size:16px;}.cta-arrow {flex-basis:48px;}
  .value-inner {padding:30px 20px;}.value-paragraph p {font-size:16px;}.title-dark,.title-teal {font-size:32px;}
  .styles-strip {padding-inline:20px;}.styles-heading {font-size:18px;}.styles-menu {font-size:16px;gap:16px 24px;}
  .footer-text {gap:6px;}.footer-copy {width:100%;}
}