/* Seacoast Cited: shared site chrome (header, nav dropdown, footer).
   Loaded on every page, including the older self-contained pages in /resources/,
   so every selector is namespaced .sc-* and doubled up enough to beat the old
   page-level `.cited-page a` style rules. Brand tokens per BRAND.md. */
:root{
  --ink:#0C2B2A; --ink-2:#103836;
  --paper:#F4F2EB; --paper-2:#FBFAF6;
  --gold:#E9A23B; --gold-deep:#C6831F; --gold-text:#8F5A0E; /* gold-deep fails AA as text; use gold-text for small gold labels */
  --teal:#14746F; --muted:#5A6B68;
  --line:rgba(12,43,42,.12);
  --line-on-dark:rgba(244,242,235,.16);
}

a.sc-skip.sc-skip{position:absolute;left:-9999px;top:0;z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px;font:600 14px "Hanken Grotesk",system-ui,sans-serif;border-radius:0 0 8px 0}
a.sc-skip.sc-skip:focus{left:0}

.sc-header{position:sticky;top:0;z-index:50;background:rgba(244,242,235,.96);backdrop-filter:saturate(1.2) blur(6px);-webkit-backdrop-filter:saturate(1.2) blur(6px);border-bottom:1px solid var(--line);font-family:"Hanken Grotesk",system-ui,sans-serif}
.sc-header *{box-sizing:border-box}
.sc-header .sc-header__in{max-width:1180px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px}

/* Lockup: lowercase gold "seacoast" over the Cited. wordmark */
.sc-logo,.sc-header a.sc-logo,.sc-footer a.sc-logo{display:inline-flex;flex-direction:column;align-items:flex-start;line-height:1;text-decoration:none;font-size:30px;flex:none}
.sc-logo .sc-logo__top{font-family:"JetBrains Mono",monospace;font-weight:500;text-transform:lowercase;letter-spacing:.4em;font-size:.15em;line-height:1;margin:0 0 .2em .14em;color:var(--gold-deep)}
.sc-logo .sc-logo__word{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;letter-spacing:-.04em;line-height:.85;color:var(--ink)}
.sc-logo .sc-dot{color:var(--gold)}
.sc-logo--dark .sc-logo__word{color:var(--paper)}
.sc-logo--dark .sc-logo__top{color:var(--gold)}
.sc-header a.sc-logo:hover,.sc-footer a.sc-logo:hover{text-decoration:none}

.sc-header .sc-nav__list{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:6px}
.sc-header .sc-nav__list > li{position:relative;margin:0;padding:0}
.sc-header .sc-nav__list > li > a,
.sc-header .sc-menu-btn{display:inline-flex;align-items:center;gap:6px;font-family:"JetBrains Mono",monospace;font-size:12.5px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--ink);text-decoration:none;background:none;border:0;padding:10px 12px;border-radius:8px;cursor:pointer;line-height:1}
.sc-header .sc-menu-btn::after{content:"";width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .15s}
.sc-header .sc-menu-btn[aria-expanded="true"]::after{transform:translateY(1px) rotate(225deg)}
.sc-header .sc-nav__list > li > a:hover,
.sc-header .sc-menu-btn:hover,
.sc-header .sc-nav__list a[aria-current="page"],
.sc-header .sc-menu-btn.is-current{color:var(--gold-text);text-decoration:none}
.sc-header .sc-nav__list > li > a.sc-nav__cta{background:var(--ink);color:var(--paper);padding:11px 16px;border-radius:999px;margin-left:6px}
.sc-header .sc-nav__list > li > a.sc-nav__cta:hover{background:var(--gold);color:var(--ink)}
.sc-header .sc-nav__list > li > a.sc-nav__cta[aria-current="page"]{background:var(--gold);color:var(--ink)}

/* Services dropdown */
.sc-header .sc-menu{list-style:none;margin:0;padding:8px;position:absolute;top:calc(100% + 6px);left:-8px;width:340px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(12,43,42,.14);display:none}
.sc-header .sc-has-menu.is-open > .sc-menu{display:block}
@media (hover:hover) and (min-width:961px){
  .sc-header .sc-has-menu:hover > .sc-menu,
  .sc-header .sc-has-menu:focus-within > .sc-menu{display:block}
  .sc-header .sc-has-menu::after{content:"";position:absolute;left:0;right:0;top:100%;height:10px}
}
.sc-header .sc-menu li{margin:0;padding:0}
.sc-header .sc-menu li::before{display:none}
.sc-header .sc-menu a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;color:var(--ink)}
.sc-header .sc-menu a:hover,.sc-header .sc-menu a:focus-visible,.sc-header .sc-menu a[aria-current="page"]{background:var(--paper);text-decoration:none}
.sc-header .sc-menu b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--ink)}
.sc-header .sc-menu span{display:block;font-size:13.5px;color:var(--muted);margin-top:2px;line-height:1.35}
.sc-header .sc-menu .sc-menu__all{border-top:1px solid var(--line);margin-top:6px;padding-top:6px}
.sc-header .sc-menu .sc-menu__all b{color:var(--gold-text)}

.sc-header .sc-burger{display:none;align-items:center;gap:10px;background:none;border:1px solid var(--line);border-radius:999px;padding:9px 14px;font-family:"JetBrains Mono",monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink);cursor:pointer}
.sc-header .sc-burger__bars{width:16px;height:2px;background:currentColor;position:relative;display:inline-block}
.sc-header .sc-burger__bars::before,.sc-header .sc-burger__bars::after{content:"";position:absolute;left:0;width:16px;height:2px;background:currentColor}
.sc-header .sc-burger__bars::before{top:-5px}
.sc-header .sc-burger__bars::after{top:5px}

@media (max-width:960px){
  .sc-header .sc-header__in{padding:10px 16px;flex-wrap:wrap}
  .sc-header .sc-burger{display:inline-flex}
  .sc-header .sc-nav{display:none;width:100%;padding:6px 0 12px}
  .sc-header.is-open .sc-nav{display:block}
  .sc-header .sc-nav__list{flex-direction:column;align-items:stretch;gap:2px}
  .sc-header .sc-nav__list > li > a,.sc-header .sc-menu-btn{width:100%;justify-content:space-between;padding:14px 10px;font-size:13.5px}
  .sc-header .sc-menu{position:static;width:auto;box-shadow:none;border:0;border-radius:0;padding:0 0 6px 8px;background:transparent}
  .sc-header .sc-menu a{padding:10px}
  .sc-header .sc-nav__list > li > a.sc-nav__cta{justify-content:center;margin:8px 0 0}
}

/* Click-to-call, mobile only (sits beside the menu button) */
.sc-header a.sc-call{display:none}
@media (max-width:960px){
  .sc-header a.sc-call{display:inline-flex;align-items:center;gap:6px;margin-left:auto;background:var(--gold);color:var(--ink);text-decoration:none;font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:10px 14px;border-radius:999px}
  .sc-header a.sc-call::before{content:"";width:12px;height:12px;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z%27/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27%3E%3Cpath d=%27M6.6 10.8a15.1 15.1 0 0 0 6.6 6.6l2.2-2.2a1 1 0 0 1 1-.25 11.4 11.4 0 0 0 3.6.57 1 1 0 0 1 1 1V20a1 1 0 0 1-1 1A17 17 0 0 1 3 4a1 1 0 0 1 1-1h3.5a1 1 0 0 1 1 1c0 1.25.2 2.45.57 3.57a1 1 0 0 1-.25 1z%27/%3E%3C/svg%3E") center/contain no-repeat}
  .sc-header a.sc-call:hover{background:var(--gold-deep);text-decoration:none}
  .sc-header .sc-burger{margin-left:8px}
}

:where(.sc-header,.sc-footer) :focus-visible{outline:3px solid var(--gold);outline-offset:2px;border-radius:6px}

/* Footer */
.sc-footer{background:var(--ink);color:rgba(244,242,235,.78);font-family:"Hanken Grotesk",system-ui,sans-serif;font-size:15px;line-height:1.6;border-top:6px solid var(--gold)}
.sc-footer *{box-sizing:border-box}
.sc-footer .sc-footer__in{max-width:1180px;margin:0 auto;padding:52px 28px 34px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:34px}
.sc-footer p{margin:0 0 12px}
.sc-footer .sc-footer__brand p{max-width:400px;margin-top:16px}
.sc-footer .sc-footer__h{font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin:4px 0 12px}
.sc-footer ul{list-style:none;margin:0;padding:0}
.sc-footer li{margin:0 0 8px;padding:0}
.sc-footer li::before{display:none}
.sc-footer a{color:var(--paper);text-decoration:none}
.sc-footer a:hover{color:var(--gold);text-decoration:none}
.sc-footer .sc-footer__base{max-width:1180px;margin:0 auto;padding:18px 28px 26px;border-top:1px solid var(--line-on-dark);display:flex;justify-content:space-between;gap:10px 24px;flex-wrap:wrap;font-family:"JetBrains Mono",monospace;font-size:11.5px;letter-spacing:.03em;color:rgba(244,242,235,.6)}
@media (max-width:760px){
  .sc-footer .sc-footer__in{grid-template-columns:1fr 1fr;padding:40px 16px 26px}
  .sc-footer .sc-footer__brand{grid-column:1/-1}
  .sc-footer .sc-footer__base{padding:16px}
}
