/* Gone South: focused navigation, an airy home, and thumb-friendly controls. */
:root{--navy:#12343e;--paper:#f8f7f2;--gold:#987b46;--muted:#596e70;--line:#dfe5df}
body{font-size:15px}main{padding:0 36px 28px;max-width:1600px}main>header{grid-template-columns:auto 1fr auto auto;padding:17px 0;min-height:78px}.mobile-brand{display:none}.header-menu{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:white;border-radius:30px;padding:10px 15px;color:var(--navy);min-height:44px;grid-column:3;grid-row:1}main>header>.portal{grid-column:4}.notification-control{display:contents}#push-status{font-size:11px;grid-column:1/-1}#push-toggle{border-radius:30px;background:#edf1eb;color:var(--navy);border:1px solid #dce4dc;font-size:11px;padding:10px 15px}#push-test{font-size:11px}.primary-nav svg{width:21px;height:21px;flex-shrink:0}.primary-nav button{color:var(--navy);font:inherit;text-align:left;border:0;background:transparent;padding:13px;border-radius:7px;display:flex;align-items:center;gap:14px}.primary-nav button:hover,.primary-nav a:hover{background:#f0f3ed}.primary-nav b{border-radius:20px;background:#dce8de;padding:1px 6px}aside{padding:26px 20px}.workspace{margin-top:28px}.advisor{border-radius:14px}
h1{font-size:40px;margin:10px 0 16px;letter-spacing:-1.1px}h2{letter-spacing:-.5px}.view:not(#explore){padding-top:12px}.home-welcome{margin:16px 0 25px}.home-welcome h1{font-size:36px}.home-welcome .eyebrow{color:var(--muted);font-size:9px}.home-hero{min-height:340px;border-radius:20px;overflow:hidden;background:linear-gradient(90deg,#092e3ace,#092e3a05),url('/hero-isla-bella.webp') center/cover;position:relative;padding:36px;color:white;display:flex;align-items:center}.home-hero h2{font-size:70px;margin:16px 0 12px;line-height:.97;letter-spacing:-2px}.hero-label{font-size:9px;letter-spacing:1.6px}.home-hero small{position:absolute;right:24px;bottom:17px;font-size:10px;color:#fff}.button{border-radius:24px;font-size:13px;min-height:44px;padding:12px 20px}.home-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:22px 0 34px}.home-shortcuts a{padding:20px;border:1px solid var(--line);border-radius:15px;background:white}.home-shortcuts a>span{font-size:27px;display:block;color:#997c49;line-height:1;margin-bottom:16px}.home-shortcuts strong{display:block;font-size:14px}.home-shortcuts small{display:block;font-size:12px;line-height:1.45;color:var(--muted);margin-top:6px}.home-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px}.home-section-title h2{font-size:27px}.home-section-title a{font-size:12px;text-decoration:underline;text-underline-offset:4px}#home-giveaway .g-banner{margin:14px 0 25px;border:0;border-radius:16px;grid-template-columns:1.6fr 1fr}#home-giveaway .g-banner>div{padding:25px}#home-giveaway .g-banner h2{font-size:26px;margin:8px 0}#home-giveaway .g-banner p{font-size:13px}#home-giveaway .g-banner .eyebrow{font-size:9px}#home-giveaway .g-banner img{min-height:190px;max-height:300px}.home-trip-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px;border:1px solid #d7dfd5;border-radius:16px;background:#e9eee5}.home-trip-link h2{font-size:26px}.home-trip-link p{margin-bottom:0;color:var(--muted);font-size:13px}.home-trip-link>span{font-size:28px}.home-trip-link .eyebrow{font-size:9px;margin-top:0;color:var(--gold)}
.browse-intro{margin:20px 0 28px}.browse-intro p:last-child{color:var(--muted)}.section-heading{margin:25px 0 16px;align-items:center}.section-heading h2{font-size:25px}.section-heading .eyebrow{display:none}.browse-search input{background:white;border-radius:30px;padding:15px 20px;min-height:50px}.filter-drawer{background:#fff;border:1px solid var(--line);border-radius:12px;margin:12px 0 22px}.filter-drawer summary{cursor:pointer;min-height:48px;padding:14px 18px;font-size:13px;font-weight:bold}.filter-drawer summary span{float:right;font-size:11px;font-weight:normal;color:var(--muted)}.filter-drawer .filters{padding:6px 16px 16px;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto}.filters>label:not(.search){min-width:0}.grid{gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.card{border-radius:14px}.card-image{height:190px}.card h3{font-size:23px;min-height:54px}.card-body{padding:19px}.location{font-size:10px;line-height:1.5;min-height:30px}.tag{font-size:10px}.details{font-size:12px;min-height:44px}.heart{width:42px;height:42px}.load-more-row{text-align:center;padding:25px 0 5px}.load-more-row button[hidden]{display:none}.section-back{display:inline-flex;min-height:44px;align-items:center;font-size:13px;color:var(--muted);margin-bottom:12px}.section-back[hidden]{display:none}.view>p:not(.eyebrow){max-width:650px;color:var(--muted)}
.more-links{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}.more-links a{padding:22px;border:1px solid var(--line);background:white;border-radius:12px}.more-links strong,.more-links span{display:block}.more-links span{font-size:12px;color:var(--muted);margin-top:4px}.collection-heading h1{font-size:35px}.tool-tabs{gap:7px;margin:20px 0}.tool-tabs button{font-size:12px;min-height:44px}.tool-card{border-radius:14px}.tool-card h2{font-size:24px}.tool-card .button{font-size:12px}.tool-card p{line-height:1.5}footer{letter-spacing:.3px;font-size:11px}dialog#detail{border-radius:20px}.close{width:44px;height:44px}.fine{font-size:12px}.plan-side{border-radius:16px}.travel-panel,.travel-card,.travel-empty{border-radius:16px}.travel-panel input,.travel-panel select,.travel-panel textarea,form input,form select,form textarea{font-size:16px}.g-banner{border-radius:16px}.g-banner img{max-height:360px}
#app-menu{position:fixed;inset:0 0 0 auto;margin:0;width:min(420px,92vw);height:100dvh;max-height:100dvh;border-radius:22px 0 0 22px;background:var(--paper);padding:0;overflow-y:auto;overscroll-behavior:contain}#app-menu::backdrop{background:#092d3c88;backdrop-filter:blur(3px)}.menu-top{display:flex;justify-content:space-between;align-items:center;padding:28px 24px 18px;background:var(--paper);position:sticky;top:0;z-index:2;border-bottom:1px solid var(--line)}.menu-top h2{font-size:30px;margin:4px 0}.menu-top .eyebrow{font-size:9px;color:var(--muted)}#close-menu{width:44px;height:44px;border:1px solid var(--line);background:white;border-radius:50%;font-size:27px;color:var(--navy)}#drawer-links{display:block;padding:10px 24px}#drawer-links a{display:block;padding:16px 4px;border-bottom:1px solid var(--line);border-radius:0}#drawer-links a:hover{background:#eaf0e8}#drawer-links strong{display:block;font-size:15px;font-weight:600}#drawer-links span{display:block;font-size:12px;color:var(--muted);margin-top:3px}.menu-foot{padding:25px 28px calc(28px + env(safe-area-inset-bottom,0px));display:grid;gap:5px;font-size:13px}.menu-foot a{font-weight:bold}body:has(#app-menu[open]){overflow:hidden}
@media(max-width:1100px) and (min-width:761px){.home-shortcuts{grid-template-columns:1fr 1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-drawer .filters{grid-template-columns:1fr 1fr}}
@media(max-width:760px){body{font-size:14px}main{margin:0;padding:0 18px calc(90px + env(safe-area-inset-bottom,0px));width:100%;overflow-x:clip}aside{inset:auto 0 0;height:calc(66px + env(safe-area-inset-bottom,0px));padding:0 8px env(safe-area-inset-bottom,0px);border-top:1px solid #e2e5df;z-index:10;box-shadow:0 -4px 22px #17373f06}.primary-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-template-rows:1fr;gap:2px;height:66px}.primary-nav a,.primary-nav button{min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px 2px;font-size:12px;border-radius:12px;margin:5px 0}.primary-nav span{font-size:10px;line-height:1.2;max-width:none}.primary-nav svg{width:21px;height:21px}.primary-nav b{display:none}.primary-nav a.active{background:#eaf0e9}.header-menu{grid-column:3;min-height:44px;width:44px;border:0;padding:10px;border-radius:12px;background:#fff}.header-menu span{display:none}.mobile-brand{display:block;grid-column:2;grid-row:1;justify-self:center}.mobile-brand img{display:block;width:90px;height:45px;object-fit:contain}main>header{grid-template-columns:1fr auto 1fr;gap:2px 8px;padding:12px 0 8px;min-height:65px}.header-menu{justify-self:end}main>header>.portal{display:none}#push-toggle{font-size:10px;padding:9px 10px;min-height:40px;max-width:115px;line-height:1.3}#push-status{font-size:10px;line-height:1.4;padding:3px 0;max-width:100%}#push-test{font-size:10px;min-height:28px}.home-welcome{margin:14px 0 19px}.home-welcome h1{font-size:28px;letter-spacing:-.8px;max-width:290px;margin:8px 0}.home-welcome .eyebrow{font-size:8px;letter-spacing:1.7px}.home-hero{min-height:260px;padding:25px;border-radius:17px;background-position:62% center}.home-hero h2{font-size:58px;margin:13px 0}.hero-label{font-size:8px;letter-spacing:1px}.home-hero .light{margin-top:9px;font-size:12px;padding:12px 17px}.home-hero small{font-size:9px;right:16px;bottom:12px}.home-shortcuts{grid-template-columns:1fr 1fr;gap:10px;margin:15px 0 28px}.home-shortcuts a{padding:17px 15px;border-radius:13px;min-height:133px}.home-shortcuts a>span{font-size:24px;margin-bottom:13px}.home-shortcuts strong{font-size:13px}.home-shortcuts small{font-size:11px}.home-section-title h2{font-size:25px}.home-section-title a{font-size:11px}#home-giveaway .g-banner{grid-template-columns:1fr;border-radius:14px}#home-giveaway .g-banner>div{padding:23px}#home-giveaway .g-banner img{display:none}#home-giveaway .g-banner h2{font-size:26px}#home-giveaway .g-banner .button{font-size:12px}.home-trip-link{padding:22px}.home-trip-link h2{font-size:24px}.home-trip-link p{font-size:12px}.home-trip-link .eyebrow{font-size:8px}.view:not(#explore){padding-top:6px}.view h1{font-size:32px;line-height:1.13;letter-spacing:-.8px}.home-welcome h1{font-size:28px}.browse-intro{margin:18px 0 25px}.browse-intro p:last-child{font-size:13px}.section-heading{margin-top:20px}.section-heading h2{font-size:23px}#results{font-size:11px;white-space:nowrap}.filter-drawer summary{font-size:12px;padding:14px}.filter-drawer summary span{font-size:10px}.filter-drawer .filters{grid-template-columns:1fr;gap:9px}.filter-drawer select{font-size:16px}.filter-drawer .textbutton{text-align:left}.browse-search input{font-size:16px}.grid{grid-template-columns:1fr;gap:16px}.card-image{height:205px}.card-body{padding:18px}.card h3{font-size:25px;min-height:0;margin:7px 0 12px}.location{font-size:10px;min-height:0}.tags{min-height:0}.tag{font-size:11px;padding:4px 8px}.details{font-size:12px;margin-top:12px}.heart{height:44px;width:44px}.load-more-row .button{width:100%}.tool-grid{grid-template-columns:1fr}.tool-card{padding:22px}.tool-card h2{font-size:25px}.tool-tabs{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px}.tool-tabs button{white-space:nowrap;padding:9px 14px}.collection-heading h1{font-size:32px}.collection-heading p{font-size:13px}.more-links{grid-template-columns:1fr}.section-back{margin:0 0 8px;min-height:40px}.travel-empty{padding:25px}.travel-panel,.travel-card{padding:20px}.offer-card{padding:0}.travel-actions .button{flex-grow:1}.plan-layout{gap:20px}.plan-side{padding:23px}footer{margin-top:32px;padding-bottom:16px;font-size:10px}#toast{bottom:calc(82px + env(safe-area-inset-bottom,0px));z-index:20}.g-banner>div{padding:23px}.g-banner h2{font-size:28px}}
@media(prefers-reduced-motion:no-preference){#app-menu[open]{animation:menu-in .22s ease-out}@keyframes menu-in{from{transform:translateX(100%)}to{transform:translateX(0)}}}
.notification-invite{border:1px solid #d8dfd2;background:#edf1e7;padding:24px;border-radius:16px;margin:0 0 28px}.notification-invite[hidden]{display:none}.notification-invite h2{font-size:28px}.notification-invite p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:520px}.notification-invite .eyebrow{font-size:9px;color:var(--gold)}.notification-invite .textbutton{font-size:12px;min-height:44px}.notification-invite .button:disabled{opacity:.6}
.notification-invite{display:flex;gap:12px;align-items:center;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:12px;margin-bottom:26px}.notification-invite .invite-text{flex:1;min-width:0}.notification-invite h2{font-family:Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:0;margin:0 0 4px}.notification-invite p:not(.eyebrow){font-size:11px;line-height:1.45;margin:0}.notification-invite .button{font-size:11px;min-height:40px;padding:10px 15px}.notification-invite .textbutton{font-size:22px;text-decoration:none;padding:4px;min-width:28px;min-height:44px;color:#6b7c7c}
@media(max-width:760px){.notification-invite{gap:9px;padding:13px}.home-hero{min-height:240px}.home-shortcuts a{min-height:120px;padding:15px}.home-shortcuts a>span{margin-bottom:11px}.home-shortcuts{margin-bottom:25px}}
.primary-nav button.active{background:#edf3ee;font-weight:700}
