/*
   Главная Magic Kingdom по утверждённому визуальному референсу.
   Контрольный viewport: 1122 x 1402 px.
*/
.home-reference{
  --ref-deep:#042728;
  --ref-deep-2:#063c3d;
  --ref-teal:#0a5557;
  --ref-teal-mid:#167876;
  --ref-green:#4eab72;
  --ref-aqua:#38aaa3;
  --ref-bg:#fbfbf9;
  --ref-text:#293b3b;
  --ref-muted:#7a8583;
  --ref-line:#dbe5e1;
  --ref-shell:960px;
  --ref-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;
  --ref-sans:'Manrope',Arial,sans-serif;
  background:var(--ref-bg);
  color:var(--ref-text);
  font-family:var(--ref-sans);
  font-size:14px;
  line-height:1.45;
}
.home-reference main{display:block}
.home-reference .reference-shell{width:min(var(--ref-shell),calc(100% - 44px));margin-left:auto;margin-right:auto}
.home-reference h1,.home-reference h2,.home-reference h3{font-family:var(--ref-serif);font-weight:600;letter-spacing:-.035em}

/* Header / hero */
.home-reference .home-header{
  position:absolute;z-index:30;top:0;left:0;right:0;height:94px;
  width:min(var(--ref-shell),calc(100% - 44px));margin:auto;padding:0;
  background:transparent;border:0;backdrop-filter:none;gap:0;color:#fff;
}
.home-reference .home-brand{gap:0;align-items:flex-start;position:relative;padding-top:28px;width:247px}
.home-reference .home-brand-crown{position:absolute;top:14px;left:62px;width:26px;height:18px;color:#fff}
.home-reference .home-brand-crown svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.home-reference .home-brand-copy b{font:600 27px/1 var(--ref-serif);letter-spacing:-.02em}
.home-reference .home-brand-copy small{font:500 11px/1.15 var(--ref-serif);letter-spacing:0;opacity:.9;margin-top:5px;text-align:center}
.home-reference .home-nav{margin-left:auto;gap:46px;height:94px;display:flex;align-items:center}
.home-reference .home-nav a{font:600 13px/1 var(--ref-sans);opacity:.92}
.home-reference .home-nav a:after{display:none}
.home-reference .home-header-cta{margin-left:62px;width:150px;height:40px;padding:0;border-radius:8px;background:linear-gradient(90deg,#45aa83,#3ba8aa);box-shadow:none;font-size:13px;font-weight:600}
.home-reference .home-header-cta:hover{transform:none;filter:brightness(1.03);box-shadow:none}
.home-reference .reference-hero{height:418px;min-height:418px;max-height:none;position:relative;display:block;background:var(--ref-deep);overflow:hidden}
.home-reference .reference-hero-photo,.home-reference .reference-hero-photo img{position:absolute;inset:0;width:100%;height:100%}
.home-reference .reference-hero-photo img{object-fit:cover;object-position:74% 47%}
.home-reference .reference-hero:after{display:none}
.home-reference .reference-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,36,35,.99) 0%,rgba(7,74,71,.96) 30%,rgba(36,126,119,.78) 47%,rgba(61,158,151,.26) 61%,rgba(0,0,0,0) 77%)}
.home-reference .reference-hero-copy{position:relative;z-index:2;padding-top:126px;color:#fff}
.home-reference .reference-hero-copy h1{font-size:51px;line-height:.98;margin:0 0 20px;max-width:465px;color:#fff}
.home-reference .reference-hero-copy p{font-size:15px;line-height:1.45;margin:0 0 23px;max-width:390px;color:rgba(255,255,255,.96)}
.home-reference .reference-hero-actions{display:flex;gap:16px}
.home-reference .ref-btn{height:43px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;font:600 13px/1 var(--ref-sans);transition:.2s;border:1px solid transparent;cursor:pointer}
.home-reference .ref-btn-primary{width:166px;background:linear-gradient(90deg,#50ad73,#43aa83);color:#fff;box-shadow:0 6px 16px rgba(16,81,65,.2)}
.home-reference .ref-btn-ghost{width:154px;background:rgba(7,62,60,.16);border-color:rgba(255,255,255,.72);color:#fff}
.home-reference .ref-btn:hover{transform:none;filter:brightness(1.03)}

/* Floating booking */
.home-reference .reference-booking-wrap{position:relative;z-index:8;margin-top:-31px}
.home-reference .reference-booking{width:min(var(--ref-shell),calc(100% - 44px));height:69px;margin:auto;padding:12px 18px;background:#fff;border:1px solid #e4ebe8;border-radius:10px;box-shadow:0 8px 23px rgba(13,61,56,.12);display:grid;grid-template-columns:1.05fr 1.05fr 1fr .92fr;gap:14px}
.home-reference .reference-booking-field{height:44px;padding:5px 13px 4px;border:1px solid #e5ebe9;border-radius:6px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:#fff}
.home-reference .reference-booking-field>span:first-child{font-size:9px;color:#9ba29f;line-height:1;margin-bottom:4px}
.home-reference .field-line{display:flex;align-items:center;gap:8px;min-width:0}
.home-reference .field-line input,.home-reference .field-line select{width:100%;min-width:0;border:0;background:transparent;padding:0;outline:0;color:#2f3f3f;font:500 11px/1.15 var(--ref-sans)}
.home-reference .field-line svg{width:15px;height:15px;flex:none;fill:none;stroke:#0d6b68;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.home-reference .ref-btn-search{height:44px;width:100%;border-radius:6px;background:linear-gradient(90deg,#49aa70,#38a88f);color:#fff;box-shadow:none}

/* Rooms */
.home-reference .reference-rooms{padding-top:24px;padding-bottom:15px}
.home-reference .reference-room-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.home-reference .reference-room-card{height:244px;background:#fff;border:1px solid #e2e8e5;border-radius:11px;overflow:hidden;box-shadow:0 3px 10px rgba(20,55,50,.035);display:flex;flex-direction:column}
.home-reference .reference-room-photo{height:135px;display:block;overflow:hidden;background:#e8efeb}
.home-reference .reference-room-photo picture,.home-reference .reference-room-photo img{width:100%;height:100%;display:block}
.home-reference .reference-room-photo img{object-fit:cover;transition:transform .25s}
.home-reference .reference-room-card:hover .reference-room-photo img{transform:scale(1.02)}
.home-reference .reference-room-body{padding:11px 13px 11px;display:flex;flex-direction:column;min-height:109px}
.home-reference .reference-room-body h2{font-size:20px;line-height:1;margin:0 0 5px;color:#123f3f;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-reference .reference-room-body p{font-size:10px;line-height:1.2;color:#868c8a;margin:0 0 9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.home-reference .reference-room-more{margin-top:auto;height:31px;border:1px solid #65ad9d;border-radius:6px;color:#347e73;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600}
.home-reference .reference-room-more:hover{background:#f1f8f5}

/* Place of power */
.home-reference .reference-power{height:171px;position:relative;overflow:hidden;border-radius:11px;background:#0b6264;color:#fff;margin-top:0;margin-bottom:15px}
.home-reference .reference-power-image{position:absolute;top:0;right:0;width:70%;height:100%;background:url('../images/reference/power-view.jpg') center/cover no-repeat}
.home-reference .reference-power-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,92,94,1) 0%,rgba(10,112,114,.97) 25%,rgba(23,132,131,.77) 48%,rgba(29,123,123,.18) 73%,rgba(5,56,56,.10) 100%)}
.home-reference .reference-power-copy{position:relative;z-index:2;padding:28px 27px}
.home-reference .reference-power-copy h2{font-size:39px;line-height:1;margin:0 0 9px;color:#fff}
.home-reference .reference-power-copy p{font-size:10.5px;line-height:1.45;margin:0;color:#fff;max-width:430px}
.home-reference .reference-compass{position:absolute;z-index:3;right:34px;top:59px;width:77px;height:77px;border:1px solid rgba(255,255,255,.46);border-radius:50%;opacity:.72}
.home-reference .reference-compass:before,.home-reference .reference-compass:after{content:'';position:absolute;left:50%;top:7px;width:1px;height:61px;background:rgba(255,255,255,.7);transform-origin:center}
.home-reference .reference-compass:after{transform:rotate(90deg)}
.home-reference .reference-compass span:before,.home-reference .reference-compass span:after{content:'';position:absolute;left:50%;top:8px;width:1px;height:60px;background:rgba(255,255,255,.55);transform-origin:center}
.home-reference .reference-compass span:before{transform:rotate(45deg)}.home-reference .reference-compass span:after{transform:rotate(-45deg)}
.home-reference .reference-compass i{position:absolute;left:31px;top:16px;width:14px;height:45px;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:22px solid rgba(255,255,255,.38);transform:rotate(18deg)}

/* Why */
.home-reference .reference-why{height:117px;display:grid;grid-template-columns:122px repeat(5,1fr);align-items:start;padding-top:4px;margin-bottom:10px}
.home-reference .reference-why>h2{font-size:27px;line-height:.9;margin:8px 0 0;color:#233737}
.home-reference .reference-why-item{height:93px;border-left:1px solid #d5dcda;text-align:center;padding:0 8px;display:flex;align-items:center;flex-direction:column}
.home-reference .reference-why-item svg{width:34px;height:34px;margin:0 0 5px;fill:none;stroke:#16766f;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.home-reference .reference-why-item b{font-size:10px;line-height:1.15;color:#425150;margin-bottom:4px;font-weight:600}
.home-reference .reference-why-item span{font-size:8.5px;line-height:1.25;color:#777f7d}

/* Nearby */
.home-reference .reference-nearby{margin-bottom:11px}
.home-reference .reference-nearby-head{height:29px;display:flex;align-items:flex-start;justify-content:space-between}
.home-reference .reference-nearby-head h2{font-size:27px;line-height:1;margin:0;color:#293a39}
.home-reference .reference-nearby-head>a{font-size:9px;color:#2c8276;text-decoration:underline;text-underline-offset:2px;margin-top:7px}
.home-reference .reference-nearby-head>a span{display:inline-flex;margin-left:5px;border:1px solid #59a596;width:17px;height:17px;border-radius:50%;align-items:center;justify-content:center;text-decoration:none;font-size:14px;line-height:1}
.home-reference .reference-nearby-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.home-reference .reference-place-card{height:120px;border-radius:11px;overflow:hidden;position:relative;background-size:cover;background-position:center;color:#fff;box-shadow:none;background-repeat:no-repeat}
.home-reference .place-swallow{background-image:url('../images/reference/swallow.jpg')}.home-reference .place-aipetri{background-image:url('../images/reference/aipetri.jpg')}.home-reference .place-beach{background-image:url('../images/reference/beach.jpg')}
.home-reference .reference-place-card:before{display:none}
.home-reference .reference-place-copy{display:none}

.home-reference .reference-place-card i{display:none}


.home-reference .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Bottom CTA */
.home-reference .reference-bottom-cta{height:82px;border-radius:11px;overflow:hidden;margin-bottom:13px;display:grid;grid-template-columns:36% 64%;background:linear-gradient(90deg,#4cae78,#42aaa4)}
.home-reference .reference-bottom-copy{padding:12px 19px;display:flex;align-items:center;gap:15px;color:#fff}
.home-reference .reference-bottom-copy>svg{width:45px;height:45px;fill:none;stroke:#fff;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;flex:none}
.home-reference .reference-bottom-copy h2{font-size:23px;line-height:1;margin:0 0 4px;color:#fff}
.home-reference .reference-bottom-copy p{font-size:8px;line-height:1.25;margin:0;opacity:.9}
.home-reference .reference-bottom-form{background:#fff;border:1px solid #c9ddd7;border-left:0;border-radius:0 10px 10px 0;padding:13px 12px;display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;gap:8px}
.home-reference .reference-bottom-form label{border:1px solid #e5e9e7;border-radius:6px;padding:5px 10px;display:flex;flex-direction:column;min-width:0}
.home-reference .reference-bottom-form label>span{font-size:8px;color:#9ca4a1;margin-bottom:4px}
.home-reference .reference-bottom-form input,.home-reference .reference-bottom-form select{border:0;outline:0;background:transparent;padding:0;min-width:0;width:100%;font:500 9px var(--ref-sans);color:#354443}
.home-reference .reference-bottom-form button{border:0;border-radius:6px;background:#063d3e;color:#fff;font:600 10px var(--ref-sans);cursor:pointer}

/* Footer */
.home-reference .reference-footer{height:96px;padding:0;background:#042e30;border:0;color:#fff;display:block}
.home-reference .reference-footer-inner{height:96px;display:grid;grid-template-columns:1.12fr 1.25fr 1.2fr .65fr;align-items:center;gap:0}
.home-reference .reference-footer-brand{height:60px;position:relative;display:flex;align-items:center;color:#fff;padding-left:0}
.home-reference .reference-footer-brand .home-brand-crown{top:3px;left:48px;width:21px;height:14px}
.home-reference .reference-footer-brand>span:last-child{display:block;padding-top:8px}.home-reference .reference-footer-brand b{display:block;font:600 19px/1 var(--ref-serif)}.home-reference .reference-footer-brand small{display:block;font:500 9px var(--ref-serif);opacity:.9;margin-top:3px}
.home-reference .reference-footer-item{height:38px;border-left:1px solid rgba(255,255,255,.22);display:flex;align-items:center;gap:12px;padding-left:26px;color:#fff}
.home-reference .reference-footer-item svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}
.home-reference .reference-footer-item span{font-size:10px;line-height:1.25}.home-reference .reference-footer-item span b{font-weight:600}.home-reference .reference-footer-item span small{display:block;font-size:8px;opacity:.72;margin-top:2px}
.home-reference .reference-footer-social{height:38px;border-left:1px solid rgba(255,255,255,.22);display:flex;gap:14px;align-items:center;justify-content:flex-end;color:#fff}.home-reference .reference-footer-social span{font-size:17px}.home-reference .reference-footer-social span:nth-child(2){font:600 9px var(--ref-sans);border:1px solid #fff;border-radius:4px;padding:2px}
.home-reference .mobile-book{display:none}

@media(max-width:1000px){
  .home-reference .home-header-cta{margin-left:28px}.home-reference .home-nav{gap:28px}.home-reference .reference-room-grid{gap:12px}.home-reference .reference-why{grid-template-columns:100px repeat(5,1fr)}
}
@media(max-width:820px){
  .home-reference .home-header{height:72px}.home-reference .home-brand{padding-top:20px}.home-reference .home-brand-crown{top:8px}.home-reference .home-nav{display:none}.home-reference .home-header-cta{display:none}.home-reference .menu-toggle{display:block;margin-left:auto;color:#fff}
  .home-reference .site-header.menu-open{height:auto;min-height:72px;padding-bottom:18px;background:rgba(4,39,40,.98)}.home-reference .site-header.menu-open .home-nav{display:flex;order:5;width:100%;height:auto;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 0 0}
  .home-reference .reference-hero{height:570px;min-height:570px}.home-reference .reference-hero-photo img{object-position:57% center}.home-reference .reference-hero-shade{background:linear-gradient(90deg,rgba(1,36,35,.98) 0%,rgba(7,74,71,.92) 60%,rgba(36,126,119,.34) 100%)}.home-reference .reference-hero-copy{padding-top:165px}.home-reference .reference-hero-copy h1{font-size:44px}
  .home-reference .reference-booking{height:auto;grid-template-columns:1fr 1fr;padding:12px}.home-reference .reference-booking-wrap{margin-top:-38px}.home-reference .ref-btn-search{grid-column:1/-1}
  .home-reference .reference-room-grid{grid-template-columns:1fr 1fr}.home-reference .reference-room-card{height:255px}.home-reference .reference-room-photo{height:145px}
  .home-reference .reference-power{height:190px}.home-reference .reference-power-copy p br{display:none}.home-reference .reference-why{height:auto;grid-template-columns:1fr 1fr;padding:20px 0}.home-reference .reference-why>h2{grid-column:1/-1;margin-bottom:18px}.home-reference .reference-why-item{border:0;border-top:1px solid var(--ref-line);height:112px;padding-top:12px}
  .home-reference .reference-nearby-grid{grid-template-columns:1fr}.home-reference .reference-place-card{height:170px}.home-reference .reference-bottom-cta{height:auto;grid-template-columns:1fr}.home-reference .reference-bottom-form{border-left:1px solid #c9ddd7;border-radius:0 0 10px 10px;grid-template-columns:1fr 1fr}.home-reference .reference-bottom-form button{min-height:42px;grid-column:1/-1}
  .home-reference .reference-footer{height:auto}.home-reference .reference-footer-inner{height:auto;grid-template-columns:1fr 1fr;padding:25px 0;gap:18px}.home-reference .reference-footer-item,.home-reference .reference-footer-social{border-left:0;padding-left:0;justify-content:flex-start}
}
@media(max-width:560px){
  .home-reference .reference-shell,.home-reference .home-header,.home-reference .reference-booking{width:calc(100% - 28px)}
  .home-reference .home-brand{width:auto}.home-reference .home-brand-copy b{font-size:23px}
  .home-reference .reference-hero{height:600px;min-height:600px}.home-reference .reference-hero-copy{padding-top:180px}.home-reference .reference-hero-copy h1{font-size:40px}.home-reference .reference-hero-copy p{font-size:14px}.home-reference .reference-hero-actions{flex-direction:column;width:190px}.home-reference .ref-btn-primary,.home-reference .ref-btn-ghost{width:100%}
  .home-reference .reference-booking{grid-template-columns:1fr}.home-reference .ref-btn-search{grid-column:auto}.home-reference .reference-room-grid{grid-template-columns:1fr}.home-reference .reference-room-card{height:300px}.home-reference .reference-room-photo{height:190px}
  .home-reference .reference-power{height:235px}.home-reference .reference-power-image{width:100%;opacity:.65}.home-reference .reference-power-copy{padding:28px 22px}.home-reference .reference-power-copy h2{font-size:37px}.home-reference .reference-compass{display:none}
  .home-reference .reference-why{grid-template-columns:1fr}.home-reference .reference-why>h2{font-size:31px}.home-reference .reference-why-item{height:105px}.home-reference .reference-nearby-head{height:38px}
  .home-reference .reference-bottom-form{grid-template-columns:1fr}.home-reference .reference-footer-inner{grid-template-columns:1fr}.home-reference .mobile-book{display:block}
}