{} *{} {}
     


      #IE-warning {
        display: none;
        position: fixed;
        width: 100%;
        height: 100%;
        z-index: 9999;
        background: white;
      }
      .IE-warning-message {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
      }
    


        
        .global-style-nK2AH4UiC {
          cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        
        @media (max-width: 639px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-nK2AH4UiC {
          font-size: 24px;color: rgb(255, 255, 255);text-align: center;border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;margin-top: 30px;padding-left: 50px;padding-right: 50px;padding-top: 19px;padding-bottom: 19px;align-items: center;display: inline-flex;cursor: pointer;text-decoration-line: none;text-decoration-style: solid;text-decoration-color: initial;
      }
        }
        
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: transparent;
      }
        
        @media (max-width: 639px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (max-width: 767px) and (min-width: 640px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (max-width: 991px) and (min-width: 768px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (max-width: 1199px) and (min-width: 992px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }
        @media (min-width: 1200px) {
          
        .global-style-nK2AH4UiC:not([data-gp-component="block"]), .global-style-nK2AH4UiC [data-section-overlay] {
          background-color: rgb(240, 149, 88);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):hover,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-hover, .global-style-nK2AH4UiC [data-section-overlay]:hover, .global-style-nK2AH4UiC [data-section-overlay].gp-hover {
          background-color: rgb(89, 198, 152);
      }
        .global-style-nK2AH4UiC:not([data-gp-component="block"]):active,.global-style-nK2AH4UiC:not([data-gp-component="block"]).gp-active, .global-style-nK2AH4UiC [data-section-overlay]:active, .global-style-nK2AH4UiC [data-section-overlay].gp-active {
          background-color: rgb(32, 45, 60);
      }
        }

 :root { --brown-deep: #2A1008; --brown: #3D1A0E; --brown-mid: #5C2E18; --turquoise: #2BB5A0; --teal: #1A6B5A; --teal-light: #3A9080; --gold: #C4923A; --cream: #F5EEE0; --cream-dark: #EDE0C8; --warm-white: #FDFAF5; --dark: #180C06; --text: #2A1008; --text-muted: rgba(42,16,8,0.55); } * { margin: 0; padding: 0; box-sizing: border-box; } html { scroll-behavior: smooth; } body { font-family: 'Montserrat', sans-serif; background: var(--warm-white); color: var(--text); overflow-x: hidden; } /* STRIP */ .strip { height: 5px; background: linear-gradient(to right, var(--brown-deep) 0%, var(--brown-deep) 20%, var(--brown) 20%, var(--brown) 40%, var(--turquoise) 40%, var(--turquoise) 60%, var(--gold) 60%, var(--gold) 80%, var(--cream) 80%, var(--cream) 100%); } /* NAV */ nav { position: sticky; top: 0; z-index: 100; display: flex; align-items: center; justify-content: space-between; padding: 18px 64px; background: rgba(253,250,245,0.97); backdrop-filter: blur(16px); border-bottom: 1px solid rgba(61,26,14,0.1); } .nav-back { font-family: 'Montserrat', sans-serif; font-size: 11px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: var(--brown); text-decoration: none; border: 1.5px solid rgba(61,26,14,0.25); padding: 10px 24px; border-radius: 100px; transition: all 0.2s; } .nav-back:hover { background: var(--turquoise); border-color: var(--turquoise); color: #fff; } .nav-logo { font-family: 'Cormorant Garamond', serif; font-size: 18px; font-weight: 600; color: var(--brown); } .nav-logo span { color: var(--turquoise); } /* HERO */ .hero { background: var(--brown); background-image: linear-gradient(to bottom, rgba(42,16,8,0.6), var(--brown)), url('https://images.groovetech.io/m4-noDWNX4pvclWB_38N9LZFVZ7wxW9vER-r4jXLAKo/rs:fit:0:0:0/g:no:0:0/c:0:0/aHR0cHM6Ly9hc3NldHMuZ3Jvb3ZlYXBwcy5jb20vaW1hZ2VzLzFlZWJiMjMxLTgxY2UtNDljMi05ODUyLTNlODcxZjRjMjNkYS8xNzcyOTQzNDczX0lNRzM3ODguanBn.webp'); background-size: cover; background-position: center; padding: 72px 24px 56px; text-align: center; } .hero img { max-width: 220px; display: block; margin: 0 auto 28px; } .hero-label { font-size: 11px; font-weight: 700; letter-spacing: 0.22em; text-transform: uppercase; color: var(--turquoise); margin-bottom: 16px; display: flex; align-items: center; justify-content: center; gap: 10px; } .hero-label::before, .hero-label::after { content: ''; display: block; width: 24px; height: 1px; background: var(--turquoise); } .hero h1 { font-family: 'Cormorant Garamond', serif; font-size: clamp(36px, 6vw, 64px); font-weight: 300; color: var(--cream); line-height: 1.1; margin-bottom: 16px; } .hero h1 em { font-style: italic; color: var(--turquoise); } .hero-version { font-size: 12px; color: rgba(245,238,224,0.5); letter-spacing: 0.08em; margin-top: 8px; } /* INTRO */ .intro { max-width: 860px; margin: 0 auto; padding: 56px 24px; border-left: 3px solid var(--turquoise); margin-top: 48px; margin-bottom: 0; background: var(--cream); } .intro p { font-size: 14px; line-height: 1.85; color: var(--text-muted); margin-bottom: 16px; } .intro p:last-child { margin-bottom: 0; } /* CONTENT */ .tc-wrap { max-width: 860px; margin: 0 auto; padding: 0 24px 80px; } .tc-section { padding: 48px 0; border-bottom: 1px solid var(--cream-dark); } .tc-section:last-child { border-bottom: none; } .tc-section-num { font-size: 10px; font-weight: 700; letter-spacing: 0.28em; text-transform: uppercase; color: var(--turquoise); margin-bottom: 12px; display: flex; align-items: center; gap: 10px; } .tc-section-num::before { content: ''; display: block; width: 20px; height: 1px; background: var(--turquoise); } .tc-section h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(28px, 4vw, 42px); font-weight: 300; color: var(--brown); margin-bottom: 32px; line-height: 1.1; } .tc-section h2 em { font-style: italic; color: var(--turquoise); } .tc-section h3 { font-family: 'Montserrat', sans-serif; font-size: 13px; font-weight: 700; color: var(--brown); margin: 28px 0 12px; letter-spacing: 0.04em; text-transform: uppercase; } .tc-section p { font-size: 14px; line-height: 1.85; color: var(--text-muted); margin-bottom: 16px; } .tc-section p:last-child { margin-bottom: 0; } .tc-section ul { list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-direction: column; gap: 10px; } .tc-section ul li { font-size: 14px; color: var(--text-muted); line-height: 1.65; padding-left: 20px; position: relative; } .tc-section ul li::before { content: '✦'; position: absolute; left: 0; color: var(--turquoise); font-size: 9px; top: 4px; } /* CANCELLATION TABLE */ .cancellation-table { width: 100%; border-collapse: collapse; margin: 24px 0; } .cancellation-table th { background: var(--turquoise); color: #fff; font-family: 'Montserrat', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; padding: 14px 20px; text-align: left; } .cancellation-table td { padding: 14px 20px; font-size: 14px; color: var(--text-muted); border-bottom: 1px solid var(--cream-dark); line-height: 1.5; } .cancellation-table tr:nth-child(even) td { background: var(--cream); } .cancellation-table tr:last-child td { border-bottom: none; font-weight: 600; color: var(--brown); } /* ACCOMMODATION CARDS */ .accommodation-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 20px; margin: 24px 0; } .acc-card { padding: 28px 24px; border-top: 3px solid var(--turquoise); background: #fff; box-shadow: 0 2px 12px rgba(61,26,14,0.06); } .acc-card-title { font-family: 'Cormorant Garamond', serif; font-size: 22px; font-weight: 600; color: var(--brown); margin-bottom: 10px; } .acc-card p { font-size: 13px; color: var(--text-muted); line-height: 1.65; margin: 0; } /* CONTACT SECTION */ .contact-section { background: var(--brown); padding: 56px 24px; text-align: center; } .contact-section h2 { font-family: 'Cormorant Garamond', serif; font-size: 36px; font-weight: 300; color: var(--cream); margin-bottom: 8px; } .contact-section h2 em { font-style: italic; color: var(--turquoise); } .contact-section p { font-size: 13px; color: rgba(245,238,224,0.6); margin-bottom: 20px; } .contact-section a { color: var(--turquoise); text-decoration: none; font-weight: 600; } .contact-section a:hover { text-decoration: underline; } .contact-last-updated { font-size: 11px; color: rgba(245,238,224,0.35); margin-top: 32px; font-style: italic; } /* FOOTER */ footer { background: var(--dark); padding: 32px 48px; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 16px; } .footer-tagline { font-size: 11px; color: rgba(245,238,224,0.25); letter-spacing: 0.12em; } @media (max-width: 768px) { nav { padding: 14px 20px; } .nav-logo { display: none; } .hero { padding: 56px 20px 40px; } .tc-wrap { padding: 0 20px 60px; } .cancellation-table th, .cancellation-table td { padding: 10px 12px; font-size: 13px; } footer { padding: 24px 20px; flex-direction: column; text-align: center; } }