.houston-catalogue { color:#14374d; background:#f3f6f8; }
.houston-catalogue *, .houston-catalogue *::before, .houston-catalogue *::after { box-sizing:border-box; }
.hc-catalogue-wrap { max-width:1180px; width:calc(100% - 64px); margin:auto; }
.hc-catalogue-hero { background:radial-gradient(ellipse at 95% 0%,#1c5f82,transparent 65%),#0b2c42; color:white; padding:70px 0; }
.hc-hero-columns { display:grid; grid-template-columns:minmax(0,1.5fr) minmax(0,1fr); align-items:center; gap:90px; }
.houston-catalogue .hc-catalogue-eyebrow { font-size:11px !important; letter-spacing:2px; font-weight:600; color:#acd0e5; margin:0 0 24px; }
.houston-catalogue h1 { font-size:clamp(38px,4.4vw,60px) !important; color:#fff; line-height:1.12; letter-spacing:-1.7px; font-weight:600; margin:0 0 24px; }
.houston-catalogue p { font-size:16px !important; line-height:1.7; }
.hc-catalogue-intro { color:#d0e1ec; max-width:560px; margin:0 0 28px; }
.houston-catalogue .hc-catalogue-button { display:inline-flex; align-items:center; gap:36px; padding:13px 20px; color:#14374d; background:#fff; border-radius:6px; text-decoration:none; font-size:15px; font-weight:600; }
.hc-hero-note { border-left:1px solid #ffffff30; padding-left:36px; }
.hc-note-line { display:block; width:36px; height:3px; background:#54ace4; margin-bottom:24px; }
.houston-catalogue .hc-hero-note h2 { font-size:29px !important; line-height:1.25; font-weight:500; color:#fff; padding:0; border:0; margin:0 0 18px; }
.hc-hero-note > p { color:#c0d7e4; font-size:14px !important; }
.hc-hero-note > a { display:inline-flex; gap:26px; margin-top:14px; color:#fff; font-size:14px; text-decoration:none; border-bottom:1px solid #ffffff60; padding-bottom:6px; }
.hc-catalogue-content { padding:34px 0 64px; scroll-margin-top:20px; }
.hc-catalogue-nav { display:flex; gap:30px; border-bottom:1px solid #d1dee7; margin-bottom:32px; }
.hc-catalogue-nav a { padding:0 0 16px; color:#526c7c; font-size:15px; text-decoration:none; border-bottom:3px solid transparent; }
.hc-catalogue-nav a[aria-current] { color:#0769a8; border-bottom-color:#0769a8; font-weight:600; }
.houston-catalogue .houston-page-guide > p { color:#536a78; max-width:850px; }
.houston-catalogue h2 { color:#14374d; font-size:32px !important; font-weight:600; letter-spacing:-.5px; line-height:1.25; text-transform:none; border:0; padding:0; margin:34px 0 20px; }
.houston-catalogue .houston-catalogue-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; margin:26px 0 48px; }
.houston-catalogue .houston-directory-card { display:flex; flex-direction:column; position:relative; min-width:0; padding:0; border:1px solid #dce5ec; border-radius:12px; overflow:hidden; background:#fff; transition:box-shadow .18s,border-color .18s; }
.houston-catalogue .houston-directory-card:hover { border-color:#92bad4; box-shadow:0 12px 30px #153b5110; }
.hc-card-media { position:relative; height:180px; display:flex; align-items:center; justify-content:center; background:linear-gradient(125deg,#edf3f7,#e0eaf1); border-bottom:1px solid #e2eaf0; overflow:hidden; }
.hc-card-number { position:absolute; left:20px; top:17px; color:#688494; font-size:11px; letter-spacing:1px; }
.houston-catalogue .hc-card-media img { width:75%; height:140px; object-fit:contain; margin:0; mix-blend-mode:multiply; }
.hc-card-symbol { color:#367b9f; transform:rotate(-10deg); opacity:.65; }
.houston-catalogue .houston-directory-card h3 { margin:25px 24px 12px; font-size:23px !important; font-weight:500; line-height:1.3; }
.houston-catalogue .houston-directory-card h3 a { color:#14374d; text-decoration:none; }
.houston-catalogue .houston-directory-card > p { margin:0 24px 26px; color:#536a78; font-size:14px !important; line-height:1.7; }
.houston-catalogue .hc-card-action { display:flex; justify-content:space-between; align-items:center; gap:15px; margin:auto 24px 0; padding:17px 0 20px; border-top:1px solid #e5ebef; color:#0667a6; text-decoration:none; font-size:14px; font-weight:600; }
.houston-catalogue .houston-page-guide > p:last-child { display:block; max-width:none; margin-top:26px; padding:24px 28px; background:#e6eff5; border-radius:8px; }
.houston-catalogue .houston-page-guide > p:last-child a { color:#075d92; font-weight:600; }
.houston-catalogue a:focus-visible { outline:3px solid #4c9dd2; outline-offset:4px; }
@media(max-width:950px) { .hc-catalogue-wrap{width:calc(100% - 40px)} .hc-hero-columns{gap:35px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)} .hc-hero-note{padding-left:24px} .houston-catalogue .houston-catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:600px) { .hc-catalogue-wrap{width:calc(100% - 32px)} .hc-catalogue-hero{padding:42px 0} .hc-hero-columns{grid-template-columns:1fr;gap:34px} .hc-hero-note{border-left:0;border-top:1px solid #ffffff30;padding:24px 0 0} .hc-note-line{display:none} .houston-catalogue .houston-catalogue-grid{grid-template-columns:1fr;gap:20px} .hc-catalogue-content{padding-top:26px} .hc-catalogue-nav{gap:26px} }

/* Hero background photo: chosen per page in wp-admin, under a navy overlay for legibility */
.hc-catalogue-hero.has-image { position:relative; background:linear-gradient(100deg,rgba(11,44,66,.94) 0%,rgba(11,44,66,.82) 48%,rgba(11,44,66,.6) 100%),var(--hc-hero-image) center/cover no-repeat,#0b2c42; }
.hc-catalogue-hero.has-image::after { content:""; position:absolute; inset:auto 0 0 0; height:90px; background:linear-gradient(transparent,rgba(11,44,66,.55)); pointer-events:none; }
.hc-catalogue-hero.has-image .hc-catalogue-wrap { position:relative; z-index:1; }
.hc-catalogue-hero.has-image .hc-hero-note { border-left-color:#ffffff40; }
@media (max-width:600px) { .hc-catalogue-hero.has-image { background:linear-gradient(180deg,rgba(11,44,66,.92),rgba(11,44,66,.86)),var(--hc-hero-image) center/cover no-repeat,#0b2c42; } }