/* Editorial photography for targeted 2026 organic landing pages.
   Scoped to marketing pages; no quote, pricing or admin selectors. */
.seo-upgrade-page .page-hero>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.86) contrast(1.06);}
.seo-upgrade-page .page-hero:after{background:linear-gradient(90deg,rgba(7,14,23,.96) 0%,rgba(7,14,23,.83) 36%,rgba(7,14,23,.22) 83%),linear-gradient(0deg,rgba(7,14,23,.8),transparent 38%);}
.seo-upgrade-page .page-hero-content{max-width:1380px;}
.seo-upgrade-page .page-hero h1{max-width:900px;}
.seo-upgrade-page .page-hero p{max-width:650px;}
.seo-visual-story{background:linear-gradient(155deg,#0d1823,#080e15 65%,#142532);color:#f1f1ee;padding:clamp(76px,9vw,130px) max(22px,calc((100vw - 1260px)/2));border-top:1px solid #baa37035;border-bottom:1px solid #baa37035;}
.seo-visual-inner{max-width:1260px;margin:0 auto;}
.seo-visual-story .seo-visual-intro{max-width:900px;margin-bottom:36px;}
.seo-visual-story .seo-visual-intro .kicker{color:#d9b871;}
.seo-visual-story .seo-visual-intro h2{color:#f6f3eb;font-size:clamp(2.65rem,5.4vw,5.3rem);line-height:1.06;letter-spacing:-.035em;margin:18px 0;}
.seo-visual-story .seo-visual-intro h2 em{color:#dcc083;}
.seo-visual-story .seo-visual-intro>p:last-child{font-size:clamp(.96rem,1.2vw,1.12rem);line-height:1.75;color:#cfd4d8;max-width:750px;}
.seo-photo-layout{display:grid;grid-template-columns:1.3fr 1fr;grid-template-rows:repeat(2,minmax(210px,1fr));gap:16px;min-height:600px;}
.seo-photo-tile{position:relative;overflow:hidden;margin:0;background:#172536;border:1px solid #e0c88a32;border-radius:12px;min-height:220px;isolation:isolate;}
.seo-photo-tile-primary{grid-row:span 2;}
.seo-photo-tile img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.88) contrast(1.04);transition:transform .6s ease;}
.seo-photo-tile:hover img{transform:scale(1.035);}
.seo-photo-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#050c15ec,#050c1560 45%,transparent);pointer-events:none;}
.seo-photo-tile figcaption{position:absolute;bottom:0;left:0;right:0;z-index:2;padding:clamp(18px,2.5vw,32px);color:#f9f6ed;font-size:clamp(1.15rem,1.9vw,1.6rem);font-weight:600;letter-spacing:-.025em;line-height:1.3;}
.seo-photo-tile figcaption span{display:block;margin-top:9px;color:#e6d3a9;font-size:.76rem;font-weight:500;line-height:1.5;letter-spacing:.035em;}
.seo-visual-story .seo-visual-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding-top:30px;color:#dbe0e4;font-size:.95rem;line-height:1.6;}
.seo-visual-story .seo-visual-cta a{white-space:normal;text-align:center;}
@media(max-width:1000px){.seo-photo-layout{min-height:520px;}.seo-upgrade-page .page-hero:after{background:linear-gradient(90deg,#080e15ee 0%,#080e15a8 58%,#080e152b 100%);}}
@media(max-width:680px){.seo-upgrade-page .page-hero>img{object-position:62% center;}.seo-upgrade-page .page-hero:after{background:linear-gradient(180deg,#080e1585 0%,#080e15ce 40%,#080e15f5 100%);}.seo-photo-layout{display:flex;flex-direction:column;min-height:0;gap:12px;}.seo-photo-tile,.seo-photo-tile-primary{grid-row:auto;min-height:240px;aspect-ratio:1.38;}.seo-photo-tile-primary{aspect-ratio:1.15;}.seo-photo-tile figcaption{font-size:1.25rem;}.seo-visual-story .seo-visual-cta{align-items:stretch;}.seo-visual-story .seo-visual-cta a{width:100%;}}
@media(prefers-reduced-motion:reduce){.seo-photo-tile img{transition:none;}.seo-photo-tile:hover img{transform:none;}}

.seo-location-figure{position:relative;margin:22px 0 0;border:1px solid #e3bf773b;border-radius:12px;overflow:hidden;background:#0b1520;}
.seo-location-figure img{display:block;width:100%;height:clamp(240px,33vw,400px);object-fit:cover;object-position:50% 58%;filter:saturate(.9);}
.seo-location-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 23px;background:#111e2b;color:#f3ecdc;font-size:.9rem;line-height:1.55;}
.seo-location-figure figcaption strong{font-weight:600;color:#e7c687;font-size:1.04rem;}
.seo-location-figure figcaption span{color:#bbc4cd;font-size:.76rem;}
@media(max-width:680px){.seo-location-figure img{height:260px;object-position:52% 52%;}.seo-location-figure figcaption{flex-direction:column;align-items:flex-start;gap:4px;padding:14px 16px;}}


/* Mobile quality repair, 8 October 2026.
   Scope strictly to the three upgraded editorial pages. */

/* The terminal planning section has a light surface, so text MUST be dark.
   Global dark-theme and legacy glass rules were forcing white on cream. */
body.marketing-page.seo-upgrade-page .airport-terminal-section{
  background:#f5f0e6!important;color:#152b3e!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head{
  background:#fffaf1!important;
  border:1px solid #d9d0bf!important;
  border-radius:18px!important;
  box-shadow:0 14px 32px rgba(11,26,37,.09)!important;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
  color:#152b3e!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head h2,
body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head h2 *,
body.marketing-page.seo-upgrade-page .airport-terminal-section .terminal-card h3{
  color:#152b3e!important;text-shadow:none!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head h2 em,
body.marketing-page.seo-upgrade-page .airport-terminal-section .kicker{
  color:#8c641e!important;-webkit-text-fill-color:#8c641e!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head>p,
body.marketing-page.seo-upgrade-page .airport-terminal-section .terminal-card p,
body.marketing-page.seo-upgrade-page .airport-terminal-section .terminal-source{
  color:#394b54!important;-webkit-text-fill-color:#394b54!important;
  text-shadow:none!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .terminal-card{
  background:#fffdf8!important;
  border:1px solid #d9d0bf!important;
  box-shadow:0 7px 24px rgba(11,26,37,.07)!important;
  border-radius:12px!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .terminal-source a{
  color:#173f60!important;-webkit-text-fill-color:#173f60!important;
  text-decoration:underline!important;
}
body.marketing-page.seo-upgrade-page .airport-terminal-section .terminal-card>span{
  background:#182e40!important;color:#f0d28e!important;
}

/* Replace oversized generic cartoon illustrations with restrained
   factual Melbourne journey/location labels under real DEVZ photography. */
.seo-location-strip{
  margin:22px 0 0;padding:22px 24px;
  border:1px solid rgba(220,187,119,.3);
  background:linear-gradient(110deg,#101e2c,#172b3a);
  border-radius:12px;color:#f4f0e5;
}
.seo-location-strip .seo-location-label{
  margin:0 0 14px;color:#dec189;
  text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:700;
}
.seo-location-strip ul{
  list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px;
}
.seo-location-strip li{
  padding:10px 14px;border-radius:7px;
  background:#203546;color:#f6f3ea;
  border:1px solid #516476;font-size:.87rem;line-height:1.3;
}
@media(max-width:680px){
  /* Fixed header previously covered several lines of content as the user
     scrolled. These editorial pages now let the header scroll out of view. */
  body.marketing-page.seo-upgrade-page .site-header{
    position:absolute!important;top:0!important;left:0;right:0;
    width:100%;padding:8px 12px!important;
  }
  body.marketing-page.seo-upgrade-page .nav-shell,
  body.marketing-page.seo-upgrade-page .site-header.scrolled .nav-shell{
    min-height:0!important;height:58px!important;
    padding:0 12px!important;
    border-radius:14px!important;
  }
  body.marketing-page.seo-upgrade-page .brand{
    display:flex!important;align-items:center;gap:8px;
    min-width:0;max-width:calc(100% - 62px);
  }
  body.marketing-page.seo-upgrade-page .brand-logo{
    max-width:104px!important;width:104px!important;height:auto!important;
    max-height:37px!important;object-fit:contain;animation:none!important;
  }
  body.marketing-page.seo-upgrade-page .brand-division{
    font-size:.66rem!important;letter-spacing:.11em!important;
    white-space:nowrap;
  }
  body.marketing-page.seo-upgrade-page .menu-toggle{
    width:38px!important;height:38px!important;flex-shrink:0;
  }
  body.marketing-page.seo-upgrade-page .nav-links{
    top:72px!important;max-height:calc(100dvh - 90px)!important;
  }
  /* A stable mobile hero: strong photograph followed by readable navy copy. */
  body.marketing-page.seo-upgrade-page .page-hero{
    display:block!important;min-height:0!important;padding-top:0!important;
    background:#0b1622!important;
  }
  body.marketing-page.seo-upgrade-page .page-hero>img{
    position:relative!important;inset:auto!important;
    width:100%!important;height:250px!important;object-fit:cover!important;
    object-position:center!important;display:block!important;
  }
  body.marketing-page.seo-upgrade-page .page-hero::after{display:none!important;}
  body.marketing-page.seo-upgrade-page .page-hero-content{
    width:100%!important;margin:0!important;max-width:none!important;
    padding:26px 22px 50px!important;
    background:#0b1622!important;
  }
  body.marketing-page.seo-upgrade-page .page-hero h1{
    color:#fffaf2!important;-webkit-text-fill-color:#fffaf2!important;
    text-shadow:none!important;line-height:1.12!important;
    overflow-wrap:normal;word-break:normal;
  }
  body.marketing-page.seo-upgrade-page .page-hero p:not(.kicker){
    color:#e0e6e9!important;-webkit-text-fill-color:#e0e6e9!important;
  }
  body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head{
    padding:22px 20px!important;
    margin-bottom:22px!important;
    display:block!important;
  }
  body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head h2{
    font-size:clamp(2.2rem,8vw,3.1rem)!important;line-height:1.12!important;
    margin:15px 0!important;
  }
  body.marketing-page.seo-upgrade-page .airport-terminal-section .section-head>p{
    font-size:1rem!important;line-height:1.7!important;
  }
  body.marketing-page.seo-upgrade-page .terminal-grid{
    gap:12px!important;margin-top:0!important;
  }
  body.marketing-page.seo-upgrade-page .terminal-card{
    min-height:0!important;padding:20px!important;
  }
  body.marketing-page.seo-upgrade-page .terminal-card h3{margin-top:14px!important;}
  body.marketing-page.seo-upgrade-page .seo-photo-layout{
    min-height:0!important;gap:12px!important;
  }
  body.marketing-page.seo-upgrade-page .seo-photo-tile-primary{
    aspect-ratio:1.55!important;min-height:225px!important;
  }
  body.marketing-page.seo-upgrade-page .seo-photo-tile:not(.seo-photo-tile-primary){
    aspect-ratio:1.6!important;min-height:195px!important;
  }
  body.marketing-page.seo-upgrade-page .seo-photo-tile figcaption{
    padding:18px!important;font-size:1.13rem!important;
  }
  body.marketing-page.seo-upgrade-page .seo-photo-tile figcaption span{
    font-size:.75rem!important;
  }
  body.marketing-page.seo-upgrade-page .seo-location-strip{
    margin-top:18px;padding:18px;
  }
  body.marketing-page.seo-upgrade-page .seo-location-strip ul{gap:8px;}
  body.marketing-page.seo-upgrade-page .seo-location-strip li{
    font-size:.78rem;padding:9px 11px;
  }
  /* One slim accessible fixed action row; no duplicate WhatsApp bubble. */
  body.marketing-page.seo-upgrade-page.has-mobile-actions{
    padding-bottom:calc(102px + env(safe-area-inset-bottom))!important;
  }
  body.marketing-page.seo-upgrade-page.has-mobile-actions .floating-whatsapp{
    display:none!important;
  }
  body.marketing-page.seo-upgrade-page .mobile-journey-actions{
    grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)!important;
    gap:9px!important;padding:10px 14px calc(10px + env(safe-area-inset-bottom))!important;
    background:#0c1c2a!important;
    border-top:1px solid #675739!important;
    box-shadow:0 -10px 30px rgba(0,0,0,.26)!important;
    z-index:95;
  }
  body.marketing-page.seo-upgrade-page .mobile-journey-actions a,
  body.marketing-page.seo-upgrade-page .mobile-journey-actions a:first-child{
    min-height:44px!important;border-radius:10px!important;
    background:#193e5b!important;color:#fffaf2!important;
    -webkit-text-fill-color:#fffaf2!important;
    font-size:.92rem!important;font-weight:700!important;
    border:1px solid #476680!important;box-shadow:none!important;
  }
  body.marketing-page.seo-upgrade-page .mobile-journey-actions a:last-child{
    background:#e4c67d!important;color:#152536!important;
    -webkit-text-fill-color:#152536!important;
    border-color:#e4c67d!important;box-shadow:none!important;
  }
}