/*
  Pike House Escapes public presentation variants.
  This file is intentionally additive: removing its link restores the tested
  baseline in site.css without changing public or booking markup.
*/

.public-site.design-1,
.public-site.design-2,
.public-site.design-3,
.public-site.design-4,
.public-site.design-5{
  --design-ink:#1f2b27;
  --design-muted:#647069;
  --design-page:#f4f7f1;
  --design-panel:#ffffff;
  --design-border:#d7dfd5;
  --design-brand:#183b33;
  --design-brand-dark:#102b25;
  --design-accent:#426f78;
  --design-accent-soft:#dcebed;
  --design-shadow:0 24px 64px rgba(24,59,51,.1);
  --bg:var(--design-page);
  --bg-soft:var(--design-panel);
  --fg:var(--design-ink);
  --muted:var(--design-muted);
  --brand:var(--design-brand);
  --brand-dark:var(--design-brand-dark);
  --accent:var(--design-accent);
  --accent-soft:var(--design-accent-soft);
  --card:var(--design-panel);
  --border:var(--design-border);
  --shadow:var(--design-shadow);
  background:var(--design-page);
  color:var(--design-ink);
  font-family:var(--font-body);
  font-size:16px;
}

.public-site.design-1 *,
.public-site.design-2 *,
.public-site.design-3 *,
.public-site.design-4 *,
.public-site.design-5 *{
  scroll-margin-top:96px;
}

.public-site.design-1 h1,
.public-site.design-1 h2,
.public-site.design-1 h3,
.public-site.design-2 h1,
.public-site.design-2 h2,
.public-site.design-2 h3,
.public-site.design-3 h1,
.public-site.design-3 h2,
.public-site.design-3 h3,
.public-site.design-4 h1,
.public-site.design-4 h2,
.public-site.design-4 h3,
.public-site.design-5 h1,
.public-site.design-5 h2,
.public-site.design-5 h3,
.public-site.design-1 .brand-wordmark,
.public-site.design-2 .brand-wordmark,
.public-site.design-3 .brand-wordmark,
.public-site.design-4 .brand-wordmark,
.public-site.design-5 .brand-wordmark{
  font-family:var(--font-brand);
}

.public-site.design-1 .site-header,
.public-site.design-2 .site-header,
.public-site.design-3 .site-header,
.public-site.design-4 .site-header,
.public-site.design-5 .site-header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid var(--design-border);
  box-shadow:0 10px 32px rgba(24,59,51,.06);
}

.public-site.design-1 .nav,
.public-site.design-2 .nav,
.public-site.design-3 .nav,
.public-site.design-4 .nav,
.public-site.design-5 .nav{
  max-width:1180px;
  min-height:78px;
  padding:12px 20px;
}

.public-site.design-1 .brand-wordmark,
.public-site.design-2 .brand-wordmark,
.public-site.design-3 .brand-wordmark,
.public-site.design-4 .brand-wordmark,
.public-site.design-5 .brand-wordmark{
  color:var(--design-brand-dark);
  font-size:clamp(1.35rem,2.25vw,1.9rem);
  line-height:1;
}

.public-site.design-1 .brand-mark,
.public-site.design-2 .brand-mark,
.public-site.design-3 .brand-mark,
.public-site.design-4 .brand-mark,
.public-site.design-5 .brand-mark{
  height:43px !important;
}

.public-site.design-1 .site-nav,
.public-site.design-2 .site-nav,
.public-site.design-3 .site-nav,
.public-site.design-4 .site-nav,
.public-site.design-5 .site-nav{
  gap:8px;
}

.public-site.design-1 .site-nav a:not(.cta),
.public-site.design-2 .site-nav a:not(.cta),
.public-site.design-3 .site-nav a:not(.cta),
.public-site.design-4 .site-nav a:not(.cta),
.public-site.design-5 .site-nav a:not(.cta){
  color:var(--design-ink);
  font-size:.95rem;
  padding:9px 11px;
}

.public-site.design-1 .site-nav-cta,
.public-site.design-2 .site-nav-cta,
.public-site.design-3 .site-nav-cta,
.public-site.design-4 .site-nav-cta,
.public-site.design-5 .site-nav-cta{
  min-height:46px;
  padding:11px 19px;
  border-radius:14px;
}

.public-site.design-1 .cta,
.public-site.design-2 .cta,
.public-site.design-3 .cta,
.public-site.design-4 .cta,
.public-site.design-5 .cta{
  background:var(--design-brand);
  border-radius:12px;
  box-shadow:none;
}

.public-site.design-1 .cta:hover,
.public-site.design-2 .cta:hover,
.public-site.design-3 .cta:hover,
.public-site.design-4 .cta:hover,
.public-site.design-5 .cta:hover{
  background:var(--design-brand-dark);
}

.public-site.design-1 .cta.alt,
.public-site.design-2 .cta.alt,
.public-site.design-3 .cta.alt,
.public-site.design-4 .cta.alt,
.public-site.design-5 .cta.alt{
  background:var(--design-accent-soft);
  border:1px solid color-mix(in srgb,var(--design-accent) 28%,transparent);
  color:var(--design-brand-dark);
}

.public-site.design-1 .eyebrow,
.public-site.design-2 .eyebrow,
.public-site.design-3 .eyebrow,
.public-site.design-4 .eyebrow,
.public-site.design-5 .eyebrow{
  color:var(--season-accent);
  letter-spacing:.13em;
}

.public-site.design-1 .feature-card,
.public-site.design-1 .link-card,
.public-site.design-1 .card,
.public-site.design-1 .booking-panel,
.public-site.design-2 .feature-card,
.public-site.design-2 .link-card,
.public-site.design-2 .card,
.public-site.design-2 .booking-panel,
.public-site.design-3 .feature-card,
.public-site.design-3 .link-card,
.public-site.design-3 .card,
.public-site.design-3 .booking-panel,
.public-site.design-4 .feature-card,
.public-site.design-4 .link-card,
.public-site.design-4 .card,
.public-site.design-4 .booking-panel,
.public-site.design-5 .feature-card,
.public-site.design-5 .link-card,
.public-site.design-5 .card,
.public-site.design-5 .booking-panel{
  background:var(--design-panel);
  border-color:var(--design-border);
  box-shadow:0 14px 38px rgba(24,59,51,.055);
}

.public-site.design-1 .container,
.public-site.design-2 .container,
.public-site.design-3 .container,
.public-site.design-4 .container,
.public-site.design-5 .container{
  max-width:1180px;
}

.public-site.design-1 .page-shell,
.public-site.design-2 .page-shell,
.public-site.design-3 .page-shell,
.public-site.design-4 .page-shell,
.public-site.design-5 .page-shell{
  gap:34px;
}

.home-photo-mosaic,
.home-retreat-duo{
  display:none;
}

.home-photo-mosaic picture,
.home-photo-mosaic img,
.home-retreat-choice picture,
.home-retreat-choice img{
  width:100%;
  height:100%;
}

.home-photo-mosaic img,
.home-retreat-choice img{
  display:block;
  object-fit:cover;
}

/* Design 1: generous photography with the booking action floating into view. */
.public-site.design-1{
  --design-ink:#26302b;
  --design-muted:#667069;
  --design-page:#f3f7ef;
  --design-panel:#fffefb;
  --design-border:#d9e1d4;
  --design-brand:#244c3d;
  --design-brand-dark:#163428;
  --design-accent:#6c814f;
  --design-accent-soft:#e8efdf;
}

.public-site.design-1.public-home{
  background:color-mix(in srgb,#f3f7ef 86%,var(--season-wash) 14%);
}

.public-site.design-1 .hero{
  min-height:76vh;
  background:
    linear-gradient(90deg,rgba(17,43,34,.82) 0%,rgba(23,52,41,.52) 42%,rgba(23,52,41,.08) 78%),
    url("/assets/img/retreats/meadow/meadow-01.webp") center 56%/cover no-repeat !important;
}

.public-site.design-1 .hero .container{
  padding-top:clamp(82px,10vw,140px);
  padding-bottom:clamp(120px,13vw,182px);
}

.public-site.design-1 .hero h1{
  max-width:770px;
  font-size:clamp(2.55rem,6.4vw,5.35rem);
  line-height:.98;
  letter-spacing:-.035em;
}

.public-site.design-1 .home-booking-panel{
  margin-top:-98px;
  padding:28px;
  border-radius:24px;
  background:#fffefb;
  box-shadow:0 30px 76px rgba(22,52,40,.17);
}

.public-site.design-1 .home-booking-panel h2{
  font-size:clamp(1.75rem,3vw,2.65rem);
}

.public-site.design-1 .home-date-form{
  padding:0;
  background:transparent;
  border:0;
  box-shadow:none;
}

.public-site.design-1 .home-date-form > div{
  background:#f1f6ed;
  border:1px solid #dbe5d6;
  border-radius:14px;
}

.public-site.design-1 .home-trust-strip span{
  min-height:54px;
  border:1px solid #d7e0d2;
  border-radius:999px;
  background:#e8efe2;
  color:#294236;
  box-shadow:none;
  font-size:.9rem;
}

.public-site.design-1 .story-band-wide{
  border-radius:22px;
}

.public-site.design-1 .story-band-wide picture,
.public-site.design-1 .story-band-wide img{
  height:470px;
}

/* Design 2: deep green and river blue editorial split. */
.public-site.design-2{
  --design-ink:#26322d;
  --design-muted:#62716a;
  --design-page:#eef4ef;
  --design-panel:#ffffff;
  --design-border:#d6dfda;
  --design-brand:#183b33;
  --design-brand-dark:#102c26;
  --design-accent:#426f78;
  --design-accent-soft:#dcebed;
}

.public-site.design-2.public-home{
  background:color-mix(in srgb,#eef4ef 88%,var(--season-wash) 12%);
}

.public-site.design-2 .hero{
  min-height:68vh;
  background:
    linear-gradient(90deg,#183b33 0%,#183b33 43%,rgba(24,59,51,.88) 50%,rgba(24,59,51,.14) 76%),
    url("/assets/img/retreats/meadow/meadow-02.webp") right center/64% 100% no-repeat !important;
}

.public-site.design-2 .hero .container{
  padding-top:clamp(70px,8vw,110px);
  padding-bottom:clamp(96px,10vw,140px);
}

.public-site.design-2 .hero h1{
  max-width:520px;
  font-size:clamp(2.35rem,5vw,4.55rem);
  line-height:1;
  letter-spacing:-.025em;
}

.public-site.design-2 .hero p{
  max-width:510px;
}

.public-site.design-2 .home-booking-panel{
  margin-top:-72px;
  padding:22px 24px;
  border-radius:18px;
  box-shadow:0 24px 62px rgba(24,59,51,.14);
}

.public-site.design-2 .home-booking-panel h2{
  font-size:clamp(1.6rem,2.5vw,2.25rem);
}

.public-site.design-2 .home-date-form{
  padding:10px;
  border:1px solid #d6e1dc;
  border-radius:15px;
  background:#f5f9f6;
  box-shadow:none;
}

.public-site.design-2 .home-date-form > div{
  min-height:62px;
  padding:8px 12px;
  border-radius:10px;
  background:#fff;
}

.public-site.design-2 .home-date-form .cta{
  min-height:62px;
}

.public-site.design-2 .home-trust-strip span{
  min-height:52px;
  border:0;
  border-radius:10px;
  background:#183b33;
  box-shadow:none;
  font-size:.88rem;
}

.public-site.design-2 .story-band-wide,
.public-site.design-2 .home-includes,
.public-site.design-2 .hut-sales-card{
  border-radius:18px;
}

/* Design 3: an airy field-journal layout with a real-photo mosaic. */
.public-site.design-3{
  --design-ink:#29302a;
  --design-muted:#6d746b;
  --design-page:#f7f7f1;
  --design-panel:#fffef9;
  --design-border:#dddcd1;
  --design-brand:#355343;
  --design-brand-dark:#22392e;
  --design-accent:#8b6547;
  --design-accent-soft:#efe5da;
}

.public-site.design-3.public-home{
  background:color-mix(in srgb,#f7f7f1 88%,var(--season-wash) 12%);
}

.public-site.design-3 .hero{
  min-height:52vh;
  background:
    linear-gradient(90deg,rgba(34,57,46,.86) 0%,rgba(34,57,46,.58) 46%,rgba(34,57,46,.12) 88%),
    url("/assets/img/retreats/fern/fern-01.webp") center 58%/cover no-repeat !important;
}

.public-site.design-3 .hero .container{
  padding-top:68px;
  padding-bottom:105px;
}

.public-site.design-3 .hero h1{
  max-width:720px;
  font-size:clamp(2.25rem,5.4vw,4.65rem);
  line-height:1.02;
}

.public-site.design-3 .home-booking-panel{
  margin-top:-66px;
  padding:22px;
  border-radius:8px;
  box-shadow:0 20px 48px rgba(35,57,46,.12);
}

.public-site.design-3 .home-date-form,
.public-site.design-3 .home-date-form > div{
  border-radius:6px;
  box-shadow:none;
}

.public-site.design-3 .home-trust-strip{
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid #d9d8ce;
  border-bottom:1px solid #d9d8ce;
  padding:14px 0;
}

.public-site.design-3 .home-trust-strip span{
  min-height:auto;
  padding:5px 12px;
  border:0;
  border-right:1px solid #d9d8ce;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#3d4b42;
  font-size:.86rem;
}

.public-site.design-3 .home-trust-strip span:last-child{
  border-right:0;
}

.public-site.design-3 .home-photo-mosaic{
  display:grid;
  grid-template-columns:1.35fr .65fr .65fr;
  grid-template-rows:230px 230px;
  gap:12px;
}

.public-site.design-3 .home-photo-mosaic > div{
  position:relative;
  overflow:hidden;
  min-width:0;
  border-radius:7px;
  background:#e8ece4;
}

.public-site.design-3 .home-photo-mosaic-lead{
  grid-row:1/3;
}

.public-site.design-3 .home-photo-mosaic-lead > span{
  position:absolute;
  left:18px;
  bottom:18px;
  padding:7px 11px;
  background:#fffef9;
  color:#22392e;
  font-family:var(--font-brand);
  font-size:1.2rem;
}

.public-site.design-3 .home-photo-mosaic-copy{
  padding:24px;
  justify-content:center;
  background:#355343 !important;
  color:#fff;
}

.public-site.design-3 .home-photo-mosaic-copy h2{
  margin:0;
  font-size:clamp(1.55rem,2.6vw,2.35rem);
}

.public-site.design-3 .home-photo-mosaic-copy p{
  margin:0;
  color:#e8f0eb;
}

.public-site.design-3 .home-photo-mosaic-copy a,
.public-site.design-3 .home-photo-mosaic-copy .eyebrow{
  color:#dcebed;
}

.public-site.design-3 .story-band-wide{
  display:none;
}

.public-site.design-3 .home-includes,
.public-site.design-3 .hut-sales-card,
.public-site.design-3 .quiet-panel-grid .feature-card,
.public-site.design-3 .final-cta-panel{
  border-radius:8px;
}

/* Design 4: make the two individual retreats the opening choice. */
.public-site.design-4{
  --design-ink:#202723;
  --design-muted:#606a64;
  --design-page:#f1f5f2;
  --design-panel:#ffffff;
  --design-border:#d3ddd7;
  --design-brand:#1d4438;
  --design-brand-dark:#112f27;
  --design-accent:#55706c;
  --design-accent-soft:#e0e9e6;
}

.public-site.design-4.public-home{
  background:color-mix(in srgb,#f1f5f2 90%,var(--season-wash) 10%);
}

.public-site.design-4 .hero{
  min-height:49vh;
  text-align:center;
  background:
    linear-gradient(180deg,rgba(18,47,39,.76),rgba(18,47,39,.4)),
    url("/assets/img/retreats/meadow/meadow-03.webp") center 53%/cover no-repeat !important;
}

.public-site.design-4 .hero .container > div{
  margin:0 auto;
}

.public-site.design-4 .hero h1,
.public-site.design-4 .hero p{
  margin-left:auto;
  margin-right:auto;
}

.public-site.design-4 .hero h1{
  max-width:760px;
  font-size:clamp(2.3rem,5.2vw,4.65rem);
}

.public-site.design-4 .home-booking-panel{
  margin-top:-52px;
  padding:22px 24px;
  border-radius:16px;
}

.public-site.design-4 .home-retreat-duo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.public-site.design-4 .home-retreat-choice{
  position:relative;
  display:block;
  min-height:520px;
  overflow:hidden;
  border-radius:16px;
  color:#fff;
  box-shadow:0 24px 58px rgba(17,47,39,.14);
}

.public-site.design-4 .home-retreat-choice:after{
  content:"";
  position:absolute;
  inset:38% 0 0;
  background:linear-gradient(180deg,transparent,rgba(11,29,24,.86));
}

.public-site.design-4 .home-retreat-choice-copy{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:28px;
}

.public-site.design-4 .home-retreat-choice-copy strong{
  font-family:var(--font-brand);
  font-size:clamp(2.2rem,4vw,3.7rem);
  line-height:1;
}

.public-site.design-4 .home-retreat-choice-copy .eyebrow{
  color:#dfece6;
}

.public-site.design-4 .home-retreat-choice:hover img{
  transform:scale(1.025);
}

.public-site.design-4 .home-retreat-choice img{
  transition:transform .45s ease;
}

.public-site.design-4 .story-band-wide{
  display:none;
}

.public-site.design-4 .home-trust-strip span{
  min-height:52px;
  border:1px solid #d3ddd7;
  border-radius:12px;
  background:#fff;
  color:#30453b;
  box-shadow:none;
  font-size:.88rem;
}

.public-site.design-4 .home-includes{
  background:#e7efea;
}

/* Design 5: a deeper, cinematic frame for the Fern photography. */
.public-site.design-5{
  --design-ink:#252a27;
  --design-muted:#686e69;
  --design-page:#eef2ee;
  --design-panel:#fffdf8;
  --design-border:#d9ded8;
  --design-brand:#16382f;
  --design-brand-dark:#0c2720;
  --design-accent:#9a7b4c;
  --design-accent-soft:#eee4d3;
}

.public-site.design-5.public-home{
  background:#102d26;
}

.public-site.design-5 .site-header{
  background:rgba(12,39,32,.97);
  border-color:rgba(255,255,255,.12);
}

.public-site.design-5 .brand-wordmark,
.public-site.design-5 .site-nav a:not(.cta){
  color:#f5f3eb;
}

.public-site.design-5 .site-nav a:not(.cta):hover{
  background:rgba(255,255,255,.1);
  color:#fff;
}

.public-site.design-5 .site-nav-cta{
  background:#f3eee2;
  color:#123128;
}

.public-site.design-5 .hero{
  min-height:82vh;
  background:
    linear-gradient(90deg,rgba(8,29,24,.9) 0%,rgba(13,43,35,.66) 42%,rgba(13,43,35,.12) 76%),
    url("/assets/img/retreats/fern/fern-01.webp") center 56%/cover no-repeat !important;
}

.public-site.design-5 .hero .container{
  padding-top:clamp(92px,11vw,150px);
  padding-bottom:clamp(135px,15vw,210px);
}

.public-site.design-5 .hero h1{
  max-width:720px;
  font-size:clamp(2.7rem,6.8vw,5.8rem);
  line-height:.96;
  letter-spacing:-.035em;
}

.public-site.design-5 #home-content{
  background:#eef2ee;
  max-width:none;
  padding-left:0;
  padding-right:0;
}

.public-site.design-5 #home-content > .home-calm{
  width:calc(100% - 32px);
  max-width:1180px;
  margin:0 auto;
  padding-bottom:34px;
}

.public-site.design-5 .home-booking-panel{
  margin-top:-96px;
  padding:28px;
  border:0;
  border-radius:4px;
  background:#fffdf8;
  box-shadow:0 34px 84px rgba(7,30,24,.24);
}

.public-site.design-5 .home-date-form,
.public-site.design-5 .home-date-form > div{
  border-radius:2px;
  box-shadow:none;
}

.public-site.design-5 .home-trust-strip{
  gap:0;
  border:1px solid #d8ded8;
}

.public-site.design-5 .home-trust-strip span{
  min-height:58px;
  border:0;
  border-right:1px solid #d8ded8;
  border-radius:0;
  background:#fffdf8;
  color:#254238;
  box-shadow:none;
  font-size:.88rem;
}

.public-site.design-5 .home-trust-strip span:last-child{
  border-right:0;
}

.public-site.design-5 .story-band-wide{
  grid-template-columns:1.2fr .8fr;
  border:0;
  border-radius:4px;
  background:#16382f;
  color:#fff;
}

.public-site.design-5 .story-band-wide .muted{
  color:#dfe8e3;
}

.public-site.design-5 .story-band-wide .eyebrow{
  color:#d8c59d;
}

.public-site.design-5 .home-includes,
.public-site.design-5 .hut-sales-card,
.public-site.design-5 .quiet-panel-grid .feature-card,
.public-site.design-5 .final-cta-panel{
  border-radius:4px;
}

.public-site.design-5 .final-cta-panel{
  background:#16382f;
}

.public-site.design-5 .site-footer{
  margin-top:0;
}

/* Preview labels are deliberately small and never shown to ordinary visitors. */
.public-site.design-preview:after{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:3010;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.28);
  border-radius:999px;
  background:rgba(16,43,37,.94);
  color:#fff;
  box-shadow:0 12px 32px rgba(16,43,37,.24);
  font-size:.82rem;
  font-weight:800;
  pointer-events:none;
}

.public-site.design-preview.design-1:after{content:"Design 1 preview";}
.public-site.design-preview.design-2:after{content:"Design 2 preview";}
.public-site.design-preview.design-3:after{content:"Design 3 preview";}
.public-site.design-preview.design-4:after{content:"Design 4 preview";}
.public-site.design-preview.design-5:after{content:"Design 5 preview";}

@media (max-width:900px){
  .public-site.design-1 .hero,
  .public-site.design-2 .hero,
  .public-site.design-3 .hero,
  .public-site.design-4 .hero,
  .public-site.design-5 .hero{
    min-height:64vh;
    text-align:left;
    background:
      linear-gradient(90deg,rgba(12,39,32,.86),rgba(12,39,32,.42)),
      url("/assets/img/retreats/meadow/meadow-01.webp") center/cover no-repeat !important;
  }

  .public-site.design-2 .hero{
    background:
      linear-gradient(90deg,rgba(16,49,41,.9),rgba(16,49,41,.38)),
      url("/assets/img/retreats/meadow/meadow-02.webp") center/cover no-repeat !important;
  }

  .public-site.design-3 .hero{
    background:
      linear-gradient(90deg,rgba(34,57,46,.88),rgba(34,57,46,.34)),
      url("/assets/img/retreats/fern/fern-01.webp") center/cover no-repeat !important;
  }

  .public-site.design-4 .hero{
    background:
      linear-gradient(90deg,rgba(18,47,39,.84),rgba(18,47,39,.38)),
      url("/assets/img/retreats/meadow/meadow-03.webp") center/cover no-repeat !important;
  }

  .public-site.design-5 .hero{
    background:
      linear-gradient(90deg,rgba(8,29,24,.9),rgba(8,29,24,.36)),
      url("/assets/img/retreats/fern/fern-01.webp") center/cover no-repeat !important;
  }

  .public-site.design-1 .home-booking-panel,
  .public-site.design-2 .home-booking-panel,
  .public-site.design-3 .home-booking-panel,
  .public-site.design-4 .home-booking-panel,
  .public-site.design-5 .home-booking-panel{
    grid-template-columns:1fr;
    margin-top:-54px;
  }

  .public-site.design-3 .home-photo-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:300px 220px 250px;
  }

  .public-site.design-3 .home-photo-mosaic-lead{
    grid-column:1/3;
    grid-row:auto;
  }

  .public-site.design-3 .home-photo-mosaic-copy{
    grid-column:1/3;
  }

  .public-site.design-4 .home-retreat-choice{
    min-height:430px;
  }
}

@media (max-width:680px){
  .public-site.design-1 .nav,
  .public-site.design-2 .nav,
  .public-site.design-3 .nav,
  .public-site.design-4 .nav,
  .public-site.design-5 .nav{
    min-height:66px;
    padding:9px 12px;
  }

  .public-site.design-1 .brand-wordmark,
  .public-site.design-2 .brand-wordmark,
  .public-site.design-3 .brand-wordmark,
  .public-site.design-4 .brand-wordmark,
  .public-site.design-5 .brand-wordmark{
    font-size:1.28rem;
  }

  .public-site.design-1 .brand-mark,
  .public-site.design-2 .brand-mark,
  .public-site.design-3 .brand-mark,
  .public-site.design-4 .brand-mark,
  .public-site.design-5 .brand-mark{
    height:36px !important;
  }

  .public-site.design-1 .site-nav,
  .public-site.design-2 .site-nav,
  .public-site.design-3 .site-nav,
  .public-site.design-4 .site-nav,
  .public-site.design-5 .site-nav{
    gap:3px;
  }

  .public-site.design-1 .site-nav a:not(.cta),
  .public-site.design-2 .site-nav a:not(.cta),
  .public-site.design-3 .site-nav a:not(.cta),
  .public-site.design-4 .site-nav a:not(.cta),
  .public-site.design-5 .site-nav a:not(.cta){
    padding:7px 8px;
    font-size:.86rem;
  }

  .public-site.design-1 .site-nav-cta,
  .public-site.design-2 .site-nav-cta,
  .public-site.design-3 .site-nav-cta,
  .public-site.design-4 .site-nav-cta,
  .public-site.design-5 .site-nav-cta{
    min-height:40px;
    padding:9px 13px;
    font-size:.9rem;
  }

  .public-site.design-1 .hero,
  .public-site.design-2 .hero,
  .public-site.design-3 .hero,
  .public-site.design-4 .hero,
  .public-site.design-5 .hero{
    min-height:58vh;
  }

  .public-site.design-1 .hero .container,
  .public-site.design-2 .hero .container,
  .public-site.design-3 .hero .container,
  .public-site.design-4 .hero .container,
  .public-site.design-5 .hero .container{
    padding-top:54px;
    padding-bottom:88px;
  }

  .public-site.design-1 .hero h1,
  .public-site.design-2 .hero h1,
  .public-site.design-3 .hero h1,
  .public-site.design-4 .hero h1,
  .public-site.design-5 .hero h1{
    font-size:clamp(2.15rem,11vw,3.35rem);
    line-height:1;
  }

  .public-site.design-1 .home-booking-panel,
  .public-site.design-2 .home-booking-panel,
  .public-site.design-3 .home-booking-panel,
  .public-site.design-4 .home-booking-panel,
  .public-site.design-5 .home-booking-panel{
    padding:18px;
  }

  .public-site.design-1 .home-trust-strip,
  .public-site.design-2 .home-trust-strip,
  .public-site.design-3 .home-trust-strip,
  .public-site.design-5 .home-trust-strip{
    grid-template-columns:1fr 1fr;
  }

  .public-site.design-3 .home-trust-strip span,
  .public-site.design-5 .home-trust-strip span{
    min-height:50px;
    border-right:0;
    border-bottom:1px solid var(--design-border);
  }

  .public-site.design-3 .home-photo-mosaic{
    grid-template-columns:1fr;
    grid-template-rows:300px 220px 220px auto;
  }

  .public-site.design-3 .home-photo-mosaic-lead,
  .public-site.design-3 .home-photo-mosaic-copy{
    grid-column:auto;
  }

  .public-site.design-4 .home-retreat-duo{
    grid-template-columns:1fr;
  }

  .public-site.design-4 .home-retreat-choice{
    min-height:410px;
  }

  .public-site.design-5 .story-band-wide{
    grid-template-columns:1fr;
  }

  .public-site.design-preview:after{
    right:10px;
    bottom:10px;
    font-size:.76rem;
  }
}

@media (max-width:460px){
  .public-site.design-1 .brand-wordmark,
  .public-site.design-2 .brand-wordmark,
  .public-site.design-3 .brand-wordmark,
  .public-site.design-4 .brand-wordmark,
  .public-site.design-5 .brand-wordmark{
    max-width:132px;
    font-size:1.08rem;
    line-height:1.02;
  }

  .public-site.design-1 .site-nav-quiet,
  .public-site.design-2 .site-nav-quiet,
  .public-site.design-3 .site-nav-quiet,
  .public-site.design-4 .site-nav-quiet,
  .public-site.design-5 .site-nav-quiet{
    display:none;
  }

  .public-site.design-1 .home-trust-strip,
  .public-site.design-2 .home-trust-strip,
  .public-site.design-3 .home-trust-strip,
  .public-site.design-5 .home-trust-strip{
    grid-template-columns:1fr;
  }
}

@media (prefers-reduced-motion:reduce){
  .public-site.design-1 *,
  .public-site.design-2 *,
  .public-site.design-3 *,
  .public-site.design-4 *,
  .public-site.design-5 *{
    scroll-behavior:auto !important;
    transition:none !important;
    animation:none !important;
  }
}

/*
  Approved home-page compositions.
  The five designs share booking fields and CMS content, but their opening
  layouts intentionally differ so the selector changes more than colour.
*/
.public-home .design-opening{
  position:relative;
  width:100%;
  max-width:1440px;
  margin:0 auto;
  overflow:hidden;
  background:var(--design-panel);
}

.public-home .design-opening picture,
.public-home .design-opening img{
  display:block;
  width:100%;
  height:100%;
}

.public-home .design-opening img{
  object-fit:cover;
}

.public-home .design-opening h1,
.public-home .design-opening h2,
.public-home .design-opening p{
  margin-top:0;
}

.public-home .design-opening h1{
  text-wrap:balance;
}

.public-home .design-opening p{
  line-height:1.65;
}

.public-home .design-opening-booking{
  position:relative;
  z-index:4;
  width:min(1180px,calc(100% - 40px));
  margin:22px auto;
  padding:20px;
  border:1px solid var(--design-border);
  border-radius:18px;
  background:rgba(255,255,255,.97);
  box-shadow:0 18px 50px rgba(18,52,42,.12);
}

.public-home .design-opening-booking-compact{
  display:grid;
  grid-template-columns:minmax(210px,.7fr) minmax(0,1.7fr);
  gap:24px;
  align-items:center;
}

.public-home .design-opening-booking-title{
  color:var(--design-brand-dark);
  font-family:var(--font-brand);
  font-size:clamp(1.65rem,3vw,2.65rem);
  font-weight:700;
  line-height:1.05;
}

.public-home .design-opening-form{
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}

.public-home .design-opening-form > div{
  min-height:58px;
  padding:6px 10px;
  border:1px solid var(--design-border);
  border-radius:12px;
  background:#fff;
}

.public-home .design-opening-form label{
  margin-bottom:2px;
  font-size:.7rem;
}

.public-home .design-opening-form input{
  min-height:44px;
  padding:6px 2px;
}

.public-home .design-opening-form .cta{
  min-height:58px;
  white-space:nowrap;
}

.public-site.design-2 .home-trust-strip,
.public-site.design-3 .home-trust-strip,
.public-site.design-4 .home-trust-strip,
.public-site.design-5 .home-trust-strip{
  display:none;
}

/* Design 1 keeps the familiar photographic arrival, but matches the approved density. */
.public-site.design-1 .hero{
  min-height:560px;
  background:
    linear-gradient(90deg,rgba(17,43,34,.68) 0%,rgba(23,52,41,.38) 42%,rgba(23,52,41,.04) 78%),
    url("/assets/img/retreats/meadow/meadow-01.webp") center 56%/cover no-repeat !important;
}

.public-site.design-1 .hero .container{
  padding-top:92px;
  padding-bottom:118px;
}

.public-site.design-1 .hero h1{
  max-width:690px;
  margin-right:auto;
  margin-left:0;
  font-size:clamp(2.7rem,5.2vw,4.65rem);
  line-height:1;
}

.public-site.design-1 .hero p{
  max-width:610px;
  margin-right:auto;
  margin-left:0;
}

.public-site.design-1 .home-booking-panel{
  grid-template-columns:minmax(260px,.72fr) minmax(520px,1.45fr);
  margin-top:-58px;
  padding:24px 28px;
}

.public-site.design-1 .home-retreat-duo{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.public-site.design-1 .home-retreat-choice{
  position:relative;
  display:block;
  min-height:360px;
  overflow:hidden;
  border-radius:16px;
  color:#fff;
  box-shadow:0 20px 48px rgba(22,52,40,.12);
}

.public-site.design-1 .home-retreat-choice:after{
  content:"";
  position:absolute;
  inset:46% 0 0;
  background:linear-gradient(180deg,transparent,rgba(11,32,25,.84));
}

.public-site.design-1 .home-retreat-choice-copy{
  position:absolute;
  right:0;
  bottom:0;
  left:0;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:24px;
}

.public-site.design-1 .home-retreat-choice-copy strong{
  font-family:var(--font-brand);
  font-size:clamp(2rem,3.5vw,3rem);
  line-height:1;
}

.public-site.design-1 .home-retreat-choice-copy .eyebrow{
  color:#e7f1ea;
}

/* Design 2 mirrors the calm editorial split and compact booking bar. */
.public-site.design-2 .design-opening-2-main{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  min-height:500px;
}

.public-site.design-2 .design-opening-photo{
  min-height:500px;
}

.public-site.design-2 .design-opening-photo img{
  object-position:center 58%;
}

.public-site.design-2 .design-opening-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(48px,7vw,96px);
  background:color-mix(in srgb,#fff 93%,var(--season-wash) 7%);
}

.public-site.design-2 .design-opening-copy h1{
  max-width:590px;
  margin-bottom:22px;
  color:#173f34;
  font-size:clamp(2.6rem,5vw,4.8rem);
  line-height:1.02;
  letter-spacing:-.035em;
}

.public-site.design-2 .design-opening-copy p{
  max-width:510px;
  margin-bottom:0;
  color:#4f5f58;
  font-size:1.08rem;
}

.public-site.design-2 .design-opening-booking{
  width:100%;
  max-width:none;
  margin:0;
  padding:20px max(24px,calc((100% - 1180px)/2));
  border-right:0;
  border-left:0;
  border-radius:0;
  box-shadow:none;
}

.public-site.design-2 .design-opening-booking-title{
  display:none;
}

.public-site.design-2 .design-opening-booking-compact{
  grid-template-columns:1fr;
}

.public-site.design-2 .design-opening-form{
  grid-template-columns:1fr 118px auto;
  max-width:610px;
  margin-left:auto;
}

.public-site.design-2 .design-opening-2-retreats{
  position:relative;
  min-height:370px;
  overflow:hidden;
  background:#173f34;
}

.public-site.design-2 .design-opening-2-retreats:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(11,40,32,.85),rgba(11,40,32,.24) 54%,rgba(11,40,32,.02));
}

.public-site.design-2 .design-opening-2-retreats > picture,
.public-site.design-2 .design-opening-2-retreats > img{
  position:absolute;
  inset:0;
}

.public-site.design-2 .design-opening-2-retreats img{
  object-position:center 58%;
}

.public-site.design-2 .design-opening-2-retreats > div{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  width:min(1180px,calc(100% - 40px));
  min-height:370px;
  margin:0 auto;
  color:#fff;
}

.public-site.design-2 .design-opening-2-retreats h2{
  max-width:380px;
  margin-bottom:20px;
  font-size:clamp(2rem,4vw,3.5rem);
}

.public-site.design-2 .design-opening-2-retreats a{
  display:flex;
  justify-content:space-between;
  width:250px;
  padding:13px 0;
  border-bottom:1px solid rgba(255,255,255,.55);
  color:#fff;
  font-family:var(--font-brand);
  font-size:1.55rem;
  text-decoration:none;
}

.public-site.design-2 #home-content{
  padding-top:38px;
}

/* Design 3 opens as a field-journal mosaic rather than another hero banner. */
.public-site.design-3 .design-opening-3-mosaic{
  display:grid;
  grid-template-columns:46% 21% 33%;
  grid-template-rows:255px 305px;
  gap:6px;
  padding-top:6px;
  background:#fff;
}

.public-site.design-3 .design-opening-3-mosaic > div{
  min-width:0;
  overflow:hidden;
}

.public-site.design-3 .design-opening-3-lead{
  grid-row:1/3;
}

.public-site.design-3 .design-opening-3-wide{
  grid-column:2/4;
}

.public-site.design-3 .design-opening-3-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:20px;
  background:#355343;
  color:#fff;
}

.public-site.design-3 .design-opening-3-copy .eyebrow{
  color:#d9e9e2;
}

.public-site.design-3 .design-opening-3-copy h1{
  margin-bottom:13px;
  font-size:clamp(1.7rem,2.45vw,2.3rem);
  line-height:1.02;
}

.public-site.design-3 .design-opening-3-copy p{
  margin-bottom:18px;
  color:#eef4f0;
  font-size:.94rem;
  line-height:1.48;
}

.public-site.design-3 .design-opening-3-copy .cta{
  align-self:flex-start;
  min-height:48px;
  padding:11px 14px;
  background:#fff;
  color:#294638;
}

.public-site.design-3 .design-opening-booking{
  margin-top:22px;
  margin-bottom:22px;
  border-radius:8px;
}

.public-site.design-3 .design-opening-form{
  grid-template-columns:1fr 1fr 1fr;
}

.public-site.design-3 .design-opening-3-intro{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:50px;
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:34px 0 46px;
}

.public-site.design-3 .design-opening-3-intro h2{
  margin-bottom:12px;
  color:#294638;
  font-size:clamp(1.75rem,3vw,2.7rem);
}

.public-site.design-3 .design-opening-3-intro p{
  margin-bottom:0;
  color:#687069;
}

.public-site.design-3 .design-opening-3-intro nav{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:center;
}

.public-site.design-3 .design-opening-3-intro nav a{
  display:flex;
  flex-direction:column;
  gap:6px;
  padding:20px 28px;
  border-left:1px solid #d9ddd5;
  color:#294638;
  text-decoration:none;
}

.public-site.design-3 .design-opening-3-intro nav strong{
  font-family:var(--font-brand);
  font-size:1.55rem;
}

.public-site.design-3 .design-opening-3-intro nav span{
  color:#687069;
}

/* Design 4 begins with the choice between Meadow and Fern. */
.public-site.design-4 .design-opening-4{
  overflow:visible;
  background:#eef3f0;
}

.public-site.design-4 .design-opening-4-title{
  position:absolute;
  top:34px;
  right:24px;
  left:24px;
  z-index:3;
  margin:auto;
  color:#fff;
  text-align:center;
  text-shadow:0 3px 18px rgba(10,32,26,.45);
}

.public-site.design-4 .design-opening-4-title .eyebrow{
  color:#e7f2ed;
}

.public-site.design-4 .design-opening-4-title h1{
  max-width:1200px;
  margin:5px auto 12px;
  font-size:clamp(2.3rem,3.9vw,3.55rem);
  line-height:1;
}

.public-site.design-4 .design-opening-4-title p{
  max-width:650px;
  margin-right:auto;
  margin-bottom:0;
  margin-left:auto;
}

.public-site.design-4 .design-opening-4-retreats{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
}

.public-site.design-4 .design-opening-4-retreats > a{
  position:relative;
  display:block;
  min-height:540px;
  overflow:hidden;
  color:#fff;
}

.public-site.design-4 .design-opening-4-retreats > a:after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(8,29,23,.12) 36%,rgba(8,29,23,.75));
}

.public-site.design-4 .design-opening-4-retreats img{
  transition:transform .45s ease;
}

.public-site.design-4 .design-opening-4-retreats > a:hover img{
  transform:scale(1.025);
}

.public-site.design-4 .design-opening-4-retreats > a > span{
  position:absolute;
  right:38px;
  bottom:58px;
  left:38px;
  z-index:2;
  display:flex;
  flex-direction:column;
  gap:6px;
}

.public-site.design-4 .design-opening-4-retreats strong{
  font-family:var(--font-brand);
  font-size:clamp(2.5rem,4vw,4rem);
  line-height:1;
}

.public-site.design-4 .design-opening-4-retreats small{
  width:max-content;
  padding-bottom:6px;
  border-bottom:2px solid #fff;
  font-size:1rem;
}

.public-site.design-4 .design-opening-booking{
  grid-template-columns:minmax(420px,.9fr) minmax(0,1.45fr);
  margin-top:-44px;
  margin-bottom:0;
}

.public-site.design-4 .design-opening-booking-title{
  font-size:clamp(1.7rem,2.35vw,2.1rem);
  white-space:nowrap;
}

.public-site.design-4 #home-content{
  padding-top:58px;
}

/* Design 5 uses a cinematic split with the booking action inside the story. */
.public-site.design-5 .design-opening-5{
  max-width:none;
  overflow:visible;
  background:#fff;
}

.public-site.design-5 .design-opening-5-main{
  display:grid;
  grid-template-columns:42% 58%;
  min-height:620px;
}

.public-site.design-5 .design-opening-5-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:clamp(42px,5vw,82px);
  background:
    linear-gradient(145deg,rgba(255,255,255,.04),transparent 54%),
    #163f35;
  color:#fff;
}

.public-site.design-5 .design-opening-5-copy .eyebrow{
  color:#9fcfda;
}

.public-site.design-5 .design-opening-5-copy h1{
  max-width:560px;
  margin-bottom:22px;
  font-size:clamp(2.8rem,3.8vw,4.1rem);
  line-height:.98;
  letter-spacing:-.035em;
}

.public-site.design-5 .design-opening-5-copy p{
  max-width:520px;
  margin-bottom:24px;
  color:#e2ebe7;
  font-size:1.08rem;
}

.public-site.design-5 .design-opening-5-copy .design-opening-form{
  grid-template-columns:minmax(160px,1fr) 100px;
  max-width:500px;
}

.public-site.design-5 .design-opening-5-copy .design-opening-form .cta{
  grid-column:1/3;
  background:#9fcfda;
  color:#173e34;
}

.public-site.design-5 .design-opening-5-copy .design-opening-form label{
  color:#24483c;
}

.public-site.design-5 .design-opening-5-photo{
  position:relative;
  min-height:620px;
}

.public-site.design-5 .design-opening-5-photo > picture img,
.public-site.design-5 .design-opening-5-photo > img{
  object-position:center 58%;
}

.public-site.design-5 .design-opening-5-inset{
  position:absolute;
  right:5%;
  bottom:-42px;
  width:min(42%,420px);
  height:255px;
  overflow:hidden;
  border:3px solid #fff;
  border-radius:24px;
  background:#fff;
  box-shadow:0 20px 50px rgba(10,32,25,.24);
}

.public-site.design-5 .design-opening-5-highlights{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
  padding:72px 0 34px;
}

.public-site.design-5 .design-opening-5-highlights a{
  display:flex;
  flex-direction:column;
  gap:5px;
  padding:4px 34px;
  border-right:1px solid #d9dfda;
  color:#24483c;
  text-decoration:none;
}

.public-site.design-5 .design-opening-5-highlights a:last-child{
  border-right:0;
}

.public-site.design-5 .design-opening-5-highlights strong{
  font-family:var(--font-brand);
  font-size:1.45rem;
}

.public-site.design-5 .design-opening-5-highlights span{
  color:#68716b;
}

.public-site.design-5 #home-content{
  padding-top:26px;
}

@media (max-width:900px){
  .public-site.design-1 .home-booking-panel{
    grid-template-columns:1fr;
  }

  .public-site.design-2 .design-opening-2-main{
    grid-template-columns:1fr 1fr;
  }

  .public-site.design-2 .design-opening-copy{
    padding:42px;
  }

  .public-site.design-2 .design-opening-copy h1{
    font-size:clamp(2.3rem,6vw,3.7rem);
  }

  .public-site.design-3 .design-opening-3-mosaic{
    grid-template-columns:1fr 1fr;
    grid-template-rows:340px 240px 260px;
  }

  .public-site.design-3 .design-opening-3-lead{
    grid-column:1/3;
    grid-row:auto;
  }

  .public-site.design-3 .design-opening-3-wide{
    grid-column:auto;
  }

  .public-site.design-3 .design-opening-3-intro{
    grid-template-columns:1fr;
    gap:16px;
  }

  .public-site.design-5 .design-opening-5-main{
    grid-template-columns:1fr 1fr;
  }

  .public-site.design-5 .design-opening-5-copy{
    padding:38px;
  }

  .public-site.design-5 .design-opening-5-copy h1{
    font-size:clamp(2.6rem,6vw,4rem);
  }
}

@media (max-width:680px){
  .public-home .design-opening-booking,
  .public-home .design-opening-booking-compact{
    display:block;
    width:calc(100% - 24px);
    margin:14px auto;
    padding:16px;
  }

  .public-home .design-opening-booking-title{
    display:block;
    margin-bottom:14px;
    font-size:1.75rem;
  }

  .public-home .design-opening-form,
  .public-site.design-2 .design-opening-form,
  .public-site.design-3 .design-opening-form,
  .public-site.design-5 .design-opening-5-copy .design-opening-form{
    grid-template-columns:1fr;
  }

  .public-site.design-5 .design-opening-5-copy .design-opening-form .cta{
    grid-column:auto;
  }

  .public-site.design-1 .hero{
    min-height:520px;
  }

  .public-site.design-1 .hero .container{
    padding-top:72px;
    padding-bottom:100px;
  }

  .public-site.design-1 .hero h1{
    font-size:clamp(2.45rem,12vw,3.55rem);
  }

  .public-site.design-1 .home-booking-panel{
    margin-top:-34px;
  }

  .public-site.design-1 .home-retreat-duo{
    grid-template-columns:1fr;
  }

  .public-site.design-1 .home-retreat-choice{
    min-height:330px;
  }

  .public-site.design-2 .design-opening-2-main{
    grid-template-columns:1fr;
  }

  .public-site.design-2 .design-opening-photo{
    min-height:285px;
  }

  .public-site.design-2 .design-opening-copy{
    padding:34px 22px 38px;
  }

  .public-site.design-2 .design-opening-copy h1{
    font-size:clamp(2.4rem,12vw,3.45rem);
  }

  .public-site.design-2 .design-opening-booking{
    width:100%;
    padding:16px;
  }

  .public-site.design-2 .design-opening-booking-title{
    display:none;
  }

  .public-site.design-2 .design-opening-2-retreats,
  .public-site.design-2 .design-opening-2-retreats > div{
    min-height:320px;
  }

  .public-site.design-2 .design-opening-2-retreats > div{
    width:calc(100% - 40px);
  }

  .public-site.design-3 .design-opening-3-mosaic{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:5px;
  }

  .public-site.design-3 .design-opening-3-mosaic > div{
    min-height:235px;
  }

  .public-site.design-3 .design-opening-3-copy{
    min-height:auto;
    padding:28px 22px;
  }

  .public-site.design-3 .design-opening-3-intro{
    width:calc(100% - 32px);
    padding:24px 0 34px;
  }

  .public-site.design-3 .design-opening-3-intro nav{
    grid-template-columns:1fr;
  }

  .public-site.design-3 .design-opening-3-intro nav a{
    border-top:1px solid #d9ddd5;
    border-left:0;
    padding:16px 0;
  }

  .public-site.design-4 .design-opening-4-title{
    position:relative;
    top:auto;
    right:auto;
    left:auto;
    padding:30px 20px;
    background:#1d4438;
    text-shadow:none;
  }

  .public-site.design-4 .design-opening-4-title h1{
    font-size:clamp(2.4rem,11vw,3.45rem);
  }

  .public-site.design-4 .design-opening-4-retreats{
    grid-template-columns:1fr;
  }

  .public-site.design-4 .design-opening-4-retreats > a{
    min-height:360px;
  }

  .public-site.design-4 .design-opening-4-retreats > a > span{
    right:24px;
    bottom:28px;
    left:24px;
  }

  .public-site.design-4 .design-opening-booking{
    margin-top:-22px;
  }

  .public-site.design-5 .design-opening-5-main{
    grid-template-columns:1fr;
  }

  .public-site.design-5 .design-opening-5-copy{
    padding:42px 22px;
  }

  .public-site.design-5 .design-opening-5-copy h1{
    font-size:clamp(2.75rem,13vw,4rem);
  }

  .public-site.design-5 .design-opening-5-photo{
    min-height:380px;
  }

  .public-site.design-5 .design-opening-5-inset{
    right:16px;
    bottom:-28px;
    width:48%;
    height:175px;
    border-radius:16px;
  }

  .public-site.design-5 .design-opening-5-highlights{
    grid-template-columns:1fr;
    width:calc(100% - 32px);
    padding-top:58px;
  }

  .public-site.design-5 .design-opening-5-highlights a{
    padding:16px 0;
    border-right:0;
    border-bottom:1px solid #d9dfda;
  }
}