.hero-image{background-image:url('images/hero.webp')}
.room-photo-1{background-image:url('images/room-1.webp')}
.room-photo-2{background-image:url('images/room-2.webp')}
.room-photo-3{background-image:url('images/room-3.webp')}
.gallery-image-1{background-image:url('images/gallery-1.webp')}
.gallery-image-2{background-image:url('images/gallery-2.webp')}
.gallery-image-3{background-image:url('images/gallery-3.webp')}
.gallery-image-4{background-image:url('images/gallery-4.webp')}

/* Keep every room card on one visual rhythm: equal photo windows and aligned actions. */
.rooms-grid{align-items:stretch}
.room-card{height:100%;min-width:0}
.room-photo,.room-card-featured .room-photo{height:300px}
.room-body{display:flex;flex-direction:column}
.room-body p{min-height:82px}
.room-body .text-link{margin-top:auto;align-self:flex-start}

@media(max-width:900px){
  .room-photo,.room-card-featured .room-photo{height:285px}
  .room-body p{min-height:0}
}

@media(max-width:560px){
  .room-photo,.room-card-featured .room-photo{height:240px}
}

/* Editorial guides and related projects: keep the information layer calm and scannable. */
.guides-heading{margin-bottom:54px}
.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.guide-card{border:1px solid rgba(23,61,57,.14);padding:28px 26px 26px;background:#f8f6f0;display:flex;flex-direction:column;min-height:305px}
.guide-card-featured{background:#173d39;color:#f6f1e7;border-color:#173d39}
.guide-card-kicker{font-size:11px;letter-spacing:.14em;text-transform:uppercase;opacity:.68;margin-bottom:36px}
.guide-card h3{font-family:var(--serif,Georgia,serif);font-size:27px;line-height:1.08;font-weight:400;margin:0 0 15px}
.guide-card p{font-size:15px;line-height:1.55;margin:0 0 24px;opacity:.78}
.guide-card .text-link{margin-top:auto;align-self:flex-start}
.guide-card-featured .text-link{color:#f6f1e7}
.partner-links{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:12px;margin:18px 0 74px;padding:20px;border-top:1px solid rgba(23,61,57,.14);border-bottom:1px solid rgba(23,61,57,.14)}
.partner-intro{display:flex;gap:16px;padding:6px 12px 6px 0}
.partner-intro .sun-mark{font-size:23px;line-height:1}
.partner-intro h3{font-family:var(--serif,Georgia,serif);font-size:22px;line-height:1.1;font-weight:400;margin:5px 0 8px}
.partner-intro p{font-size:13px;line-height:1.45;margin:0;opacity:.7}
.partner-intro .eyebrow{font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.55}
.partner-link{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 16px;background:#ece9df;color:inherit;text-decoration:none;transition:background .2s ease,transform .2s ease}
.partner-link:hover{background:#e3dfd2;transform:translateY(-2px)}
.partner-link span{display:flex;flex-direction:column;gap:3px}
.partner-link small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;opacity:.55}
.partner-link strong{font-family:var(--serif,Georgia,serif);font-size:20px;font-weight:400}
.partner-link em{font-size:12px;font-style:normal;opacity:.62}
.partner-link b{font-size:18px;font-weight:400}
.guide-articles{display:grid;gap:0;border-top:1px solid rgba(23,61,57,.14)}
.guide-article{display:grid;grid-template-columns:72px minmax(0,1fr);gap:28px;padding:38px 0;border-bottom:1px solid rgba(23,61,57,.14);scroll-margin-top:100px}
.guide-article-index{font-size:11px;letter-spacing:.12em;opacity:.5;padding-top:7px}
.guide-article h3{font-family:var(--serif,Georgia,serif);font-size:31px;line-height:1.1;font-weight:400;margin:0 0 14px}
.guide-article p{max-width:720px;font-size:16px;line-height:1.65;margin:0 0 15px;opacity:.78}
.guide-article ul{max-width:720px;margin:0 0 17px;padding-left:18px;font-size:15px;line-height:1.7;opacity:.78}
.guide-article a{color:inherit;text-underline-offset:3px}
.guides-disclaimer{font-size:12px;line-height:1.5;max-width:760px;margin:26px 0 0;opacity:.55}
.faq{display:grid;grid-template-columns:.75fr 1.5fr;gap:72px;margin-top:78px;padding-top:58px;border-top:1px solid rgba(23,61,57,.14)}
.faq-heading h3{font-family:var(--serif,Georgia,serif);font-size:42px;line-height:1;font-weight:400;margin:0 0 24px}
.faq-list{border-top:1px solid rgba(23,61,57,.16)}
.faq-list details{border-bottom:1px solid rgba(23,61,57,.16);padding:0}
.faq-list summary{cursor:pointer;list-style:none;padding:20px 38px 20px 0;font-family:var(--serif,Georgia,serif);font-size:21px;line-height:1.2;position:relative}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:4px;top:18px;color:var(--coral);font-family:var(--sans,Arial,sans-serif);font-size:22px}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{max-width:680px;margin:0 38px 20px 0;color:var(--muted);font-size:14px;line-height:1.6}

/* Small corrections that are easy to miss in the compressed reference stylesheet. */
.terskol{background:var(--cream-dark)}
.skip-link{position:fixed;left:16px;top:8px;z-index:200;padding:10px 14px;background:var(--saffron);color:var(--ink);font-size:12px;font-weight:600;transform:translateY(-160%);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
.language-disabled{cursor:default;opacity:.55}
.noscript-note{padding:16px 20px;background:var(--saffron);color:var(--ink);font-size:14px;text-align:center}
.menu-toggle:focus-visible,.button:focus-visible,.text-link:focus-visible,.round-arrow:focus-visible,.footer-links a:focus-visible,.desktop-nav a:focus-visible,.mobile-menu a:focus-visible,.partner-link:focus-visible,.brand:focus-visible,.modal-close:focus-visible{outline:2px solid var(--saffron);outline-offset:4px}
.modal-card input:focus-visible,.modal-card textarea:focus-visible,.modal-card select:focus-visible{outline:2px solid var(--coral);outline-offset:1px}
.mobile-menu[aria-hidden="true"]{visibility:hidden}
.mobile-menu[aria-hidden="false"]{visibility:visible}

@media(max-width:1000px){
  .guide-grid{grid-template-columns:1fr 1fr}
  .guide-card-featured{grid-column:span 2}
  .partner-links{grid-template-columns:1fr 1fr}
  .partner-intro{grid-column:span 2}
  .faq{grid-template-columns:1fr;gap:30px}
}

@media(max-width:640px){
  .guides-heading{margin-bottom:34px}
  .guide-grid{grid-template-columns:1fr}
  .guide-card-featured{grid-column:auto}
  .guide-card{min-height:0;padding:23px 20px 22px}
  .guide-card-kicker{margin-bottom:24px}
  .guide-card h3{font-size:24px}
  .partner-links{grid-template-columns:1fr;margin-bottom:50px;padding:14px 0}
  .partner-intro{grid-column:auto;padding:8px 4px 14px}
  .guide-article{grid-template-columns:36px minmax(0,1fr);gap:14px;padding:28px 0}
  .guide-article h3{font-size:26px}
  .guide-article p{font-size:15px}
  .faq{margin-top:52px;padding-top:40px}
  .faq-heading h3{font-size:35px}
  .faq-list summary{font-size:19px}
}
