/* Crossing: niagarawebdesigner.com + kingstonwebdesigner.com.
   Full-bleed place photography, Fraunces display + Newsreader body.
   Self-contained (does not rely on blueprint site.css look). Light only.
   v2 craft polish: tighter hero type/scrim, interior photo bands, lead-bar. */

@font-face{font-family:"Fraunces";src:url("/fonts/fraunces-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/fonts/newsreader-400.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/fonts/newsreader-500i.woff2") format("woff2");font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:"Newsreader";src:url("/fonts/newsreader-600.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}

html[data-design="crossing"]{
  --ink:#12181c;
  --ink-soft:rgba(18,24,28,.78);
  --ink-faint:rgba(18,24,28,.58);
  --line:rgba(18,24,28,.14);
  --paper:#e8eef1;
  --paper-2:#dce5ea;
  --white:#fff;
  --accent:#0e3d4a;
  --accent-deep:#0a2c36;
  --glow:#c9a227;
  --fd:"Fraunces",Georgia,"Times New Roman",serif;
  --fb:"Newsreader",Georgia,"Times New Roman",serif;
  --wide:1180px;
  --gut:clamp(18px,4.5vw,48px);
  --measure:38rem;
  --ld-accent:var(--accent-deep);
  color-scheme:light;
  -webkit-text-size-adjust:100%;
  scroll-behavior:smooth;
  background:var(--paper);
}
[data-market="kingston"]{
  --paper:#ebe6dc;
  --paper-2:#e0d9cc;
  --accent:#1a4a3c;
  --accent-deep:#12362c;
  --glow:#b08a2e;
  --ink:#1a1c18;
  --ld-accent:var(--accent-deep);
}
@media (prefers-reduced-motion:reduce){html[data-design="crossing"]{scroll-behavior:auto}}

[data-design]*{box-sizing:border-box}
[data-design] body{
  margin:0;
  font:400 1.125rem/1.65 var(--fb);
  color:var(--ink);
  background:
    radial-gradient(1200px 600px at 8% -8%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 58%),
    radial-gradient(900px 480px at 100% 0%, color-mix(in srgb, var(--glow) 11%, transparent), transparent 52%),
    var(--paper);
  overflow-x:clip;
  text-rendering:optimizeLegibility;
}
[data-design] :where(a,button,input,textarea,select):focus-visible{outline:3px solid var(--accent);outline-offset:3px}
[data-design] a{color:var(--accent-deep);text-underline-offset:3px}
[data-design] a:hover{color:var(--ink)}
[data-design] h1,[data-design] h2,[data-design] h3{font-family:var(--fd);font-weight:600;letter-spacing:-.02em;color:var(--ink);margin:0}
[data-design] img,[data-design] svg{max-width:100%}
[data-design] .skip-link{position:absolute;left:16px;top:-4rem;z-index:100;background:var(--ink);color:#fff;padding:12px 16px;min-height:44px;display:inline-flex;align-items:center;border-radius:2px;text-decoration:none}
[data-design] .skip-link:focus{top:12px}
[data-design] .wrap{max-width:var(--wide);margin-inline:auto;padding-inline:var(--gut)}

/* ---------- header ---------- */
[data-design] .site-header{
  position:absolute;inset-inline:0;top:0;z-index:20;
  background:linear-gradient(180deg,rgba(6,12,16,.62),rgba(6,12,16,0));
  color:#fff;border:0;padding:0;
}
[data-design] .site-header .wrap{
  display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;min-height:72px;padding-block:10px;
}
[data-design] .brand{
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  text-decoration:none;color:#fff;min-height:44px;justify-content:center;
}
[data-design] .brand:hover{color:#fff}
[data-design] .brand-name{
  font:600 clamp(1.3rem,1.05rem + 1.1vw,1.75rem)/1.02 var(--fd);letter-spacing:-.018em;
}
[data-design] .brand-place{
  font:500 .6875rem/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase;
  color:rgba(255,255,255,.78);
}
[data-design] .site-nav{display:flex;flex-wrap:wrap;gap:0 18px;margin-left:auto;background:none;border:0;padding:0}
[data-design] .site-nav a{
  display:inline-flex;align-items:center;min-height:44px;color:rgba(255,255,255,.92);
  text-decoration:none;font:500 .9375rem/1 var(--fb);white-space:nowrap;
}
[data-design] .site-nav a:hover{color:#fff;text-decoration:underline;text-underline-offset:6px}
[data-design] .site-nav a[aria-current="page"]{
  color:#fff;box-shadow:inset 0 -2px 0 var(--glow);font-weight:600;
}
[data-design] .mast-phone{
  display:inline-flex;align-items:center;justify-content:center;min-height:44px;
  padding:0 16px;border:1.5px solid rgba(255,255,255,.75);color:#fff;text-decoration:none;
  font:600 .875rem/1 var(--fb);letter-spacing:.02em;border-radius:2px;white-space:nowrap;
}
[data-design] .mast-phone:hover{background:#fff;color:var(--accent-deep)}

/* Interior with photo: header stays over the band */
[data-design] body:not(:has(.hero.has-visual)) .site-header{
  position:sticky;top:0;
  background:color-mix(in srgb, var(--accent-deep) 96%, #000);
  border-bottom:1px solid rgba(255,255,255,.08);
}

/* ---------- buttons ---------- */
[data-design] .btn,[data-design] .cta-btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:52px;
  padding:0 26px;border-radius:2px;font:600 1.05rem/1.1 var(--fb);text-decoration:none;text-align:center;
}
[data-design] .btn-solid,[data-design] .cta-btn-primary{
  background:var(--glow);color:var(--ink);border:0;
}
[data-design] .btn-solid:hover,[data-design] .cta-btn-primary:hover{
  background:#dbb53a;color:var(--ink);
}
[data-design] .btn-line,[data-design] .cta-btn-secondary{
  background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.85);
}
[data-design] .btn-line:hover{background:rgba(255,255,255,.12);color:#fff}
[data-design] .cta-band .cta-btn-secondary{
  color:#fff;border-color:rgba(255,255,255,.8);
}
[data-design] .cta-band .cta-btn-secondary:hover{background:#fff;color:var(--accent-deep)}

/* ---------- home hero ---------- */
[data-design] .hero{position:relative;margin:0;padding:0;border:0;overflow:clip}
[data-design] .hero-home{
  min-height:min(100svh,880px);
  display:grid;align-items:end;
  color:#fff;
}
[data-design] .hero-home > *{grid-area:1/1}
[data-design] .hero-media{
  inset:0;width:100%;height:100%;min-height:inherit;overflow:hidden;background:var(--accent-deep);
}
[data-design] .hero-media picture,[data-design] .hero-media img{
  display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center 42%;
}
[data-market="kingston"] .hero-home .hero-media img{object-position:center 48%}
[data-design] .hero-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(105deg, rgba(5,12,18,.88) 0%, rgba(5,12,18,.62) 38%, rgba(5,12,18,.22) 68%, rgba(5,12,18,.18) 100%),
    linear-gradient(0deg, rgba(5,12,18,.78) 0%, rgba(5,12,18,.28) 38%, rgba(5,12,18,.42) 100%);
}
[data-market="kingston"] .hero-scrim{
  background:
    linear-gradient(105deg, rgba(10,22,18,.90) 0%, rgba(10,22,18,.68) 36%, rgba(10,22,18,.28) 64%, rgba(10,22,18,.20) 100%),
    linear-gradient(0deg, rgba(10,22,18,.80) 0%, rgba(10,22,18,.30) 40%, rgba(10,22,18,.38) 100%);
}
[data-design] .hero-home .hero-inner{
  position:relative;z-index:2;
  width:min(100% - 2 * var(--gut), var(--wide));
  margin:0 auto;
  padding:clamp(100px,15vw,148px) 0 clamp(36px,5.5vw,64px);
  max-width:34rem;
}
[data-design] .hero-home .kicker{
  margin:0 0 12px;font:600 .75rem/1.35 var(--fb);
  letter-spacing:.18em;text-transform:uppercase;color:var(--glow);
}
[data-design] .hero-home h1{
  color:#fff;
  font-size:clamp(2.2rem,1.15rem + 3.2vw,3.75rem);
  line-height:1.06;
  letter-spacing:-.025em;
  text-wrap:balance;max-width:13.5ch;margin:0;
  text-shadow:0 1px 2px rgba(0,0,0,.35), 0 12px 40px rgba(0,0,0,.28);
}
[data-design] .hero-home .dek{
  margin:16px 0 0;max-width:30rem;font:400 1.0625rem/1.55 var(--fb);
  color:rgba(255,255,255,.88);font-style:normal;
}
[data-design] .hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
[data-design] .hero-proof{
  display:flex;gap:12px;align-items:center;margin:20px 0 0;
  font-size:.9rem;line-height:1.45;color:rgba(255,255,255,.86);max-width:32rem;
}
[data-design] .hero-proof img{
  width:44px;height:44px;border-radius:50%;object-fit:cover;flex:none;
  border:2px solid rgba(255,255,255,.4);
}
[data-design] .hero-proof strong{color:#fff;font-weight:600}
[data-design] .hero-demo{margin:12px 0 0}
[data-design] .hero-demo a{color:#fff;font-weight:600;text-underline-offset:4px;font-size:.95rem}

@media (prefers-reduced-motion:no-preference){
  [data-design] .hero-home .hero-media img{animation:cx-drift 26s ease-in-out alternate both}
  [data-design] .hero-home .hero-inner > *{animation:cx-rise .7s cubic-bezier(.22,1,.36,1) both}
  [data-design] .hero-home .hero-inner > *:nth-child(2){animation-delay:.06s}
  [data-design] .hero-home .hero-inner > *:nth-child(3){animation-delay:.12s}
  [data-design] .hero-home .hero-inner > *:nth-child(4){animation-delay:.18s}
  [data-design] .hero-home .hero-inner > *:nth-child(5){animation-delay:.24s}
  [data-design] .presence{animation:cx-rise .8s ease .15s both}
  [data-design] .hero-interior .hero-media img{animation:cx-drift-slow 32s ease-in-out alternate both}
}
@keyframes cx-drift{from{transform:scale(1.03)}to{transform:scale(1.08)}}
@keyframes cx-drift-slow{from{transform:scale(1.02)}to{transform:scale(1.06)}}
@keyframes cx-rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  [data-design] .hero-home .hero-media img,
  [data-design] .hero-home .hero-inner > *,
  [data-design] .presence,
  [data-design] .hero-interior .hero-media img{animation:none}
}

/* ---------- interior photo band ---------- */
[data-design] .hero-interior{
  min-height:clamp(220px,32vw,340px);
  display:grid;align-items:end;
  color:#fff;
}
[data-design] .hero-interior > *{grid-area:1/1}
[data-design] .hero-interior .hero-media img{object-position:center 35%}
[data-market="kingston"] .hero-interior .hero-media img{object-position:center 40%}
[data-design] .hero-interior .hero-scrim{
  background:
    linear-gradient(105deg, rgba(5,12,18,.86) 0%, rgba(5,12,18,.55) 45%, rgba(5,12,18,.30) 100%),
    linear-gradient(0deg, rgba(5,12,18,.72) 0%, rgba(5,12,18,.20) 55%, rgba(5,12,18,.45) 100%);
}
[data-market="kingston"] .hero-interior .hero-scrim{
  background:
    linear-gradient(105deg, rgba(10,22,18,.88) 0%, rgba(10,22,18,.58) 45%, rgba(10,22,18,.32) 100%),
    linear-gradient(0deg, rgba(10,22,18,.74) 0%, rgba(10,22,18,.22) 55%, rgba(10,22,18,.42) 100%);
}
[data-design] .hero-interior .hero-inner{
  position:relative;z-index:2;
  width:min(100% - 2 * var(--gut), var(--wide));
  margin:0 auto;
  padding:clamp(88px,12vw,120px) 0 clamp(28px,4vw,44px);
  max-width:40rem;
}
[data-design] .hero-interior .kicker{
  margin:0 0 10px;font:600 .75rem/1.3 var(--fb);
  letter-spacing:.16em;text-transform:uppercase;color:var(--glow);
}
[data-design] .hero-interior h1{
  color:#fff;font-size:clamp(1.85rem,1.1rem + 2.1vw,2.85rem);line-height:1.08;
  max-width:18ch;text-shadow:0 1px 2px rgba(0,0,0,.3), 0 10px 28px rgba(0,0,0,.25);
}
[data-design] .hero-interior .dek{
  margin:12px 0 0;max-width:34rem;color:rgba(255,255,255,.88);font-style:normal;font-size:1.0625rem;
}
[data-design] .hero-interior .btn-line{
  color:#fff;border-color:rgba(255,255,255,.85);
}
[data-design] .hero-interior .btn-line:hover{background:rgba(255,255,255,.12);color:#fff}
[data-design] .hero-interior .hero-proof{color:rgba(255,255,255,.86)}
[data-design] .hero-interior .hero-proof strong{color:#fff}
[data-design] .hero-interior .hero-demo a{color:#fff}

/* Fallback interiors without photo */
[data-design] .hero:not(.has-visual){
  background:color-mix(in srgb, var(--accent) 12%, var(--paper));
  border-bottom:1px solid var(--line);
  padding:clamp(36px,5vw,64px) var(--gut) clamp(28px,4vw,48px);
}
[data-design] .hero:not(.has-visual) .hero-inner{max-width:var(--wide);margin:0 auto}
[data-design] .hero:not(.has-visual) .kicker{
  margin:0 0 12px;font:600 .8125rem/1.3 var(--fb);letter-spacing:.14em;
  text-transform:uppercase;color:var(--accent);
}
[data-design] .hero:not(.has-visual) h1{
  font-size:clamp(2rem,1.2rem + 2.4vw,3.25rem);line-height:1.08;max-width:18ch;
}
[data-design] .hero:not(.has-visual) .dek{
  margin:14px 0 0;max-width:36rem;color:var(--ink-soft);font-style:normal;font-size:1.125rem;
}

/* ---------- presence strip + body ---------- */
[data-design] main{max-width:none;margin:0;padding:0}
[data-design] main > :where(.presence,.ledger,.portfolio-stage,.cta-band,.area-cards){max-width:none}
[data-design] main > :not(.hero):not(.presence):not(.ledger):not(.portfolio-stage):not(.cta-band):not(.area-cards){
  max-width:var(--measure);margin-inline:auto;padding-inline:var(--gut);
}
[data-design] main > h2{
  max-width:var(--wide);margin:clamp(48px,7vw,88px) auto 16px;padding-inline:var(--gut);
  font-size:clamp(1.75rem,1.2rem + 1.6vw,2.5rem);line-height:1.12;
}
[data-design] main > p,[data-design] main > ul,[data-design] main > ol,[data-design] main > .review,[data-design] main > .faq,[data-design] main > .table-wrap,[data-design] main > .at-a-glance,[data-design] main > .price-callout,[data-design] main > .guide-cta-inline{
  max-width:var(--measure);margin-inline:auto;padding-inline:var(--gut);
}
[data-design] main p{margin:0 0 1.1rem}
[data-design] main li{margin-bottom:.45rem}
[data-design] main h3{font-size:1.35rem;margin:1.75rem 0 .6rem}

[data-design] .presence{
  background:
    linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, var(--paper-2)), var(--paper-2));
  border-block:1px solid var(--line);
  padding:clamp(22px,3vw,36px) var(--gut);
}
[data-design] .presence ul{
  list-style:none;margin:0 auto;padding:0;max-width:var(--wide);
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 32px;
}
[data-design] .presence li{display:flex;flex-direction:column;gap:4px}
[data-design] .presence strong{
  font:600 .8125rem/1.2 var(--fb);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);
}
[data-design] .presence span{font-size:1rem;color:var(--ink-soft);line-height:1.4}

[data-design] .ledger{
  max-width:var(--wide);margin:clamp(40px,6vw,72px) auto;padding-inline:var(--gut);
}
[data-design] .ledger > h2{margin-top:0;padding-inline:0;max-width:none}
[data-design] .price-callout{
  background:var(--white);border:1px solid var(--line);border-left:4px solid var(--accent);
  padding:1.25rem 1.35rem;margin:1.25rem 0;border-radius:2px;
}
[data-design] .price-callout.tier-better{
  border-left-color:var(--glow);box-shadow:0 12px 36px color-mix(in srgb, var(--ink) 8%, transparent);
}
[data-design] .tier-price{color:var(--accent-deep);font-family:var(--fd);font-weight:600;font-size:1.75rem}

[data-design] .area-cards{
  display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));
  gap:16px;max-width:var(--wide);margin:1.5rem auto 2.5rem;padding-inline:var(--gut);
}
[data-design] .area-card{
  background:var(--white);border:1px solid var(--line);padding:1.1rem 1.2rem;border-radius:2px;
}
[data-design] .area-card a{font-family:var(--fd);font-weight:600;text-decoration:none;color:var(--ink)}
[data-design] .area-card a:hover{color:var(--accent)}

[data-design] .portfolio-stage{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.25rem,3vw,2.5rem);
  align-items:center;max-width:var(--wide);margin:clamp(40px,6vw,80px) auto;
  padding:clamp(1.5rem,3vw,2.25rem);background:var(--white);border:1px solid var(--line);
}
[data-design] .portfolio-stage__eyebrow{
  margin:0 0 .5rem;font:600 .75rem/1.2 var(--fb);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);
}
[data-design] .portfolio-stage__actions{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:.75rem}
[data-design] .portfolio-stage__actions .cta-btn-secondary{
  color:var(--accent-deep);border-color:var(--accent-deep);
}
[data-design] .portfolio-stage__actions .cta-btn-secondary:hover{background:var(--accent-deep);color:#fff}
[data-design] .portfolio-stage__frame{
  display:block;text-decoration:none;color:inherit;border:1px solid var(--line);
  background:var(--paper);box-shadow:0 16px 40px color-mix(in srgb, var(--ink) 12%, transparent);
  transition:transform .2s ease, box-shadow .2s ease;
}
[data-design] .portfolio-stage__frame:hover{transform:translateY(-3px);box-shadow:0 22px 48px color-mix(in srgb, var(--ink) 16%, transparent)}
[data-design] .portfolio-stage__chrome{
  display:flex;align-items:center;gap:.4rem;padding:.55rem .75rem;
  background:color-mix(in srgb, var(--ink) 8%, #fff);border-bottom:1px solid var(--line);
}
[data-design] .portfolio-stage__chrome i{width:9px;height:9px;border-radius:50%;background:var(--line);display:block}
[data-design] .portfolio-stage__chrome i:first-child{background:#d97a6c}
[data-design] .portfolio-stage__chrome i:nth-child(2){background:#e0b84a}
[data-design] .portfolio-stage__chrome i:nth-child(3){background:#6aaf7e}
[data-design] .portfolio-stage__url{margin-left:.5rem;font-size:.75rem;color:var(--ink-faint)}
[data-design] .portfolio-stage__screen{
  min-height:160px;display:flex;align-items:flex-end;padding:1.25rem;
  background:linear-gradient(145deg, color-mix(in srgb, var(--accent) 18%, var(--paper)), var(--paper-2));
}
[data-design] .portfolio-stage__hint{font:600 1rem var(--fd);color:var(--accent-deep)}

[data-design] .review{
  background:var(--white);border:1px solid var(--line);border-left:4px solid var(--glow);
  padding:1.25rem 1.5rem;margin:1.75rem auto;max-width:var(--measure);
}
[data-design] .review blockquote{margin:0;font:500 italic 1.2rem/1.5 var(--fb)}
[data-design] .review figcaption{margin-top:.85rem;font-size:.9rem;color:var(--ink-faint)}

[data-design] .faq{max-width:var(--measure);margin:2rem auto;padding-inline:var(--gut)}
[data-design] .faq dt{font-family:var(--fd);font-weight:600;font-size:1.2rem;margin-top:1.25rem}
[data-design] .faq dd{margin:.4rem 0 0;color:var(--ink-soft)}

[data-design] .table-wrap{overflow-x:auto;margin:1.5rem auto;max-width:var(--wide);padding-inline:var(--gut)}
[data-design] table{width:100%;border-collapse:collapse;background:var(--white)}
[data-design] th,[data-design] td{border:1px solid var(--line);padding:.7rem .85rem;text-align:left}
[data-design] thead th{background:var(--accent-deep);color:#fff;font-family:var(--fd)}

[data-design] .work-grid{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.5rem);
  list-style:none;margin:1.5rem auto 2.5rem;padding:0 var(--gut);max-width:var(--wide);
}
[data-design] .work-card{
  display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit;
  background:var(--white);border:1px solid var(--line);overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease;
}
[data-design] .work-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px color-mix(in srgb, var(--ink) 12%, transparent)}
[data-design] .work-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
[data-design] .work-card__body{padding:1rem 1.1rem 1.2rem}
[data-design] .work-card__body h3{font-size:1.2rem;margin:0 0 .35rem}
[data-design] .work-card__body p{margin:0;font-size:.95rem;color:var(--ink-soft)}

[data-design] .cta-band{
  background:var(--accent-deep);color:#fff;margin:clamp(48px,8vw,96px) 0 0;padding:clamp(40px,6vw,72px) 0;border:0;
}
[data-design] .cta-band-inner{max-width:var(--wide);margin:0 auto;padding-inline:var(--gut)}
[data-design] .cta-lead{font:600 clamp(1.5rem,1.1rem + 1.5vw,2.35rem)/1.15 var(--fd);margin:0 0 1.25rem;max-width:20ch;color:#fff}
[data-design] .cta-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:0}
[data-design] .cta-note{margin:1rem 0 0;color:rgba(255,255,255,.78);font-size:.95rem}

[data-design] .site-footer{
  background:color-mix(in srgb, var(--accent-deep) 92%, #000);color:rgba(255,255,255,.78);
  padding:32px 0 48px;font-size:.9rem;border:0;
}
[data-design] .site-footer a{color:#fff}
[data-design] .site-footer .disclosure{color:rgba(255,255,255,.55);font-size:.82rem}
[data-design] .footer-who{margin:.75rem 0}

[data-design] .guide-cta-inline{
  background:var(--white);border:1px solid var(--line);border-left:4px solid var(--accent);
  padding:1rem 1.2rem;margin:1.5rem auto;max-width:var(--measure);
}

/* ---------- Crossing mobile lead bar (overrides lead.css chrome) ---------- */
@media (max-width:40rem){
  [data-design="crossing"] .ld-bar{
    gap:.55rem;
    padding:.55rem .7rem calc(.55rem + env(safe-area-inset-bottom));
    background:color-mix(in srgb, var(--accent-deep) 94%, #000);
    border-top:1px solid rgba(255,255,255,.12);
    box-shadow:0 -12px 32px rgba(0,0,0,.28);
  }
  [data-design="crossing"] .ld-bar a{
    border-radius:2px;border-width:1.5px;font-family:var(--fb);font-weight:600;font-size:.9375rem;
    letter-spacing:.01em;
  }
  [data-design="crossing"] .ld-bar a.ld-bar-main{
    background:var(--glow);color:var(--ink);border-color:var(--glow);
  }
  [data-design="crossing"] .ld-bar a:not(.ld-bar-main){
    background:transparent;color:#fff;border-color:rgba(255,255,255,.7);
  }
}

/* ---------- responsive ---------- */
@media (max-width:860px){
  [data-design] .site-header .wrap{gap:8px 14px}
  [data-design] .site-nav{order:3;flex:1 1 100%;gap:0 12px;margin:0;padding-top:4px;border-top:1px solid rgba(255,255,255,.18)}
  [data-design] .site-nav a{font-size:.8125rem;min-height:40px}
  [data-design] .mast-phone{font-size:.8125rem;padding:0 12px}
  [data-design] .hero-home{min-height:min(100svh,760px)}
  [data-design] .hero-home .hero-inner{padding-top:118px;max-width:none}
  [data-design] .hero-interior .hero-inner{padding-top:100px;max-width:none}
  [data-design] .hero-actions .btn{flex:1 1 100%}
  [data-design] .presence ul{grid-template-columns:1fr}
  [data-design] .portfolio-stage{grid-template-columns:1fr}
  [data-design] .work-grid{grid-template-columns:1fr}
}
@media (max-width:420px){
  [data-design] .brand-place{display:none}
  [data-design] .hero-home h1{font-size:clamp(1.95rem,8.5vw,2.45rem)}
}

@media (forced-colors:active){
  [data-design] .btn-solid,[data-design] .cta-btn-primary{border:2px solid ButtonText}
  [data-design] .hero-scrim{forced-color-adjust:none}
}