/* Shared navy background with the tile texture. Used by the top strip, the
   "How a fixed price stays fixed" band and the closing band, so all three stay identical.
   Change it here and every use changes. --tex-opacity sets how strongly the tiles show. */
.navy-tex{--tex-opacity:.10;position:relative;isolation:isolate;background-color:#1B2A4A}
.navy-tex::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:url(/img/photos/band-texture.webp) center/cover no-repeat;opacity:var(--tex-opacity);filter:grayscale(1)}
.navy-tex::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(27,42,74,.30),rgba(20,32,57,.18))}

/* Top strip above the main menu: thin, not sticky, texture very faint so the text reads easily */
.topstrip{--tex-opacity:.04;color:rgba(255,255,255,.94);font:500 12.5px/1.4 "Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.01em}
.topstrip p{margin:0 auto;max-width:1240px;padding:7px 16px;text-align:center}
.topstrip .dot{opacity:.6;margin:0 .45em}
@media (max-width:599px){.topstrip .wide{display:none}.topstrip{font-size:11.5px;letter-spacing:0}.topstrip p{padding:7px 8px}.topstrip .dot{margin:0 .35em}}

/* Corven lockup: the tiled C mark beside the wordmark, set in the site's heading font.
   The mark is about twice the cap height and centred on the word, as in the brand guide. */
.logo{font-family:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700}
.logo-mark{display:inline-block;flex:none;height:1.45em;line-height:0}
.logo-mark svg{display:block;height:100%;width:auto}
.logo-mark.new .t9{fill:#5FA884}
.foot-logo{display:inline-flex;align-items:center;gap:.24em;font-family:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;font-weight:700;color:#F5F1E8;text-decoration:none;font-size:24px;letter-spacing:-.02em;margin:0 0 18px}