/* ===========================================================
   TREVOR OZAWA — Campaign brand foundation
   Shared across all 3 website directions
   =========================================================== */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;500;600;700&family=Montserrat:wght@300;400;500;600;700;800&display=swap');

:root{
  --navy:      #012060;   /* primary */
  --wave-blue: #0A2E7A;   /* deeper accent */
  --sky:       #C7D9F2;   /* ocean-blue background */
  --sky-soft:  #E4ECF8;
  --red:       #D71920;   /* campaign red */
  --white:     #FFFFFF;
  --paper:     #F7F8FB;   /* warm-cool off white */
  --ink:       #0A1A33;

  --display: 'Oswald', 'Arial Narrow', sans-serif;
  --body: 'Montserrat', system-ui, sans-serif;

  --maxw: 1240px;
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{ margin:0; font-family:var(--body); color:var(--ink); -webkit-font-smoothing:antialiased; }
img{ display:block; max-width:100%; }
a{ color:inherit; text-decoration:none; }

/* ---- Logo lockup image (injected by brand.js into [data-wordmark]) ---- */
.wm{ display:inline-flex; line-height:0; }
.wm-img{ display:block; width:auto; height:52px; }   /* nav default; contexts override */
.wm .wm-white{ display:none; }                        /* color shown by default */

/* ---- 'Iwa bird mark image (injected into [data-iwa]) ---- */
.iwa{ display:inline-block; line-height:0; }
.iwa img{ width:100%; height:auto; display:block; }

/* ---- Utility ---- */
.wrap{ width:100%; max-width:var(--maxw); margin:0 auto; padding:0 clamp(20px,5vw,48px); }
.eyebrow{
  font-family:var(--display); font-weight:600; letter-spacing:.32em;
  text-transform:uppercase; font-size:13px;
}
.ph{ /* image placeholder */
  position:relative; background:
    repeating-linear-gradient(135deg, rgba(1,32,96,.06) 0 12px, rgba(1,32,96,.02) 12px 24px),
    var(--sky-soft);
  display:flex; align-items:center; justify-content:center; overflow:hidden;
  color:var(--navy);
}
.ph::after{
  content:attr(data-label);
  font-family:'Courier New', monospace; font-size:12px; letter-spacing:.12em;
  text-transform:uppercase; opacity:.6; text-align:center; padding:12px; line-height:1.5;
}