/* The CMS remains the source of the name; this is the public visual identity. */
:root {
  --night-deep:#082e28; --night:#103d34; --night-soft:#1b5345;
  --on-night:#fff8e9; --on-night-soft:#d2e2d7;
  --signal:#e7c886; --signal-deep:#795b27;
  --brand:#164b3d; --brand-deep:#0b332c; --brand-bright:#805b22;
  --bg:#fffdf8; --soft:#f4f4eb; --soft-deep:#e7ecdf;
}
.site-header {
  background:linear-gradient(110deg,#082e28 0%,#155344 65%,#0d3730 100%);
  border-bottom:1px solid #e7c88652;
  box-shadow:0 8px 32px #082e281c;
}
.header-row { min-height:96px; gap:20px; }
.brand.brand-signature { flex-shrink:0; gap:14px; max-width:350px; min-height:60px; padding-block:10px; color:#fff8e9; }
.brand-signature .brand-mark {
  position:relative; isolation:isolate; overflow:hidden;
  width:58px; height:58px; flex-basis:58px;
  border-radius:19px 19px 19px 7px; border:1px solid #f5dfb0;
  color:#0c3930; background:linear-gradient(135deg,#f6e3b5,#e7c886 52%,#c4a464);
  box-shadow:inset 0 0 0 4px #f7e7c02b,0 6px 16px #051d2440;
  transition:transform .24s ease,box-shadow .24s ease;
}
.brand-signature .brand-mark::after {
  content:""; position:absolute; inset:-20%; z-index:1; pointer-events:none;
  background:linear-gradient(110deg,transparent 35%,#fff8e970 50%,transparent 65%);
  transform:translateX(-120%); transition:transform .65s ease;
}
.brand-signature .brand-mark svg { width:46px; height:46px; }
.brand-road { stroke-width:1.5; opacity:.7; }
.brand-signature .brand-text { min-width:0; }
.brand-signature .brand-text strong { display:block; font-size:1.55rem; line-height:1.5; letter-spacing:-.025em; font-weight:800; }
.brand-name { display:block; white-space:nowrap; }
.brand-accent { color:#e7c886; font-weight:600; }
.brand-service { display:block; margin-top:1px; color:#d2e2d7; font-size:.78rem; font-weight:500; letter-spacing:.015em; line-height:1.7; }
.brand-signature .brand-text .brand-custom { font-size:1.1rem; line-height:1.5; overflow-wrap:anywhere; text-wrap:balance; }
.brand-signature:hover .brand-mark,.brand-signature:focus-visible .brand-mark { transform:translateY(-2px) rotate(-3deg); box-shadow:inset 0 0 0 4px #f7e7c02b,0 8px 20px #051d2450; }
.brand-signature:hover .brand-mark::after,.brand-signature:focus-visible .brand-mark::after { transform:translateX(120%); }
.brand-signature:focus-visible { outline:2px solid #e7c886; outline-offset:5px; border-radius:8px; }
.site-header .nav-desktop a { color:#e0eadf; }
.site-header .nav-desktop a:hover,.site-header .nav-desktop a[aria-current] { color:#ffe0a2; background:#fff8e912; }
.site-header .header-cta { color:#11382f; background:#e7c886; border-color:#e7c886; box-shadow:0 4px 16px #041c2333; }
.site-header .header-cta:hover { background:#f5db9e; }
.site-header .menu summary { color:#fff8e9; border-color:#e7c88666; background:#082e2820; }
.hero-home::before { background:radial-gradient(ellipse at 80% 30%,#37735760,transparent 62%),linear-gradient(130deg,#082e28,#12493c); }
.site-footer { background:linear-gradient(130deg,#082e28,#103d34); }
@media(min-width:1200px) and (max-width:1279px) {
  .header-row:has(.nav-desktop a:nth-child(5)) .nav-desktop { display:none; }
  .header-row:has(.nav-desktop a:nth-child(5)) .menu { display:block; }
}
@media(max-width:639px) {
  .site-header .header-row { min-height:86px; gap:10px; padding-inline:16px; }
  .brand.brand-signature { max-width:calc(100% - 54px); gap:10px; min-height:60px; padding-block:9px; flex-shrink:1; }
  .brand-signature .brand-mark { width:44px; height:44px; flex-basis:44px; border-radius:14px 14px 14px 5px; }
  .brand-signature .brand-mark svg { width:37px; height:37px; }
  .brand-signature .brand-text strong { font-size:clamp(1.15rem,5.1vw,1.38rem); letter-spacing:-.035em; }
  .brand-signature .brand-service { font-size:.71rem; margin-top:1px; line-height:1.7; }
  .brand-signature .brand-text .brand-custom { font-size:.9rem; }
  .site-header .menu { flex-shrink:0; margin-inline-start:auto; }
  .site-header .menu summary { display:flex; align-items:center; justify-content:center; min-width:44px; min-height:44px; padding:10px; }
}
@media(prefers-reduced-motion:reduce) {
  .brand-signature .brand-mark,.brand-signature .brand-mark::after { transition:none; }
  .brand-signature:hover .brand-mark,.brand-signature:focus-visible .brand-mark { transform:none; }
  .brand-signature .brand-mark::after { display:none; }
}