#scenic-site-header{background:#fff!important;color:#384850!important;border:0!important;border-bottom:1px solid #d8c8ac!important;position:relative!important;padding:0!important;margin:0!important;width:100%!important;box-shadow:none!important;line-height:normal!important;font-family:Arial,Helvetica,sans-serif!important;text-align:left!important}
#scenic-site-header *{box-sizing:border-box}
#scenic-site-header .header-inner{max-width:1280px!important;margin:0 auto!important;padding:17px 32px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:30px!important;width:100%!important}
#scenic-site-header .site-logo{display:grid!important;grid-template-columns:83px auto!important;align-items:center!important;gap:3px!important;flex-shrink:0!important;text-decoration:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
#scenic-site-header .ata-original{display:block!important;width:83px!important;height:60px!important;overflow:hidden!important}
#scenic-site-header .ata-original img{display:block!important;width:227px!important;height:60px!important;max-width:none!important;margin:0!important;border:0!important;border-radius:0!important;object-fit:fill!important}
#scenic-site-header .ata-country{display:flex!important;flex-direction:column!important;gap:4px!important}
#scenic-site-header .ata-country>strong{font:700 16px/1.1 Arial,sans-serif!important;letter-spacing:1.3px!important;color:#b78b17!important}
#scenic-site-header .ata-flag-label{display:flex!important;align-items:center!important;gap:9px!important}
#scenic-site-header .ata-flag-label svg{display:block!important;width:53px!important;height:29px!important}
#scenic-site-header .ata-flag-label b{font:700 15px/1 Arial,sans-serif!important;color:#e82030!important}
#scenic-site-header .scenic-brand-tagline{grid-column:1/-1!important;display:block!important;color:#846a36!important;font:600 12px/1.3 Georgia,serif!important;letter-spacing:.4px!important;margin-top:3px!important;text-align:center!important;white-space:nowrap!important}
#scenic-site-header nav{display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:wrap!important;gap:23px!important;margin:0!important;padding:0!important;background:none!important;border:0!important;width:auto!important}
#scenic-site-header nav a{font:600 13px/1.4 Arial,sans-serif!important;color:#384850!important;text-decoration:none!important;background:none!important;border:0!important;padding:4px 0!important;margin:0!important;letter-spacing:0!important;white-space:nowrap!important;box-shadow:none!important}
#scenic-site-header nav a:hover{color:#a77b31!important;text-decoration:underline!important;text-underline-offset:5px!important}
#scenic-site-header a:focus-visible{outline:3px solid #ba9554!important;outline-offset:4px!important}
@media(max-width:900px){#scenic-site-header .header-inner{gap:20px!important;padding:16px 22px!important}#scenic-site-header nav{gap:12px 17px!important}}
@media(max-width:650px){#scenic-site-header .header-inner{flex-direction:column!important;gap:14px!important;padding:15px 16px!important}#scenic-site-header nav{justify-content:center!important;gap:8px 17px!important}#scenic-site-header nav a{font-size:11px!important}}

/* Guide banners match the home-page photo; copy flows below the image. */
@media screen {
  :is(.hero.photo, .hero[style*="background-image"]),
  .hero:has(> img) {
    display: block !important;
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 24px clamp(18px, 5vw, 96px) 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background-color: transparent !important;
    color: #182e3a !important;
  }
  :is(.hero.photo, .hero[style*="background-image"]) { background-size: 0 0 !important; background-repeat: no-repeat !important; }
  :is(.hero.photo, .hero[style*="background-image"])::before {
    content: "" !important;
    display: block !important;
    position: relative !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    aspect-ratio: 2048 / 683;
    background-image: inherit !important;
    background-size: cover !important;
    background-position: center 40% !important;
    border-radius: 3px;
  }
  :is(.hero.photo, .hero[style*="background-image"])::after,
  .hero:has(> img)::after { display: none !important; }
  .hero:has(> img) > img {
    position: static !important;
    display: block !important;
    inset: auto !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 2048 / 683;
    object-fit: cover !important;
    object-position: center 40% !important;
    border-radius: 3px;
  }
  :is(.hero.photo, .hero[style*="background-image"]) > .wrap,
  .hero:has(> img) > .hero-copy {
    position: relative !important;
    width: 100% !important;
    max-width: 1160px !important;
    margin: 0 auto !important;
    padding: 34px 0 38px !important;
    color: #182e3a !important;
  }
  :is(.hero.photo, .hero[style*="background-image"]) .intro,
  :is(.hero.photo, .hero[style*="background-image"]) .crumb,
  :is(.hero.photo, .hero[style*="background-image"]) .credit,
  :is(.hero.photo, .hero[style*="background-image"]) .metrics,
  :is(.hero.photo, .hero[style*="background-image"]) .photo-credit,
  .hero:has(> img) .hero-copy > p:last-child { color: #526973 !important; }
  :is(.hero.photo, .hero[style*="background-image"]) .eyebrow,
  :is(.hero.photo, .hero[style*="background-image"]) h1 em,
  :is(.hero.photo, .hero[style*="background-image"]) .metrics strong,
  :is(.hero.photo, .hero[style*="background-image"]) .intro a,
  .hero:has(> img) .eyebrow,
  .hero:has(> img) h1 em { color: #96701f !important; }
  :is(.hero.photo, .hero[style*="background-image"]) .metrics { border-top-color: #d8c8ac !important; }
  :is(.hero.photo, .hero[style*="background-image"]) .outline { color: #182e3a !important; border-color: #8d9b9f !important; }
  @media (max-width: 650px) {
    :is(.hero.photo, .hero[style*="background-image"]),
    .hero:has(> img) { margin-top: 16px !important; }
    :is(.hero.photo, .hero[style*="background-image"]) > .wrap,
    .hero:has(> img) > .hero-copy { padding-top: 24px !important; padding-bottom: 28px !important; }
  }
}

/* Shared compact photo banners: the title shares the image's grid cell. */
@media screen {
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero){display:grid!important;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:0;isolation:isolate}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)::before,:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)>img{grid-area:1/1!important;min-height:190px!important;align-self:stretch;z-index:0}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)>:is(.wrap,.hero-copy){display:contents!important}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)>:is(.wrap,.hero-copy)>*{grid-column:1;min-width:0;max-width:1160px;width:100%;margin-left:auto!important;margin-right:auto!important}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) h1{grid-area:1/1!important;position:relative!important;inset:auto!important;align-self:stretch;align-content:center;display:block;z-index:1;width:100%!important;max-width:none!important;min-height:190px;margin:0!important;padding:clamp(20px,4vw,60px)!important;box-sizing:border-box;font-size:clamp(26px,4.8vw,68px)!important;line-height:1.12!important;letter-spacing:normal;color:#fff!important;background:linear-gradient(90deg,rgba(12,30,39,.78),rgba(12,30,39,.24) 75%,transparent);border-radius:3px;text-shadow:0 2px 12px #10263170;overflow-wrap:anywhere}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) h1 em{color:#f4d68d!important}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .crumb{margin-top:16px!important;margin-bottom:8px!important;font-size:12px}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .eyebrow{margin-top:12px!important;margin-bottom:8px!important;font-size:10px;letter-spacing:1.5px}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .intro,:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)>.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.65;margin-top:0!important;margin-bottom:12px!important}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .hero-actions{margin-top:12px!important;margin-bottom:0!important;gap:10px}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .metrics{margin-top:20px!important;margin-bottom:0!important;padding-top:14px;gap:25px}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .metrics strong{font-size:25px}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) :is(.credit,.photo-credit){margin-top:12px!important;margin-bottom:12px!important;font-size:11px}
:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)+.content{padding-top:28px}
@media(max-width:650px){:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .intro,:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero)>.hero-copy>p:not(.eyebrow){font-size:16px}:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .btn{padding:10px 14px;font-size:12px}:is(.hero.photo,.hero[style*="background-image"],.hero:has(>img)):not(.states-hero) .metrics{gap:16px}}
}

.hybrid-preview-note{font:12px/1.4 Arial,sans-serif;text-align:center;padding:6px;background:#f6f4ed;color:#555}.hybrid-preview-note a{color:#245575}#scenic-site-header nav a:hover{background:none!important}.hybrid-guide>header{clear:both}