/* Asterfield Group — shared site styles */
:root{
  --ink:#101010; --paper:#F6F5F2; --white:#fff; --grey:#6E6E6B; --line:rgba(16,16,16,0.13);
  --line-on-ink:rgba(246,245,242,0.16); --signal:#FF3B1F;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;font-family:'Instrument Sans',sans-serif;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;}
a{color:inherit;text-decoration:none;}
img,svg{max-width:100%;}
.wm{font-weight:700;letter-spacing:-0.02em;}
.container{width:min(1200px, calc(100% - 96px));margin-inline:auto;}
@media (max-width:1024px){ .container{width:min(1200px, calc(100% - 48px));} }
@media (max-width:640px){ .container{width:calc(100% - 32px);} }
.eyebrow{font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:var(--grey);display:flex;align-items:center;gap:8px;}
@media (prefers-reduced-motion: reduce){*{animation:none !important;transition:none !important;scroll-behavior:auto !important;}}

/* Accessibility */
.skip-link{position:absolute;left:-9999px;top:0;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:100;font-size:13px;font-weight:600;}
.skip-link:focus{left:16px;top:16px;}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--signal);outline-offset:3px;}

/* NAV */
header.site{position:sticky;top:0;z-index:30;background:rgba(246,245,242,0.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
nav.site{display:flex;align-items:center;justify-content:space-between;padding:16px 0;}
nav.site .logo{display:flex;align-items:center;gap:9px;}
nav.site .links{display:flex;gap:8px;font-size:13px;}
nav.site .links a{padding:8px 10px;position:relative;}
nav.site .links a .corner{position:absolute;top:2px;left:2px;width:10px;height:10px;opacity:0;transition:opacity .18s ease;}
nav.site .links a .corner path{stroke:var(--signal);}
nav.site .links a:hover .corner,nav.site .links a[aria-current="page"] .corner{opacity:1;}
nav.site .links a[aria-current="page"]{font-weight:600;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:6px;}
.mobile-menu{display:none;flex-direction:column;padding:8px 0 16px;border-top:1px solid var(--line);}
.mobile-menu a{padding:14px 0;font-size:16px;border-bottom:1px solid var(--line);}
.mobile-menu[data-open="true"]{display:flex;}

/* SECTION RHYTHM */
.section{padding:80px 0;border-top:1px solid var(--line);}
.section.on-ink{background:var(--ink);color:var(--paper);border-top:none;}
.section.on-ink .grey{color:#a9a5a0;}
.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px;}
.section-head h2{font-size:32px;font-weight:700;letter-spacing:-0.02em;margin:0;}
.see-all{font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:2px;white-space:nowrap;}

/* FOOTER */
footer.site{border-top:1px solid var(--line);padding:32px 0;}
footer.site .row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;}
footer.site .flinks{display:flex;gap:20px;font-size:12px;color:var(--grey);flex-wrap:wrap;}
footer.site .flinks a:hover{color:var(--ink);}
footer.site .copy{font-size:11px;color:var(--grey);}

@media (max-width:640px){
  nav.site .links{display:none;}
  .nav-toggle{display:block;}
  .section{padding:56px 0;}
  .section-head h2{font-size:26px;}
}
