/*
Theme Name: Brackish Inc. Global
Theme URI: https://brackishinc.com/
Author: Brackish Inc.
Description: Native WordPress block theme using Site Editor templates and Global Styles.
Version: 3.1.7
Text Domain: brackish-inc-global
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700;800&display=swap');
@import 'tailwindcss';

:root {
  --ink: #082c31;
  --deep: #031f25;
  --forest: #184d42;
  --aqua: #77ddd2;
  --aqua-dark: #168f8f;
  --coral: #e86f52;
  --sand: #f1eadc;
  --mist: #edf6f2;
  --paper: #f8fbf8;
  --line: rgba(8, 44, 49, 0.15);
  --content-max: 1440px;
  --page-gutter: clamp(20px, 4vw, 76px);
  --media-radius: 16px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: "Aptos", "Segoe UI", Arial, sans-serif;
  text-rendering: optimizeLegibility;
}
img { display: block; width: 100%; }
a { color: inherit; text-decoration: none; }
.shell { width: min(var(--content-max), calc(100% - var(--page-gutter) - var(--page-gutter))); margin-inline: auto; }

.hero {
  min-height: 760px;
  padding-top: 92px;
  color: white;
  background:
    radial-gradient(circle at 4% 18%, rgba(44, 193, 178, .18), transparent 28%),
    linear-gradient(135deg, #062f35 0%, #031b22 72%);
  overflow: hidden;
}
.nav {
  position: fixed;
  z-index: 50;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  height: 92px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  border-bottom: 1px solid rgba(255,255,255,.12);
  background: rgba(3, 31, 37, .92);
  backdrop-filter: blur(14px);
}
.brand { display: inline-flex; align-items: center; }
.brand-logo { display: block; width: clamp(164px, 17vw, 205px); height: auto; }
.nav-links { display: flex; gap: 28px; font-size: 13px; color: rgba(255,255,255,.74); }
.nav-links a:hover { color: white; }
.nav-cta { justify-self: end; padding: 12px 18px; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; font-size: 13px; font-weight: 700; transition: .2s ease; }
.nav-cta:hover { border-color: var(--aqua); background: rgba(119,221,210,.08); }

.hero-grid { display: grid; grid-template-columns: .98fr 1.02fr; align-items: center; min-height: 668px; gap: 64px; padding-block: 54px 70px; }
.hero-copy { padding-bottom: 6px; }
.eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 24px; color: #9ae9e1; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.eyebrow span { width: 22px; height: 1px; background: currentColor; }
.hero h1 { max-width: 660px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(54px, 5.4vw, 80px); font-weight: 500; line-height: .98; letter-spacing: -.055em; }
.hero h1 em { display: block; color: var(--aqua); font-weight: 500; }
.hero-lede { max-width: 590px; margin: 30px 0 34px; color: rgba(255,255,255,.74); font-size: 18px; line-height: 1.65; }
.hero-actions { display: flex; align-items: center; gap: 28px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 14px; min-height: 42px; padding: 11px 16px; border-radius: 7px; font-size: 13px; font-weight: 800; }
.button.primary { color: var(--deep); background: var(--aqua); }
.button.primary:hover { background: #99e8e0; }
.text-link { font-size: 14px; font-weight: 700; color: rgba(255,255,255,.8); }
.text-link span { margin-left: 8px; color: var(--aqua); }
.hero-footnote { display: flex; flex-direction: column; gap: 5px; margin-top: 62px; padding-left: 14px; border-left: 2px solid var(--aqua-dark); }
.hero-footnote span { color: rgba(255,255,255,.48); font-size: 11px; letter-spacing: .12em; text-transform: uppercase; }
.hero-footnote strong { font-size: 14px; }

.hero-visual { position: relative; min-height: 535px; border-radius: 180px 180px 18px 18px; overflow: hidden; isolation: isolate; box-shadow: 0 30px 80px rgba(0,0,0,.28); }
.hero-products { position: absolute; inset: 0; z-index: -3; display: grid; grid-template-columns: 1.12fr .88fr; grid-template-rows: 1fr 1fr; gap: 3px; background: var(--deep); }
.hero-product { position: relative; min-width: 0; min-height: 0; overflow: hidden; }
.hero-product-fish { grid-row: 1 / 3; }
.hero-product img { width: 100%; height: 100%; object-fit: cover; }
.hero-product-fish img { object-position: 14% center; transform: scale(1.04); }
.hero-product-prawn img { object-position: 54% center; }
.hero-product-crab img { object-position: center 44%; }
.hero-product span { position: absolute; z-index: 2; left: 14px; bottom: 13px; padding: 6px 8px; color: white; background: rgba(3,31,37,.78); font-size: 8px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; backdrop-filter: blur(6px); }
.visual-shade { position: absolute; inset: 0; z-index: -2; background: linear-gradient(to top, rgba(2,26,35,.82), rgba(2,31,42,.03) 58%, rgba(2,31,42,.16)); }
.hero-visual::after { content: ''; position: absolute; inset: 20px; border: 1px solid rgba(255,255,255,.2); border-radius: 164px 164px 11px 11px; pointer-events: none; }
.signal-card { position: absolute; display: flex; align-items: center; gap: 11px; padding: 12px 15px; border: 1px solid rgba(255,255,255,.18); border-radius: 9px; background: rgba(2,31,42,.78); backdrop-filter: blur(10px); box-shadow: 0 12px 32px rgba(0,0,0,.18); }
.signal-one { top: 27%; left: 6%; }
.signal-two { right: 6%; bottom: 18%; }
.signal-card small, .signal-card strong { display: block; }
.signal-card small { margin-bottom: 3px; color: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.signal-card strong { font-size: 12px; }
.signal-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 6px rgba(232,111,82,.16); }
.signal-ring { width: 18px; height: 18px; border: 1px solid var(--aqua); border-radius: 50%; box-shadow: inset 0 0 0 5px rgba(119,221,210,.12); }
.image-note { position: absolute; left: 38px; bottom: 28px; margin: 0; color: rgba(255,255,255,.56); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; }

.proof { color: white; background: var(--forest); }
.proof-grid { display: grid; grid-template-columns: repeat(4, 1fr); }
.proof-point { min-height: 126px; display: flex; flex-direction: column; justify-content: center; padding: 20px 28px; border-left: 1px solid rgba(255,255,255,.14); }
.proof-point:last-child { border-right: 1px solid rgba(255,255,255,.14); }
.proof-point strong { margin-bottom: 7px; font-family: Georgia, "Times New Roman", serif; color: var(--aqua); font-size: 34px; font-weight: 500; }
.proof-point span { color: rgba(255,255,255,.65); font-size: 11px; letter-spacing: .09em; text-transform: uppercase; }

.farm { padding-block: 116px 124px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 52px; }
.eyebrow.dark { margin: 0; color: var(--aqua-dark); }
.section-heading h2, .field-copy h2, .product-copy h2, .work-heading h2, .innovation-copy h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 4.5vw, 62px); font-weight: 500; line-height: 1.05; letter-spacing: -.045em; }
.farm-intro { display: grid; grid-template-columns: 1.15fr .85fr; gap: 90px; align-items: start; margin-bottom: 70px; padding-top: 34px; border-top: 1px solid var(--line); }
.farm-intro p { margin: 0; color: #4b6667; font-size: 16px; line-height: 1.78; }
.farm-intro .farm-intro-lede { max-width: 670px; color: var(--ink); font-family: Georgia, "Times New Roman", serif; font-size: 27px; line-height: 1.4; }
.journey-grid { display: grid; grid-template-columns: repeat(4, 1fr); border: 1px solid var(--line); }
.journey-card { min-height: 318px; padding: 27px 25px 30px; border-right: 1px solid var(--line); background: white; }
.journey-card:last-child { border-right: 0; background: var(--mist); }
.journey-card > span { color: var(--aqua-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.journey-card h3 { margin: 86px 0 15px; font-family: Georgia, "Times New Roman", serif; font-size: 27px; font-weight: 500; letter-spacing: -.03em; }
.journey-card p { margin: 0; color: #587073; font-size: 13px; line-height: 1.7; }

.field-story { padding-block: 110px; color: white; background: var(--deep); }
.field-grid { display: grid; grid-template-columns: 1.05fr .95fr; gap: 88px; align-items: center; }
.field-photo { position: relative; min-height: 660px; margin: 0; overflow: hidden; border-radius: var(--media-radius); }
.field-photo video { pointer-events:none; }
.field-photo img, .field-photo video { width: 100%; height: 660px; object-fit: cover; object-position: center; }
.field-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,31,37,.74), transparent 38%); pointer-events: none; }
.field-photo figcaption { position: absolute; z-index: 1; left: 28px; right: 28px; bottom: 25px; display: flex; flex-direction: column; gap: 6px; font-size: 13px; }
.field-photo figcaption span { color: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.field-copy > p:not(.eyebrow) { max-width: 540px; margin: 28px 0 38px; color: rgba(255,255,255,.66); font-size: 16px; line-height: 1.78; }
.field-note { display: grid; border-top: 1px solid rgba(255,255,255,.15); }
.field-note strong { padding-block: 22px; color: var(--aqua); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.field-note span { padding: 17px 0; border-top: 1px solid rgba(255,255,255,.12); font-family: Georgia, "Times New Roman", serif; font-size: 20px; }

.hatchery { display: grid; grid-template-columns: .88fr 1.12fr; gap: 88px; align-items: center; padding-block: 126px; }
.hatchery-copy h2 { max-width: 560px; margin: 24px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 4.5vw, 62px); font-weight: 500; line-height: 1.05; letter-spacing: -.045em; }
.hatchery-lede { max-width: 555px; margin: 29px 0 34px; color: #4b6667; font-size: 16px; line-height: 1.78; }
.hatchery-principles { border-top: 1px solid var(--line); }
.hatchery-principles div { display: grid; grid-template-columns: 48px 1fr; align-items: center; min-height: 66px; border-bottom: 1px solid var(--line); }
.hatchery-principles span { color: var(--aqua-dark); font-size: 9px; font-weight: 800; letter-spacing: .12em; }
.hatchery-principles strong { font-size: 13px; }
.development-note { margin: 24px 0 0; padding: 16px 18px; border-left: 2px solid var(--coral); color: #536866; background: var(--mist); font-size: 12px; line-height: 1.65; }
.hatchery-gallery { display: grid; grid-template-columns: 1fr .62fr; gap: 14px; align-items: end; }
.hatchery-photo { position: relative; margin: 0; overflow: hidden; background: var(--mist); }
.hatchery-photo-main, .hatchery-photo-main img { min-height: 650px; height: 650px; }
.hatchery-photo-secondary, .hatchery-photo-secondary img { min-height: 470px; height: 470px; }
.hatchery-photo img { object-fit: cover; }
.hatchery-photo-main img { object-position: center; }
.hatchery-photo-secondary img { object-position: 54% center; }
.hatchery-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,31,37,.7), transparent 34%); pointer-events: none; }
.hatchery-photo figcaption { position: absolute; z-index: 1; left: 18px; right: 18px; bottom: 17px; color: white; font-size: 9px; font-weight: 800; letter-spacing: .1em; line-height: 1.5; text-transform: uppercase; }

.products { display: grid; grid-template-columns: .9fr 1.1fr; gap: 95px; align-items: center; padding-block: 124px; }
.product-image-wrap { position: relative; min-height: 630px; overflow: hidden; border-radius:var(--media-radius); background: var(--sand); }
.product-image-wrap img { height: 630px; object-fit: cover; object-position: center 24%; }
.product-image-wrap p { position: absolute; right: 0; bottom: 0; margin: 0; padding: 12px 16px; color: white; background: var(--forest); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-copy > p:not(.eyebrow) { max-width: 550px; margin: 28px 0 32px; color: #4b6667; font-size: 17px; line-height: 1.78; }
.product-tags { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 38px; }
.product-tags span { padding: 8px 11px; border: 1px solid var(--line); border-radius: 99px; color: #466267; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; background: white; }
.inline-cta { display: inline-flex; align-items: center; gap: 28px; padding-bottom: 8px; border-bottom: 1px solid var(--aqua-dark); font-size: 14px; font-weight: 800; }
.inline-cta span { color: var(--aqua-dark); }

.crustaceans { padding-block: 116px 124px; color: white; background: var(--deep); }
.crustacean-heading { display: grid; grid-template-columns: 1.12fr .68fr; gap: 90px; align-items: end; margin-bottom: 58px; }
.crustacean-heading h2 { max-width: 720px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 4.5vw, 62px); font-weight: 500; line-height: 1.05; letter-spacing: -.045em; }
.crustacean-heading > p { max-width: 470px; margin: 0 0 4px; color: rgba(255,255,255,.65); font-size: 15px; line-height: 1.75; }
.crustacean-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; }
.crustacean-card { border: 1px solid rgba(255,255,255,.14); background: rgba(255,255,255,.035); }
.crustacean-image { position: relative; height: 430px; overflow: hidden; }
.crustacean-image img { height: 430px; object-fit: cover; }
.crustacean-card:first-child .crustacean-image img { object-position: center 44%; }
.crustacean-card:last-child .crustacean-image img { object-position: center 42%; }
.crustacean-image::after { content: ''; position: absolute; inset: 0; background: linear-gradient(to top, rgba(3,31,37,.54), transparent 45%); pointer-events: none; }
.crustacean-image span { position: absolute; z-index: 1; left: 20px; bottom: 18px; padding: 8px 10px; color: var(--deep); background: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.crustacean-card-copy { min-height: 235px; padding: 28px 30px 32px; }
.crustacean-card-copy > p:first-child { margin: 0 0 18px; color: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.crustacean-card-copy h3 { margin: 0 0 14px; font-family: Georgia, "Times New Roman", serif; font-size: 34px; font-weight: 500; letter-spacing: -.035em; }
.crustacean-card-copy > p:last-child { max-width: 520px; margin: 0; color: rgba(255,255,255,.62); font-size: 14px; line-height: 1.7; }
.crustacean-cta { display: inline-flex; align-items: center; gap: 34px; margin-top: 38px; padding-bottom: 8px; border-bottom: 1px solid var(--aqua); font-size: 14px; font-weight: 800; }
.crustacean-cta span { color: var(--aqua); }

.work { padding-block: 116px 124px; color: white; background: var(--forest); }
.work-heading { display: grid; grid-template-columns: 1.25fr .75fr; gap: 90px; align-items: end; margin-bottom: 66px; }
.work-heading > p { max-width: 470px; margin: 0 0 4px; color: rgba(255,255,255,.65); font-size: 16px; line-height: 1.75; }
.work-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid rgba(255,255,255,.17); border-left: 1px solid rgba(255,255,255,.17); }
.work-card { min-height: 320px; padding: 28px 30px 32px; border-right: 1px solid rgba(255,255,255,.17); border-bottom: 1px solid rgba(255,255,255,.17); }
.work-number { color: var(--aqua); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.work-card h3 { margin: 66px 0 15px; font-family: Georgia, "Times New Roman", serif; font-size: 32px; font-weight: 500; }
.work-card p { max-width: 480px; margin: 0; color: rgba(255,255,255,.63); font-size: 14px; line-height: 1.72; }
.work-card small { display: inline-block; margin-top: 27px; color: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }

.innovation { display: grid; grid-template-columns: .9fr 1.1fr; gap: 95px; align-items: center; padding-block: 126px; }
.innovation-copy > p:not(.eyebrow) { max-width: 540px; margin: 28px 0 38px; color: #4b6667; font-size: 16px; line-height: 1.78; }
.innovation-list { border-top: 1px solid var(--line); }
.innovation-list div { display: grid; grid-template-columns: 95px 1fr; align-items: center; min-height: 65px; border-bottom: 1px solid var(--line); }
.innovation-list span { color: var(--aqua-dark); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.innovation-list strong { font-size: 13px; }
.innovation-photo { position: relative; min-height: 650px; margin: 0; overflow: hidden; background: var(--mist); }
.innovation-photo img { height: 650px; object-fit: cover; object-position: center; }
.innovation-photo figcaption { position: absolute; left: 0; bottom: 0; padding: 12px 16px; color: white; background: rgba(3,31,37,.92); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }

.credibility { padding-block: 108px; color: var(--ink); background: var(--sand); }
.credibility-inner { display: grid; grid-template-columns: .48fr 1.14fr .58fr; gap: 60px; align-items: start; }
.credibility blockquote { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(34px, 3.6vw, 49px); line-height: 1.13; letter-spacing: -.04em; }
.engagements { margin-top: 5px; }
.engagements > p { margin: 0 0 20px; color: #536866; font-size: 14px; line-height: 1.75; }
.engagements ul { display: grid; gap: 0; margin: 0; padding: 0; border-top: 1px solid rgba(8,44,49,.18); list-style: none; }
.engagements li { display: grid; gap: 4px; padding: 13px 0; border-bottom: 1px solid rgba(8,44,49,.18); }
.engagements strong { color: var(--aqua-dark); font-size: 10px; letter-spacing: .11em; }
.engagements span { color: #536866; font-size: 12px; line-height: 1.45; }

.partner-pathways { padding-block: 118px 124px; }
.partner-pathways-heading { display: grid; grid-template-columns: 1.08fr .72fr; gap: 100px; align-items: end; margin-bottom: 58px; }
.partner-pathways-heading h2 { max-width: 720px; margin: 24px 0 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 4.5vw, 62px); font-weight: 500; line-height: 1.05; letter-spacing: -.045em; }
.partner-pathways-heading > p { max-width: 470px; margin: 0 0 4px; color: #4b6667; font-size: 16px; line-height: 1.75; }
.partner-pathways-grid { display: grid; grid-template-columns: 1.18fr .82fr; gap: 38px; align-items: stretch; }
.partner-track-list { border-top: 1px solid var(--line); }
.partner-track { display: grid; grid-template-columns: 48px 1fr auto; gap: 20px; align-items: start; min-height: 172px; padding: 27px 0; border-bottom: 1px solid var(--line); }
.partner-track-number { padding-top: 5px; color: var(--aqua-dark); font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.partner-track h3 { margin: 0 0 12px; font-family: Georgia, "Times New Roman", serif; font-size: 27px; font-weight: 500; letter-spacing: -.03em; }
.partner-track p { max-width: 540px; margin: 0; color: #587073; font-size: 13px; line-height: 1.7; }
.partner-track small { margin-top: 6px; color: var(--aqua-dark); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.partner-readiness { display: flex; flex-direction: column; justify-content: center; padding: 48px; color: white; background: var(--deep); }
.partner-kicker { margin: 0 0 28px; color: var(--aqua); font-size: 9px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.partner-readiness h3 { max-width: 420px; margin: 0 0 27px; font-family: Georgia, "Times New Roman", serif; font-size: 34px; font-weight: 500; line-height: 1.12; letter-spacing: -.035em; }
.partner-readiness ul { display: grid; gap: 0; margin: 0 0 34px; padding: 0; list-style: none; }
.partner-readiness li { position: relative; padding: 14px 0 14px 21px; border-top: 1px solid rgba(255,255,255,.12); color: rgba(255,255,255,.66); font-size: 13px; line-height: 1.55; }
.partner-readiness li:last-child { border-bottom: 1px solid rgba(255,255,255,.12); }
.partner-readiness li::before { content: ''; position: absolute; left: 0; top: 21px; width: 6px; height: 6px; border-radius: 50%; background: var(--aqua); }
.partner-readiness a { display: inline-flex; align-items: center; justify-content: space-between; gap: 28px; align-self: flex-start; padding-bottom: 8px; border-bottom: 1px solid var(--aqua); color: white; font-size: 13px; font-weight: 800; }
.partner-readiness a span { color: var(--aqua); }

.faq-section { padding-block: 118px 124px; background: var(--paper); scroll-margin-top: 92px; }
.faq-shell { display: grid; grid-template-columns: .72fr 1.28fr; gap: 100px; align-items: start; }
.faq-heading { position: sticky; top: 126px; }
.faq-heading h2 { max-width: 470px; margin: 24px 0 22px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 4.5vw, 62px); font-weight: 500; line-height: 1.05; letter-spacing: -.045em; }
.faq-heading > p:last-child { max-width: 420px; margin: 0; color: #536866; font-size: 15px; line-height: 1.75; }
.faq-list { border-top: 1px solid var(--line); }
.faq-item { border-bottom: 1px solid var(--line); }
.faq-item summary { display: grid; grid-template-columns: 1fr 38px; gap: 28px; align-items: center; min-height: 92px; padding: 22px 0; cursor: pointer; list-style: none; font-family: Georgia, "Times New Roman", serif; font-size: 24px; line-height: 1.25; letter-spacing: -.02em; }
.faq-item summary::-webkit-details-marker { display: none; }
.faq-item summary:focus-visible { outline: 2px solid var(--aqua-dark); outline-offset: 6px; }
.faq-item summary small { display: block; margin-bottom: 7px; color: var(--aqua-dark); font-family: "Aptos", "Segoe UI", Arial, sans-serif; font-size: 9px; font-weight: 800; letter-spacing: .12em; line-height: 1.2; text-transform: uppercase; }
.faq-icon { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--aqua-dark); border-radius: 4px; color: var(--aqua-dark); font-family: Arial, sans-serif; font-size: 23px; font-weight: 400; line-height: 1; transition: transform .2s ease, color .2s ease, background .2s ease; }
.faq-item[open] .faq-icon { transform: rotate(45deg); color: white; background: var(--aqua-dark); }
.faq-answer { display: grid; grid-template-rows: 1fr; }
.faq-answer p { max-width: 690px; margin: 0; padding: 0 66px 28px 0; color: #536866; font-size: 15px; line-height: 1.78; }
.faq-contact { grid-column: 2; display: flex; justify-content: space-between; gap: 30px; align-items: center; margin-top: 35px; padding: 26px 28px; color: white; background: var(--deep); }
.faq-contact p { max-width: 520px; margin: 0; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.6; }
.faq-contact strong { color: white; }
.faq-contact-actions { display: flex; flex: 0 0 auto; gap: 25px; align-items: center; }
.faq-contact a { flex: 0 0 auto; display: inline-flex; gap: 24px; padding-bottom: 7px; border-bottom: 1px solid var(--aqua); font-size: 13px; font-weight: 800; }
.faq-contact a span { color: var(--aqua); }

.partnership { position: relative; padding-block: 108px; color: white; background: #0b7b7c; overflow: hidden; }
.partnership::after { content: ''; position: absolute; width: 530px; height: 530px; right: -170px; top: -250px; border: 1px solid rgba(255,255,255,.18); border-radius: 50%; box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.025); }
.partnership-inner { position: relative; z-index: 1; display: grid; grid-template-columns: 1.25fr .75fr; align-items: end; gap: 90px; }
.partnership h2 { max-width: 770px; margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(46px, 5.2vw, 70px); font-weight: 500; line-height: 1.02; letter-spacing: -.05em; }
.partnership-copy p { max-width: 450px; margin: 0 0 30px; color: rgba(255,255,255,.79); font-size: 16px; line-height: 1.7; }
.partnership .button.primary { background: white; }
.partnership .button.primary:hover { background: #dff5f2; }
.partner-actions { display: flex; flex-direction: column; align-items: flex-start; gap: 20px; }

.social-follow { padding-block: 82px; color: white; background: var(--deep); border-bottom: 1px solid rgba(255,255,255,.12); }
.social-follow-inner { display: grid; grid-template-columns: .7fr 1.3fr; gap: 90px; align-items: end; }
.social-follow h2 { margin: 0 0 15px; font-family: Georgia, "Times New Roman", serif; font-size: clamp(42px, 4.5vw, 58px); font-weight: 500; letter-spacing: -.045em; }
.social-follow-inner > div:first-child > p:last-child { max-width: 430px; margin: 0; color: rgba(255,255,255,.58); font-size: 14px; line-height: 1.7; }
.social-links { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid rgba(255,255,255,.15); border-bottom: 1px solid rgba(255,255,255,.15); }
.social-links a { display: grid; grid-template-columns: 42px 1fr; grid-template-rows: auto auto; column-gap: 13px; align-items: center; min-height: 112px; padding: 20px; border-right: 1px solid rgba(255,255,255,.15); transition: background .2s ease; }
.social-links a:last-child { border-right: 0; }
.social-links a:hover { background: rgba(119,221,210,.08); }
.social-icon { grid-row: 1 / 3; display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid var(--aqua); border-radius: 50%; color: var(--deep); background: var(--aqua); font-family: Arial, sans-serif; font-size: 23px; font-weight: 800; line-height: 1; }
.social-icon-instagram { font-size: 25px; font-weight: 400; }
.social-icon-linkedin { font-size: 15px; }
.social-links strong { align-self: end; font-size: 13px; }
.social-links small { align-self: start; color: rgba(255,255,255,.46); font-size: 10px; }

footer { color: white; background: #02181d; }
.footer-main { display: flex; justify-content: space-between; align-items: center; min-height: 142px; border-bottom: 1px solid rgba(255,255,255,.12); }
.footer-contact { display: flex; gap: 30px; color: rgba(255,255,255,.6); font-size: 13px; }
.footer-contact a { color: var(--aqua); }
.footer-note { display: flex; justify-content: space-between; gap: 30px; padding-block: 22px 28px; color: rgba(255,255,255,.38); font-size: 10px; line-height: 1.5; }

@media (max-width: 980px) {
  .nav { grid-template-columns: 1fr auto; }
  .nav-links { display: none; }
  .hero-grid { grid-template-columns: 1fr; gap: 46px; padding-top: 74px; }
  .hero-visual { min-height: 580px; }
  .proof-grid { grid-template-columns: repeat(2, 1fr); }
  .proof-point:nth-child(2) { border-right: 1px solid rgba(255,255,255,.14); }
  .proof-point:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.14); }
  .section-heading { align-items: start; flex-direction: column; }
  .farm-intro, .field-grid, .hatchery, .products, .work-heading, .innovation, .partnership-inner { grid-template-columns: 1fr; gap: 48px; }
  .hatchery-gallery { grid-template-columns: 1fr .72fr; }
  .crustacean-heading { grid-template-columns: 1fr; gap: 30px; }
  .partner-pathways-heading, .partner-pathways-grid { grid-template-columns: 1fr; gap: 48px; }
  .faq-shell { grid-template-columns: 1fr; gap: 48px; }
  .faq-heading { position: static; }
  .faq-contact { grid-column: auto; }
  .social-follow-inner { grid-template-columns: 1fr; gap: 42px; }
  .journey-grid { grid-template-columns: repeat(2, 1fr); }
  .journey-card:nth-child(2) { border-right: 0; }
  .journey-card:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .credibility-inner { grid-template-columns: 1fr 1.4fr; }
  .engagements { grid-column: 2; }
  .product-image-wrap, .product-image-wrap img { min-height: 720px; height: 720px; }
  .innovation-photo, .innovation-photo img { min-height: 720px; height: 720px; }
}

@media (max-width: 640px) {
  .shell { width: min(100% - 30px, 1180px); }
  .hero { min-height: auto; }
  .nav { height: 76px; }
  .nav-cta { padding: 10px 13px; font-size: 11px; }
  .hero-grid { padding-block: 56px 48px; }
  .hero h1 { font-size: 47px; }
  .hero-lede { font-size: 16px; }
  .hero-actions { align-items: flex-start; flex-direction: column; }
  .hero-footnote { margin-top: 45px; }
  .hero-visual { min-height: 455px; border-radius: 112px 112px 14px 14px; }
  .hero-visual::after { border-radius: 100px 100px 10px 10px; }
  .signal-one { top: 29%; left: 5%; }
  .signal-two { right: 5%; bottom: 15%; }
  .proof-grid { grid-template-columns: 1fr 1fr; }
  .proof-point { min-height: 112px; padding: 16px; }
  .proof-point strong { font-size: 27px; }
  .farm, .hatchery, .products, .innovation { padding-block: 82px; }
  .farm-intro { gap: 28px; margin-bottom: 48px; }
  .farm-intro .farm-intro-lede { font-size: 23px; }
  .journey-grid { grid-template-columns: 1fr; }
  .journey-card { min-height: 270px; border-right: 0; border-bottom: 1px solid var(--line); }
  .journey-card:last-child { border-bottom: 0; }
  .journey-card h3 { margin-top: 55px; }
  .field-story, .work, .credibility, .partnership { padding-block: 80px; }
  .partner-pathways { padding-block: 82px; }
  .faq-section { padding-block: 82px; }
  .faq-item summary { min-height: 82px; font-size: 21px; }
  .faq-answer p { padding-right: 0; }
  .faq-contact { align-items: flex-start; flex-direction: column; }
  .faq-contact-actions { align-items: flex-start; flex-direction: column; }
  .social-follow { padding-block: 70px; }
  .social-links { grid-template-columns: 1fr; }
  .social-links a { border-right: 0; border-bottom: 1px solid rgba(255,255,255,.15); }
  .social-links a:last-child { border-bottom: 0; }
  .field-photo, .field-photo img, .field-photo video { min-height: 520px; height: 520px; }
  .hatchery-gallery { grid-template-columns: 1fr; }
  .hatchery-photo-main, .hatchery-photo-main img, .hatchery-photo-secondary, .hatchery-photo-secondary img { min-height: 500px; height: 500px; }
  .product-image-wrap, .product-image-wrap img { min-height: 560px; height: 560px; }
  .crustaceans { padding-block: 80px; }
  .crustacean-grid { grid-template-columns: 1fr; }
  .crustacean-image, .crustacean-image img { height: 370px; }
  .work-grid { grid-template-columns: 1fr; }
  .work-card { min-height: 285px; }
  .innovation-photo, .innovation-photo img { min-height: 520px; height: 520px; }
  .credibility-inner { grid-template-columns: 1fr; gap: 35px; }
  .engagements { grid-column: auto; }
  .partner-track { grid-template-columns: 36px 1fr; }
  .partner-track small { grid-column: 2; margin-top: 0; white-space: normal; }
  .partner-readiness { padding: 34px 28px; }
  .footer-main { align-items: flex-start; flex-direction: column; justify-content: center; gap: 28px; }
  .footer-contact { flex-direction: column; gap: 8px; }
  .footer-note { flex-direction: column; }
}

/* Consistent header treatment only; supporting layouts remain unchanged */
.section-heading,
.crustacean-heading > div,
.work-heading > div,
.partner-pathways-heading > div,
.field-copy,
.hatchery-copy,
.product-copy,
.innovation-copy,
.faq-heading,
.partnership-inner > div:first-child,
.social-follow-inner > div:first-child {
  text-align: left;
}
.section-heading .eyebrow,
.crustacean-heading .eyebrow,
.work-heading .eyebrow,
.partner-pathways-heading .eyebrow,
.field-copy .eyebrow,
.hatchery-copy .eyebrow,
.product-copy .eyebrow,
.innovation-copy .eyebrow,
.faq-heading .eyebrow,
.partnership .eyebrow,
.social-follow .eyebrow {
  justify-content: flex-start;
}

/* Brackish project visual language. ZIP structure and media placement preserved. */
:root {
  --ink: #f4ead7;
  --deep: #0d0d0d;
  --forest: #152e2d;
  --aqua: #20b2aa;
  --aqua-dark: #008080;
  --coral: #ff8c00;
  --sand: #211c16;
  --mist: #1a1a1a;
  --paper: #11100e;
  --line: rgba(231, 212, 181, .16);
}

html { scroll-padding-top: 92px; scrollbar-color: #5b5144 var(--deep); }
body { background: var(--deep); color: var(--ink) !important; font-family: Inter, "Segoe UI", Arial, sans-serif; }
h1, h2, h3, blockquote { font-family: Outfit, Inter, "Segoe UI", Arial, sans-serif !important; }
html.brackish-reveal main > section:not(.hero) { opacity: 0; transform: translateY(44px); transition: opacity 1.05s cubic-bezier(.22,1,.36,1), transform 1.05s cubic-bezier(.22,1,.36,1); }
main > section.is-visible { opacity: 1; transform: none; }

/* Keep the project palette authoritative inside WordPress global styles. */
main h1,
main h2,
main h3,
main h4,
main h5,
main h6,
main blockquote { color: inherit !important; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; height: 92px; background: rgba(29,25,21,.86); border-bottom: 1px solid rgba(231,212,181,.1); backdrop-filter: blur(16px) saturate(1.1); }
.site-header-inner { height: 100%; display: flex; align-items: center; justify-content: space-between; position: relative; }
.site-header-inner.shell { width:100%; max-width:none; padding-inline:var(--page-gutter); }
.brand-logo { width: clamp(164px,17vw,205px); }
.menu-toggle { width: 48px; height: 48px; padding: 0; border: 0; border-radius: 50%; background: transparent; cursor: pointer; position: relative; z-index: 102; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:6px; }
.menu-toggle:hover { background: rgba(32,178,170,.11); }
.menu-toggle span { display: block; width: 27px; height: 2px; margin: 0; background: var(--ink); transform-origin: center; transition: transform .42s cubic-bezier(.65,0,.35,1), opacity .22s ease, width .3s ease; }
.menu-toggle[aria-expanded="true"] span:nth-child(1) { transform: translateY(8px) rotate(45deg); }
.menu-toggle[aria-expanded="true"] span:nth-child(2) { opacity: 0; width: 0; }
.menu-toggle[aria-expanded="true"] span:nth-child(3) { transform: translateY(-8px) rotate(-45deg); }
.menu-panel { position: absolute; top: 78px; right: 0; width: 238px; padding: 10px; border: 1px solid rgba(231,212,181,.12); border-radius: 16px; background: rgba(25,22,19,.96); box-shadow: 0 20px 55px rgba(0,0,0,.48); backdrop-filter: blur(20px); transform: translateY(-12px) scale(.96); transform-origin: top right; opacity: 0; visibility: hidden; transition: transform .3s cubic-bezier(.22,1,.36,1), opacity .22s ease, visibility .3s; }
.menu-panel[data-open="true"] { transform: none; opacity: 1; visibility: visible; }
.menu-panel::before { content:""; position:absolute; top:-15px; right:1px; width:46px; height:16px; background:rgba(25,22,19,.96); clip-path:polygon(22% 100%,34% 0,66% 0,78% 100%); border-inline:1px solid rgba(231,212,181,.12); }
.menu-panel ul { list-style:none; margin:0; padding:0; }
.menu-panel a { display:flex; align-items:center; justify-content:space-between; padding:10px 12px; border-radius:9px; color:#c8bda9; font-size:.84rem; font-weight:600; }
.menu-panel a:hover { color:var(--ink); background:rgba(32,178,170,.11); }
.menu-panel .menu-contact { margin-top:6px; color:var(--deep); background:var(--coral); }
.menu-panel .menu-contact:hover { color:var(--deep); background:#ffa500; }

@media (min-width:1024px) {
  .site-header-inner { gap:28px; }
  .site-header .menu-toggle { display:none !important; }
  .site-header .menu-panel { position:static; display:block; width:auto; margin-left:auto; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; backdrop-filter:none; transform:none; opacity:1; visibility:visible; transition:none; }
  .site-header .menu-panel::before { display:none; }
  .site-header .menu-panel ul { display:flex; align-items:center; justify-content:flex-end; gap:clamp(1px,.45vw,7px); }
  .site-header .menu-panel a { min-height:38px; padding:8px clamp(6px,.65vw,11px); color:#c8bda9; font-size:clamp(.68rem,.76vw,.79rem); white-space:nowrap; }
  .site-header .menu-panel a:hover { color:#f4ead7; background:rgba(32,178,170,.1); }
  .site-header .menu-panel .menu-contact { margin:0 0 0 7px; padding-inline:14px; color:var(--deep); background:var(--coral); }
  .site-header .menu-panel .menu-contact:hover { color:var(--deep); background:#ffa500; }
}

.hero { padding-top:92px; color:var(--ink); background: radial-gradient(circle at 9% 16%,rgba(0,128,128,.25),transparent 32%),linear-gradient(135deg,#15110e 0%,#090909 76%); }
.hero h1 { letter-spacing:-.045em; font-weight:700; }
.hero h1 em { color:var(--aqua); font-style:normal; font-weight:700; }
.hero-lede,.hero-footnote strong { color:#c8bda9; }
.eyebrow { color:var(--aqua); }
.button { border-radius:7px; }
.button.primary { background:var(--coral); color:#0d0d0d; }
.button.primary:hover { background:#ffa500; }
.hero-visual { border-radius:var(--media-radius); border:1px solid rgba(231,212,181,.18); }
.hero-visual::after { border-radius:11px; }
.signal-card,.hero-product span { background:rgba(13,13,13,.82); }
.signal-dot { background:var(--coral); box-shadow:0 0 0 6px rgba(255,140,0,.16); }
.proof { background:#181511; }
.proof-point strong { font-family:Outfit,Inter,sans-serif; color:#e7d4b5; font-weight:700; }

.farm,.hatchery,.products,.innovation,.partner-pathways,.faq-section { background:var(--paper); }
.farm-intro p,.hatchery-lede,.product-copy > p:not(.eyebrow),.innovation-copy > p:not(.eyebrow),.partner-pathways-heading > p,.partner-track p,.faq-heading > p:last-child,.faq-answer p { color:#c8bda9; }
.farm-intro .farm-intro-lede { color:var(--ink); }
.journey-card { color:var(--ink); background:#1a1a1a; }
.journey-card:last-child { background:#211c16; }
.journey-card p { color:#c8bda9; }
.field-story,.crustaceans,.social-follow { background:#0d0d0d; }
.hero-visual,.field-photo,.hatchery-photo,.product-image-wrap,.innovation-photo { border:1px solid rgba(231,212,181,.14); border-radius:var(--media-radius); overflow:hidden; }
.field-photo::after,.hatchery-photo::after,.crustacean-image::after { background:linear-gradient(to top,rgba(13,13,13,.78),transparent 42%); }
.hatchery-principles strong,.innovation-list strong { color:var(--ink); }
.development-note { color:#c8bda9; background:#1a1a1a; border-left-color:var(--coral); }
.product-tags span { color:#e7d4b5; background:#1a1a1a; }
.product-image-wrap p,.innovation-photo figcaption { background:rgba(21,46,45,.94); }
.crustacean-card { background:#181817; border-color:rgba(231,212,181,.13); border-radius:var(--media-radius); overflow:hidden; }
.crustacean-card-copy > p:last-child,.work-card p,.work-heading > p,.crustacean-heading > p { color:#c8bda9; }
.crustacean-image span { background:var(--coral); color:#0d0d0d; }
.work { background:#152e2d; }
.credibility { color:var(--ink); background:#211c16; }
.engagements > p,.engagements span { color:#c8bda9; }
.partner-readiness { background:#1a1a1a; border:1px solid rgba(231,212,181,.13); border-radius:12px; }
.partner-track h3,.faq-item summary { color:var(--ink); }
.faq-contact { background:#181511; border:1px solid rgba(231,212,181,.13); border-radius:12px; }
.partnership { background:linear-gradient(135deg,#007b78,#004f4d); }
.partnership .button.primary { background:var(--coral); }
.partnership .button.primary:hover { background:#ffa500; }
footer { background:#080706; }

@media (max-width:640px) {
  .site-header { height:76px; }
  .menu-panel { top:68px; right:0; width:min(238px,calc(100vw - 30px)); }
  .hero { padding-top:76px; }
  .hero-visual { border-radius:14px; }
  .hero-visual::after { border-radius:10px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  html.brackish-reveal main > section:not(.hero) { opacity:1; transform:none; transition:none; }
}

/* Farm introduction refinement */
.farm .section-heading {
  display: block;
  margin-bottom: 30px;
  text-align: left;
}
main > section.shell {
  width: 100%;
  max-width: none;
  padding-left: max(var(--page-gutter), calc((100vw - var(--content-max)) / 2));
  padding-right: max(var(--page-gutter), calc((100vw - var(--content-max)) / 2));
}
.farm .section-heading .eyebrow {
  margin-bottom: 20px;
}
.farm .section-heading h2 {
  max-width: 820px;
  margin: 0;
}
.farm .farm-intro {
  grid-template-columns: 1fr;
  gap: 16px;
  margin-bottom: 64px;
  padding-top: 30px;
}
.farm .farm-intro p {
  max-width: 820px;
  margin: 0;
  text-align: left;
}
.farm .farm-intro .farm-intro-lede {
  max-width: 900px;
}
.farm .journey-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
}
.farm .journey-card {
  display: flex;
  min-width: 0;
  min-height: 318px;
  flex-direction: column;
  align-items: flex-start;
  text-align: left;
}
.farm .journey-card h3 {
  margin-top: 86px;
}

/* Preserve the ZIP card layouts while carrying the site's dark palette */
.journey-card,
.work-card,
.crustacean-card {
  text-align: left;
}

.crustacean-card {
  border-radius: var(--media-radius);
}

@media (max-width: 980px) {
  :root { --page-gutter: clamp(20px, 4vw, 38px); }
  .farm .farm-intro { grid-template-columns: 1fr; gap: 16px; }
  .farm .journey-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  :root { --page-gutter: 15px; }
  main > section.shell { padding-left: 15px; padding-right: 15px; }
  .farm .journey-grid { grid-template-columns: 1fr; }
}

/* Featured photos, live updates and editable gallery */
.featured-stories { overflow:hidden; padding-block:clamp(76px,9vw,130px); }
.featured-stories-inner { display:grid; gap:clamp(38px,5vw,72px); }
.featured-stories-heading { max-width:820px; }
.featured-stories-heading h2 { margin:0 0 18px; }
.featured-stories-heading > p:last-child { max-width:760px; margin:0; color:#c8bda9; font-size:1.0625rem; line-height:1.7; }
.featured-carousel-shell { position:relative; display:grid; grid-template-columns:minmax(0,1fr) clamp(260px,27vw,340px); gap:18px; min-width:0; width:100%; align-items:stretch; }
.featured-photo-gallery { display:flex !important; flex-wrap:nowrap !important; gap:18px !important; min-width:0; width:100%; margin:0 !important; overflow-x:auto; overflow-y:hidden; padding:0 0 14px; scroll-snap-type:none; scrollbar-width:none; overscroll-behavior-inline:contain; touch-action:pan-x pan-y; -webkit-overflow-scrolling:touch; }
.featured-photo-gallery::-webkit-scrollbar { display:none; }
.featured-photo-gallery > figure.wp-block-image { position:relative; display:grid !important; grid-template-rows:minmax(0,1fr) auto; flex:0 0 clamp(290px,31vw,430px) !important; width:clamp(290px,31vw,430px) !important; height:clamp(330px,35vw,430px); margin:0 !important; overflow:hidden; border:1px solid rgba(231,212,181,.14); border-radius:var(--media-radius); scroll-snap-align:start; background:#181511; box-shadow:0 18px 50px rgba(0,0,0,.16); }
.featured-photo-gallery > figure.wp-block-image img { width:100% !important; height:100% !important; min-height:0; object-fit:cover; transition:transform .8s cubic-bezier(.22,1,.36,1); }
.featured-photo-gallery > figure.wp-block-image figcaption { position:relative; z-index:1; display:flex; align-items:center; justify-content:space-between; min-height:70px; margin:0 !important; padding:15px 18px; color:var(--ink); background:#181511; font-size:.94rem; font-weight:700; letter-spacing:.01em; text-align:left; }
.featured-photo-gallery > figure.wp-block-image figcaption::after { content:"↗"; color:var(--aqua); font-size:1rem; }
.featured-photo-gallery > figure.wp-block-image:hover img { transform:scale(1.035); }
.featured-carousel-actions { grid-column:1 / -1; display:flex; align-items:center; justify-content:flex-end; gap:18px; margin-top:0; }
.featured-carousel-controls { position:absolute; z-index:5; top:calc(clamp(330px,35vw,430px) / 2 - 20px); left:10px; right:calc(clamp(260px,27vw,340px) + 28px); display:flex; justify-content:space-between; pointer-events:none; }
.carousel-control,.gallery-open { min-height:40px !important; border:1px solid rgba(231,212,181,.3) !important; border-radius:8px !important; color:#f4ead7 !important; background:transparent !important; cursor:pointer; backdrop-filter:blur(5px); }
.carousel-control { width:40px; padding:0; color:#f4ead7; font-size:1rem; pointer-events:auto; box-shadow:0 6px 20px rgba(0,0,0,.22); }
.gallery-open { padding:0 15px; font-size:.82rem; font-weight:700; }
.carousel-control:hover,.gallery-open:hover { border-color:var(--aqua); background:rgba(13,13,13,.2); }
.facebook-feature { position:relative; display:grid; grid-template-rows:auto minmax(0,1fr) auto; gap:14px; min-height:100%; padding:20px; overflow:hidden; border:1px solid rgba(231,212,181,.14); border-radius:14px; background:linear-gradient(160deg,#1a1814,#101a19); }
.facebook-feature::before { content:"f"; position:absolute; top:-28px; right:-8px; color:rgba(32,178,170,.08); font:700 9rem/1 Arial,sans-serif; pointer-events:none; }
.facebook-feature-copy { position:relative; z-index:1; }
.facebook-feature-copy .eyebrow { margin-bottom:8px; }
.facebook-feature-copy h3 { margin:0; font-size:clamp(1.35rem,2vw,1.8rem); line-height:1.08; }
.facebook-feature-copy > p:last-child { margin:8px 0 0; color:#c8bda9; font-size:.9rem; line-height:1.55; }
.facebook-frame { position:relative; z-index:1; min-width:0; height:250px; overflow:hidden; border-radius:10px; background:#fff; }
.facebook-frame iframe { display:block; width:100%; height:250px; margin:auto; }
.facebook-fallback { position:relative; z-index:1; display:flex; justify-content:space-between; gap:12px; color:var(--aqua); font-size:.9rem; font-weight:700; }
.gallery-dialog { width:min(1040px,calc(100vw - 40px)); max-height:calc(100dvh - 80px); margin:40px auto; padding:22px; border:1px solid rgba(32,178,170,.45); border-radius:16px; color:var(--ink); background:#11100e; box-shadow:0 28px 90px rgba(0,0,0,.7); overflow-y:auto; }
.gallery-dialog::backdrop { background:rgba(0,0,0,.78); backdrop-filter:blur(7px); }
.gallery-dialog-bar { display:flex; align-items:flex-start; justify-content:space-between; gap:20px; margin-bottom:18px; }
.gallery-dialog-bar h3 { margin:0; font-size:clamp(1.7rem,3vw,2.5rem); }
.gallery-close { position:relative; flex:0 0 42px; width:42px !important; height:42px !important; min-height:42px !important; padding:0 !important; border:1px solid rgba(231,212,181,.22) !important; border-radius:50% !important; color:#f4ead7 !important; background:transparent !important; box-shadow:none !important; cursor:pointer; }
.gallery-close span { position:absolute; left:9px; top:19px; display:block; width:22px; height:2px; border-radius:2px; background:#f4ead7; }
.gallery-close span:first-child { transform:rotate(45deg); }
.gallery-close span:last-child { transform:rotate(-45deg); }
.gallery-dialog-stage { display:grid; grid-template-columns:48px minmax(0,1fr) 48px; gap:14px; align-items:center; }
.gallery-dialog-stage figure { margin:0; }
.gallery-dialog-stage img { display:block; width:100%; height:min(62vh,650px); object-fit:contain; border-radius:10px; background:#080706; }
.gallery-dialog-stage figcaption { padding-top:10px; color:#c8bda9; text-align:center; }
.gallery-dialog-prev,.gallery-dialog-next { width:46px; height:46px; border:1px solid rgba(32,178,170,.5); border-radius:50%; color:var(--ink); background:#152e2d; cursor:pointer; }
.gallery-thumbnails { display:grid; grid-auto-flow:column; grid-auto-columns:clamp(92px,11vw,140px); gap:10px; margin-top:18px; padding:2px 0 5px; overflow-x:auto; scrollbar-width:thin; }
.gallery-thumbnails button { width:100% !important; height:clamp(68px,8vw,96px) !important; min-height:0 !important; padding:0 !important; overflow:hidden; border:1px solid rgba(231,212,181,.16) !important; border-radius:9px !important; background:transparent !important; box-shadow:none !important; cursor:pointer; }
.gallery-thumbnails button[aria-current="true"] { border-color:var(--coral) !important; }
.gallery-thumbnails img { display:block; width:100% !important; height:100% !important; border-radius:8px; object-fit:cover; }

@media (max-width:1080px) {
  .featured-carousel-shell { grid-template-columns:1fr; }
  .featured-carousel-controls { top:175px; right:10px; }
  .facebook-feature { grid-template-columns:minmax(190px,.6fr) minmax(260px,1fr); grid-template-rows:auto auto; min-height:0; }
  .facebook-frame { grid-row:1 / 3; grid-column:2; }
}
@media (min-width:641px) and (max-width:1080px) {
  .featured-stories-inner { gap:42px; }
  .featured-photo-gallery > figure.wp-block-image { flex-basis:clamp(300px,48vw,390px) !important; width:clamp(300px,48vw,390px) !important; height:390px; }
  .featured-carousel-actions { margin-top:2px; }
}
@media (max-width:782px) {
  .featured-stories { overflow:hidden; padding-block:68px; }
  .featured-stories-inner { gap:30px; min-width:0; width:100%; }
  .featured-carousel-shell { display:block; min-width:0; width:100%; }
  .featured-photo-gallery { display:grid !important; grid-auto-flow:column; grid-auto-columns:min(82vw,340px); align-items:stretch; min-height:370px; gap:14px !important; padding:0 0 10px; overflow-x:auto !important; overflow-y:hidden !important; visibility:visible !important; opacity:1 !important; }
  .featured-photo-gallery > figure.wp-block-image { display:grid !important; grid-template-rows:minmax(0,1fr) auto; flex:none !important; width:100% !important; min-width:0 !important; height:370px; margin:0 !important; visibility:visible !important; opacity:1 !important; content-visibility:visible !important; }
  .featured-photo-gallery > figure.wp-block-image img { display:block !important; min-height:0; visibility:visible !important; opacity:1 !important; }
  .featured-photo-gallery > figure.wp-block-image figcaption { min-height:64px; padding:13px 15px; font-size:.88rem; }
  .featured-carousel-actions { display:flex; align-items:stretch; margin:14px 0 24px; }
  .featured-carousel-controls { display:flex; top:165px; left:7px; right:7px; }
  .carousel-control { width:36px; min-height:36px; border-radius:50%; background:transparent; }
  .gallery-open { width:auto; min-height:40px; margin-left:auto; padding-inline:16px; }
  .facebook-feature { grid-template-columns:1fr; grid-template-rows:auto auto auto; padding:18px; }
  .facebook-frame { grid-row:auto; grid-column:auto; height:220px; }
  .facebook-frame iframe { height:220px; }
  .gallery-dialog { position:fixed; inset:18px 10px; width:auto; max-width:none; height:calc(100dvh - 36px); max-height:none; margin:0; padding:14px; overflow-y:auto; }
  .gallery-dialog-stage { grid-template-columns:1fr; }
  .gallery-dialog-prev,.gallery-dialog-next { position:absolute; z-index:2; }
  .gallery-dialog-prev { left:20px; }
  .gallery-dialog-next { right:20px; }
  .gallery-dialog-stage img { width:100%; height:48dvh; min-height:260px; }
  .gallery-thumbnails { grid-auto-columns:88px; padding-bottom:5px; }
  .gallery-thumbnails button { height:66px !important; }
}
@media (max-width:782px) {
  html.brackish-reveal main > section.featured-stories { opacity:1 !important; transform:none !important; visibility:visible !important; }
}

/* Minimal pixel fish companion */
.button,.hero-actions .button,.partner-actions .button { min-height:36px !important; height:36px; padding:0 12px !important; gap:10px; font-size:12px; }
.hero-lede { margin-bottom:40px; }
.partnership-copy p { margin-bottom:36px; }
.gallery-open { min-height:36px !important; height:36px; padding-inline:12px; font-size:.75rem; }
.carousel-control { width:34px; min-height:34px !important; height:34px; }
.site-pet-track { position:fixed; z-index:80; left:14px; bottom:18px; width:48px; pointer-events:none; animation:pet-travel 20s linear infinite alternate; }
.site-pet-track[data-cursor-follow="true"] { animation:none; transform:translate3d(var(--pet-cursor-x,0px),0,0); will-change:transform; }
.site-pet-track[data-cursor-follow="true"] .site-pet-fish { animation:none; }
.site-pet-depth { transform:translateY(var(--pet-depth-y,0px)); will-change:transform; }
.site-pet-alert { position:absolute; z-index:2; left:14px; top:-20px; color:#f4ead7; font:800 16px/1 Outfit,Inter,sans-serif; opacity:0; transform:translateY(4px); transition:opacity .16s ease,transform .16s ease; text-shadow:0 2px 8px rgba(0,0,0,.45); }
.site-pet-system[data-alert="true"] .site-pet-alert { opacity:1; transform:none; }
.site-pet-food { position:fixed; z-index:79; left:0; top:0; width:7px; height:7px; border-radius:2px; background:var(--coral); box-shadow:0 2px 6px rgba(0,0,0,.35); pointer-events:none; opacity:0; transform:translate3d(-20px,-20px,0); }
.site-pet-food[data-visible="true"] { opacity:1; }
.site-pet-ripple { position:fixed; z-index:78; left:0; top:0; width:22px; height:8px; border:2px solid rgba(119,221,210,.82); border-radius:50%; pointer-events:none; opacity:0; transform:translate3d(-30px,-30px,0) scale(.3); }
.site-pet-ripple[data-visible="true"] { animation:pet-ripple .72s steps(4,end) forwards; }
.site-pet-fish { position:relative; width:38px; filter:drop-shadow(0 5px 7px rgba(0,0,0,.28)); animation:pet-face 28s steps(1,end) infinite; }
.site-pet-fish svg { display:block; width:38px; height:auto; overflow:visible; image-rendering:pixelated; animation:pet-bob .9s steps(2,end) infinite alternate; }
.pixel-fish-tail { transform-origin:4px 5.5px; animation:pet-tail var(--pet-paddle-speed,.48s) steps(2,end) infinite alternate; }
.pixel-fish-fin-top { transform-origin:9px 3px; animation:pet-fin-top .76s steps(2,end) infinite alternate; }
.pixel-fish-fin-bottom { transform-origin:10px 8px; animation:pet-fin-bottom .68s steps(2,end) infinite alternate; }
.site-pet-bubble { position:absolute; right:-5px; top:2px; width:4px; height:4px; border:1px solid rgba(119,221,210,.72); border-radius:50%; opacity:0; animation:pet-bubble 3.8s steps(4,end) infinite; }
.site-pet-bubble + .site-pet-bubble { right:-11px; top:-3px; width:3px; height:3px; animation-delay:1.4s; }
.pet-toggle { position:fixed; z-index:90; right:10px; bottom:8px; width:54px !important; height:46px !important; min-height:46px !important; padding:0 !important; border:0 !important; border-radius:0 !important; color:#c8bda9 !important; background:transparent !important; background-color:transparent !important; background-image:none !important; box-shadow:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; filter:none !important; cursor:pointer; }
.pet-toggle::before,.pet-toggle::after { content:none !important; display:none !important; background:none !important; backdrop-filter:none !important; -webkit-backdrop-filter:none !important; }
.fishbowl-rim { position:absolute; z-index:3; left:14px; top:5px; width:26px; height:3px; border-radius:2px; background:#f4ead7; opacity:.8; }
.fishbowl-glass { position:absolute; z-index:2; left:7px; top:5px; width:40px; height:38px; overflow:hidden; border:2px solid rgba(244,234,215,.68); border-radius:50%; background:transparent; }
.fishbowl-water { display:none; }
.pet-toggle:hover .fishbowl-glass { border-color:rgba(244,234,215,.9); }
.site-pet-track,.site-pet-fish,.site-pet-fish svg { transition:width .8s cubic-bezier(.22,.8,.3,1); }
.site-pet-system[data-sleeping="approaching"] .site-pet-fish,
.site-pet-system[data-sleeping="approaching"] .site-pet-fish svg,
.site-pet-system[data-sleeping="settling"] .site-pet-fish,
.site-pet-system[data-sleeping="settling"] .site-pet-fish svg { width:27px !important; }
.site-pet-system[data-sleeping="approaching"] .site-pet-fish svg { animation:pet-bedtime-sway 1.15s ease-in-out infinite alternate; }
.site-pet-system[data-settling="true"] .site-pet-fish svg { animation:pet-bedtime-settle 1.15s cubic-bezier(.22,.8,.3,1) both !important; }
.pet-zzz { position:fixed; z-index:92; right:47px; bottom:37px; color:#f4ead7; font:700 12px/1 Outfit,Inter,sans-serif; opacity:0; pointer-events:none; }
.site-pet-system[data-sleeping="true"] .pet-zzz { animation:pet-zzz 2.35s ease-out infinite; }
.site-pet-system[data-sleeping="true"] .site-pet-fish svg { animation:pet-sleep-breathe 1.8s steps(2,end) infinite alternate; }
.site-pet-system[data-sleeping="true"] .pixel-fish-tail,.site-pet-system[data-sleeping="true"] .pixel-fish-fin-top,.site-pet-system[data-sleeping="true"] .pixel-fish-fin-bottom,.site-pet-system[data-sleeping="true"] .site-pet-bubble { animation:none !important; }
.site-pet-system[data-sleeping="true"] .site-pet-food,.site-pet-system[data-sleeping="true"] .site-pet-ripple { display:none; }
.site-pet-system[data-enabled="false"] .site-pet-track,.site-pet-system[data-enabled="false"] .site-pet-food,.site-pet-system[data-enabled="false"] .site-pet-ripple { display:none; }
@keyframes pet-travel { to { transform:translateX(calc(100vw - 150px)); } }
@keyframes pet-face { 0%,49.99% { transform:scaleX(1); } 50%,100% { transform:scaleX(-1); } }
@keyframes pet-bubble { 0%,45% { opacity:0; transform:translate(0,0); } 55% { opacity:.72; } 100% { opacity:0; transform:translate(8px,-14px); } }
@keyframes pet-ripple { 0% { opacity:.9; } 100% { opacity:0; transform:translate3d(var(--pet-ripple-x),var(--pet-ripple-y),0) scale(1.65); } }
@keyframes pet-sleep-breathe { to { transform:translateY(1px) scale(.94); } }
@keyframes pet-bedtime-sway { to { transform:translateY(1.5px) rotate(-2deg); } }
@keyframes pet-bedtime-settle { 0% { transform:translateY(-1px) rotate(1deg); } 42% { transform:translateY(2px) rotate(-1deg) scale(.98); } 72% { transform:translateY(-1px) rotate(1deg); } 100% { transform:translateY(1px) rotate(0) scale(.97); } }
@keyframes pet-zzz { 0%,18% { opacity:0; transform:translate(0,3px) scale(.82); } 36%,68% { opacity:.86; } 100% { opacity:0; transform:translate(-4px,-17px) scale(1.05); } }
@keyframes pet-bob { to { transform:translateY(-1px); } }
@keyframes pet-tail { to { transform:translate(-1px,1px) scaleX(.82); } }
@keyframes pet-fin-top { to { transform:translateY(-1px); } }
@keyframes pet-fin-bottom { to { transform:translateY(1px); } }
@media (max-width:640px) {
  .site-pet-track { bottom:54px; width:40px; animation-duration:22s; }
  .site-pet-fish { width:32px; animation-duration:24s; }
  .site-pet-fish svg { width:32px; }
  .pet-toggle { right:6px; bottom:5px; transform:scale(.9); transform-origin:bottom right; }
  .site-pet-track,.site-pet-fish,.site-pet-fish svg { transition-duration:.9s; }
  .pet-zzz { right:42px; bottom:34px; font-size:11px; }
  .footer-main { min-height:auto; padding-block:38px 32px; }
  .site-pet-system[data-sleeping="true"] .site-pet-track { right:14px !important; bottom:14px !important; }
  .site-pet-system[data-settling="true"] .site-pet-fish svg { animation-name:pet-bedtime-settle-mobile !important; }
  @keyframes pet-bedtime-settle-mobile { 0% { transform:translate(-4px,-1px) rotate(1deg); } 45% { transform:translate(-2px,2px) rotate(-1deg) scale(.98); } 75% { transform:translate(0,-1px) rotate(1deg); } 100% { transform:translate(0,1px) rotate(0) scale(.97); } }
  @keyframes pet-travel { to { transform:translateX(calc(100vw - 92px)); } }
}
@media (prefers-reduced-motion:reduce) {
  .site-pet-bubble { animation:none !important; }
  .site-pet-bubble { display:none; }
}