/* Homepage only. Layout remains editable in Elementor; Directorist owns search. */
.five-home-page .fstr-header {position:relative!important;inset:auto!important;background:var(--fstr-forest-900)!important}
.five-home-page .fstr-header .fstr-header-inner {max-width:1280px}
.five-home {
  --five-ink:var(--fstr-ink-900); --five-deep-teal:var(--fstr-forest-900); --five-teal:var(--fstr-forest-900);
  --five-surface:var(--fstr-sand-100); --five-cream:var(--fstr-sand-100); --five-gold:var(--fstr-gold-500);
  --five-muted:var(--fstr-slate-700); --five-line:var(--fstr-line-200);
  --five-side:clamp(20px,4.4vw,64px); --five-space:clamp(96px,9vw,128px);
  --five-serif:Georgia,'Times New Roman',serif; --five-sans:Inter,Arial,sans-serif;
  display:flex; flex-direction:column; width:100%; max-width:none; gap:0;
  padding:0; background:var(--five-surface); color:var(--five-ink);
  font-family:var(--five-sans); --container-widget-width:100%; --widgets-spacing:0;
}
.five-home *, .five-home *::before, .five-home *::after {box-sizing:border-box}
.five-home .e-con {--container-default-padding-top:0; --container-default-padding-bottom:0; --container-default-padding-left:0; --container-default-padding-right:0; --gap:0; --widgets-spacing:0}
.five-home .elementor-widget {margin-block-end:0;min-width:0}
.five-home .five-container {width:calc(100% - 2 * var(--five-side));max-width:1280px;margin-inline:auto}
.five-home .five-grid {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(20px,2.4vw,36px);align-items:center}
.five-home .five-col-3 {grid-column:span 3;width:100%}
.five-home .five-col-4 {grid-column:span 4;width:100%}
.five-home .five-col-5 {grid-column:span 5;width:100%}
.five-home .five-col-6 {grid-column:span 6;width:100%}
.five-home .five-col-7 {grid-column:span 7;width:100%}
.five-home .five-section {padding-block:var(--five-space);width:100%}
.five-home h1,.five-home h2,.five-home h3,.five-home .elementor-heading-title {font-family:var(--five-serif)!important;font-weight:400!important;letter-spacing:-.035em;line-height:1.08;color:inherit!important;margin:0}
.five-home h1.elementor-heading-title {font-size:clamp(48px,5.55vw,80px);letter-spacing:-.045em}
.five-home h2.elementor-heading-title {font-size:clamp(34px,3.4vw,49px)}
.five-home h3 {font-size:28px}
.five-home p {font:400 16px/1.7 var(--five-sans);color:inherit;margin:0}
.five-home .elementor-widget-text-editor p:last-child {margin:0}
.five-home a {color:inherit}
.five-home a:focus-visible,.five-home button:focus-visible,.five-home select:focus-visible,.five-home summary:focus-visible {outline:2px solid var(--fstr-forest-900);outline-offset:4px}
.five-home .five-experiences a:focus-visible {outline-color:var(--fstr-gold-200)}
/* Canonical CTAs from /all-listings/: primary (forest) and outline (gold hairline). */
.five-home .five-button,.five-home .five-elementor-button .elementor-button {display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 15px;background:var(--fstr-forest-900);border:1px solid var(--fstr-gold-500);border-radius:var(--fstr-radius-cta);color:var(--fstr-cream-100);font:500 14px/1.4 var(--five-serif);letter-spacing:0;text-transform:capitalize;text-decoration:none;box-shadow:none;transition:background .18s,color .18s}
.five-home .five-elementor-button .elementor-button .elementor-button-text {font:inherit;color:inherit}
.five-home .five-button:hover,.five-home .five-elementor-button .elementor-button:hover {background:var(--fstr-forest-hover);color:var(--fstr-cream-100)}
.five-home .five-outline .elementor-button,.five-home .five-featured-panel .five-button {background:transparent;border-color:var(--fstr-gold-500);color:var(--fstr-neutral-700);padding:7px 12px}
.five-home .five-outline .elementor-button:hover,.five-home .five-featured-panel .five-button:hover {background:var(--fstr-forest-900);color:var(--fstr-cream-100)}
.five-home .five-hero {min-height:600px;position:relative;isolation:isolate;display:flex;justify-content:center;width:100%;color:var(--fstr-hero-white);background:var(--five-deep-teal);padding:76px 0 190px}
.five-home .five-hero::after {content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,30,40,.77),rgba(0,30,40,.25) 65%,rgba(0,30,40,.03)),linear-gradient(0deg,rgba(0,30,40,.28),transparent 50%)}
.five-home .five-hero-photo {position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.five-home .five-hero-photo .elementor-widget-container,.five-home .five-hero-photo img {width:100%;height:100%}
.five-home .five-hero-photo img {object-fit:cover;object-position:center}
.five-home .five-hero-content {position:relative;z-index:1;gap:22px}
.five-home .five-hero-title {max-width:870px}
.five-home .five-hero-intro p {font-size:18px;line-height:1.5;color:var(--fstr-hero-white);max-width:520px;text-shadow:0 1px 12px #183c45}
.five-home .five-search-wrap {position:absolute;z-index:5;bottom:60px;left:0;right:0;scroll-margin-top:24px}
.five-home .five-search .directorist-search-contents {padding:0;margin:0;background:transparent}
.five-home .five-search .directorist-search-form {padding:14px 16px!important;margin:0!important;background:var(--fstr-ivory-50)!important;border:1px solid var(--fstr-line-200)!important;box-shadow:var(--fstr-shadow-raised)!important;border-radius:var(--fstr-radius-card)!important}
.five-home .five-search .directorist-search-form__wrap {background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.five-home .five-search .directorist-search-form__box {display:grid!important;grid-template-columns:minmax(0,1fr) 180px;gap:10px;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;align-items:end}
.five-home .five-search .directorist-search-form-top {display:block!important;width:100%!important;min-width:0;padding:0!important;margin:0!important;border:0!important}
.five-home .five-native-fields {display:grid!important;grid-template-columns:1.3fr repeat(3,minmax(0,1fr));gap:9px!important;width:100%;padding:0!important;margin:0!important}
.five-home .five-native-field {width:100%!important;max-width:none!important;padding:6px 14px 2px!important;border:1px solid var(--fstr-line-200)!important;border-radius:var(--fstr-radius-cta);background:var(--fstr-ivory-50);margin:0!important;text-align:left;min-width:0}
.five-home .five-native-field label {display:block!important;color:var(--five-ink)!important;font:600 11px/1.5 var(--five-sans)!important;letter-spacing:.02em;margin:0!important;position:static!important}
.five-home .five-native-field select,.five-home .five-native-field input {display:block!important;appearance:auto;width:100%;height:36px;min-height:36px;border:0!important;border-radius:0;background:transparent!important;color:var(--fstr-ink-900)!important;padding:0 5px 0 0!important;font:400 13px/1.4 var(--five-sans)!important;box-shadow:none!important;text-overflow:ellipsis}
.five-home .five-search .directorist-search-form-action,.five-home .five-search .directorist-search-form-action__submit {width:100%!important;margin:0!important;padding:0!important}
.five-home .five-search .directorist-btn-search {width:100%;min-height:45px!important;border-radius:var(--fstr-radius-cta)!important;background:var(--fstr-forest-900)!important;color:var(--fstr-cream-100)!important;border:1px solid var(--fstr-gold-500)!important;padding:10px 15px!important;font:500 14px/1.4 var(--five-serif)!important;letter-spacing:0;text-transform:capitalize}
.five-home .five-search .directorist-btn-search:hover {background:var(--fstr-forest-hover)!important}
.five-home .five-search .directorist-btn-search .directorist-icon-mask {display:none}
.five-home .five-search .directorist-search-modal,.five-home .five-search .directorist-search-top,.five-home .five-search .directorist-listing-category-top {display:none!important}
.five-home .five-intro {position:relative;overflow:hidden}
/* Hatch texture retired in favour of the palm ornaments. */
.five-home .five-intro::before {display:none;content:'';position:absolute;top:-36px;left:-55px;width:130px;height:250px;opacity:.09;transform:rotate(-32deg);background:repeating-linear-gradient(27deg,transparent 0 17px,#31574b 18px 25px,transparent 26px 38px);border-radius:100%;pointer-events:none}
.five-home .five-map-widget {width:100%}
.five-home .five-map {display:block;width:100%;height:auto;max-height:560px;overflow:visible}
.five-home .five-map text {fill:var(--five-ink);font:600 14px var(--five-sans)}
.five-home .five-map .five-map-country {font:500 10px var(--five-sans);letter-spacing:2px;fill:var(--fstr-hero-white)}
.five-home .five-map a:hover image {filter:brightness(1.12)}
.five-home .five-map a:focus-visible {outline:0}
.five-home .five-map a:focus-visible circle {stroke:var(--fstr-forest-900);stroke-width:6px}
.five-home .five-intro-copy {gap:25px;padding-left:8px}
.five-home .five-intro-copy p {color:var(--five-muted);max-width:420px}
.five-home .five-intro-copy .five-elementor-button {margin-top:6px}
.five-home .five-experiences {background:var(--five-deep-teal);color:var(--five-surface);position:relative;overflow:hidden}
.five-home .five-experiences::after {display:none;content:'';position:absolute;bottom:-45px;right:-75px;width:140px;height:250px;opacity:.08;transform:rotate(30deg);background:repeating-linear-gradient(-27deg,transparent 0 18px,#e1c58f 19px 26px,transparent 27px 39px);border-radius:100%;pointer-events:none}
.five-home .five-experience-top {align-items:center;gap:36px}
.five-home .five-experience-copy {gap:24px}
.five-home .five-experiences {color:var(--fstr-cream-100)}
.five-home .five-experience-copy p,.five-home .five-experience-aside p {color:var(--fstr-cream-100)}
.five-home .five-experience-photo {border:1px solid var(--fstr-gold-500);border-radius:180px 180px 5px 5px;overflow:hidden;padding:7px;background:var(--fstr-forest-900)}
.five-home .five-experience-photo img {width:100%;aspect-ratio:1/1.12;object-fit:cover;border-radius:170px 170px 0 0;display:block}
.five-home .five-experience-aside {gap:19px;padding-left:4px}
.five-home .five-experience-aside h3.elementor-heading-title {font-size:34px;color:var(--fstr-gold-200)!important}
.five-home .five-experience-aside p {font-size:15px}
.five-home .five-experience-icons {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:56px;width:100%}
.five-home .five-experience-icon .elementor-icon-box-wrapper {display:flex;flex-direction:column;align-items:center;text-align:center;gap:15px}
.five-home .five-experience-icon .elementor-icon-box-icon {margin:0}
.five-home .five-experience-icon .elementor-icon {display:inline-flex;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid var(--five-gold);border-radius:50%;color:var(--five-gold);font-size:28px;padding:0}
.five-home .five-experience-icon .elementor-icon svg {fill:currentColor;width:28px;height:28px}
.five-home .five-experience-icon h3.elementor-icon-box-title,.five-home .five-experience-icon h3.elementor-icon-box-title a {font:500 13px/1.45 var(--five-sans)!important;letter-spacing:0;color:var(--fstr-cream-100)!important;max-width:140px;margin:0 auto}
.five-home .five-experience-icon a {text-decoration:none}
.five-home .five-experience-icon a:hover {color:var(--five-gold)}
.five-home .five-destinations {padding-bottom:0;scroll-margin-top:30px}
.five-home .five-section-heading {display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:28px;margin-bottom:30px}
.five-home .five-section-heading h2.elementor-heading-title {font-size:clamp(30px,2.6vw,39px)}
.five-home .five-section-heading .elementor-widget-heading {flex:1}
.five-home .five-text-link {width:auto;flex-shrink:0}
.five-home .five-text-link .elementor-button {border:0;background:none;color:var(--fstr-ink-900);padding:10px 0;font:500 14px/1.4 var(--five-serif);text-transform:none}
.five-home .five-text-link .elementor-button:hover {background:transparent;color:var(--fstr-ink-900);text-decoration:underline;text-underline-offset:3px}
.five-home .five-cards {display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;width:100%}
.five-home .five-destination-card .elementor-image-box-wrapper {position:relative;isolation:isolate;overflow:hidden;border-radius:var(--fstr-radius-card);min-height:260px;background:var(--five-deep-teal);text-align:left}
.five-home .five-destination-card .elementor-image-box-img {width:100%!important;display:block;margin:0!important}
.five-home .five-destination-card img {display:block;width:100%;height:260px;object-fit:cover;transition:transform .3s}
.five-home .five-destination-card .elementor-image-box-content {position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 15px;background:linear-gradient(0deg,#002733f2,transparent 70%);color:var(--fstr-hero-white)}
.five-home .five-destination-card h3.elementor-image-box-title {color:var(--fstr-hero-white);font:400 23px/1.15 var(--five-serif);letter-spacing:-.02em;margin:0 0 8px}
.five-home .five-destination-card .elementor-image-box-title a::after {content:'';position:absolute;inset:0;z-index:2}
.five-home .five-destination-card .elementor-image-box-description {font:400 11px/1.5 var(--five-sans);color:var(--fstr-hero-white);letter-spacing:0;margin:0}
.five-home .five-destination-card:hover img {transform:scale(1.035)}
.five-home .five-destination-card:focus-within {outline:2px solid var(--fstr-forest-900);outline-offset:4px}
.five-home .five-featured-section {position:relative}
.five-home .five-featured {display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center}
.five-home .five-featured-image {grid-column:1/9;grid-row:1;overflow:hidden;border-radius:var(--fstr-radius-card)}
.five-home .five-featured-image img {display:block;width:100%;aspect-ratio:1.45;object-fit:cover}
.five-home .five-featured-panel {grid-column:8/13;grid-row:1;position:relative;z-index:1;width:100%;background:var(--five-surface);padding:46px 38px;gap:18px;background:var(--fstr-ivory-50);border:1px solid var(--fstr-line-200);border-radius:var(--fstr-radius-card);box-shadow:var(--fstr-shadow-card)}
.five-home .five-featured-panel::before {content:'';width:30px;height:2px;background:var(--fstr-gold-500);display:block;margin-bottom:0}
.five-home .five-featured-panel h2.elementor-heading-title {font-size:clamp(34px,3.2vw,46px)}
.five-home .five-featured-name {font-size:29px;line-height:1.15;margin:0}
.five-home .five-featured-panel p {font-size:15px;color:var(--five-muted)}
.five-home .five-featured-panel .five-featured-location {font-size:12px;font-weight:600;color:var(--fstr-slate-700);letter-spacing:.025em}
.five-home .five-featured-panel .five-button {margin-top:6px}
.five-home .five-why {background:var(--five-cream)}
.five-home .five-why-photo img {display:block;width:100%;aspect-ratio:1.45;object-fit:cover;border-radius:var(--fstr-radius-card)}
.five-home .five-why-copy {gap:24px;padding-left:36px}
.five-home .five-why-copy p {color:var(--five-muted);max-width:460px}
.five-home .five-credit-section {padding-block:24px;width:calc(100% - 2 * var(--five-side));color:var(--five-muted)}
.five-home .five-credits {font:400 12px/1.6 var(--five-sans)}
.five-home .five-credits summary {display:list-item;cursor:pointer;width:fit-content;padding:8px 0;min-height:36px}
.five-home .five-credits ul {margin:14px 0 0;padding-left:20px}
.five-home .five-credits a {text-decoration:underline}
@media(max-width:1100px) {
  .five-home .five-search .directorist-search-form__box {grid-template-columns:minmax(0,1fr) 175px;gap:12px}
  .five-home .five-native-field {padding-inline:12px!important}
  .five-home .five-native-fields {grid-template-columns:repeat(2,minmax(0,1fr))}
  .five-home .five-experience-top {gap:24px}
  .five-home .five-experience-copy {grid-column:span 5}
  .five-home .five-experience-photo {grid-column:span 4}
  .five-home .five-experience-aside {grid-column:span 3}
  .five-home .five-experience-aside h3.elementor-heading-title {font-size:28px}
  .five-home .five-experience-aside p {font-size:14px}
  .five-home .five-cards {grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .five-home .five-destination-card img {height:290px}
  .five-home .five-featured-panel {padding:32px 28px}
  .five-home .five-section-heading {align-items:flex-start}
}
@media(max-width:850px) {
  .five-home {--five-space:80px}
  .five-home .five-hero {min-height:610px;padding-top:60px;padding-bottom:220px}
  .five-home .five-search .directorist-search-form__box {grid-template-columns:1fr;gap:16px}
  .five-home .five-search-wrap {bottom:36px}
  .five-home .five-search .directorist-btn-search {min-height:46px!important}
  .five-home .five-intro .five-grid {gap:12px}
  .five-home .five-intro .five-col-7 {grid-column:span 6}
  .five-home .five-intro-copy {grid-column:span 6;padding-left:12px;gap:20px}
  .five-home .five-intro-copy h2.elementor-heading-title {font-size:34px}
  .five-home .five-intro-copy p {font-size:15px}
  .five-home .five-experience-copy {grid-column:span 6}
  .five-home .five-experience-photo {grid-column:span 6}
  .five-home .five-experience-aside {display:none}
  .five-home .five-experience-icons {gap:10px;margin-top:42px}
  .five-home .five-experience-icon .elementor-icon {width:64px;height:64px;font-size:25px}
  .five-home .five-experience-icon h3.elementor-icon-box-title {font-size:11px}
  .five-home .five-section-heading {display:block}
  .five-home .five-section-heading .five-text-link {margin-top:12px}
  .five-home .five-featured-image {grid-column:1/9}
  .five-home .five-featured-panel {grid-column:7/13;padding:30px 24px}
  .five-home .five-featured-image img {aspect-ratio:1.05}
  .five-home .five-why-copy {padding-left:10px}
}
@media(max-width:767px) {
  .five-home {--five-side:22px;--five-space:64px}
  .five-home .five-grid {grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
  .five-home .five-grid>* {grid-column:1/-1!important}
  .five-home h1.elementor-heading-title {font-size:44px}
  .five-home h2.elementor-heading-title {font-size:36px}
  .five-home .five-hero {min-height:780px;padding-top:55px;padding-bottom:380px;justify-content:flex-start}
  .five-home .five-hero-photo img {object-position:70% center}
  .five-home .five-hero::after {background:linear-gradient(90deg,#002733b8,#00273333),linear-gradient(0deg,#00273380,transparent)}
  .five-home .five-hero-content {gap:20px}
  .five-home .five-hero-intro p {font-size:16px}
  .five-home .five-search-wrap {bottom:28px}
  .five-home .five-search .directorist-search-form {padding:17px 20px!important}
  .five-home .five-native-fields {grid-template-columns:1fr;gap:9px!important}
  .five-home .five-native-field,.five-home .five-native-field:first-child {padding:6px 12px 2px!important}
  .five-home .five-native-field label {font-size:11px!important;margin-bottom:0!important}
  .five-home .five-native-field select,.five-home .five-native-field input {height:34px;min-height:34px;font-size:16px!important}
  .five-home .five-search .directorist-search-form__box {gap:14px}
  .five-home .five-search .directorist-btn-search {min-height:48px!important}
  .five-home .five-intro .five-grid {gap:32px}
  .five-home .five-map-widget {order:0}
  .five-home .five-map {max-height:470px}
  .five-home .five-intro-copy {padding:0;gap:22px}
  .five-home .five-intro-copy h2.elementor-heading-title {font-size:36px}
  .five-home .five-intro-copy p {font-size:16px}
  .five-home .five-experience-copy {gap:22px}
  .five-home .five-experience-photo {max-width:390px;margin:4px auto 0}
  .five-home .five-experience-photo img {aspect-ratio:1.12}
  .five-home .five-experience-icons {grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 12px;margin-top:36px}
  .five-home .five-experience-icon h3.elementor-icon-box-title {font-size:12px}
  .five-home .five-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .five-home .five-destination-card img {height:235px}
  .five-home .five-destination-card .elementor-image-box-content {padding:17px 12px}
  .five-home .five-destination-card h3.elementor-image-box-title {font-size:23px}
  .five-home .five-destination-card .elementor-image-box-description {font-size:10px}
  .five-home .five-featured {display:flex;flex-direction:column}
  .five-home .five-featured-image {width:100%}
  .five-home .five-featured-image img {aspect-ratio:1.25}
  .five-home .five-featured-panel {width:calc(100% - 24px);margin:-30px 12px 0;padding:32px 25px;gap:18px}
  .five-home .five-featured-panel h2.elementor-heading-title {font-size:37px}
  .five-home .five-featured-name {font-size:28px}
  .five-home .five-why-copy {padding:0;gap:23px}
  .five-home .five-credit-section {padding-block:18px}
}
@media(prefers-reduced-motion:reduce) {
  .five-home *,.five-home *::before,.five-home *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

/* Keyword field mirrors the "Search resorts" input on /all-listings/. */
.five-home .five-native-field input {outline:0}
.five-home .five-native-field input::placeholder {color:var(--fstr-gray-600);opacity:1}

/* Mockup layout pass (2026-10-26): hero, map, experiences, tiles, featured, banner. */
.five-home .five-hero {min-height:720px;padding:96px 0 220px}
/* Palm ornaments: two placements only, never over controls; hidden below 1024px. */
.five-home .five-hero::before,.five-home .five-experiences::before {content:'';position:absolute;z-index:1;pointer-events:none;background:url('palm-frond-subtle.svg') no-repeat center/contain}
.five-home .five-hero::before {left:-34px;top:-10px;width:150px;height:182px;transform:scaleY(-1) rotate(8deg);opacity:.85}
.five-home .five-experiences::before {top:auto;left:-52px;bottom:-30px;width:140px;height:170px;opacity:.45;z-index:0}
.five-home .five-map {max-height:600px}
.five-home .five-intro .five-grid {align-items:center}
/* Experiences: circular photo with a hairline gold ring, icon row with dividers. */
.five-home .five-experience-photo {border-radius:50%;padding:10px;aspect-ratio:1;max-width:460px;margin-inline:auto;background:transparent}
.five-home .five-experience-photo .elementor-widget-container {height:100%}
.five-home .five-experience-photo img {aspect-ratio:1;height:100%;border-radius:50%}
.five-home .five-experience-icons {margin-top:64px;gap:0}
.five-home .five-experience-icon {padding:4px 12px}
.five-home .five-experience-icon + .five-experience-icon {border-left:1px solid rgba(199,164,92,.35)}
/* Destination tiles: caption plus a circled arrow, as in the mockup. */
.five-home .five-destination-card .elementor-image-box-content {padding:22px 52px 20px 16px}
.five-home .five-destination-card .elementor-image-box-content::after {content:'→';position:absolute;right:14px;bottom:20px;width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(255,254,247,.75);border-radius:50%;color:var(--fstr-hero-white);font:400 15px/1 var(--five-sans);transition:background .18s,color .18s}
.five-home .five-destination-card:hover .elementor-image-box-content::after {background:var(--fstr-hero-white);color:var(--fstr-forest-900)}
/* Featured resort: CTA and indicative price side by side. */
.five-home .five-featured-cta {display:flex;align-items:center;flex-wrap:wrap;gap:16px 28px;margin-top:6px}
.five-home .five-featured-cta .five-button {margin:0}
.five-home .five-featured-price {display:flex;flex-direction:column;gap:2px;padding-left:28px;border-left:1px solid var(--fstr-line-200);font:400 12px/1.3 var(--five-sans)!important;color:var(--fstr-gray-600)!important}
.five-home .five-featured-price strong {font:500 22px/1.2 var(--five-serif);color:var(--fstr-ink-900)}
/* Why Thailand: photographic banner, copy left and CTA right. */
.five-home .five-why {position:relative;isolation:isolate;overflow:hidden;background:var(--fstr-forest-900);color:var(--fstr-hero-white);padding-block:clamp(112px,10vw,152px)}
.five-home .five-why::after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(16,63,60,.88),rgba(16,63,60,.5) 55%,rgba(16,63,60,.2))}
/* Elementor containers are position:relative; let the photo fill the whole section. */
.five-home .five-why .five-grid {display:block;--position:static;position:static}
.five-home .five-why .five-why-photo {position:absolute;inset:0;z-index:-2;width:100%!important;max-width:none}
.five-home .five-why .five-why-photo .elementor-widget-container,.five-home .five-why .five-why-photo img {width:100%;height:100%}
.five-home .five-why-photo img {aspect-ratio:auto;border-radius:0}
.five-home .five-why .five-why-copy {display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:48px;row-gap:20px;align-items:end;padding-left:0;width:100%}
.five-home .five-why .five-why-copy > .elementor-widget-button {grid-column:2;grid-row:1 / span 2;align-self:center}
.five-home .five-why .five-why-copy p {color:var(--fstr-cream-100);max-width:460px}
.five-home .five-on-dark .elementor-button {background:rgba(16,63,60,.35);border-color:var(--fstr-gold-500);color:var(--fstr-cream-100)}
.five-home .five-on-dark .elementor-button:hover {background:var(--fstr-forest-900);color:var(--fstr-cream-100)}
@media(max-width:1199px) {
  .five-home .five-experiences::before {display:none}
}
@media(max-width:1023px) {
  .five-home .five-hero::before {display:none}
}
@media(max-width:850px) {
  .five-home .five-hero {min-height:640px;padding:60px 0 230px}
  .five-home .five-experience-icon + .five-experience-icon {border-left:0}
  .five-home .five-why .five-why-copy {grid-template-columns:1fr}
  .five-home .five-why .five-why-copy > .elementor-widget-button {grid-column:1;grid-row:auto;justify-self:start}
}
@media(max-width:767px) {
  .five-home .five-hero {min-height:780px;padding:55px 0 400px}
  .five-home .five-experience-photo {max-width:340px}
  .five-home .five-experience-icons {margin-top:40px}
  .five-home .five-featured-price {padding-left:20px}
}
.five-home .five-featured-panel::before {position:static;inset:auto;flex:0 0 auto}
.five-home .five-featured-location::before {content:'';display:inline-block;width:12px;height:12px;margin:0 6px -1px 0;background:var(--fstr-gold-500);-webkit-mask:url('location-pin.svg') no-repeat center/contain;mask:url('location-pin.svg') no-repeat center/contain}