/* v6 responsive and visual corrections */
:root{--v6-shell-max:1680px}
.home-reference .reference-shell,
.home-reference .home-header,
.home-reference .reference-booking,
.reference-footer .reference-shell{width:min(calc(100% - 48px), var(--v6-shell-max));max-width:none}

/* Make the whole homepage scale more fluidly on wide screens */
@media (min-width:1001px){
  .home-reference{font-size:clamp(14px,0.9vw,18px)}
  .home-reference .home-header{height:106px}
  .home-reference .home-brand{padding-top:18px;width:290px!important;min-width:290px!important}
  .home-reference .home-brand > .site-logo,
  .reference-footer-brand > .site-logo,
  .site-header .brand > .site-logo,
  .footer-brand > .site-logo{display:block;width:100%;height:auto;max-width:none;max-height:none}
  .home-reference .home-nav{gap:clamp(26px,2vw,40px)}
  .home-reference .home-nav a{font-size:clamp(15px,1vw,18px)}
  .home-reference .home-header-cta{margin-left:clamp(22px,2vw,36px);width:clamp(170px,11vw,200px);height:46px;font-size:16px}

  .home-reference .reference-hero{height:clamp(420px,35vw,560px);min-height:420px}
  .home-reference .reference-hero-photo img{object-position:61% 50%}
  .home-reference .reference-hero-shade{background:linear-gradient(90deg,rgba(2,35,34,.99) 0%,rgba(5,72,68,.95) 28%,rgba(20,116,109,.72) 49%,rgba(61,158,151,.24) 67%,rgba(0,0,0,0) 82%)}
  .home-reference .reference-hero-copy{padding-top:clamp(130px,10vw,165px)}
  .home-reference .reference-hero-copy h1{font-size:clamp(58px,4vw,78px);max-width:650px}
  .home-reference .reference-hero-copy p{font-size:clamp(17px,1.15vw,22px);max-width:520px}
  .home-reference .reference-hero-actions{gap:18px}
  .home-reference .ref-btn{height:48px;font-size:15px}
  .home-reference .ref-btn-primary{width:190px}
  .home-reference .ref-btn-ghost{width:178px}

  .home-reference .reference-booking-wrap{margin-top:-26px}
  .home-reference .reference-booking{height:80px;padding:14px 18px;gap:14px}
  .home-reference .reference-booking-field{height:50px}
  .home-reference .reference-booking-field>span:first-child{font-size:10px}
  .home-reference .field-line input,.home-reference .field-line select{font-size:13px}
  .home-reference .ref-btn-search{height:50px;font-size:15px}

  .home-reference .reference-rooms{padding-top:20px}
  .home-reference .reference-room-grid{gap:20px}
  .home-reference .reference-room-card{height:280px}
  .home-reference .reference-room-photo{height:155px}
  .home-reference .reference-room-body h2{font-size:24px}
  .home-reference .reference-room-body p{font-size:12px;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
  .home-reference .reference-room-more{height:34px;font-size:12px}

  .home-reference .reference-power{height:188px}
  .home-reference .reference-power-copy{padding:28px 30px}
  .home-reference .reference-power-copy h2{font-size:44px}
  .home-reference .reference-power-copy p{font-size:13px}
  .home-reference .reference-compass{display:none!important}

  .home-reference .reference-why{height:auto;min-height:120px;padding:6px 0 2px}

  .home-reference .reference-nearby{margin-bottom:18px}
  .home-reference .reference-nearby-grid{gap:16px}
  .home-reference .reference-place-card{height:180px;background-size:cover;box-shadow:0 8px 22px rgba(13,54,52,.10)}
  .home-reference .place-swallow{background-position:center 44%}
  .home-reference .place-aipetri{background-position:center 56%}
  .home-reference .place-beach{background-position:center 52%}
  .home-reference .reference-place-card:before{background:linear-gradient(180deg,rgba(1,30,31,0) 0%,rgba(1,30,31,.02) 52%,rgba(4,58,58,.72) 74%,rgba(4,58,58,.96) 100%)}
  .home-reference .reference-place-copy{left:18px;right:64px;bottom:15px;text-shadow:0 2px 9px rgba(0,0,0,.55)}
  .home-reference .reference-place-copy b{font-size:21px}
  .home-reference .reference-place-copy small{font-size:13px;margin-top:4px}
  .home-reference .reference-place-card i{right:16px;bottom:14px;width:34px;height:34px;font-size:26px}

  .home-reference .reference-bottom-cta{height:112px;grid-template-columns:34% 66%}
  .home-reference .reference-bottom-copy h2{font-size:30px}
  .home-reference .reference-bottom-copy p{font-size:12px}
  .home-reference .reference-bottom-form{padding:16px 14px}
  .home-reference .reference-bottom-form button{font-size:15px}

  .home-reference .reference-footer{height:auto;padding-top:0;padding-bottom:0}
  .home-reference .reference-footer-inner{min-height:110px;grid-template-columns:1.15fr 1.1fr 1.05fr .7fr;padding:0}
  .home-reference .reference-footer-brand{width:250px!important;min-width:250px!important}
  .home-reference .reference-footer-item{padding-left:18px}
}

/* Global header/footer logo consistency for internal pages */
.site-logo{display:block;width:100%;height:auto;max-width:none;max-height:none}
.site-header .brand{width:280px!important;min-width:280px!important}
.site-header .brand > .site-logo{width:100%}
.footer .footer-brand{width:240px!important;min-width:240px!important}
.footer .footer-brand > .site-logo{width:100%}

/* Keep internal page header/footer roomy but not broken */
@media (min-width:1200px){
  .site-header{padding-left:28px;padding-right:28px}
  .footer{padding-left:28px;padding-right:28px}
}

@media (max-width:1000px){
  .site-header .brand{width:220px!important;min-width:220px!important}
  .footer .footer-brand{width:220px!important;min-width:220px!important}
}
@media (max-width:600px){
  .site-header .brand{width:180px!important;min-width:180px!important}
  .footer .footer-brand{width:180px!important;min-width:180px!important}
}