/* Edge-to-edge destination photography with navigation kept on the image. */
.trip-banner{width:100%;height:auto;min-height:430px;border-radius:0;display:flex;flex-direction:column;background:#06120d;color:#fff}
.trip-banner>.hero-picture{position:absolute;inset:0;z-index:-2;display:block;overflow:hidden;contain:size}
.trip-banner .hero-picture>img{position:absolute;inset:0;height:100%;width:100%;max-width:none;max-height:none;aspect-ratio:auto;display:block;object-fit:cover;object-position:50% 50%}
.trip-banner .banner-shade{background:linear-gradient(180deg,rgba(2,13,9,.78) 0%,rgba(2,13,9,.28) 35%,rgba(2,13,9,.22) 52%,rgba(2,13,9,.85) 100%),linear-gradient(90deg,rgba(2,13,9,.28),transparent 65%)}
.trip-banner .masthead{position:relative;width:100%;max-width:1200px;margin:0 auto;padding:20px 36px;height:auto;min-height:100px;gap:24px;align-items:center}
.trip-banner .brand{color:#fff;max-width:490px;gap:12px}
.trip-banner .brand-name{font-size:.875rem;line-height:1.4;letter-spacing:.065em;overflow-wrap:normal}
.trip-banner .brand-tagline{font-size:.8125rem;font-weight:500;letter-spacing:.01em}
.trip-banner .brand-sub{color:#dbe9d8;font-size:.75rem;margin-top:4px}
.trip-banner .header-right{gap:10px;color:#fff}
.trip-banner .connection{color:#e2ece2}
.trip-banner .theme-toggle,.trip-banner .icon-button{background:rgba(4,21,14,.68);color:#fff;border:1px solid rgba(239,250,234,.35);min-height:44px;min-width:44px;backdrop-filter:blur(12px)}
.trip-banner .icon-button{border-radius:12px}
.trip-banner .theme-toggle:hover,.trip-banner .icon-button:hover{background:rgba(31,70,47,.95)}
.trip-banner :is(button,a):focus-visible{outline:3px solid #e2f394;outline-offset:4px}
.hero-inner{position:relative;width:100%;max-width:1200px;margin:auto auto 0;padding:42px 36px 24px;display:flex;flex-direction:column;gap:27px}
.trip-banner .banner-content{position:static}
.trip-banner .banner-content h1{font-size:clamp(60px,6.5vw,86px);margin:9px 0 15px;line-height:1;letter-spacing:-2.7px}
.trip-banner .banner-content .eyebrow{color:#eef6e9}
.trip-banner .route-line{font-size:1rem;line-height:1.5;color:#f2f7ed}
.trip-banner .hero-nav{position:static;display:flex;flex-direction:row;gap:7px;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.trip-banner .hero-nav>button{flex:0 1 auto;flex-direction:row;gap:9px;min-height:46px;padding:11px 17px;border:1px solid rgba(239,250,234,.32);border-radius:10px;background:rgba(3,19,12,.65);color:#f1f7ec;font-size:.875rem;line-height:1.4;backdrop-filter:blur(12px)}
.trip-banner .hero-nav>button[aria-current=page]{background:#dcef8c;color:#122a1c;border-color:#dcef8c}
.trip-banner .hero-nav>button:not([aria-current=page]):hover{background:rgba(35,74,50,.92);color:#fff}
.workspace{padding-top:30px}
.sidebar-note{margin-top:0}
.travel-state{border-style:solid;text-align:left}
.travel-state>svg{color:var(--green);height:28px;width:28px;margin-bottom:12px}
.travel-state p{max-width:560px}
@media(min-width:1600px){.trip-banner{min-height:480px}}
@media(max-width:900px){.trip-banner .masthead{padding-left:24px;padding-right:24px}.hero-inner{padding-left:24px;padding-right:24px}.trip-banner .connection{display:none}}
@media(max-width:680px){
 .trip-banner{min-height:370px}
 .trip-banner .masthead{padding:calc(14px + env(safe-area-inset-top)) 19px 14px;min-height:98px;gap:12px;align-items:flex-start}
 .trip-banner .brand{gap:9px;max-width:none}
 .trip-banner .brand-mark{width:34px;height:34px;margin-top:3px}
 .trip-banner .brand-name{font-size:.875rem;letter-spacing:.01em;line-height:1.4}
 .trip-banner .brand-tagline{font-size:.8125rem;line-height:1.4}
 .trip-banner .brand-sub{font-size:.75rem;letter-spacing:.06em}
 .trip-banner .header-right{gap:5px}
 .trip-banner .theme-toggle{font-size:.875rem;min-width:56px;padding:8px}
 .trip-banner .source-link{width:44px;height:44px}
 .hero-inner{padding:30px 19px 20px;gap:22px}
 .trip-banner .banner-content h1{font-size:60px;margin:8px 0 12px;letter-spacing:-2px}
 .trip-banner .route-line{font-size:.875rem}
 .trip-banner .hero-nav{width:100%;gap:6px;justify-content:space-between}
 .trip-banner .hero-nav>button{justify-content:center;flex:1;gap:6px;padding:10px 7px;min-height:46px;font-size:.875rem}
 .trip-banner .hero-nav>button svg{height:17px;width:17px}
 .workspace{padding-top:24px}
 .sidebar{display:none}
 .page-footer{padding-bottom:35px}
 .install-prompt{bottom:calc(16px + env(safe-area-inset-bottom))}
}
@media(max-width:360px){.trip-banner .masthead{padding-left:14px;padding-right:14px;gap:8px}.trip-banner .brand{gap:7px}.trip-banner .brand-mark{width:30px;height:30px}.hero-inner{padding-left:14px;padding-right:14px}.trip-banner .hero-nav>button{font-size:.875rem;padding-left:5px;padding-right:5px;gap:5px}}
@media print{.trip-banner{display:none}.workspace{padding-top:0}}