/* Selected A1 private interaction study. Base A1 and other previews stay untouched. */
.refined{scroll-padding-top:100px;scroll-padding-bottom:110px}
.refined a{scroll-margin-block:100px}
.refined a:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
.refined .site-footer a:focus-visible,.refined .photo-credit a:focus-visible,.refined .preview-bar a:focus-visible,.refined .skip-link:focus-visible{outline-color:var(--soft-gold)}
.refined .skip-link{position:fixed;z-index:1000;top:8px;left:8px;padding:12px 16px;background:var(--ink);color:var(--paper);font-size:15px;font-weight:700;transform:translateY(-160%)}
.refined .skip-link:focus{transform:none}
.refined main:focus-visible{outline:2px solid var(--gold);outline-offset:-2px}
.refined .preview-bar{justify-content:space-between}
.refined .preview-disclosure{padding:8px 18px;background:var(--soft-gold);color:var(--ink);text-align:center;font-size:13px;font-weight:600;line-height:1.35}
.refined .site-header{position:sticky;top:0;z-index:30;background:var(--paper)}
.refined .header-actions{display:flex;align-items:center;gap:28px}
.refined .header-call{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid var(--ink);font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.refined .hero-actions{display:flex;flex-wrap:wrap;gap:10px 12px;margin-top:29px}
.refined .hero-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:12px 18px;font-size:15px;font-weight:700;text-decoration:none;white-space:nowrap}
.refined .hero-call{background:var(--gold);border:2px solid var(--gold);color:var(--ink)}
.refined .hero-email{background:var(--paper);border:1px solid var(--ink);color:var(--ink)}
.refined .hero-call:focus-visible,.refined .mobile-call:focus-visible{outline-color:var(--ink)}
.refined .preview-link{min-height:48px;text-decoration:none;cursor:pointer}
.refined .contact-links a{display:inline-flex;align-items:center;min-height:48px;font-size:16px;font-weight:600;white-space:nowrap;border-bottom:1px solid var(--gold);padding-bottom:4px;text-decoration:none}
.refined .site-footer p a{color:var(--paper);text-decoration-color:var(--gold);text-underline-offset:3px;white-space:nowrap}
.refined .mobile-contact{display:none}
.refined .service-image{background:var(--paper)}
@media(max-width:760px){
  .refined{scroll-padding-bottom:110px}
  .refined body{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
  .refined .preview-treatment{display:none}
  .refined .header-call{display:none}
  .refined .header-actions{gap:0}
  .refined.a1 .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}
  .refined.a1 .hero-copy{width:100%;padding:38px 0 20px}
  .refined .hero-actions{flex-direction:column;align-items:stretch;margin-top:24px;gap:10px}
  .refined .hero-actions a{width:100%;min-height:52px}
  .refined.a1 .hero .skyline{position:relative;z-index:0;inset:auto;width:100%;height:210px;object-position:center 58%;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,var(--ink) 24%);mask-image:linear-gradient(to bottom,transparent 0%,var(--ink) 24%)}
  .refined .contact-links{gap:12px}
  .refined .contact-links a{min-height:48px}
  .refined .mobile-contact{position:fixed;z-index:100;inset:auto 0 0;display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px;padding:10px max(12px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-top:1px solid var(--rule);background:var(--paper);box-shadow:0 -4px 18px rgba(8,8,10,.06)}
  .refined .mobile-contact a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;padding:8px 6px;font-size:13px;font-weight:700;text-align:center;text-decoration:none;white-space:nowrap}
  .refined .mobile-call{background:var(--gold);color:var(--ink)}
  .refined .mobile-email{border:1px solid var(--ink);color:var(--ink)}
}
@media(max-width:350px){
  .refined .mobile-contact{grid-template-columns:78px minmax(0,1fr)}
  .refined .mobile-contact a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .refined{scroll-behavior:auto}
  .refined *, .refined *::before, .refined *::after{scroll-behavior:auto}
}
