/* A focused, mobile-first link page using the site's existing brand tokens. */
body[data-page="links"] { background:var(--gray-50); padding:0; }
.skip-link { position:absolute; left:16px; top:-100px; z-index:10; padding:12px 18px; background:var(--navy); color:#fff; }
.skip-link:focus { top:16px; outline:2px solid #fff; outline-offset:2px; }
.links-shell { display:grid; grid-template-columns:1fr 1fr; max-width:1040px; margin:32px auto; background:#fff; }
.links-intro { position:sticky; top:32px; align-self:start; height:calc(100svh - 64px); min-height:620px; max-height:1000px; overflow:hidden; background:var(--black); color:#fff; }
.links-cover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:58% center; }
.links-intro::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,10,12,.5),transparent 38%,rgba(10,10,12,.82)); pointer-events:none; }
.links-brand { position:absolute; top:32px; left:32px; z-index:1; display:inline-flex; padding:4px; }
.links-brand img { filter:invert(1); }
.links-intro-copy { position:absolute; z-index:1; bottom:46px; left:36px; right:28px; }
.links-location { font-size:.8125rem; margin-bottom:14px; }
.links-intro h1 { font-size:clamp(1.8rem,3vw,2.4rem); margin-bottom:18px; }
.links-intro-copy>p:last-child { font-size:1rem; line-height:1.65; color:#f0f0f2; }
.links-content { min-width:0; padding:40px 36px 26px; }
.links-content:focus { outline:none; }
.links-icon { display:block; flex-shrink:0; }
.links-content a:focus-visible { outline:2px solid var(--navy); outline-offset:4px; }
.links-brand:focus-visible { outline:2px solid #fff; outline-offset:4px; }
.links-consultation { display:flex; justify-content:space-between; align-items:center; gap:14px; min-height:86px; padding:19px 22px; background:var(--navy); color:#fff; transition:background .2s; }
.links-consultation:hover { background:var(--navy-light); }
.links-consultation strong { display:block; font-family:var(--font-display); font-size:.9375rem; line-height:1.45; font-weight:600; }
.links-consultation>span>span { display:block; margin-top:5px; font-size:.75rem; color:#e3e9f1; }
.links-section-title { font-family:var(--font-body); font-size:.8125rem; font-weight:500; color:var(--gray-600); letter-spacing:0; line-height:1.5; margin:27px 0 12px; }
.links-products { display:grid; gap:10px; }
.links-product { display:flex; align-items:center; gap:15px; min-height:86px; padding-right:17px; border:1px solid var(--gray-200); transition:border-color .2s,background .2s; }
.links-product:hover { border-color:var(--navy); background:var(--gray-50); }
.links-product>img { width:88px; height:84px; object-fit:cover; flex-shrink:0; }
.links-product-drapery>img { object-position:72% center; }
.links-product-copy { min-width:0; flex:1; }
.links-product-copy strong { display:block; font-family:var(--font-display); font-size:.9375rem; font-weight:600; line-height:1.4; }
.links-product-copy>span { display:block; font-size:.75rem; color:var(--gray-600); margin-top:4px; line-height:1.45; }
.links-more { margin-top:20px; border-top:1px solid var(--gray-200); }
.links-row { display:flex; align-items:center; gap:14px; min-height:61px; border-bottom:1px solid var(--gray-200); font-size:.875rem; }
.links-row:hover>span { text-decoration:underline; text-underline-offset:4px; }
.links-row-arrow { margin-left:auto; }
.links-contact-options { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; }
.links-contact-link { display:flex; align-items:center; justify-content:center; gap:10px; min-height:50px; border:1px solid var(--gray-200); font-size:.875rem; font-weight:500; }
.links-contact-link:hover { border-color:var(--navy); background:var(--gray-50); }
.links-phone { display:flex; align-items:center; justify-content:center; min-height:44px; font-size:.8125rem; color:var(--gray-600); width:fit-content; margin:4px auto 0; }
.links-footer { margin-top:21px; padding-top:21px; border-top:1px solid var(--gray-200); text-align:center; }
.links-footer>p:first-child { font-size:.75rem; color:var(--gray-600); }
.links-social { display:flex; justify-content:center; gap:12px; margin:8px 0 12px; }
.links-social a { display:flex; align-items:center; justify-content:center; width:48px; height:48px; border:1px solid var(--gray-200); border-radius:50%; }
.links-social a:hover { background:var(--navy); border-color:var(--navy); color:#fff; }
.links-fine-print { display:flex; align-items:center; justify-content:center; gap:8px; font-size:.6875rem; color:var(--gray-600); }
.links-fine-print a { display:inline-flex; align-items:center; min-height:44px; text-decoration:underline; text-underline-offset:3px; }
@media(max-width:1104px) { .links-shell { margin:24px; } .links-intro { top:24px; height:calc(100svh - 48px); } .links-content { padding:32px 26px 22px; } }
@media(max-width:760px) {
  .links-shell { display:block; max-width:520px; margin:0 auto; }
  .links-intro { position:relative; top:auto; height:270px; min-height:0; max-height:none; }
  .links-cover { object-position:center 56%; }
  .links-brand { top:16px; left:20px; }
  .links-brand img { width:58px; height:58px; }
  .links-intro-copy { left:24px; right:24px; bottom:24px; }
  .links-location { margin-bottom:7px; font-size:.75rem; }
  .links-intro h1 { font-size:1.8rem; margin-bottom:7px; }
  .links-intro-copy>p:last-child { font-size:.875rem; }
  .links-intro-copy br { display:none; }
  .links-content { padding:24px 22px 16px; }
  .links-consultation { min-height:80px; padding:17px 19px; }
  .links-product { gap:13px; padding-right:13px; }
  .links-product>img { width:78px; }
}
@media(max-width:360px) {
  .links-content { padding-left:16px; padding-right:16px; }
  .links-product { gap:10px; padding-right:10px; }
  .links-product>img { width:65px; }
  .links-product-copy strong { font-size:.875rem; }
  .links-product-copy>span { font-size:.6875rem; }
  .links-consultation { padding-left:15px; padding-right:15px; }
}
@media(prefers-reduced-motion:reduce) { .links-content a { transition:none; } }