/* ============================================================
   VALENCIA INK. LLC — "Heritage Atelier"
   Editorial / luxury artisan painting brand.
   Canvas: warm limewash paper · Ink: heritage navy · Accent: antique brass
   Display: Fraunces (opsz serif) · Body: Hanken Grotesk
   ============================================================ */

:root {
  /* Canvas — clean navy / white / gold (Kowalski palette, elevated) */
  --paper:      #FBFAF6;   /* clean warm white */
  --paper-2:    #F1EFE8;   /* soft off-white */
  --paper-3:    #E8E5DB;   /* card tint */
  /* Ink / navy */
  --ink:        #0F1B33;   /* deep navy ink (primary text + dark) */
  --navy:       #14254A;   /* heritage navy */
  --navy-deep:  #0A1326;   /* darkest navy */
  /* Brass / gold */
  --brass:      #C2A24E;   /* gold accent */
  --brass-br:   #D8BC76;   /* bright gold */
  --brass-dp:   #97772F;   /* deep gold (text-safe on white) */
  /* Support */
  --muted:      #525A6E;   /* cool slate secondary text */
  --muted-2:    #7A8194;
  --line:       rgba(15,27,51,.14);
  --line-2:     rgba(15,27,51,.08);
  --line-gold:  rgba(194,162,78,.34);
  --paper-glass:rgba(251,250,246,.82);

  --maxw: 1280px;
  --gutter: clamp(20px, 5vw, 64px);

  --serif: "Fraunces", "Times New Roman", serif;
  --sans:  "Hanken Grotesk", system-ui, sans-serif;

  --ease: cubic-bezier(.22,.61,.36,1);
  --ease-out: cubic-bezier(.16,1,.3,1);
}

/* ---------- Reset ---------- */
*,*::before,*::after { box-sizing: border-box; }
* { margin: 0; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; scroll-padding-top: 112px; }
body {
  font-family: var(--sans);
  font-size: 17px;
  line-height: 1.65;
  color: var(--ink);
  background: var(--paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}
img,svg { display:block; max-width:100%; }
a { color: inherit; text-decoration: none; }
button { font: inherit; cursor: pointer; background: none; border: none; color: inherit; }
::selection { background: var(--brass); color: var(--paper); }

@media (prefers-reduced-motion: reduce){
  html { scroll-behavior: auto; }
  *,*::before,*::after { animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important; }
}

/* ---------- Film grain overlay (atmosphere) ---------- */
body::after {
  content:""; position: fixed; inset:0; z-index: 9999; pointer-events:none;
  opacity:.05; mix-blend-mode: multiply;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- Layout ---------- */
.wrap { width:100%; max-width: var(--maxw); margin-inline:auto; padding-inline: var(--gutter); }
.section { padding: clamp(72px, 11vw, 160px) 0; position: relative; }

/* ---------- Type utilities ---------- */
.eyebrow {
  font-family: var(--sans); font-size: 12px; font-weight: 700;
  letter-spacing: .26em; text-transform: uppercase; color: var(--brass-dp);
  display:inline-flex; align-items:center; gap:14px;
}
.eyebrow::before { content: attr(data-idx); font-variant-numeric: tabular-nums; color: var(--brass-dp); opacity:.7; }
.eyebrow.plain::before { content:""; display:none; }
.eyebrow .rule { width:42px; height:1px; background: var(--brass); display:inline-block; }
.eyebrow.on-dark { color: var(--brass-br); }
.eyebrow.on-dark .rule { background: var(--brass-br); }

.display {
  font-family: var(--serif); font-weight: 360;
  font-optical-sizing: auto; line-height: .98; letter-spacing: -.02em;
}
.display em { font-style: italic; font-weight: 400; }
.h-xl { font-size: clamp(44px, 8.2vw, 132px); }
.h-lg { font-size: clamp(36px, 5.6vw, 80px); }
.h-md { font-size: clamp(30px, 4.2vw, 56px); }
.lede { font-size: clamp(18px, 2vw, 23px); line-height: 1.55; color: var(--muted); font-weight: 400; }
.kicker-num { font-family: var(--serif); font-weight: 300; font-variant-numeric: tabular-nums; }

/* ---------- Buttons ---------- */
.btn {
  --bg: var(--ink); --fg: var(--paper);
  position: relative; display:inline-flex; align-items:center; gap:12px;
  font-family: var(--sans); font-weight: 600; font-size: 15px; letter-spacing:.01em;
  padding: 16px 28px; border-radius: 2px; color: var(--fg); background: var(--bg);
  overflow:hidden; isolation:isolate; transition: color .4s var(--ease);
}
.btn::before {
  content:""; position:absolute; inset:0; z-index:-1; background: var(--brass);
  transform: translateY(101%); transition: transform .45s var(--ease-out);
}
.btn:hover::before { transform: translateY(0); }
.btn:hover { color: var(--ink); }
.btn .arr { transition: transform .4s var(--ease); }
.btn:hover .arr { transform: translateX(5px); }
.btn-brass { --bg: var(--brass); --fg: var(--ink); }
.btn-brass::before { background: var(--ink); }
.btn-brass:hover { color: var(--paper); }
.btn-ghost { --bg: transparent; --fg: var(--ink); box-shadow: inset 0 0 0 1.5px var(--line); }
.btn-ghost::before { background: var(--ink); }
.btn-ghost:hover { color: var(--paper); }
.btn-ghost.on-dark { --fg: var(--paper); box-shadow: inset 0 0 0 1.5px rgba(243,237,225,.28); }
.btn-ghost.on-dark::before { background: var(--brass); }
.btn-ghost.on-dark:hover { color: var(--ink); }
.btn svg { width:17px; height:17px; }

/* underline-link */
.ulink { display:inline-flex; align-items:center; gap:10px; font-weight:600; font-size:15px;
  position:relative; padding-bottom:3px; }
.ulink::after { content:""; position:absolute; left:0; bottom:0; height:1.5px; width:100%;
  background: currentColor; transform: scaleX(0); transform-origin:right; transition: transform .4s var(--ease); }
.ulink:hover::after { transform: scaleX(1); transform-origin:left; }

/* ---------- Nav ---------- */
/* ---- Header (slim utility strip + classic horizontal menu bar) ---- */
.site-header { position: fixed; top:0; left:0; right:0; z-index: 100; }

.topbar { display:flex; align-items:center; justify-content:center; gap:16px;
  padding: 9px var(--gutter); background: var(--navy-deep); color: rgba(243,237,225,.82);
  font-size: 13px; letter-spacing:.015em; }
.topbar a { color:#fff; font-weight:600; display:inline-flex; align-items:center; gap:8px; transition: color .3s var(--ease); padding:11px 6px; margin:-11px -6px; }
.topbar a:hover { color: var(--brass-br); }
.topbar a svg { width:14px; height:14px; color: var(--brass-br); }
.topbar .sep { width:1px; height:13px; background: rgba(243,237,225,.26); }

.nav-main { display:grid; grid-template-columns: 1fr auto 1fr; align-items:center; gap: 24px;
  padding: 15px var(--gutter); transition: padding .4s var(--ease), background .4s var(--ease), box-shadow .4s var(--ease); }
.site-header.solid .nav-main { background: var(--paper-glass); backdrop-filter: blur(16px) saturate(140%);
  box-shadow: 0 1px 0 var(--line-2); padding-block: 10px; }
.site-header.on-hero:not(.solid) .nav-main { background: linear-gradient(180deg, rgba(8,15,30,.42), transparent); }

.wordmark { justify-self:start; display:inline-flex; align-items:center; gap:2px;
  font-family: var(--serif); font-weight:420; font-size:25px; letter-spacing:-.02em; color: var(--ink); transition: color .4s var(--ease); }
.wordmark .pt { color: var(--brass); font-style: italic; }
.wordmark img, .wordmark video { height: clamp(96px, 9.8vw, 150px); width:auto; display:block; transition: height .35s var(--ease); }
.site-header.solid .wordmark img, .site-header.solid .wordmark video { height: 54px; }
@media (max-width: 600px){
  .wordmark img, .wordmark video { height: 66px; }
  .site-header.solid .wordmark img, .site-header.solid .wordmark video { height: 44px; }
}

.nav-links { justify-self:center; display:flex; align-items:center; gap: clamp(12px,1.5vw,26px); }
.nav-links a { font-size: 14px; font-weight:500; letter-spacing:.01em; position:relative; color: var(--ink); transition: color .35s var(--ease); white-space:nowrap; }
.nav-links a::after { content:""; position:absolute; left:0; bottom:-6px; height:1.5px; width:0; background: var(--brass); transition: width .3s var(--ease); }
.nav-links a:hover::after, .nav-links a.active::after { width:100%; }

.nav-right { justify-self:end; display:flex; align-items:center; gap:18px; }
.nav-phone { font-size:14px; font-weight:600; display:inline-flex; align-items:center; gap:8px; color: var(--ink); transition: color .35s var(--ease); }
.nav-phone svg { width:15px; height:15px; color: var(--brass); }
.nav-cta { font-size:12.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
  padding: 12px 22px; background: var(--brass); color: var(--ink); border-radius:2px;
  transition: background .35s var(--ease), color .35s var(--ease); }
.nav-cta:hover { background: var(--ink); color: var(--paper); }

/* colors over the hero video */
.site-header.on-hero:not(.solid) .wordmark,
.site-header.on-hero:not(.solid) .nav-links a,
.site-header.on-hero:not(.solid) .nav-phone { color: var(--paper); }

.nav-toggle { display:none; flex-direction:column; gap:5px; padding:12px 9px; margin:-6px -3px; color: var(--ink); }
.nav-toggle span { width:26px; height:2px; background: currentColor; transition: transform .3s var(--ease), opacity .3s; }
.site-header.on-hero:not(.solid) .nav-toggle { color: var(--paper); }

@media (max-width: 1100px){
  .nav-links { display:none; }
  .nav-right .nav-cta { display:none; }
  .nav-toggle { display:flex; }
}
@media (max-width: 560px){
  .topbar { font-size:12px; gap:10px; }
  .topbar .util-text, .topbar .sep { display:none; }
}

/* mobile menu */
.mobile-menu { position: fixed; inset:0; z-index:120; background: var(--navy-deep); color: var(--paper);
  display:flex; flex-direction:column; justify-content:center; padding: 0 var(--gutter);
  overflow-y:auto; -webkit-overflow-scrolling:touch; visibility:hidden;
  clip-path: inset(0 0 100% 0); transition: clip-path .6s var(--ease-out), visibility 0s .6s; }
.mobile-menu.open { clip-path: inset(0 0 0 0); visibility:visible; transition: clip-path .6s var(--ease-out), visibility 0s 0s; }
@media (max-height:560px){ .mobile-menu { justify-content:flex-start; padding-top:84px; padding-bottom:44px; } }
.mobile-menu a { font-family: var(--serif); font-size: clamp(34px,8vw,60px); font-weight:340; padding: 8px 0;
  color: var(--paper); border-bottom:1px solid rgba(243,237,225,.12); display:flex; justify-content:space-between; align-items:center; }
.mobile-menu a .n { font-size:13px; font-family:var(--sans); color: var(--brass-br); letter-spacing:.2em; }
.mobile-menu .mm-foot { margin-top: 40px; display:flex; gap:14px; flex-wrap:wrap; }
.mobile-menu .mm-foot a { font-family: var(--sans); font-size: 15px; font-weight: 600; padding: 16px 22px; }
.mm-close { position:absolute; top:24px; right:var(--gutter); color:var(--paper); font-size:14px; letter-spacing:.2em; text-transform:uppercase; }

/* ---------- Image slot (photographic placeholder w/ swap) ---------- */
.slot { position: relative; overflow: hidden; background: var(--navy-deep); isolation:isolate; }
.slot::before {
  content:""; position:absolute; inset:0; z-index:0;
  background:
    radial-gradient(120% 90% at 25% 12%, #29406e 0%, transparent 55%),
    radial-gradient(90% 80% at 90% 100%, #1c2c4e 0%, transparent 55%),
    linear-gradient(160deg, #1a2b4d, #0E1626 70%);
}
.slot::after {
  content: attr(data-label); position:absolute; left:16px; bottom:14px; z-index:3;
  font-size:10.5px; letter-spacing:.18em; text-transform:uppercase; font-weight:700;
  color: rgba(243,237,225,.62); padding-left:18px;
}
.slot[data-label]::after { border-left:none; }
.slot .tick { position:absolute; left:16px; bottom:16px; z-index:3; width:10px; height:1px; background: var(--brass-br); }
.slot > img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:2;
  opacity:0; transition: opacity .8s var(--ease); }
.slot > img.loaded, .slot > img[src]:not([src=""]) { opacity:1; }
.slot:has(img.loaded)::after, .slot:has(img.loaded) .tick { display:none; }

/* ---------- Marquee ---------- */
.marquee { overflow:hidden; border-block:1px solid var(--line); background: var(--paper-2); padding: 20px 0; }
.marquee.on-dark { background: var(--navy-deep); border-color: rgba(243,237,225,.12); }
.marquee-track { display:flex; gap: 56px; width:max-content; animation: marq 38s linear infinite; }
.marquee:hover .marquee-track { animation-play-state: paused; }
.marquee-item { font-family: var(--serif); font-weight: 340; font-size: clamp(22px,3vw,40px); color: var(--ink);
  display:inline-flex; align-items:center; gap:56px; white-space:nowrap; }
.marquee.on-dark .marquee-item { color: var(--paper); }
.marquee-item .dot { width:8px; height:8px; border-radius:50%; background: var(--brass); display:inline-block; }
.marquee-item em { font-style:italic; color: var(--brass-dp); }
.marquee.on-dark .marquee-item em { color: var(--brass-br); }
@keyframes marq { to { transform: translateX(-50%); } }

/* ---------- Reveal ---------- */
.reveal { opacity:0; transform: translateY(34px); transition: opacity .9s var(--ease-out), transform .9s var(--ease-out); }
.reveal.in { opacity:1; transform:none; }
.reveal-d1 { transition-delay:.08s; } .reveal-d2 { transition-delay:.16s; }
.reveal-d3 { transition-delay:.24s; } .reveal-d4 { transition-delay:.32s; }
.draw-rule { position:relative; }
.draw-rule::after { content:""; position:absolute; left:0; bottom:-14px; height:2px; width:100%; background: var(--brass);
  transform: scaleX(0); transform-origin:left; transition: transform 1s var(--ease-out); }
.draw-rule.in::after { transform: scaleX(1); }

/* ---------- Sections on dark ---------- */
.on-navy { background: var(--navy-deep); color: var(--paper); }
.on-navy .lede { color: rgba(243,237,225,.66); }
.on-navy .display { color: var(--paper); }
/* limewash texture on dark */
.limewash { position: relative; }
.limewash::before {
  content:""; position:absolute; inset:0; pointer-events:none; opacity:.5; mix-blend-mode: soft-light;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='c'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012 0.02' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23c)' opacity='0.6'/%3E%3C/svg%3E");
}

/* ---------- Footer ---------- */
.footer { background: var(--navy-deep); color: rgba(243,237,225,.66); padding: clamp(64px,8vw,110px) 0 36px; position:relative; }
.footer a { color: rgba(243,237,225,.66); transition: color .3s var(--ease); }
.footer a:hover { color: var(--brass-br); }
.footer-word { font-family: var(--serif); font-weight: 340; font-size: clamp(56px, 13vw, 190px); line-height:.85;
  color: var(--paper); letter-spacing:-.03em; margin-bottom: 8px; }
.footer-word .pt { color: var(--brass); font-style: italic; }
.footer-grid { display:grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 40px; margin-top: 64px; }
.footer h4 { font-family:var(--sans); font-size:11px; letter-spacing:.22em; text-transform:uppercase; color: var(--brass-br); margin-bottom:18px; font-weight:700; }
.footer ul { list-style:none; padding:0; display:grid; gap:11px; font-size:15px; }
.footer-social { display:flex; gap:10px; margin-top:22px; }
.footer-social a { width:44px; height:44px; border:1px solid rgba(243,237,225,.16); display:grid; place-items:center; border-radius:2px; transition: all .3s var(--ease); }
.footer-social a:hover { border-color: var(--brass); background: rgba(176,137,76,.12); }
.footer-social svg { width:18px; height:18px; }
.footer-bottom { margin-top: 56px; padding-top: 26px; border-top:1px solid rgba(243,237,225,.12);
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; font-size:13px; letter-spacing:.02em; }
@media (max-width:820px){ .footer-grid { grid-template-columns:1fr 1fr; gap:32px; } }
@media (max-width:480px){ .footer-grid { grid-template-columns:1fr; } }

/* ---------- Focus ---------- */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, [tabindex]:focus-visible {
  outline: 2px solid var(--brass); outline-offset: 3px;
}
.skip { position:absolute; left:-999px; top:8px; z-index:9999; background:var(--ink); color:var(--paper); padding:10px 16px; }
.skip:focus { left:12px; }

/* ---------- Mobile bottom bar ---------- */
.mobile-bar { display:none; }
@media (max-width: 760px){
  .mobile-bar { display:grid; grid-template-columns:1fr 1fr; position:fixed; inset:auto 0 0 0; z-index:90;
    background: var(--navy-deep); border-top:1px solid rgba(243,237,225,.12); }
  .mobile-bar { padding-bottom: env(safe-area-inset-bottom, 0); }
  .mobile-bar a { padding: 16px; text-align:center; font-weight:700; font-size:13px; letter-spacing:.12em; text-transform:uppercase; color: var(--paper); }
  .mobile-bar a:first-child { background: var(--brass); color: var(--ink); }
  body { padding-bottom: 54px; }
}

/* ============================================================
   SHARED SERVICE-PAGE COMPONENTS
   (moved here so interior/exterior/etc. pages reuse them;
    identical to the homepage's inline copies)
   ============================================================ */

/* ---- Section heads ---- */
.sec-head { max-width: 60ch; }
.sec-head h2 { margin-top:18px; }
.sec-head.center { text-align:center; margin-inline:auto; }
.sec-head.center .eyebrow { justify-content:center; }

/* ---- Process (3-step) ---- */
.process { display:grid; grid-template-columns: repeat(3,1fr); gap: clamp(28px,4vw,56px); margin-top: 60px; position:relative; }
@media (max-width:760px){ .process { grid-template-columns:1fr; gap:40px; } }
.pstep { position:relative; }
.pstep .pn { font-family:var(--serif); font-weight:300; font-size: clamp(56px,7vw,92px); line-height:.8; color: var(--paper-3); letter-spacing:-.03em; }
.pstep .pr { height:1px; background: var(--line); margin: 22px 0; position:relative; }
.pstep .pr::before { content:""; position:absolute; left:0; top:0; width:34px; height:1px; background: var(--brass); }
.pstep h3 { font-family:var(--serif); font-weight:400; font-size:25px; letter-spacing:-.01em; margin-bottom:12px; }
.pstep p { color: var(--muted); font-size:16px; line-height:1.6; max-width: 38ch; }

/* ---- Quote form ---- */
.quote { display:grid; grid-template-columns: .92fr 1.08fr; gap: clamp(40px,5vw,80px); align-items:center; }
@media (max-width:880px){ .quote { grid-template-columns:1fr; gap:40px; } }
.quote .checks { margin-top:28px; display:grid; gap:16px; }
.quote .ck { display:flex; gap:13px; align-items:flex-start; color: rgba(251,250,246,.84); font-size:16.5px; }
.quote .ck svg { width:22px; height:22px; color: var(--brass-br); flex:none; margin-top:1px; }
.qform { background: var(--paper); border-radius:3px; padding: clamp(26px,3vw,40px); box-shadow: 0 40px 90px rgba(6,11,24,.4); }
.qform .frow { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:520px){ .qform .frow { grid-template-columns:1fr; } }
.qfield { margin-bottom:16px; }
.qfield label { display:block; font-size:12px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color: var(--muted); margin-bottom:8px; }
.qfield input, .qfield select { width:100%; padding:14px 15px; border:1px solid var(--line); border-radius:2px; font:inherit; font-size:15.5px;
  color: var(--ink); background: var(--paper); transition: border-color .25s var(--ease); }
.qfield input:focus, .qfield select:focus { outline:none; border-color: var(--brass); }
/* mobile: keep form controls at >=16px so iOS Safari doesn't auto-zoom on focus
   (!important intentionally beats page-local compact-hero overrides) */
@media (max-width:640px){
  .qfield input, .qfield select, .qfield textarea { font-size:16px !important; }
}
.qform .btn { width:100%; justify-content:center; margin-top:6px; }
.qform .calt { text-align:center; font-size:14px; color: var(--muted); margin-top:16px; }
.qform .calt a { color: var(--brass-dp); font-weight:600; }
.qform .ok { display:none; text-align:center; color: var(--brass-dp); font-weight:600; margin-top:14px; }

/* ---- Areas pills ---- */
.areas { text-align:center; }
.areas-pills { display:flex; flex-wrap:wrap; gap:11px; justify-content:center; max-width:860px; margin: 42px auto 0; }
.apill { padding:11px 20px; border:1px solid var(--line); border-radius:2px; font-size:14.5px; font-weight:500; color: var(--ink);
  transition: all .3s var(--ease); }
.apill:hover { background: var(--ink); color: var(--paper); border-color: var(--ink); }

/* ---- Guarantee / generic callout ---- */
.guarantee-callout { display:flex; gap:18px; align-items:center; margin-top:26px; padding:20px 24px; background:var(--ink); color:var(--paper); border-radius:3px; }
.guarantee-callout .seal2 { width:52px; height:52px; flex:none; border:1px solid var(--line-gold); border-radius:50%; display:grid; place-items:center; }
.guarantee-callout .seal2 svg { width:26px; height:26px; color:var(--brass-br); }
.guarantee-callout .gc-t { font-family:var(--serif); font-size:20px; line-height:1.2; color:var(--paper); }
.guarantee-callout .gc-t em { font-style:italic; color:var(--brass-br); }
.guarantee-callout .gc-s { font-size:13px; color:rgba(251,250,246,.72); margin-top:5px; }

/* form consent disclosure — bold + centered, Kowalski style */
.qconsent { font-size:13px; font-weight:600; line-height:1.55; color:var(--ink); text-align:center; margin:14px 0 0; }
.qconsent a { color:inherit; text-decoration:underline; text-underline-offset:2px; }

/* Google rating badge under form consent */
.qrating { display:flex; align-items:center; justify-content:center; gap:11px; margin-top:13px; }
.qrating .qr-g { width:27px; height:27px; color:var(--ink); flex:none; }
.qrating .qr-stars { display:flex; gap:2px; color:var(--brass-dp, #A7823D); }
.qrating .qr-stars svg { width:15px; height:15px; }
.qrating .qr-txt { font-size:10.5px; font-weight:700; letter-spacing:.16em; color:var(--ink); margin-top:3px; text-align:center; }

/* split name row, honeypot, form error state */
.qsplit { display:grid; grid-template-columns:1fr 1fr; gap:0 12px; }
.hp-field { position:absolute !important; left:-9999px !important; top:auto; }
.qform .err { display:none; margin-top:12px; padding:12px 16px; background:#FBEFEF; border:1px solid #E3BFBF; border-radius:4px; color:#8A2E2E; font-size:14px; }
.qform .err.show { display:block; }
.qform .err a { color:inherit; font-weight:700; }

/* mobile nav hard-right fix: flex layout, logo left / toggle right */
@media (max-width: 760px){
  .nav-main { display:flex !important; align-items:center; justify-content:space-between; }
  .nav-links { display:none !important; }
  .nav-right { justify-self:auto; }
}

/* static logo on phones — video flourish is desktop-only (iOS alpha-video is unreliable) */
@media (max-width: 760px){
  .logo-vid { display:none !important; }
  .site-header:not(.solid) .logo-white { display:block !important; }
  .site-header:not(.solid) .logo-navy { display:none !important; }
  .site-header.solid .logo-white { display:none !important; }
  .site-header.solid .logo-navy { display:block !important; }
}