:root{
  --navy:#10284a; --navy-dk:#091a2f; --ink:#20272f; --muted:#5b6672;
  --line:#e2e6ec; --gold:#b8912f; --soft:#f6f8fa; --notice:#1d4ed8;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;color:var(--ink);background:#fff;font-size:16.5px;line-height:1.68;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
a{color:var(--navy);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;display:block}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;color:var(--navy)}

/* ---------- pre-launch notice ---------- */
.notice{background:var(--notice);color:#fff;padding:12px 20px;text-align:center;
  font-size:13.5px;line-height:1.5;letter-spacing:.01em}
.notice b{font-weight:700}

/* ---------- header ---------- */
.site-head{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40}
.head-in{max-width:1140px;margin:0 auto;padding:17px 24px;display:flex;
  align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.brand .n1{font-family:Georgia,serif;font-size:22px;letter-spacing:.15em;
  color:var(--navy);text-transform:uppercase;line-height:1.1}
.brand .n2{font-size:10px;letter-spacing:.21em;color:var(--muted);
  text-transform:uppercase;margin-top:4px}
nav ul{display:flex;list-style:none;margin:0;padding:0;gap:25px;flex-wrap:wrap}
nav a{font-size:12.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--navy);
  padding-bottom:3px;border-bottom:2px solid transparent}
nav a:hover{border-bottom-color:var(--gold);text-decoration:none}
nav a.on{border-bottom-color:var(--gold);font-weight:600}

/* ---------- hero ---------- */
.hero{background:var(--navy);color:#fff;padding:86px 24px}
.hero-in{max-width:880px;margin:0 auto;text-align:center}
.hero h1{color:#fff;font-size:33px;line-height:1.34;margin:0 0 24px;letter-spacing:.005em}
.hero p{font-size:17px;line-height:1.72;color:rgba(255,255,255,.86);margin:0 auto 20px;max-width:760px}
.rule{width:56px;height:2px;background:var(--gold);margin:0 auto 28px}

/* ---------- page banner (interior pages) ---------- */
.pbanner{background:var(--navy);color:#fff;padding:56px 24px;text-align:center}
.pbanner h1{color:#fff;font-size:30px;margin:0}
.pbanner .sub{font-size:12px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.62);margin-bottom:12px}

/* ---------- layout ---------- */
.wrap{max-width:1000px;margin:0 auto;padding:60px 24px}
.wrap.narrow{max-width:820px}
.lede{font-size:18px;line-height:1.76;color:var(--ink)}
.section{padding:60px 24px}
.section.soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section-in{max-width:1000px;margin:0 auto}
h2.center{text-align:center;font-size:26px;margin:0 0 10px}
.sub-center{text-align:center;color:var(--muted);font-size:14px;
  letter-spacing:.16em;text-transform:uppercase;margin:0 0 30px}

/* ---------- reason list ---------- */
.reasons{list-style:none;margin:34px 0 0;padding:0}
.reasons li{position:relative;padding:0 0 0 34px;margin:0 0 20px;font-size:16.5px;line-height:1.68}
.reasons li:before{content:"";position:absolute;left:0;top:11px;width:16px;height:2px;background:var(--gold)}

/* ---------- cards ---------- */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:34px}
.card{background:#fff;border:1px solid var(--line);padding:26px 24px}
.card h3{font-size:18px;margin:0 0 10px}
.card p{margin:0;font-size:15px;color:var(--muted);line-height:1.66}

/* ---------- buttons ---------- */
.btn{display:inline-block;background:var(--gold);color:#fff;padding:13px 30px;
  font-size:12.5px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;border:0}
.btn:hover{background:#9c7a26;text-decoration:none;color:#fff}
.btn-outline{display:inline-block;border:1px solid rgba(255,255,255,.55);color:#fff;
  padding:12px 29px;font-size:12.5px;letter-spacing:.13em;text-transform:uppercase}
.btn-outline:hover{background:rgba(255,255,255,.1);text-decoration:none;color:#fff}

/* ---------- footer ---------- */
.site-foot{background:var(--navy-dk);color:rgba(255,255,255,.74);padding:46px 24px 34px;font-size:14px}
.foot-in{max-width:1000px;margin:0 auto;display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}
.site-foot .fb .n1{font-family:Georgia,serif;font-size:17px;letter-spacing:.15em;
  color:#fff;text-transform:uppercase}
.site-foot .fb .n2{font-size:10px;letter-spacing:.2em;text-transform:uppercase;
  color:rgba(255,255,255,.5);margin-top:4px}
.site-foot a{color:rgba(255,255,255,.86)}
.foot-links{list-style:none;margin:0;padding:0;line-height:2}
.foot-bottom{max-width:1000px;margin:30px auto 0;padding-top:20px;
  border-top:1px solid rgba(255,255,255,.14);font-size:12px;color:rgba(255,255,255,.5)}

@media (max-width:720px){
  .hero{padding:60px 20px}
  .hero h1{font-size:26px}
  .pbanner h1{font-size:24px}
  .head-in{padding:15px 18px}
  nav ul{gap:16px}
}

/* ── Mobile nav: hamburger dropdown (2026-08-14 launch) ────────────────── */
.nav-toggle{display:none;background:none;border:0;padding:10px;cursor:pointer;
  flex:none;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:5px}
.nav-toggle span{display:block;width:22px;height:2px;background:var(--navy);
  transition:transform .25s ease,opacity .2s ease}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

@media (max-width:860px){
  .head-in{flex-wrap:nowrap;gap:14px;padding:14px 18px}
  .nav-toggle{display:flex}
  nav{position:absolute;left:0;right:0;top:100%;background:#fff;
    border-bottom:1px solid var(--line);box-shadow:0 12px 28px rgba(10,22,40,.10);
    max-height:0;overflow:hidden;transition:max-height .28s ease;z-index:60}
  nav.open{max-height:80vh;overflow-y:auto}
  nav ul{flex-direction:column;gap:0;padding:6px 0}
  nav li{width:100%}
  nav a{display:block;width:100%;padding:15px 22px;font-size:13px;
    border-bottom:0;border-left:3px solid transparent}
  nav a:hover,nav a.on{border-bottom:0;border-left-color:var(--gold);background:#f7f9fc}
  .brand .n1{font-size:17px}
  .wrap,.section{padding-left:18px;padding-right:18px}
  .hero-cine{height:min(78vh,620px);min-height:420px}
  .foot-in{flex-direction:column;gap:22px}
}
/* Touch targets: nav links get breathing room on coarse pointers */
@media (pointer:coarse){
  nav a{padding-top:8px;padding-bottom:8px;display:inline-block}
}

/* ── Responsive safety net (2026-08-14 launch) ───────────────────────────── */
html{-webkit-text-size-adjust:100%}
img,video,iframe{max-width:100%;height:auto}
body{overflow-x:hidden}
table{max-width:100%}
/* Long addresses/emails must never force horizontal scroll on small screens */
.wrap,.section,.foot-in{overflow-wrap:anywhere}
@media (max-width:520px){
  .wrap,.section{padding-left:16px;padding-right:16px}
  .pbanner{padding:40px 18px}
  .pbanner h1{font-size:21px}
}