/* Homepage v1.5 — source: saved Homepage v1.4 and approved AmanDagat brand guide.
   Villa links, compact introduction sections and hero palette alignment.
   Existing media, wording, page order, navigation and booking behavior retained. */
#amandagat-home {
  --ink: #0c2340;
  --deep: #0c2340;
  --night: #0c2340;
  --limewash: #f4f8f9;
  --sand: #d6a8a8;
  --brass: #14549e;
  --brass-light: #d6a8a8;
  --seafoam: #d6a8a8;
  --gold: #d6a8a8;
  --home-muted: #44515d;
  --home-line: #ccd6df;
  background: #fff;
  color: #111;
  font: 400 17px/1.7 var(--body, 'Karla', sans-serif);
}
#amandagat-home [id] { scroll-margin-top: 125px; }
#amandagat-home > section { padding-block: 84px; }
#amandagat-home :is(.wrap,.pgx-wrap,.vip-grid) { max-width: 1236px; }
#amandagat-home :is(h2,h3) { color: var(--ink); font-weight: 400; letter-spacing: -.025em; }
#amandagat-home h2 { line-height: 1.13; }
#amandagat-home :is(.section-head h2,.sf-copy h2,.vip-copy h2) { font-size: clamp(34px,4vw,54px); }
#amandagat-home :is(.eyebrow,.pgx-eyebrow) { color: var(--brass); font-size: 12px; letter-spacing: .18em; line-height: 1.5; }
#amandagat-home .section-head { margin-bottom: 40px; max-width: 740px; }
#amandagat-home :is(.section-head p,.villa-card p,.guide-card p,.instagram-home__intro p) { color: var(--home-muted); opacity: 1; }
#amandagat-home a:focus-visible { outline: 3px solid var(--brass); outline-offset: 5px; }
#amandagat-home .btn,
body.home #top .btn,
body.home #nav .btn {
  min-height: 50px;
  padding: 15px 27px;
  border-radius: 6px;
  font-size: 13px;
  letter-spacing: .09em;
  line-height: 1.4;
  text-align: center;
  box-shadow: none;
}
#amandagat-home .btn-brass,
body.home #top .btn-brass,
body.home #nav .btn-brass { background: #14549e; color: #fff !important; border: 1px solid #14549e; }
#amandagat-home .btn-brass:hover,
body.home #top .btn-brass:hover,
body.home #nav .btn-brass:hover { background: #0c2340; border-color: #0c2340; box-shadow: none; }
#amandagat-home .btn-ghost { color: var(--brass) !important; background: transparent; border: 1px solid currentColor; }
#amandagat-home .btn-ghost:hover { background: #fff; color: var(--ink) !important; }
body.home #top .btn-ghost { color: #fff !important; border-color: #fff; background: rgba(12,35,64,.3); }
body.home #top .btn-ghost:hover { background: #0c2340; }
body.home #nav.solid { background: rgba(244,248,249,.97); }
body.home #nav.solid,
body.home #nav.solid a { color: #0c2340; }
body.home .util-strip { background: #f4f8f9; border-color: #f4f8f9; }
body.home .util-strip a { color: #0c2340; }
body.home #nav .nav-dd-menu { background: #0c2340; border-color: #d6a8a8; }
body.home #nav .nav-dd-menu a { color: #fff !important; }
body.home footer.starry { background: #0c2340; color: #fff; }
body.home footer.starry .fg h4 { color: #d6a8a8; }

/* Existing philosophy, offer and closing bands share the Villas navy. */
#amandagat-home :is(.philosophy,.vip,.azula,.offers-teaser,.book-cta) { background: #0c2340 !important; color: #fff; }
#amandagat-home .philosophy { padding: 96px 0; }
#amandagat-home :is(.philosophy,.vip,.azula,.offers-teaser,.book-cta) :is(h2,h3,p) { color: #fff !important; }
#amandagat-home :is(.philosophy,.vip,.azula,.offers-teaser,.book-cta) :is(.eyebrow,em,.tag) { color: #d6a8a8 !important; }
#amandagat-home .philosophy h2 { max-width: 24ch; }
#amandagat-home .philosophy p { opacity: 1; color: #e3e9ee !important; }
#amandagat-home .philosophy .arc { width: 104px; height: 52px; border-color: #d6a8a8; border-width: 1px; margin-bottom: 28px; }
#amandagat-home :is(.vip,.azula) p { opacity: 1; color: #e3e9ee !important; }
#amandagat-home :is(.philosophy,.vip,.azula,.offers-teaser,.book-cta) .btn-brass { background: #d6a8a8; color: #0c2340 !important; border-color: #d6a8a8; }
#amandagat-home :is(.philosophy,.vip,.azula,.offers-teaser,.book-cta) .btn-brass:hover { background: #fff; border-color: #fff; }
#amandagat-home :is(.offers-teaser,.azula) .btn-ghost { color: #fff !important; }
#amandagat-home :is(.offers-teaser,.azula) .btn-ghost:hover { color: #0c2340 !important; }
#amandagat-home :is(.philosophy,.vip,.azula,.offers-teaser,.book-cta) a:focus-visible { outline-color: #fff; }

/* Present the existing accommodation information as two clear collections. */
#amandagat-home .villas { background: #f4f8f9; }
#amandagat-home .villas .section-head { display: grid; grid-template-columns: 1.2fr 1fr; gap: 12px 72px; max-width: none; align-items: end; }
#amandagat-home .villas .section-head .eyebrow { grid-column: 1/-1; margin-bottom: 0; }
#amandagat-home .villas .section-head p { margin: 0; max-width: 43ch; }
#amandagat-home .villa-strip { max-width: none; grid-template-columns: 1.1fr .8fr 1.1fr; align-items: center; gap: 22px; margin-bottom: 38px; }
#amandagat-home .vs-item { border-radius: 6px; box-shadow: none; }
#amandagat-home .vs-item:nth-child(2) { aspect-ratio: 3/4; }
#amandagat-home .vs-item img { animation: none; transform: none; }
#amandagat-home .vs-item:hover { transform: none; box-shadow: none; }
#amandagat-home .villa-frame { max-width: none; background: transparent; border: 0; border-top: 1px solid var(--home-line); border-bottom: 1px solid var(--home-line); border-radius: 0; padding: 32px 0 28px; margin-bottom: 42px; }
#amandagat-home .villa-frame h3 { font-size: clamp(26px,3vw,36px); font-weight: 400; }
#amandagat-home .villa-frame-sub { color: var(--home-muted); }
#amandagat-home .villa-pills { gap: 14px 26px; }
#amandagat-home .villa-pill { background: transparent; border: 0; border-radius: 0; padding: 4px 0; color: var(--ink); font-size: 15px; }
#amandagat-home .villa-pill i { display: grid; place-items: center; background: #d6a8a8; color: #0c2340; width: 38px; height: 38px; border-radius: 50%; }
#amandagat-home .villa-grid { gap: 28px; }
#amandagat-home .villa-card { border-radius: 6px; box-shadow: none; border: 1px solid var(--home-line); }
#amandagat-home .villa-card:hover { transform: none; box-shadow: none; }
#amandagat-home .villa-card .photo { border-radius: 0; aspect-ratio: 4/3; }
#amandagat-home .villa-card .photo .flag { left: 20px; top: 20px; transform: none; background: #0c2340; color: #fff; border-radius: 4px; padding: 9px 13px; letter-spacing: .07em; z-index: 1; }
#amandagat-home .villa-card .body { padding: 30px; gap: 19px; }
#amandagat-home .villa-card h3 { font-size: clamp(29px,3vw,39px); color: #14549e; }
#amandagat-home .villa-card .specs { display: grid; grid-template-columns: 1fr 1fr; gap: 0; font-size: 13px; letter-spacing: 0; text-transform: none; color: #0c2340; }
#amandagat-home .villa-card .specs span { padding: 10px 6px 10px 0; border-top: 1px solid var(--home-line); }
#amandagat-home .villa-card .rate { border-color: var(--home-line); padding-top: 20px; }
#amandagat-home .villa-card .rate strong { font-size: 29px; color: #0c2340; }
#amandagat-home .villa-card .rate span { color: #44515d; }
#amandagat-home .villa-card:nth-child(2) { background: #d6a8a8; border-color: #d6a8a8; --home-line: #a2797b; }
#amandagat-home .villa-card:nth-child(2) h3 { color: #0c2340; }
#amandagat-home .villa-card:nth-child(2) :is(p,.rate span) { color: #3c3740; }
#amandagat-home .villa-banner { margin-top: 42px; border-radius: 6px; box-shadow: none; }
#amandagat-home .tour .frame { border-radius: 6px; box-shadow: none; }
#amandagat-home .tour .section-head { margin-bottom: 30px; }
#amandagat-home .story-teaser { background: #fff !important; }
#amandagat-home .story-teaser .pgx-frame { background: none; box-shadow: none; border: 0; }
#amandagat-home .story-teaser p { color: #44515d !important; font-size: 17px !important; }
#amandagat-home .vip-media { border-radius: 6px; box-shadow: none; }

/* Existing experience photos above readable descriptions, with kayaking featured. */
#amandagat-home .exp { background: #f4f8f9; }
#amandagat-home .exp-legend { margin: -12px 0 30px; color: #44515d; line-height: 2.2; }
#amandagat-home .pill { border-radius: 4px; font-size: 11px; letter-spacing: .09em; }
#amandagat-home .pill-package { background: #d6a8a8; color: #0c2340; }
#amandagat-home .pill-paid { background: #fff; color: #0c2340; border: 1px solid #ccd6df; }
#amandagat-home .exp-mosaic { grid-template-columns: repeat(6,minmax(0,1fr)); grid-auto-rows: auto; gap: 24px; }
#amandagat-home .mcard { grid-column: span 2; display: flex; flex-direction: column; background: #fff; border-radius: 6px; box-shadow: none; }
#amandagat-home .mcard img { position: static; width: 100%; height: auto; aspect-ratio: 3/2; object-fit: cover; }
#amandagat-home .mcard:hover img { transform: none; }
#amandagat-home .mveil { display: none; }
#amandagat-home .mlabel { position: static; padding: 23px; color: #0c2340; }
#amandagat-home .mcard:hover .mlabel { transform: none; }
#amandagat-home .mlabel h3 { font-size: 26px; }
#amandagat-home .mlabel p { color: #44515d; font-size: 15px; opacity: 1; line-height: 1.65; margin-top: 12px; }
#amandagat-home .mcard-feature { grid-column: 1/-1; grid-row: auto; display: grid; grid-template-columns: 1.2fr 1fr; background: #0c2340; }
#amandagat-home .mcard-feature img { height: 100%; min-height: 270px; aspect-ratio: 16/9; }
#amandagat-home .mcard-feature .mlabel { padding: 36px; align-self: center; }
#amandagat-home .mcard-feature h3 { color: #fff; font-size: 36px; }
#amandagat-home .mcard-feature p { color: #fff; font-size: 17px; }
#amandagat-home .mcard-feature .pill { right: auto; left: 14px; }
#amandagat-home .mcard:nth-last-child(-n+2) { grid-column: span 3; }
#amandagat-home .exp-foot { color: #44515d; max-width: 76ch; }

/* Pink appears at deliberate points, with deep navy text for contrast. */
#amandagat-home .sunset-feature { background: #d6a8a8; color: #0c2340; }
#amandagat-home .sf-copy :is(h2,p) { color: #0c2340; opacity: 1; }
#amandagat-home .sf-copy h2 em { color: #0c2340; }
#amandagat-home .sf-copy .sf-stars { color: #3c3740; font-size: 16px; }
#amandagat-home .sf-copy .sf-tool a { color: #0c2340; border-color: #0c2340; border-radius: 6px; letter-spacing: .04em; }
#amandagat-home .sunset-feature .eyebrow { color: #0c2340; }
#amandagat-home :is(.sf-hero,.sf-t,.surf-card) { border-radius: 6px; box-shadow: none; }
#amandagat-home .sf-thumbs { gap: 22px; }
#amandagat-home .surf { background: #fff; }
#amandagat-home .azula :is(.photo,.strip) { border-radius: 6px; box-shadow: none; }
#amandagat-home .azula-strips .strip .label { opacity: 1; transform: none; white-space: normal; font-size: 16px; line-height: 1.3; color: #fff; }
#amandagat-home .azula-strips .strip .num { color: #d6a8a8; }
#amandagat-home .azula-strips .strip figcaption { padding: 18px 14px; gap: 8px; align-items: start; }
#amandagat-home #celebrations { background: #f4f8f9 !important; }
#amandagat-home #celebrations h2 { font-size: clamp(34px,4vw,54px); }
#amandagat-home #celebrations em { color: #14549e; }
#amandagat-home .celeb-grid .pgx-frame { border: 0; box-shadow: none; }
#amandagat-home .review-grid { gap: 24px; }
#amandagat-home .review { background: #f4f8f9; border-top: 3px solid #d6a8a8; border-radius: 0 0 6px 6px; padding: 30px 26px; }
#amandagat-home .review:hover { transform: none; box-shadow: none; }
#amandagat-home .review::before { color: #d6a8a8; }
#amandagat-home .review p { font-size: 19px; color: #0c2340; font-weight: 400; line-height: 1.6; }
#amandagat-home .review cite { color: #44515d; margin-top: auto; }
#amandagat-home .review .stars { color: #a26a2c; }
#amandagat-home .score strong { color: #14549e; }
#amandagat-home .score span { color: #44515d; }
#amandagat-home .gallery { background: #f4f8f9; }
#amandagat-home .gal-item .ph { border-radius: 6px; box-shadow: none; }
#amandagat-home .gal-item figcaption { color: #0c2340; }
#amandagat-home .gal-hint { color: #44515d; }
#amandagat-home .guide-card { border-radius: 6px; box-shadow: none; background: #f4f8f9; }
#amandagat-home .guide-card h3 { font-size: 25px; }
#amandagat-home .guide-card p { font-size: 15px; line-height: 1.65; }
#amandagat-home .instagram-home { background: #f4f8f9; }
#amandagat-home #getting-here { background: #fff; }
#amandagat-home .book-cta h2 { font-size: clamp(34px,4vw,54px) !important; }

@media(max-width:1080px) {
  body.home #nav ul.open { background: #f4f8f9; color: #0c2340; }
  body.home #nav ul.open a,
  body.home #nav ul.open .nav-dd-btn { color: #0c2340 !important; }
  body.home #nav ul.open .btn-brass { color: #fff !important; }
  body.home #nav .nav-dd-menu { background: transparent; }
}
@media(max-width:900px) {
  #amandagat-home .villas .section-head { grid-template-columns: 1fr; gap: 12px; }
  #amandagat-home .villas .section-head p { max-width: 62ch; }
  #amandagat-home .exp-mosaic { grid-template-columns: repeat(2,minmax(0,1fr)); }
  #amandagat-home .mcard,
  #amandagat-home .mcard:nth-last-child(-n+2) { grid-column: span 1; }
  #amandagat-home .mcard-feature { grid-column: 1/-1; }
  #amandagat-home .mcard-feature .mlabel { padding: 26px; }
}
@media(max-width:680px) {
  #amandagat-home > section { padding: 52px 20px !important; }
  #amandagat-home :is(.wrap,.pgx-wrap,.vip-grid) { width: 100%; padding-inline: 0; }
  #amandagat-home .philosophy { padding: 66px 20px; }
  #amandagat-home .section-head { margin-bottom: 28px; }
  #amandagat-home .villa-strip { grid-template-columns: 1fr 1fr; gap: 12px; }
  #amandagat-home .villa-strip .vs-item:first-child { grid-column: 1/-1; aspect-ratio: 16/9; }
  #amandagat-home .villa-strip .vs-item:nth-child(n+2) { aspect-ratio: 3/4; }
  #amandagat-home .villa-card .body { padding: 25px 22px; }
  #amandagat-home .villa-card .photo .flag { left: 14px; top: 14px; }
  #amandagat-home .villa-pills { flex-direction: column; align-items: center; }
  #amandagat-home .exp-mosaic { grid-template-columns: 1fr; gap: 22px; }
  #amandagat-home .mcard-feature { display: flex; grid-column: auto; }
  #amandagat-home .mcard-feature img { min-height: 0; aspect-ratio: 3/2; }
  #amandagat-home .mcard-feature .mlabel { padding: 24px; }
  #amandagat-home .mlabel { padding: 22px; }
  #amandagat-home .sf-grid { gap: 28px; }
  #amandagat-home .sf-thumbs { gap: 12px; margin-top: 24px; }
  #amandagat-home .review-scores { gap: 22px; }
  #amandagat-home .score strong { font-size: 34px; }
  #amandagat-home .score span { font-size: 11px; letter-spacing: .08em; }
  #amandagat-home .guide-grid { grid-template-columns: 1fr; }
  #amandagat-home .instagram-home > .wrap { padding-inline: 0 !important; }
  #amandagat-home .btn { max-width: 100%; white-space: normal; }
}

/* The hero sits outside #amandagat-home, so give it the approved colour tokens. */
body.home #top {
  --ink: #0c2340;
  --deep: #0c2340;
  --night: #0c2340;
  --sand: #d6a8a8;
  --brass: #14549e;
  --brass-light: #d6a8a8;
  --white: #fff;
}
body.home #top .scrim { background: linear-gradient(to top,rgba(12,35,64,.88) 0%,rgba(12,35,64,.2) 48%,rgba(12,35,64,.4) 100%); }
body.home #top .sound-toggle { background: rgba(12,35,64,.35); }
body.home #top .sound-toggle:hover { background: rgba(12,35,64,.6); }
body.home #top :focus-visible { outline-color: #fff; }

/* Native, keyboard-accessible links to the two existing Villas collections. */
#amandagat-home .villa-card-link { display: flex; flex-direction: column; flex: 1; min-width: 0; color: inherit; }
#amandagat-home .villa-card-link h3 { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: .18em; }
#amandagat-home .villa-card:focus-within { outline: 3px solid #14549e; outline-offset: 5px; }
#amandagat-home .villa-card-link:focus-visible { outline: 0; }
@media(hover:hover) and (pointer:fine) {
  #amandagat-home .villa-card-link:hover h3 { text-decoration-thickness: 2px; }
}

/* Shorten the opening statement without removing or concealing its wording. */
#amandagat-home .philosophy { padding: 48px 0; }
#amandagat-home .philosophy > .wrap { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,1fr); gap: 14px 64px; text-align: left; align-items: center; }
#amandagat-home .philosophy .arc { display: none; }
#amandagat-home .philosophy .eyebrow { grid-column: 1/-1; margin: 0; }
#amandagat-home .philosophy h2 { max-width: none; margin: 0; font-size: clamp(30px,3.2vw,40px); line-height: 1.18; }
#amandagat-home .philosophy p { max-width: none; margin: 0; font-size: 17px; line-height: 1.7; }

/* The existing story and private-stay features have a more compact scale. */
#amandagat-home .story-teaser { padding: 60px 6vw !important; }
#amandagat-home .story-teaser .pgx-split { grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: 48px; }
#amandagat-home .story-teaser .pgx-frame { aspect-ratio: 4/3 !important; border-radius: 48% 48% 6px 6px / 56% 56% 6px 6px; }
#amandagat-home .story-teaser h2 { font-size: clamp(32px,3.4vw,42px) !important; }
#amandagat-home .story-teaser p { line-height: 1.65 !important; margin-top: 12px !important; }
#amandagat-home .story-teaser p:first-of-type { margin-top: 18px !important; }
#amandagat-home .story-teaser p:last-child { margin-top: 22px !important; }
#amandagat-home .vip { padding-block: 52px; }
#amandagat-home .vip-grid { grid-template-columns: minmax(0,1fr) minmax(0,1.1fr); gap: 48px; }
#amandagat-home .vip-copy h2 { font-size: clamp(32px,3.3vw,42px); line-height: 1.16; margin: 8px 0 18px; }
#amandagat-home .vip-copy p { max-width: none; font-size: 17px; }
#amandagat-home .vip-media { aspect-ratio: 16/9; }

@media(max-width:900px) {
  #amandagat-home .philosophy > .wrap { grid-template-columns: minmax(0,1fr); gap: 18px; }
  #amandagat-home .philosophy .eyebrow { grid-column: auto; }
  #amandagat-home .philosophy p { max-width: 68ch; }
  #amandagat-home .story-teaser .pgx-split { gap: 32px; }
}
@media(max-width:860px) {
  #amandagat-home .story-teaser .pgx-split,
  #amandagat-home .vip-grid { grid-template-columns: minmax(0,1fr); gap: 28px; }
  #amandagat-home .story-teaser .pgx-frame { aspect-ratio: 16/10 !important; }
}
@media(max-width:680px) {
  #amandagat-home .philosophy { padding: 40px 20px; }
  #amandagat-home .philosophy h2 { font-size: 32px; }
  #amandagat-home .story-teaser { padding: 44px 20px !important; }
  #amandagat-home .vip { padding-block: 44px !important; }
  #amandagat-home .story-teaser h2,
  #amandagat-home .vip-copy h2 { font-size: 32px !important; }
  #amandagat-home .villa-card-link h3 { text-underline-offset: .13em; }
}