/* ==========================================================================
   Accuro Consulting - ipaddressbroker.net
   Direction: "Whois". White ground, technical mono accents, one blue.
   ========================================================================== */

:root{
  color-scheme: light;

  --paper:#ffffff;
  --sheet:#f5f7fa;
  --sheet-2:#eef2f7;
  --ink:#0b1220;
  --ink-2:#5d687c;
  --ink-3:#8b95a6;
  --rule:#dde3ec;
  --rule-2:#eaeff5;
  --blue:#0f62d6;
  --blue-dk:#0b4fae;
  --blue-wash:#e9f0fd;
  --ok:#0f7a58;
  --ok-wash:#e6f4ef;
  --warn:#a4571b;
  --warn-wash:#fbf0e6;

  --shell:1180px;
  --gut:clamp(1.15rem,4vw,3.25rem);
  --radius:10px;

  --f-disp:"Familjen Grotesk","Helvetica Neue",Arial,sans-serif;
  --f-body:"Work Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --f-mono:"Azeret Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}

html{-webkit-text-size-adjust:100%; scroll-behavior:smooth; scroll-padding-top:96px}
@media (prefers-reduced-motion: reduce){ html{scroll-behavior:auto} }

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-family:var(--f-body);
  font-size:16.5px;
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

h1,h2,h3,h4{font-family:var(--f-disp); font-weight:700; letter-spacing:-.025em; margin:0; text-wrap:balance}
p{margin:0 0 1rem}
p:last-child{margin-bottom:0}
a{color:inherit}
img{max-width:100%; height:auto}
hr{border:0; border-top:1px solid var(--rule); margin:2.5rem 0}

:focus-visible{outline:2px solid var(--blue); outline-offset:3px; border-radius:3px}

.skip{
  position:absolute; left:-9999px; top:0; z-index:100;
  background:var(--ink); color:#fff; padding:.7rem 1.1rem; border-radius:0 0 6px 0;
  font-size:.9rem; font-weight:600; text-decoration:none;
}
.skip:focus{left:0}

.shell{max-width:var(--shell); margin-inline:auto; padding-inline:var(--gut)}
.mono{font-family:var(--f-mono); font-variant-numeric:tabular-nums}
.kicker{
  font-family:var(--f-mono); font-size:.68rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink-2); margin:0 0 .75rem;
}
.kicker-blue{color:var(--blue)}

/* --------------------------------------------------------------- buttons */
.btn{
  display:inline-block; font-family:var(--f-body); font-size:.92rem; font-weight:600;
  text-decoration:none; padding:.82rem 1.45rem; border-radius:7px;
  background:var(--blue); color:#fff; border:1px solid var(--blue);
  transition:background .16s ease, border-color .16s ease, color .16s ease;
}
.btn:hover{background:var(--blue-dk); border-color:var(--blue-dk); color:#fff}
.btn.ghost{background:var(--paper); color:var(--ink); border-color:var(--rule)}
.btn.ghost:hover{background:var(--paper); color:var(--ink); border-color:var(--ink)}
.btn.on-ink{background:#fff; color:var(--ink); border-color:#fff}
.btn.on-ink:hover{background:var(--blue-wash); border-color:var(--blue-wash); color:var(--ink)}
.btn-row{display:flex; flex-wrap:wrap; gap:.7rem; margin-top:1.9rem}

.inline-link{color:var(--blue); font-weight:500; text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px}
.inline-link:hover{text-decoration-thickness:2px}

/* ======================================================= masthead + mega */
.mast{
  position:sticky; top:0; z-index:60;
  background:rgba(255,255,255,.92);
  backdrop-filter:saturate(160%) blur(10px);
  border-bottom:1px solid var(--rule);
}
.mast-inner{
  max-width:var(--shell); margin-inline:auto; padding-inline:var(--gut);
  display:flex; align-items:center; gap:1.4rem; height:72px;
}
.brand{
  font-family:var(--f-disp); font-weight:700; font-size:1.2rem; letter-spacing:-.035em;
  text-decoration:none; white-space:nowrap;
}
.brand span{color:var(--blue)}
.brand em{
  font-family:var(--f-mono); font-style:normal; font-size:.6rem; letter-spacing:.13em;
  text-transform:uppercase; color:var(--ink-3); margin-left:.6rem;
}
@media(max-width:1080px){ .brand em{display:none} }

.nav{margin-left:auto}
.nav-list{list-style:none; margin:0; padding:0; display:flex; align-items:center; gap:.3rem}
.nav-link{
  display:inline-flex; align-items:center; gap:.35rem;
  font-family:var(--f-body); font-size:.92rem; font-weight:500; color:var(--ink-2);
  text-decoration:none; background:none; border:0; cursor:pointer;
  padding:.5rem .75rem; border-radius:7px; line-height:1.4;
  transition:color .15s ease, background .15s ease;
}
.nav-link:hover{color:var(--ink); background:var(--sheet)}
.nav-link[aria-current="page"]{color:var(--ink); font-weight:600}
.nav-link[aria-expanded="true"]{color:var(--ink); background:var(--sheet)}
.chev{transition:transform .18s ease; flex:none}
.nav-link[aria-expanded="true"] .chev{transform:rotate(180deg)}

.mast-cta{
  font-size:.88rem; font-weight:600; text-decoration:none;
  background:var(--blue); color:#fff; padding:.58rem 1.05rem; border-radius:7px;
  white-space:nowrap; transition:background .16s ease;
}
.mast-cta:hover{background:var(--blue-dk); color:#fff}

.has-mega{position:static}

.mega{
  position:absolute; left:0; right:0; top:100%;
  background:var(--paper); border-bottom:1px solid var(--rule);
  box-shadow:0 24px 48px -32px rgba(11,18,32,.45);
  animation:megaIn .16s ease-out;
  max-height:calc(100vh - 72px); overflow-y:auto;
}
.mega[hidden]{display:none}
@keyframes megaIn{from{opacity:0; transform:translateY(-6px)}to{opacity:1; transform:none}}

.mega-grid{max-width:var(--shell); margin-inline:auto; padding:2rem var(--gut) 2.2rem; display:grid; gap:2.2rem}
.mega-grid-services{grid-template-columns:1fr 1fr .85fr}
.mega-grid-rirs{grid-template-columns:repeat(3,1fr); gap:1px; background:var(--rule); padding:0}

.mega-head{display:block; text-decoration:none; padding-bottom:.9rem; margin-bottom:.4rem; border-bottom:1px solid var(--rule)}
.mega-kicker{
  display:block; font-family:var(--f-mono); font-size:.63rem; letter-spacing:.14em;
  text-transform:uppercase; color:var(--blue); margin-bottom:.4rem;
}
.mega-title{display:block; font-family:var(--f-disp); font-weight:700; font-size:1.25rem; letter-spacing:-.03em}
.mega-sub{display:block; font-size:.88rem; color:var(--ink-2); margin-top:.25rem; max-width:36ch}
.mega-head:hover .mega-title{color:var(--blue)}

.mega-list{list-style:none; margin:0; padding:0}
.mega-list a{
  display:block; text-decoration:none; padding:.5rem .6rem; margin-inline:-.6rem;
  border-radius:6px; transition:background .14s ease;
}
.mega-list a:hover{background:var(--blue-wash)}
.mega-list b{display:block; font-size:.92rem; font-weight:600}
.mega-list i{display:block; font-style:normal; font-size:.8rem; color:var(--ink-2)}

.mega-aside{background:var(--sheet); border-radius:var(--radius); padding:1.4rem 1.4rem 1.5rem}
.mega-note{font-size:.88rem; color:var(--ink-2); margin-bottom:1.1rem}
.mega-cta{
  display:inline-block; font-size:.86rem; font-weight:600; text-decoration:none;
  background:var(--blue); color:#fff; padding:.6rem 1.05rem; border-radius:7px;
}
.mega-cta:hover{background:var(--blue-dk); color:#fff}
.mega-facts{margin:1.3rem 0 0; display:grid; gap:.55rem}
.mega-facts div{display:flex; justify-content:space-between; gap:1rem; border-top:1px solid var(--rule); padding-top:.5rem}
.mega-facts dt{font-family:var(--f-mono); font-size:.66rem; letter-spacing:.08em; text-transform:uppercase; color:var(--ink-2)}
.mega-facts dd{margin:0; font-size:.82rem; font-weight:600}

.rir-card{
  background:var(--paper); text-decoration:none; padding:1.4rem 1.5rem;
  display:block; transition:background .15s ease;
}
.rir-card:hover{background:var(--blue-wash)}
.rir-card b{display:block; font-family:var(--f-disp); font-weight:700; font-size:1.1rem; letter-spacing:-.02em}
.rir-region{display:block; font-family:var(--f-mono); font-size:.64rem; letter-spacing:.08em; text-transform:uppercase; color:var(--blue); margin:.2rem 0 .45rem}
.rir-blurb{display:block; font-size:.86rem; color:var(--ink-2)}

.burger{display:none; background:none; border:0; cursor:pointer; padding:.5rem; margin-right:-.5rem}
.burger span{display:block; width:20px; height:2px; background:var(--ink); border-radius:2px}
.burger span + span{margin-top:4px}

@media(max-width:960px){
  .mast-cta{display:none}
  .burger{display:block; margin-left:auto}
  /* The masthead uses backdrop-filter, which makes it the containing block for
     any fixed descendant. Position the drawer against the masthead instead. */
  .nav{
    position:absolute; top:100%; left:0; right:0; margin:0;
    background:var(--paper); border-top:1px solid var(--rule);
    padding:1rem var(--gut) 3rem;
    max-height:calc(100vh - 72px); overflow-y:auto;
    box-shadow:0 24px 48px -32px rgba(11,18,32,.45);
  }
  .nav[hidden]{display:none}
  .nav-list{flex-direction:column; align-items:stretch; gap:0}
  .nav-link{width:100%; justify-content:space-between; padding:.95rem .2rem; font-size:1.02rem; border-bottom:1px solid var(--rule-2); border-radius:0}
  .mega{position:static; box-shadow:none; border:0; animation:none}
  .mega-grid{padding:.8rem 0 1.4rem; gap:1.4rem}
  .mega-grid-services{grid-template-columns:1fr}
  .mega-grid-rirs{grid-template-columns:1fr; gap:1px}
  .rir-card{padding:1rem .2rem}
  .rir-blurb{display:none}
}

/* ================================================================== hero */
.hero{border-bottom:1px solid var(--rule); background:linear-gradient(180deg,var(--sheet),var(--paper) 78%)}
.hero-inner{
  max-width:var(--shell); margin-inline:auto; padding:clamp(2.6rem,6vw,4.8rem) var(--gut);
  display:grid; grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr);
  gap:clamp(1.8rem,4.5vw,3.6rem); align-items:center;
}
@media(max-width:940px){ .hero-inner{grid-template-columns:1fr} }
.hero h1{font-size:clamp(2.1rem,5vw,3.6rem); line-height:1.03; margin:.7rem 0 1rem}
.hero h1 em{font-style:normal; color:var(--blue)}
.hero-lede{font-size:1.08rem; color:var(--ink-2); max-width:48ch}

/* the transfer-record panel */
.rec{background:var(--paper); border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden;
  box-shadow:0 1px 2px rgba(11,18,32,.05), 0 24px 48px -34px rgba(11,18,32,.5)}
.rec-bar{display:flex; align-items:center; gap:.55rem; padding:.7rem 1rem; border-bottom:1px solid var(--rule); background:var(--sheet)}
.rec-bar .dot{width:8px; height:8px; border-radius:50%; background:var(--rule); flex:none}
.rec-bar .path{font-family:var(--f-mono); font-size:.7rem; color:var(--ink-2); margin-left:.3rem}
.rec-bar .badge{
  margin-left:auto; font-family:var(--f-mono); font-size:.6rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ok); background:var(--ok-wash); padding:.22rem .5rem; border-radius:4px;
}
.rec-body{padding:1.1rem 0 1.3rem; min-height:352px; overflow-x:auto}
.rec-body ol{list-style:none; margin:0; padding:0; font-family:var(--f-mono); font-size:.78rem; line-height:1.95}
.rec-body li{display:grid; grid-template-columns:3rem 1fr; white-space:pre}
.rec-body li::before{content:attr(data-n); color:#b6c0d0; text-align:right; padding-right:1rem; font-size:.68rem}
.rec-body .v{color:var(--ink)}
.rec-body .v.b{color:var(--blue)}
.rec-body .v.g{color:var(--ok); font-weight:500}
.rec-body .cm{color:var(--ink-3)}
.rec-note{margin:.7rem 0 0; font-family:var(--f-mono); font-size:.66rem; letter-spacing:.05em; color:var(--ink-3)}

/* ---------------------------------------------------------- page header */
.page-head{border-bottom:1px solid var(--rule); background:var(--sheet)}
.page-head-inner{max-width:var(--shell); margin-inline:auto; padding:clamp(2rem,4.5vw,3.4rem) var(--gut) clamp(2rem,4vw,2.8rem)}
.page-head h1{font-size:clamp(1.9rem,4.2vw,3rem); line-height:1.05; margin:.55rem 0 .8rem; max-width:20ch}
.page-head .lede{font-size:1.08rem; color:var(--ink-2); max-width:62ch; margin:0}

.crumbs{font-family:var(--f-mono); font-size:.68rem; letter-spacing:.06em; color:var(--ink-3)}
.crumbs a{text-decoration:none; color:var(--ink-2)}
.crumbs a:hover{color:var(--blue)}
.crumbs span{margin-inline:.4rem}

/* -------------------------------------------------------------- strips */
.strip{border-bottom:1px solid var(--rule)}
.strip-inner{max-width:var(--shell); margin-inline:auto; padding:1.5rem var(--gut); display:grid; grid-template-columns:repeat(4,1fr); gap:1.4rem}
@media(max-width:720px){ .strip-inner{grid-template-columns:repeat(2,1fr)} }
.strip b{display:block; font-family:var(--f-disp); font-size:1.55rem; letter-spacing:-.035em; line-height:1.2}
.strip span{font-family:var(--f-mono); font-size:.63rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2)}

/* ------------------------------------------------------------ sections */
.sec{padding-block:clamp(3rem,6.5vw,5rem); border-bottom:1px solid var(--rule)}
.sec:last-of-type{border-bottom:0}
.sec-head{max-width:64ch; margin-bottom:2.3rem}
.sec-head h2{font-size:clamp(1.6rem,3.4vw,2.4rem); line-height:1.1; margin:.6rem 0 .65rem}
.sec-head p{margin:0; color:var(--ink-2); font-size:1.03rem}

/* answer block: the short, liftable definition near the top of a page */
.answer{
  border:1px solid var(--rule); border-left:3px solid var(--blue);
  border-radius:0 var(--radius) var(--radius) 0;
  background:var(--sheet); padding:1.3rem 1.5rem; margin-bottom:2.4rem;
}
.answer h2{font-size:1.02rem; margin-bottom:.45rem}
.answer p{color:var(--ink-2); font-size:.98rem; max-width:72ch}

/* key-facts definition grid */
.facts{display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:1px; background:var(--rule);
  border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden; margin:0 0 2.4rem}
.facts div{background:var(--paper); padding:1.05rem 1.2rem}
.facts dt{font-family:var(--f-mono); font-size:.63rem; letter-spacing:.1em; text-transform:uppercase; color:var(--ink-2); margin-bottom:.3rem}
.facts dd{margin:0; font-weight:600; font-size:.98rem}

/* cards */
.cards{display:grid; grid-template-columns:repeat(auto-fit,minmax(255px,1fr)); gap:1rem}
.card{border:1px solid var(--rule); border-radius:var(--radius); padding:1.5rem 1.4rem;
  display:flex; flex-direction:column; gap:.55rem; transition:border-color .16s ease, background .16s ease}
.card:hover{border-color:var(--blue); background:var(--blue-wash)}
.card h3{font-size:1.14rem}
.card p{margin:0; color:var(--ink-2); font-size:.95rem; flex:1}
.card a{font-size:.86rem; font-weight:600; text-decoration:none; color:var(--blue)}
.card a:hover{text-decoration:underline}

/* spec rows: the structure catalogues */
.spec{display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.6rem,4vw,3rem)}
@media(max-width:880px){ .spec{grid-template-columns:1fr} }
.spec h3{font-size:1.35rem; margin-bottom:.9rem}
.spec-row{display:grid; grid-template-columns:minmax(9.5rem,auto) 1fr; gap:1rem; padding-block:.95rem; border-top:1px solid var(--rule); font-size:.95rem; scroll-margin-top:100px}
.spec-row:target{background:var(--blue-wash); border-radius:6px; padding-inline:.6rem; margin-inline:-.6rem}
.spec-key{font-family:var(--f-mono); font-size:.73rem; color:var(--blue); padding-top:.2rem}
.spec-val{color:var(--ink-2)}
.spec-val b{color:var(--ink); font-weight:600}
@media(max-width:520px){ .spec-row{grid-template-columns:1fr; gap:.2rem} }

/* long-form prose column */
.prose{max-width:70ch}
.prose h2{font-size:clamp(1.35rem,2.6vw,1.75rem); margin:2.4rem 0 .8rem}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:1.1rem; margin:1.8rem 0 .5rem}
.prose p{color:var(--ink-2)}
.prose ul{margin:0 0 1.3rem; padding-left:0; list-style:none}
.prose ul li{position:relative; padding-left:1.5rem; margin-bottom:.7rem; color:var(--ink-2)}
.prose ul li::before{content:""; position:absolute; left:.35rem; top:.72em; width:5px; height:5px; border-radius:50%; background:var(--blue)}
.prose ul li b{color:var(--ink)}
.prose ol{margin:0 0 1.3rem; padding-left:1.2rem; color:var(--ink-2)}
.prose ol li{margin-bottom:.6rem}

/* two-column page layout with a sticky aside */
.layout{display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:clamp(2rem,5vw,4rem); align-items:start}
.layout > *{min-width:0}
@media(max-width:940px){ .layout{grid-template-columns:1fr} }
.aside{position:sticky; top:96px; display:grid; gap:1rem}
@media(max-width:940px){ .aside{position:static} }
.aside-card{border:1px solid var(--rule); border-radius:var(--radius); padding:1.3rem 1.35rem; background:var(--sheet)}
.aside-card h2{font-size:1.05rem; margin-bottom:.5rem}
.aside-card p{font-size:.92rem; color:var(--ink-2); margin-bottom:.9rem}
.aside-card ul{list-style:none; margin:0 0 1rem; padding:0}
.aside-card li{font-size:.9rem; color:var(--ink-2); padding-block:.5rem; border-top:1px solid var(--rule)}
.aside-card li:first-child{border-top:0; padding-top:0}
.aside-link{font-size:.87rem; font-weight:600; color:var(--blue); text-decoration:none}
.aside-link:hover{text-decoration:underline}

/* registry grid */
.rirs{display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:1px; background:var(--rule);
  border:1px solid var(--rule); border-radius:var(--radius); overflow:hidden}
.rirs a{background:var(--paper); padding:1.25rem 1.3rem; text-decoration:none; display:block; transition:background .15s ease}
.rirs a:hover{background:var(--blue-wash)}
.rirs b{display:block; font-family:var(--f-disp); font-weight:700; font-size:1.05rem}
.rirs span{display:block; font-family:var(--f-mono); font-size:.64rem; letter-spacing:.07em; text-transform:uppercase; color:var(--ink-2); margin-top:.2rem}

/* FAQ */
.faq{max-width:74ch}
.faq details{border-top:1px solid var(--rule); padding-block:.3rem}
.faq details:last-of-type{border-bottom:1px solid var(--rule)}
.faq summary{
  cursor:pointer; list-style:none; padding:1.05rem 2.2rem 1.05rem 0; position:relative;
  font-family:var(--f-disp); font-weight:700; font-size:1.03rem; letter-spacing:-.015em;
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:""; position:absolute; right:.4rem; top:1.5rem; width:9px; height:9px;
  border-right:1.6px solid var(--blue); border-bottom:1.6px solid var(--blue);
  transform:rotate(45deg); transition:transform .18s ease;
}
.faq details[open] summary::after{transform:rotate(-135deg); top:1.75rem}
.faq summary:hover{color:var(--blue)}
.faq .answer-body{padding:0 2rem 1.2rem 0; color:var(--ink-2); font-size:.98rem}
.faq .answer-body p:last-child{margin-bottom:0}

/* contact */
.contact-grid{display:grid; grid-template-columns:1fr 1fr; gap:clamp(1.5rem,4vw,3rem)}
@media(max-width:820px){ .contact-grid{grid-template-columns:1fr} }
.contact-card{border:1px solid var(--rule); border-radius:var(--radius); padding:1.6rem 1.5rem}
.contact-card h2{font-size:1.2rem; margin-bottom:.8rem}
.contact-card address{font-style:normal; line-height:1.85; color:var(--ink-2)}
.mail-table{width:100%; border-collapse:collapse; font-size:.94rem}
.mail-table th{
  text-align:left; font-family:var(--f-mono); font-size:.63rem; letter-spacing:.1em;
  text-transform:uppercase; color:var(--ink-2); font-weight:500; padding:.5rem .8rem .5rem 0; border-bottom:1px solid var(--rule);
}
.mail-table td{padding:.7rem .8rem .7rem 0; border-bottom:1px solid var(--rule-2); color:var(--ink-2); vertical-align:top}
.mail-table td:first-child{color:var(--ink)}
.mail-table a{color:var(--blue); text-decoration:none; font-family:var(--f-mono); font-size:.84rem}
.mail-table a:hover{text-decoration:underline}
.tblwrap{overflow-x:auto}

/* ------------------------------------------------------------- CTA band */
.cta-band{background:var(--ink); color:#fff}
.cta-inner{padding-block:clamp(2.8rem,6vw,4.4rem); display:grid; grid-template-columns:1fr auto; gap:2rem; align-items:center}
@media(max-width:820px){ .cta-inner{grid-template-columns:1fr} }
.cta-band h2{color:#fff; font-size:clamp(1.6rem,3.6vw,2.5rem); max-width:20ch; line-height:1.08}
.cta-band .kicker{color:#8794ab}
.cta-lede{margin:.8rem 0 0; color:#a8b3c6; max-width:52ch; font-size:1rem}
.cta-actions{display:flex; flex-wrap:wrap; gap:.7rem}
.cta-band .btn.ghost{background:transparent; color:#fff; border-color:#39445a; font-family:var(--f-mono); font-size:.85rem}
.cta-band .btn.ghost:hover{background:#151d2e; color:#fff; border-color:#4a5670}

/* -------------------------------------------------------------- footer */
.site-foot{border-top:1px solid var(--rule); padding-block:3rem 3.2rem; font-size:.92rem; color:var(--ink-2); background:var(--paper)}
.foot-grid{display:grid; grid-template-columns:1.6fr repeat(4,1fr); gap:2rem}
@media(max-width:980px){ .foot-grid{grid-template-columns:1fr 1fr 1fr} }
@media(max-width:620px){ .foot-grid{grid-template-columns:1fr 1fr} }
.site-foot h2{font-family:var(--f-mono); font-size:.63rem; letter-spacing:.13em; text-transform:uppercase; color:var(--ink); font-weight:500; margin:0 0 .8rem}
.foot-h2-gap{margin-top:1.6rem!important}
.site-foot ul{list-style:none; margin:0; padding:0}
.site-foot li a{display:block; text-decoration:none; padding-block:.2rem}
.site-foot li a:hover{color:var(--blue)}
.foot-brand address{font-style:normal; line-height:1.8; margin:1rem 0 0}
.foot-social{display:flex; gap:1rem; margin-top:.9rem}
.foot-social a{text-decoration:none}
.foot-social a:hover{color:var(--blue)}
.foot-legal{
  margin:2.4rem 0 0; padding-top:1.1rem; border-top:1px solid var(--rule);
  display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem;
  font-family:var(--f-mono); font-size:.66rem; letter-spacing:.04em; color:var(--ink-3);
}

@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms!important; animation-iteration-count:1!important; transition-duration:.001ms!important}
}