/* ==========================================================================
   1.1.0 Blend 1 · Gulf-led (owner pick 2026-11-09; Fable v3 draft), on every page with the site header
   (owner 2026-11-09 "put everything on blend 1"). Quiet Gulf's photograph and bands, Harbour Gazette's voice:
   the full-bleed aerial hero with the white wordmark and the menu floating on it (docking as a white bar past
   the photo, ktc.js dockRail), an 800-weight headline with the last word in orange, ruled section heads
   (numbered on Home), hairlines in place of shadowed boxes, a photo band for the services on Home.
   Body classes (functions.php ktc_is_gulf): ktc-gulf + ktc-gulf--home / --about / --inner.
   The rules behind it: docs/design/ktc-terminal.md, "1.1.0 Gulf".
   ========================================================================== */
.ktc-photoband__bg { display: none; } /* the services photo only shows on Home */

.ktc-gulf { --g-sp: 88px; --g-rule: var(--ktc-line); --g-pad: 20px; background: var(--ktc-card);
  /* white on a photograph (authority, 1.1.0 Gulf: the on-photo set) */
  --g-w-rule: rgba(255,255,255,.35); --g-w-edge: rgba(255,255,255,.6); --g-w-soft: rgba(255,255,255,.72); --g-w-text: rgba(255,255,255,.9); --g-w-tint: rgba(255,255,255,.12);
  --g-photo-shadow: 0 1px 2px rgba(0,0,0,.4); }
html:has(body.ktc-gulf) { scroll-padding-top: 76px; } /* a #link lands below the docked bar */
.ktc-gulf :is(.ktc-svc[id], .ktc-tabs [id]) { scroll-margin-top: 0; } /* the padding above replaces the old 90 px margins */
.ktc-gulf .wp-site-blocks { overflow-x: clip; } /* the photo band bleeds past the content column */
.ktc-gulf .wp-site-blocks > .wp-block-template-part:first-child { position: relative; }

/* ---------- hero ---------- */
.ktc-gulf .ktc-banner--gulf { min-height: 740px; background: var(--ktc-ink-deep); }
.ktc-gulf .ktc-banner--gulf .ktc-banner__bg { object-position: center 45%; opacity: 1; }
.ktc-gulf .ktc-banner--gulf::after {
  background:
    linear-gradient(90deg, rgba(10,14,22,.55) 0%, rgba(10,14,22,.15) 55%, rgba(10,14,22,0) 100%),
    linear-gradient(180deg, rgba(10,14,22,.45) 0%, rgba(10,14,22,.05) 40%, rgba(10,14,22,.8) 100%);
}
.ktc-banner__top { position: absolute; z-index: 3; top: 0; left: 0; right: 0; max-width: 1120px; margin: 0 auto; padding: 22px var(--g-pad) 0; box-sizing: border-box; pointer-events: none; }
.ktc-banner__top a { display: inline-block; pointer-events: auto; border-radius: var(--ktc-radius-8); }
.ktc-banner__mark { display: block; height: 44px; width: auto; filter: drop-shadow(var(--g-photo-shadow)); }
.ktc-gulf .ktc-banner--gulf .ktc-banner__in { padding: 0 var(--g-pad) 64px; }
.ktc-banner__date, .ktc-gulf .ktc-banner--gulf .ktc-banner__eyebrow { margin: 0 0 14px; padding-bottom: 14px; border-bottom: 1px solid var(--g-w-rule); max-width: 640px; font-size: 13px; letter-spacing: 0; text-transform: none; font-weight: 600; color: var(--g-w-text); text-shadow: var(--g-photo-shadow); }
.ktc-banner__date { margin-bottom: 0; }
.ktc-banner__date a { color: inherit; text-decoration: none; }
.ktc-gulf .ktc-banner--gulf .ktc-banner__title { margin-top: 24px; font-size: 96px; line-height: .94; letter-spacing: -.04em; font-weight: 800; max-width: 11ch; white-space: normal; text-wrap: balance; overflow-wrap: anywhere; }
.ktc-gulf--about .ktc-banner--gulf .ktc-banner__title { margin-top: 0; font-size: 76px; max-width: 13ch; }
.ktc-gulf .ktc-banner--gulf .ktc-banner__title em { font-style: normal; color: var(--ktc-acc); }
.ktc-gulf .ktc-banner--gulf .ktc-banner__lede { margin-top: 20px; font-size: 20px; line-height: 1.45; max-width: 44ch; font-weight: 450; color: var(--g-w-text); }
.ktc-banner__cta { display: flex; flex-wrap: wrap; gap: 12px; margin: 28px 0 0; }
.ktc-banner__btn { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 24px; border-radius: var(--ktc-radius-pill); background: var(--ktc-acc-fill); color: #fff; font-size: 15px; font-weight: 700; text-decoration: none; white-space: nowrap; transition: background var(--ktc-dur) var(--ktc-ease); }
.ktc-banner__btn--ghost { background: transparent; border: 1px solid var(--g-w-edge); }
/* focus on the photograph: a white ring (the deep-red one is under 3:1 on the dark scrim) */
.ktc-banner--gulf :focus-visible, .ktc-gulf .ktc-rail:not(.is-stuck) .ktc-rail__tabs a:focus-visible, .ktc-gulf .ktc-rail:not(.is-stuck) .wp-block-navigation__responsive-container-open:focus-visible { outline: 2px solid #fff; outline-offset: 3px; }

/* ---------- the menu floats on the photograph ---------- */
/* the rail spans the column above the wordmark: only its own controls take clicks, so the wordmark link stays reachable */
.ktc-gulf .ktc-rail { position: absolute; top: 22px; left: 0; right: 0; width: calc(100% - 2 * var(--g-pad)); max-width: 1080px; margin: 0 auto !important; padding: 0 !important; justify-content: flex-end; background: none; border: 0; box-shadow: none; }
.ktc-gulf .ktc-rail:not(.is-stuck) { pointer-events: none; }
.ktc-gulf .ktc-rail:not(.is-stuck) > * { pointer-events: auto; }
.ktc-gulf .ktc-rail__now { display: none; }
.ktc-gulf .ktc-rail .wp-block-navigation__responsive-container-open { min-height: 44px; background: transparent; border-color: var(--g-w-edge); color: #fff; box-shadow: none; }
.ktc-gulf .ktc-rail.is-open .wp-block-navigation__responsive-container-open { background: var(--ktc-acc-fill); border-color: var(--ktc-acc-fill); color: #fff; }
.ktc-gulf .ktc-rail .wp-block-navigation__responsive-container.is-menu-open { left: auto; right: 0; }
/* the seven (or eight) links need about 1000 px beside the wordmark; narrower screens keep the Menu button alone */
.ktc-gulf .ktc-rail__tabs { display: none; }
@media (min-width: 1101px) {
  .ktc-gulf .ktc-rail .wp-block-navigation { display: none; }
  .ktc-gulf .ktc-rail__tabs { display: flex; background: none; padding: 0; gap: 2px; overflow: visible; }
  .ktc-gulf .ktc-rail__tabs a { color: var(--g-w-text); background: none; text-shadow: var(--g-photo-shadow); }
  .ktc-gulf .ktc-rail__tabs a.is-current { background: none; color: #fff; box-shadow: none; }
}

/* ---------- the docked menu: past the photo, a white bar at the top (ktc.js dockRail) ---------- */
.ktc-gulf .ktc-rail.is-stuck { position: fixed; top: 0; left: 0; right: 0; width: 100%; max-width: none; padding: 10px max(20px, calc((100% - 1080px) / 2)) !important; background: var(--ktc-card); border-bottom: 1px solid var(--g-rule); box-shadow: var(--ktc-shadow-sm); animation: ktc-dock .16s var(--ktc-ease) both; }
.ktc-rail__home { display: none; }
@media (min-width: 601px) { .admin-bar.ktc-gulf .ktc-rail.is-stuck { top: var(--wp-admin--admin-bar--height, 32px); } }
.ktc-gulf .ktc-rail.is-stuck .ktc-rail__home { display: block; order: -1; margin-right: auto; flex: none; border-radius: var(--ktc-radius-8); }
.ktc-gulf .ktc-rail.is-stuck .ktc-rail__home img { display: block; height: 38px; width: auto; }
.ktc-gulf .ktc-rail.is-stuck .wp-block-navigation__responsive-container-open { color: var(--ktc-ink); border-color: var(--ktc-line); background: var(--ktc-card); }
.ktc-gulf .ktc-rail.is-stuck.is-open .wp-block-navigation__responsive-container-open { color: #fff; background: var(--ktc-acc-fill); border-color: var(--ktc-acc-fill); }
.ktc-gulf .ktc-rail.is-stuck .ktc-rail__tabs a { color: var(--ktc-ink-2); text-shadow: none; }
.ktc-gulf .ktc-rail.is-stuck .ktc-rail__tabs a.is-current { color: var(--ktc-ink); }
.ktc-gulf .ktc-rail.is-stuck .wp-block-navigation__responsive-container.is-menu-open { right: max(20px, calc((100% - 1080px) / 2)); }
@keyframes ktc-dock { from { transform: translateY(-100%); } }
@media (prefers-reduced-motion: reduce) { .ktc-gulf .ktc-rail.is-stuck { animation: none; } }

/* ---------- hover, only where there is a pointer that hovers ---------- */
@media (hover: hover) {
  .ktc-banner__date a:hover { text-decoration: underline; text-underline-offset: 3px; }
  .ktc-banner__btn:hover { background: var(--ktc-acc-fill-hover); color: #fff; text-decoration: none; }
  .ktc-banner__btn--ghost:hover { background: var(--g-w-tint); }
  .ktc-gulf .ktc-rail:not(.is-stuck) .wp-block-navigation__responsive-container-open:hover { border-color: #fff; background: var(--g-w-tint); }
  .ktc-gulf .ktc-rail:not(.is-stuck) .ktc-rail__tabs a:hover { color: #fff; }
  .ktc-gulf .ktc-rail.is-stuck .ktc-rail__tabs a:hover { color: var(--ktc-ink); }
  .ktc-gulf--home .ktc-news .ktc-row:hover .ktc-row__t { color: var(--ktc-acc-2); }
  .ktc-gulf main .ktc-notices .ktc-notice--row:hover { background: none; }
  .ktc-gulf main .ktc-notices .ktc-notice--row:hover .ktc-notice__t { color: var(--ktc-acc-2); }
  .ktc-gulf--home .ktc-tasks .ktc-row:not(.ktc-row--main):hover .ktc-row__go:not(:has(~ .ktc-row__call:hover)), .ktc-gulf--home .ktc-tasks .ktc-row--acts .ktc-row__go:hover { border-color: var(--ktc-acc-fill); background: var(--ktc-acc-fill); color: #fff; text-decoration: none; } /* 1.1.4: the action fills as the tile is pointed at */
  .ktc-gulf--home .ktc-tasks .ktc-row__call:hover { border-color: var(--ktc-ink-2); background: var(--ktc-card); color: var(--ktc-ink); text-decoration: none; }
}

/* ==========================================================================
   Home
   ========================================================================== */
.ktc-gulf--home main.wp-block-group { padding-top: 0; padding-bottom: var(--g-sp); counter-reset: ktc-sec; }
.ktc-gulf--home main .ktc-card { background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.ktc-gulf--home main .ktc-rows:not(.ktc-tasks) > .ktc-row { padding-left: 0; padding-right: 0; border-top-color: var(--g-rule); }
.ktc-gulf--home main .ktc-section { padding-top: var(--g-sp); }
.ktc-gulf--home main > .ktc-gnote:not([hidden]) + .ktc-section { padding-top: 64px !important; } /* the note belongs to the strip; What's new keeps its air */

/* numbered, ruled section heads (01-05); the "more" link stays in the head at every width */
.ktc-gulf--home main .ktc-section__head { display: flex; flex-direction: column; align-items: flex-start; gap: 8px; margin-bottom: 8px; padding-bottom: 18px; border-bottom: 1px solid var(--ktc-ink); }
.ktc-gulf--home main .ktc-section__head .wp-block-heading { counter-increment: ktc-sec; margin: 0; font-size: 48px; line-height: 1; letter-spacing: -.03em; font-weight: 800; }
.ktc-gulf--home main .ktc-section__head .wp-block-heading::before { content: counter(ktc-sec, decimal-leading-zero); display: block; margin-bottom: 12px; font-size: 13px; font-weight: 700; letter-spacing: .06em; color: var(--ktc-acc-2); }
.ktc-gulf--home main .ktc-section__sub { margin: 6px 0 0; font-size: 15px; color: var(--ktc-ink-3); }
.ktc-gulf--home main .ktc-section__head .ktc-section__more { display: block; margin: 0; }
.ktc-gulf--home main .ktc-section__more-link { font-size: 14px; font-weight: 600; }
.ktc-gulf--home main .ktc-section__more--foot { display: none; }

/* ---------- the task tiles under the hero (1.1.2, owner: "more into tiles so we can properly distinguish them") ---------- */
.ktc-gulf--home .ktc-home-top { padding-top: 32px !important; }
.ktc-tasks { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 16px; }
.ktc-gulf--home .ktc-tasks > .ktc-row { min-height: 0; flex-direction: column; align-items: flex-start; gap: 12px; padding: 24px; border: 1px solid var(--ktc-line); border-radius: var(--ktc-radius-8); background: var(--ktc-card); text-align: left; transition: transform .16s var(--ktc-ease), box-shadow .16s var(--ktc-ease), border-color .16s var(--ktc-ease), background-color .16s var(--ktc-ease); }
.ktc-gulf--home .ktc-tasks .ktc-row__i { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 50%; background: var(--ktc-acc-tint); color: var(--ktc-acc-fill); } /* 1.1.4 look B: the icon in a soft orange circle */
.ktc-gulf--home .ktc-tasks > .ktc-row:focus-visible { border-radius: var(--ktc-radius-8); } /* the ring follows the tile's corners */
.ktc-gulf--home .ktc-tasks > .ktc-row--acts { position: relative; } /* the whole Helpdesk tile files a ticket; Call sits above it */
.ktc-gulf--home .ktc-tasks > .ktc-row--acts .ktc-row__acts .ktc-row__go { position: static; }
.ktc-gulf--home .ktc-tasks > .ktc-row--acts .ktc-row__acts .ktc-row__go::after { inset: 0; border-radius: var(--ktc-radius-8); }
.ktc-gulf--home .ktc-tasks > .ktc-row--acts .ktc-row__call { z-index: 1; }
.ktc-gulf--home .ktc-tasks > .ktc-row--acts:has(.ktc-row__go:focus-visible) { outline: 2px solid var(--ktc-acc-2); outline-offset: -2px; } /* the tile ring, as its neighbours */
@supports selector(:has(*)) { .ktc-gulf--home .ktc-tasks > .ktc-row--acts .ktc-row__go:focus-visible { outline: none; } } /* only where the tile ring replaces it */
@media (hover: hover) {
  .ktc-gulf--home .ktc-tasks > .ktc-row:hover { transform: translateY(-1px); box-shadow: var(--ktc-shadow-sm); border-color: var(--ktc-acc-tint-2); background: var(--ktc-acc-wash); } /* 1.1.4: warms to a light orange */
  .ktc-gulf--home .ktc-tasks > .ktc-row:not(.ktc-row--main):hover .ktc-row__i { background: var(--ktc-acc-tint-2); }
  .ktc-gulf--home .ktc-tasks > .ktc-row--main:hover { border-color: var(--ktc-acc-fill-hover); background: var(--ktc-acc-fill-hover); }
}
.ktc-gulf--home .ktc-tasks .ktc-row__t { font-size: 17px; font-weight: 700; line-height: 1.2; }
.ktc-gulf--home .ktc-tasks .ktc-row__s { font-size: 13px; }
.ktc-gulf--home .ktc-tasks .ktc-row__chev { display: none; }
.ktc-gulf--home .ktc-tasks .ktc-row--acts > .ktc-row__b { flex: none; }
.ktc-gulf--home .ktc-tasks .ktc-row__acts { display: flex; flex-wrap: wrap; flex: none; padding-left: 0; gap: 8px; margin: auto 0 0; }
/* 1.1.4: each action is a button: an orange outline (File a ticket, Open, Check), Call a quiet grey outline beside it */
.ktc-gulf--home .ktc-tasks .ktc-row__go, .ktc-gulf--home .ktc-tasks .ktc-row__call { position: relative; display: inline-flex; align-items: center; height: 36px; min-height: 0; padding: 0 14px; border: 1px solid var(--ktc-acc-fill); border-radius: var(--ktc-radius-8); background: var(--ktc-card); color: var(--ktc-acc-fill); font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; text-decoration: none; transition: background-color .16s var(--ktc-ease), color .16s var(--ktc-ease), border-color .16s var(--ktc-ease); }
.ktc-gulf--home .ktc-tasks .ktc-row__call { border-color: var(--ktc-edge-input); color: var(--ktc-ink-2); } /* 3:1 outline */
.ktc-gulf--home .ktc-tasks .ktc-row__s2 { display: none; } /* Home keeps the hint to one line; the Customer Desk shows the rest */
.ktc-gulf--home .ktc-tasks .ktc-row__go::before { content: ""; order: 2; width: 7px; height: 7px; margin-left: 9px; border: solid currentColor; border-width: 2px 2px 0 0; transform: rotate(45deg); } /* a small arrow: it goes somewhere */
/* the main tile (Track / X-ray): filled in button orange, white text, a white action */
.ktc-gulf--home .ktc-tasks > .ktc-row--main { border-color: var(--ktc-acc-fill); background: var(--ktc-acc-fill); color: #fff; }
.ktc-gulf--home .ktc-tasks > .ktc-row--main .ktc-row__t { color: #fff; }
.ktc-gulf--home .ktc-tasks > .ktc-row--main .ktc-row__s { color: #fff; } /* 4.57:1, as the title */
.ktc-gulf--home .ktc-tasks > .ktc-row--main .ktc-row__i { background: var(--ktc-on-acc-tint); color: #fff; }
.ktc-gulf--home .ktc-tasks > .ktc-row--main .ktc-row__go { border-color: var(--ktc-card); background: var(--ktc-card); color: var(--ktc-acc-fill); }
.ktc-gulf--home .ktc-tasks > .ktc-row--main:focus-visible { outline-offset: 3px; } /* the ring shows outside the orange */
.ktc-gulf--home .ktc-tasks > .ktc-row > .ktc-row__go { margin: auto 0 0; } /* the action sits at the foot of its tile */
.ktc-gulf--home .ktc-tasks .ktc-row__acts .ktc-row__go, .ktc-gulf--home .ktc-tasks .ktc-row__acts .ktc-row__call { margin-left: 0; }
.ktc-gulf--home .ktc-tasks .ktc-row__go::after, .ktc-gulf--home .ktc-tasks .ktc-row__call::after { content: ""; position: absolute; inset: -4px; } /* 44 px to tap, 36 to look at */
.ktc-gulf--home .ktc-gnote { margin-top: 0 !important; }
.ktc-gulf--home .ktc-gnote__in { background: none; border: 0; border-bottom: 1px solid var(--g-rule); border-radius: 0; padding: 6px 0; }

/* ---------- 01 What's new ---------- */
.ktc-news { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: 64px; align-items: start; }
.ktc-gulf--home .ktc-news .ktc-row__thumb, .ktc-gulf--home .ktc-news .ktc-row__chev { display: none; }
.ktc-gulf--home .ktc-news .ktc-rows > .ktc-row:first-child { padding-top: 0; }
.ktc-gulf--home .ktc-news .ktc-row { padding-top: 20px; padding-bottom: 20px; border-top: 0; border-bottom: 1px solid var(--g-rule); background: none; }
.ktc-gulf--home .ktc-news .ktc-row__b { display: grid; grid-template-columns: 130px minmax(0, 1fr); column-gap: 24px; align-items: baseline; }
.ktc-gulf--home .ktc-news .ktc-row__k { grid-row: 1 / span 2; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ktc-ink-3); }
.ktc-gulf--home .ktc-news .ktc-row.ktc-notice .ktc-row__t { grid-column: 2; margin: 0; font-size: 20px; line-height: 1.25; letter-spacing: -.02em; font-weight: 600; }
.ktc-gulf--home .ktc-news .ktc-row:first-child .ktc-row__t { font-size: 28px; line-height: 1.2; letter-spacing: -.02em; }
.ktc-gulf--home .ktc-news .ktc-row__s { grid-column: 2; margin-top: 6px; font-size: 14px; }

/* ---------- 02 Operating hours: three ruled columns (1.1.2: renamed, text off the dividers) ---------- */
.ktc-gulf--home .ktc-hours3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.ktc-gulf--home .ktc-hours3 > .ktc-row { padding: 24px 24px 8px; border-top: 0; border-left: 1px solid var(--g-rule); }
.ktc-gulf--home .ktc-hours3 > .ktc-row:first-child { border-left: 0; padding-left: 0; }
@media (min-width: 721px) {
  .ktc-gulf--home main .ktc-hours3 { column-gap: 16px; } /* the tiles' gutter: each divider sits at a tile's left edge */
  .ktc-gulf--home main .ktc-hours3 > .ktc-row:not(:first-child) { padding-left: 24px; } /* = the tile padding; beats the inner-rows rule that zeroed it */
  .ktc-gulf--home main .ktc-hours3 > .ktc-row:not(:last-child) { padding-right: 8px; }
  .ktc-gulf--home main .ktc-hours3 { margin-top: 0; } /* the dividers meet the head's rule */
  .ktc-gulf--home main .ktc-section__head:has(+ .ktc-hours3) { margin-bottom: 0; }
}
.ktc-gulf--home .ktc-hours3 > .ktc-row { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: start; align-content: start; column-gap: 10px; row-gap: 4px; } /* 1.1.2h: title / state + its sub / the week; rows packed at the top (a stretched column spread its spare height over them) */
.ktc-gulf--home .ktc-hours3 .ktc-row__b { display: contents; }
.ktc-gulf--home .ktc-hours3 .ktc-row__t { grid-area: 1 / 1 / 2 / -1; font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.ktc-gulf--home .ktc-hours3 .ktc-hrs__now { grid-area: 2 / 1; margin: 0; font-size: 15px; font-weight: 700; }
.ktc-gulf--home .ktc-hours3 .ktc-row__s { grid-area: 2 / 2; font-size: 13px; line-height: 24px; } /* the state's line box, so the two read as one line */
@media (min-width: 721px) and (max-width: 1099px) { .ktc-gulf--home .ktc-hours3 .ktc-row__s { grid-area: 3 / 1 / 4 / -1; line-height: 1.5; } .ktc-gulf--home .ktc-hours3 > .ktc-row > .ktc-row__b > .ktc-hrs__wk { grid-area: 4 / 1 / 5 / -1; grid-template-columns: minmax(0, 1fr); } } /* narrow columns: the note under the state, each day above its times */
.ktc-gulf--home .ktc-hours3 .ktc-hrs__wk { grid-area: 3 / 1 / 4 / -1; margin-top: 8px; padding-top: 8px; border-top: 1px solid var(--g-rule); }

/* ---------- 03 What the terminal does, on a photograph ---------- */
.ktc-gulf--home .ktc-photoband { position: relative; isolation: isolate; margin-top: var(--g-sp); padding-top: 96px; padding-bottom: 72px; min-height: 560px; display: flex; flex-direction: column; justify-content: flex-end; color: #fff; background: var(--ktc-ink-deep); box-shadow: 0 0 0 100vmax var(--ktc-ink-deep); clip-path: inset(0 -100vmax); }
.ktc-gulf--home .ktc-photoband > :not(.ktc-photoband__bg) { width: 100%; box-sizing: border-box; } /* full content width, not shrunk to the heading */
.ktc-gulf--home .ktc-photoband .ktc-photoband__bg { display: block; position: absolute; z-index: -2; top: 0; bottom: 0; left: 50%; width: 100vw; max-width: none; height: 100%; transform: translateX(-50%); object-fit: cover; }
.ktc-gulf--home .ktc-photoband::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: 50%; width: 100vw; transform: translateX(-50%); background: linear-gradient(180deg, rgba(10,14,22,.45) 0%, rgba(10,14,22,.3) 30%, rgba(10,14,22,.88) 100%); }
.ktc-gulf--home .ktc-photoband .ktc-section__head { border-bottom-color: var(--g-w-edge); }
.ktc-gulf--home .ktc-photoband .ktc-section__head .wp-block-heading { color: #fff; }
.ktc-gulf--home .ktc-photoband .ktc-section__head .wp-block-heading::before { color: var(--ktc-acc); }
.ktc-gulf--home .ktc-photoband .ktc-section__more-link { color: #fff; }
.ktc-gulf--home .ktc-photoband .ktc-rows { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 40px; margin-top: 28px; }
.ktc-gulf--home .ktc-photoband .ktc-row { padding: 0; border: 0; min-height: 0; color: #fff; align-items: flex-start; }
.ktc-gulf--home .ktc-photoband .ktc-row__t { color: #fff; font-size: 20px; font-weight: 700; letter-spacing: -.01em; }
.ktc-gulf--home .ktc-photoband .ktc-row__s { color: var(--g-w-text); font-size: 14px; margin-top: 8px; }

/* ---------- lines ---------- */
.ktc-gulf--home .ktc-section--partners { padding-top: var(--g-sp); }

/* ---------- 04 Getting here: two places with wide photographs ---------- */
.ktc-gulf--home #getting-here + .ktc-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.ktc-gulf--home .ktc-place { flex-direction: column; align-items: stretch; gap: 16px; padding-top: 28px !important; border: 0 !important; }
.ktc-gulf--home .ktc-place__ph { width: 100%; height: auto; aspect-ratio: 16 / 9; border-radius: 0; }
.ktc-gulf--home .ktc-place .ktc-row__t { font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.ktc-gulf--home .ktc-place .ktc-row__k { margin-left: 8px; font-size: 13px; font-weight: 600; color: var(--ktc-ink-3); }

/* ---------- 05 Contact us ---------- */
.ktc-gulf--home #contact .ktc-rows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 56px; }
.ktc-gulf--home .ktc-lane { padding-top: 28px !important; border: 0 !important; align-items: flex-start; }
.ktc-gulf--home .ktc-lane .ktc-row__t { font-size: 24px; font-weight: 700; letter-spacing: -.01em; }
.ktc-gulf--home .ktc-lane .ktc-row__k { display: block; margin-top: 20px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--ktc-ink-3); }
.ktc-gulf--home .ktc-lane .ktc-reach__tel[href] { font-size: 34px; font-weight: 800; letter-spacing: -.02em; min-height: 0; margin-top: 4px; }

/* ==========================================================================
   About us and every other page
   ========================================================================== */
.ktc-gulf--about .ktc-banner--gulf { min-height: 760px; }
.ktc-gulf--inner .ktc-banner--gulf { min-height: 520px; }
.ktc-gulf--inner .ktc-banner--gulf .ktc-banner__title { margin-top: 0; font-size: 60px; line-height: 1; letter-spacing: -.04em; max-width: 18ch; }
.ktc-gulf.single-post .ktc-banner--gulf .ktc-banner__title, .ktc-gulf.single-tribe_events .ktc-banner--gulf .ktc-banner__title { font-size: 44px; line-height: 1.05; max-width: 24ch; }
.ktc-gulf--inner .ktc-banner--gulf .ktc-banner__in { padding-bottom: 56px; }
.ktc-gulf:not(.ktc-gulf--home) main.wp-block-group { padding-top: 48px; padding-bottom: 72px; }

/* one column with the hero: the page article spans the 1080 column, unframed; prose keeps its measure, grids do not */
.ktc-gulf main > .ktc-page, .ktc-gulf:not(.ktc-gulf--home) main > .ktc-page.ktc-card { max-width: var(--wp--style--global--content-size, 1080px); margin-top: 0; padding: 0; border: 0; border-radius: 0; background: none; box-shadow: none; }
.ktc-gulf .ktc-page .wp-block-post-content > :not(p, ul, ol, h2, h3, h4, blockquote, figure) { max-width: none; }
.ktc-gulf main a[href^="tel:"] { white-space: nowrap; }
.ktc-gulf .ktc-page .wp-block-post-content .ktc-ab-vision p.ktc-ab-vision__quote { color: #fff; }
.ktc-gulf .ktc-page .wp-block-post-content .ktc-ab-vision p.ktc-ab-vision__text { color: var(--g-w-text); }
.ktc-gulf .ktc-page .wp-block-post-content .ktc-ab-vision p.ktc-eyebrow { color: var(--g-w-soft); }
.ktc-gulf main :is(.ktc-cd-top .ktc-section, .ktc-fold, .ktc-ab-plate, .ktc-ab-rail, .ktc-ab-mosaic figure, .ktc-ab-glad, .ktc-ab-vision, .ktc-ab-desk) { border-radius: var(--ktc-radius-4); box-shadow: none; }
.ktc-gulf main .ktc-ab-desk { background: none; }
.ktc-gulf main.ktc-404 { padding-left: var(--g-pad); padding-right: var(--g-pad); }
.ktc-gulf main.ktc-404 > .ktc-404__card { max-width: var(--wp--style--global--content-size, 1080px); }

/* ruled section heads, unnumbered (Home numbers its own); a section's own title on Customer Desk and Contact takes the same head */
.ktc-gulf:not(.ktc-gulf--home) main .ktc-section:not(.ktc-cd-top .ktc-section) > .ktc-section__head { margin-bottom: 16px; padding-bottom: 14px; border-bottom: 1px solid var(--ktc-ink); }
.ktc-gulf:not(.ktc-gulf--home) main .ktc-section:not(.ktc-cd-top .ktc-section) > .ktc-section__head .wp-block-heading,
.ktc-gulf--inner main .ktc-section:not(.ktc-sheet):not(.ktc-portal-card):not(.ktc-cd-top .ktc-section) > h2.wp-block-heading { font-size: 34px; line-height: 1.05; letter-spacing: -.03em; font-weight: 800; }
.ktc-gulf--inner main .ktc-section:not(.ktc-sheet):not(.ktc-portal-card):not(.ktc-cd-top .ktc-section) > h2.wp-block-heading { margin: 0 0 16px; padding-bottom: 14px; border-bottom: 1px solid var(--ktc-ink); }
.ktc-gulf:not(.ktc-gulf--home) main .ktc-eyebrow { margin-bottom: 6px; }
.ktc-gulf:not(.ktc-gulf--home) main .ktc-eyebrow + :is(h2, .ktc-section__head) { margin-top: 0; }

/* hairline frames in place of shadowed cards; lists of rows lose the frame and keep their rules */
.ktc-gulf:not(.ktc-gulf--home) main .ktc-card { box-shadow: none; border: 1px solid var(--g-rule); border-radius: var(--ktc-radius-4); }
.ktc-gulf:not(.ktc-gulf--home) main :is(.ktc-card.ktc-rows, .ktc-card.ktc-notices) { border-width: 0 0 1px; border-radius: 0; background: none; }
.ktc-gulf:not(.ktc-gulf--home) main .ktc-notices .ktc-notice--row { padding-left: 0; padding-right: 0; background: none; }
.ktc-gulf:not(.ktc-gulf--home) main .ktc-notices .wp-block-post:first-child .ktc-notice--row, .ktc-gulf:not(.ktc-gulf--home) main .ktc-notices > .ktc-notice--row:first-child { border-top: 0; }
.ktc-gulf:not(.ktc-gulf--home) main .ktc-card.ktc-rows > .ktc-row { padding-left: 0; padding-right: 0; border-top-color: var(--g-rule); }

/* ==========================================================================
   Narrower screens
   ========================================================================== */
@media (max-width: 960px) {
  .ktc-gulf .ktc-banner--gulf .ktc-banner__title { font-size: 72px; }
  .ktc-gulf--about .ktc-banner--gulf .ktc-banner__title { font-size: 60px; }
  .ktc-gulf--inner .ktc-banner--gulf .ktc-banner__title { font-size: 48px; }
  .ktc-news { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ktc-gulf--home .ktc-photoband .ktc-rows { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px 24px; }
}

/* ---------- phones: the hero shares the 24 px column gutter ---------- */
@media (max-width: 720px) {
  .ktc-gulf { --g-sp: 60px; --g-pad: 24px; }
  .ktc-gulf .ktc-banner--gulf { min-height: 520px; }
  .ktc-gulf--about .ktc-banner--gulf { min-height: 600px; }
  .ktc-gulf--inner .ktc-banner--gulf { min-height: 400px; }
  .ktc-banner__top { padding-top: 18px; }
  .ktc-banner__mark { height: 36px; }
  .ktc-gulf .ktc-rail { top: 16px; }
  .ktc-gulf .ktc-banner--gulf .ktc-banner__in { padding-bottom: 28px; }
  .ktc-banner__date, .ktc-gulf .ktc-banner--gulf .ktc-banner__eyebrow { font-size: 12px; padding-bottom: 12px; }
  .ktc-gulf .ktc-banner--gulf .ktc-banner__title { margin-top: 14px; font-size: 46px; letter-spacing: -.04em; }
  .ktc-gulf--about .ktc-banner--gulf .ktc-banner__title { margin-top: 0; font-size: 38px; max-width: 14ch; }
  .ktc-gulf--inner .ktc-banner--gulf .ktc-banner__title { margin-top: 0; font-size: 36px; }
  .ktc-gulf.single-post .ktc-banner--gulf .ktc-banner__title, .ktc-gulf.single-tribe_events .ktc-banner--gulf .ktc-banner__title { font-size: 28px; letter-spacing: -.03em; }
  .ktc-gulf .ktc-banner--gulf .ktc-banner__lede { margin-top: 12px; font-size: 15px; }
  .ktc-banner__cta { margin-top: 16px; }
  .ktc-banner__btn { min-height: 44px; padding: 0 18px; font-size: 14px; }
  .ktc-gulf .ktc-rail.is-stuck { padding: 8px var(--g-pad) !important; }
  .ktc-gulf .ktc-rail .wp-block-navigation__responsive-container.is-menu-open { left: 0; right: 0; width: auto; }
  .ktc-gulf .ktc-rail.is-stuck .wp-block-navigation__responsive-container.is-menu-open { left: var(--g-pad); right: var(--g-pad); }
  .ktc-gulf .ktc-rail.is-stuck .ktc-rail__home img { height: 32px; }

  .ktc-gulf--home main .ktc-section__head { padding-bottom: 12px; }
  .ktc-gulf--home main .ktc-section__head .wp-block-heading { font-size: 32px; }
  .ktc-gulf--home main .ktc-section__head .wp-block-heading::before { margin-bottom: 8px; }
  .ktc-gulf--home main > .ktc-gnote:not([hidden]) + .ktc-section { padding-top: 48px !important; }

  /* tasks: two columns of tiles, title + action, no hints; an odd last tile takes the full row */
  .ktc-gulf--home .ktc-home-top { padding-top: 20px !important; }
  .ktc-tasks { grid-auto-flow: row; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  .ktc-gulf--home .ktc-tasks > .ktc-row { gap: 10px; padding: 16px; }
  .ktc-gulf--home .ktc-tasks .ktc-row__i { width: 38px; height: 38px; }
  .ktc-gulf--home .ktc-tasks > .ktc-row > .ktc-row__b { flex: none; } .ktc-gulf--home .ktc-tasks > .ktc-row > .ktc-row__go { margin-top: 0; } /* 1.1.4: a one-button tile's button sits under its title, level with File a ticket */
  .ktc-gulf--home .ktc-tasks > .ktc-row:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .ktc-gulf--home .ktc-tasks .ktc-row__s { display: none; }
  .ktc-gulf--home .ktc-tasks .ktc-row__t { font-size: 15px; }

  .ktc-gulf--home .ktc-news .ktc-row { padding-top: 16px; padding-bottom: 16px; }
  .ktc-gulf--home .ktc-news .ktc-row__b { grid-template-columns: minmax(0, 1fr); row-gap: 6px; }
  .ktc-gulf--home .ktc-news .ktc-row__k { grid-row: auto; flex-direction: row; align-items: center; }
  .ktc-gulf--home .ktc-news .ktc-row.ktc-notice .ktc-row__t, .ktc-gulf--home .ktc-news .ktc-row__s { grid-column: 1; }
  .ktc-gulf--home .ktc-news .ktc-row.ktc-notice .ktc-row__t, .ktc-gulf--home .ktc-news .ktc-row:first-child .ktc-row__t { font-size: 20px; }

  .ktc-gulf--home .ktc-hours3 { grid-template-columns: minmax(0, 1fr); }
  .ktc-gulf--home .ktc-hours3 > .ktc-row { padding: 16px 0 4px; border-left: 0; border-top: 1px solid var(--g-rule); }
  .ktc-gulf--home .ktc-hours3 > .ktc-row:first-child { border-top: 0; }
  .ktc-gulf--home .ktc-hours3 > .ktc-row { grid-template-columns: minmax(0, 1fr) auto; } /* the title wraps before the state runs over it (320 px) */
  .ktc-gulf--home .ktc-hours3 .ktc-row__t { grid-area: 1 / 1; font-size: 17px; }
  .ktc-gulf--home .ktc-hours3 .ktc-hrs__now { grid-area: 1 / 2; justify-self: end; font-size: 14px; } /* the state on the title's line */
  .ktc-gulf--home .ktc-hours3 .ktc-row__s { grid-area: 2 / 1 / 3 / -1; line-height: 1.5; }
  .ktc-gulf--home .ktc-hours3 .ktc-hrs__wk { margin-top: 4px; padding-top: 0; border-top: 0; }

  .ktc-gulf--home .ktc-photoband { min-height: 0; padding-top: 56px; padding-bottom: 40px; }
  .ktc-gulf--home .ktc-photoband::before { background: linear-gradient(180deg, rgba(10,14,22,.78) 0%, rgba(10,14,22,.82) 40%, rgba(10,14,22,.9) 100%); }
  .ktc-gulf--home .ktc-photoband .ktc-rows { gap: 20px 16px; margin-top: 20px; }
  .ktc-gulf--home .ktc-photoband .ktc-row__t { font-size: 17px; }
  .ktc-gulf--home .ktc-photoband .ktc-row__s { font-size: 13px; }

  .ktc-gulf--home #getting-here + .ktc-rows, .ktc-gulf--home #contact .ktc-rows { grid-template-columns: minmax(0, 1fr); gap: 20px; }
  .ktc-gulf--home .ktc-place .ktc-row__t, .ktc-gulf--home .ktc-lane .ktc-row__t { font-size: 20px; }
  .ktc-gulf--home .ktc-place__ph { width: 100%; height: auto; }
  .ktc-gulf--home .ktc-lane .ktc-reach__tel[href] { font-size: 26px; }

  .ktc-gulf:not(.ktc-gulf--home) main.wp-block-group { padding-top: 32px; }
  .ktc-gulf:not(.ktc-gulf--home) main .ktc-section:not(.ktc-cd-top .ktc-section) > .ktc-section__head .wp-block-heading,
  .ktc-gulf--inner main .ktc-section:not(.ktc-sheet):not(.ktc-portal-card):not(.ktc-cd-top .ktc-section) > h2.wp-block-heading { font-size: 26px; }
}

/* review round 5: older parts that render under the Gulf look */
.ktc-gulf .ktc-ab-mosaic figcaption { left: 0; right: 0; bottom: 0; padding: 14px 20px; border-radius: 0; color: #fff; font-size: 13px; font-weight: 600; background: linear-gradient(180deg, transparent, rgba(15,26,43,.8)); } /* = .ktc-ab-plate figcaption */
.ktc-gulf .ktc-gd__sample { font-size: 11px; }
.ktc-gulf .ktc-row__t { font-size: 17px; }
.ktc-gulf--home .ktc-gnote__dot { display: none; }
.ktc-gulf--home .ktc-gnote button { width: 44px; height: 44px; font-size: 20px; }
@media (max-width: 360px) { .ktc-gulf--home .ktc-banner--gulf .ktc-banner__title { font-size: 38px; } } /* "international" fits a 320 px phone */
@media (max-width: 380px) { .ktc-gulf--home .ktc-tasks > .ktc-row { padding: 14px; } .ktc-gulf--home .ktc-tasks .ktc-row__go, .ktc-gulf--home .ktc-tasks .ktc-row__call { padding: 0 11px; font-size: 13px; } .ktc-gulf--home .ktc-tasks .ktc-row__go::before { display: none; } } /* 1.1.4: small phones: Helpdesk's two buttons stack, and File a ticket fits its half tile without the arrow */
@media (min-width: 721px) and (max-width: 799px) { .ktc-gulf--home .ktc-tasks .ktc-row__go::before { display: none; } .ktc-gulf--home .ktc-tasks .ktc-row__go, .ktc-gulf--home .ktc-tasks .ktc-row__call { padding: 0 11px; font-size: 13px; } } /* 1.1.4: narrow three-across tiles: File a ticket and Call share a line without the arrow */
@media (max-width: 640px) { .ktc-gulf .ktc-ab-mosaic figure:not(:first-child) figcaption { left: 0; bottom: 0; padding: 10px 12px; font-size: 12px; } } /* beats ktc.css's phone inset */

/* ---------- 1.1.1 Careers: one light card per job (owner: San Miguel cards, then "light like orange and white like the website"), the inbox as the data ---------- */
.ktc-gulf .ktc-jobs { display: grid; grid-template-columns: minmax(0, 1fr); gap: 24px; margin-top: 24px; }
@media (min-width: 920px) { .ktc-gulf .ktc-jobs { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.ktc-gulf .ktc-job { display: flex; flex-direction: column; overflow-wrap: anywhere; padding: 36px 40px 40px; border: 1px solid var(--ktc-line); border-top: 4px solid var(--ktc-acc); border-radius: var(--ktc-radius-4); background: var(--ktc-card); color: var(--ktc-ink); }
.ktc-gulf .ktc-job > * { margin: 0; max-width: 70ch; }
.ktc-gulf .ktc-job > .ktc-job__top { display: flex; align-items: center; justify-content: space-between; gap: 16px; max-width: none; margin-bottom: 28px; }
.ktc-gulf .ktc-job__logo { display: block; height: 44px; width: auto; }
.ktc-gulf .ktc-job__tag { font-size: 13px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--ktc-ink-3); }
.ktc-gulf .ktc-job .ktc-job__t { max-width: none; margin: 0; padding-bottom: 20px; font-size: 28px; line-height: 1.15; font-weight: 700; letter-spacing: -.02em; color: var(--ktc-ink); }
.ktc-gulf .ktc-job .ktc-job__t::after { content: ""; display: block; width: min(100%, 520px); height: 2px; margin-top: 20px; background: var(--ktc-acc); }
.ktc-gulf .ktc-job__duty { font-size: 17px; line-height: 1.55; color: var(--ktc-ink-2); }
.ktc-gulf .ktc-job__h { margin-top: 28px; font-size: 17px; font-weight: 700; color: var(--ktc-ink); }
.ktc-gulf .ktc-job__q { margin-top: 10px; padding-left: 22px; font-size: 17px; line-height: 1.5; color: var(--ktc-ink-2); }
.ktc-gulf .ktc-job__q li + li { margin-top: 6px; }
.ktc-gulf .ktc-job__q li::marker { color: var(--ktc-ink-3); }
.ktc-gulf .ktc-job__where { display: grid; grid-template-columns: auto 1fr; align-items: center; margin-top: 32px; font-size: 17px; font-weight: 600; color: var(--ktc-ink); }
.ktc-gulf .ktc-job__pin { grid-row: 1; margin-right: 12px; color: var(--ktc-ink-3); }
.ktc-gulf .ktc-job__where .ktc-job__place { grid-column: 2; }
.ktc-gulf .ktc-job__place + .ktc-job__place { margin-top: 4px; }
.ktc-gulf .ktc-job__go { margin-top: auto; padding-top: 32px; }
.ktc-gulf .ktc-job .ktc-job__apply { display: inline-flex; align-items: center; min-height: 44px; box-sizing: border-box; max-width: 100%; }
.ktc-gulf .ktc-jobs__none { margin: 8px 0 0; font-size: 17px; color: var(--ktc-ink-2); }
.ktc-gulf .ktc-apply { margin-top: var(--g-sp); }
.ktc-gulf .ktc-apply__lead { margin: 8px 0 0; font-size: 15px; color: var(--ktc-ink-2); }
.ktc-gulf .ktc-apply__to { margin: 4px 0 0; font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -.02em; overflow-wrap: anywhere; }
.ktc-gulf .ktc-apply__subj { margin: 16px 0 0; font-size: 15px; color: var(--ktc-ink-2); }
.ktc-gulf .ktc-apply__subj strong { color: var(--ktc-ink); }
.ktc-gulf .ktc-apply__subj span { font-size: 14px; color: var(--ktc-ink-3); }
.ktc-gulf .ktc-warn { max-width: var(--wp--style--global--content-size, 1080px); margin: 48px auto 0; padding: 16px 0 0; border-top: 1px solid var(--ktc-ink); font-size: 15px; line-height: 1.5; color: var(--ktc-ink-2); }
.ktc-gulf .ktc-warn strong { color: var(--ktc-ink); }
@media (max-width: 720px) {
  .ktc-gulf .ktc-jobs { gap: 16px; margin-top: 16px; }
  .ktc-gulf .ktc-job { padding: 26px 22px 28px; }
  .ktc-gulf .ktc-job > .ktc-job__top { margin-bottom: 20px; }
  .ktc-gulf .ktc-job__logo { height: 34px; }
  .ktc-gulf .ktc-job__tag { font-size: 12px; }
  .ktc-gulf .ktc-job .ktc-job__t { padding-bottom: 16px; font-size: 24px; }
  .ktc-gulf .ktc-job .ktc-job__t::after { margin-top: 16px; }
  .ktc-gulf .ktc-job__duty, .ktc-gulf .ktc-job__q, .ktc-gulf .ktc-job__h { font-size: 15px; }
  .ktc-gulf .ktc-job__where { margin-top: 24px; font-size: 15px; }
  .ktc-gulf .ktc-job__go { padding-top: 24px; }
  .ktc-gulf .ktc-job .ktc-job__apply { width: 100%; justify-content: center; }
  .ktc-gulf .ktc-apply { margin-top: 56px; }
  .ktc-gulf .ktc-apply__to { font-size: 20px; }
}

/* ---------- 1.1.1 owner options ---------- */
.ktc-gulf main .ktc-ab-rail li > h3 { margin: 0; } /* the title sits on the numeral's line */
/* one full-width card under a ruled head: the head's rule opens it, a hairline closes it (no box inside a ruled section) */
.ktc-gulf:not(.ktc-gulf--home) main :is(.ktc-card.ktc-pay, .ktc-card.ktc-counter__card, .ktc-dir--strip.ktc-card, .ktc-card.ktc-hours-wrap, .ktc-card.ktc-fleet__lead, .ktc-card.ktc-partner) { border-width: 0 0 1px; border-radius: 0; background: none; padding-left: 0; padding-right: 0; }
.ktc-gulf .ktc-banner--gulf .ktc-banner__title.is-caps { letter-spacing: -.01em; } /* capitals need air (authority, 1.1.0 Gulf) */
.ktc-gulf main .ktc-desk__tel { color: var(--ktc-ink); } /* phone numbers in ink, as on Contact and Home */
@media (hover: hover) { .ktc-gulf main .ktc-desk__tel:hover { color: var(--ktc-acc-2); } }