

@font-face{font-family:"Haas Grot Text";src:url("/assets/fonts/NeueHaasGroteskText-55Roman-Web.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Haas Grot Text";src:url("/assets/fonts/NeueHaasGroteskText-65Medium-Web.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Tiempos Text";src:url("/assets/fonts/tiempos-text-regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Tiempos Text";src:url("/assets/fonts/tiempos-text-medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}

:root{
  --ink:#042839;
  --paper:#F9F8F5;
  --surface:#EDE9E5;
  --white:#FFFFFF;
  --accent:#86E1FA;

  --rule-10:rgba(4,40,57,0.1);
  --rule-20:rgba(4,40,57,0.2);
  --rule-25:rgba(4,40,57,0.25);

  --t-80:rgba(4,40,57,0.8);
  --t-90:rgba(4,40,57,0.9);
  --t-55:rgba(4,40,57,0.55);

  --serif:"Tiempos Text",Georgia,"Times New Roman",serif;
  --sans:"Haas Grot Text","Helvetica Neue",Inter,-apple-system,Arial,sans-serif;
  --f-disp:var(--serif);

  --colw:1104px;
  --pad:40px;

  --sp-96:clamp(48px,5vw,96px);
  --sp-64:clamp(32px,3.33vw,64px);
  --sp-48:clamp(28px,2.5vw,48px);
  --sp-32:clamp(20px,1.67vw,32px);
  --sp-24:clamp(16px,1.25vw,24px);
  --sp-16:clamp(12px,0.83vw,16px);
  --sp-8:8px; --sp-4:4px;

  --t-ui:160ms;
  --ease-draw:cubic-bezier(.25,.1,0,1);

  --rule-hover:var(--ink);
  --rule-hover-rev:var(--paper);

  --bar-h:48px;
  --ground:var(--paper); --fg:var(--ink); --fg-2:var(--t-80);
  --rule:var(--rule-10);
  
  --chrome-bg:rgba(249,248,245,.95);
  --mark-mono:var(--ink);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);
  font-weight:400;font-size:14px;line-height:1.4;-webkit-font-smoothing:antialiased}
h1,h2,h3,p,ul,figure{margin:0;padding:0}
ul{list-style:none}
a{color:inherit;text-decoration:none}
img,svg{display:block;max-width:100%}

.ico-sprite{position:absolute;width:0;height:0;overflow:hidden}

.topnav{position:fixed;top:0;left:0;right:0;z-index:70}
.cbar{position:relative;height:var(--bar-h);display:flex;align-items:center;
  padding-inline:max(clamp(1rem,4.17vw,80px),calc(50% - var(--colw) / 2));
  background:var(--chrome-bg);
  border-bottom:1px solid var(--rule);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.cbar .mark{position:relative;display:block;flex:none}
.cbar .mark svg{display:block;height:16px;width:auto}
.cbar .mark svg g[fill="#86E1FA"]{fill:var(--mark-mono)}
.cend{margin-left:auto}

.p{
  --tile:40px; --gutter:8px; --pad-y:12px; --pad-x:32px;
  --dur:800ms;
  --ease-swap:cubic-bezier(.83,0,.17,1);
  --edge:var(--rule-hover);
  position:relative;display:inline-flex;align-items:stretch;
  text-decoration:none;color:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent}
.p.sm{--tile:31px;--gutter:6px;--pad-y:8px;--pad-x:20px}
.p.sm .p-label{font-size:11px}
button.p{border:0;background:none;padding:0;font:inherit;color:inherit;text-align:inherit}
.p:focus{outline:none}
.p:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.p-label{
  position:relative;overflow:hidden;
  display:inline-flex;align-items:center;justify-content:center;
  padding:var(--pad-y) var(--pad-x);
  border:1px solid var(--edge);background:transparent;color:var(--fg);
  font-size:12px;line-height:normal;letter-spacing:normal;
  text-transform:uppercase;white-space:nowrap;
  translate:calc(-1 * (var(--tile) + var(--gutter))) 0;
  transition:translate var(--dur) var(--ease-swap)}
.p-label::before{content:"";position:absolute;inset:-1px;z-index:1;
  background:var(--fg);clip-path:inset(0 0 0 0);
  transition:clip-path var(--dur) var(--ease-swap)}
.p-label::after{content:attr(data-label);position:absolute;inset:0;z-index:2;
  display:flex;align-items:center;justify-content:center;color:var(--ground);
  clip-path:inset(0 0 0 0);
  transition:clip-path var(--dur) var(--ease-swap)}
.p-caret{position:absolute;top:0;bottom:0;left:0;width:2px;z-index:3;
  margin-left:-2px;background:var(--fg);opacity:0;pointer-events:none;
  transition:left var(--dur) var(--ease-swap)}
.p-tile{position:relative;z-index:0;display:flex;align-items:center;
  justify-content:center;flex:0 0 var(--tile);width:var(--tile);
  background:var(--fg);color:var(--ground);
  font-size:16px;line-height:1;overflow:hidden;
  transition:rotate var(--dur) var(--ease-swap),scale var(--dur) var(--ease-swap)}
.p.sm .p-tile{font-size:12px}
.p-tile.l{margin-right:var(--gutter);transform-origin:left center;rotate:-45deg;scale:0}
.p-tile.r{position:absolute;right:0;top:0;bottom:0;z-index:2;transform-origin:right center;rotate:0deg;scale:1}
.p:hover .p-label,.p:focus-visible .p-label{translate:0 0}
.p:hover .p-label::before,.p:focus-visible .p-label::before,
.p:hover .p-label::after,.p:focus-visible .p-label::after{clip-path:inset(0 0 0 100%)}
.p:hover .p-tile.l,.p:focus-visible .p-tile.l{rotate:0deg;scale:1}
.p:hover .p-tile.r,.p:focus-visible .p-tile.r{rotate:-45deg;scale:0}
.p:hover .p-caret,.p:focus-visible .p-caret{left:100%;animation:p-caret var(--dur) steps(1,end) forwards}
@keyframes p-caret{0%,99%{opacity:1}100%{opacity:0}}
.p:active .p-label{translate:0 0;transition:none}
.p:active .p-label::before,.p:active .p-label::after{clip-path:inset(0 0 0 0);transition:none}
.p:active .p-tile.l{rotate:0deg;scale:1;transition:none}
.p:active .p-tile.r{rotate:-45deg;scale:0;transition:none}
.p:active .p-caret{opacity:0}
@media (prefers-reduced-motion:reduce){
  .p-label,.p-label::before,.p-label::after,.p-tile{transition-duration:1ms!important}
  .p-caret{display:none}
  .p:hover .p-caret,.p:focus-visible .p-caret{animation:none}
}

main{padding-top:var(--bar-h)}

.site-footer{background:var(--paper);color:var(--ink);
  padding:var(--sp-96) 0 var(--sp-32)}
.site-footer > *{width:min(var(--colw), 100% - var(--pad) * 2);margin-inline:auto}
.f-cols{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));
  gap:var(--sp-32);align-items:start;padding-bottom:var(--sp-96)}
.f-mark{display:block;width:clamp(76px,7vw,104px);color:var(--ink)}
.f-mark svg{display:block;width:100%;height:auto}
.f-col h4{margin:0 0 var(--sp-32);font-family:var(--sans);font-weight:400;
  font-size:11px;line-height:1;letter-spacing:.16em;text-transform:uppercase;color:var(--t-80)}
.f-col h4 a{color:inherit;font:inherit;letter-spacing:inherit;text-decoration:none;transition:color var(--t-ui) ease}
.f-col h4 a:hover,.f-col h4 a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.f-col ul{list-style:none;margin:0;padding:0}
.f-col li + li{margin-top:var(--sp-8)}
.f-col a{color:var(--ink);text-decoration:none;font-size:14px;line-height:2;transition:color var(--t-ui) ease}
.f-col a:hover,.f-col a:focus-visible{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.f-base{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;
  gap:var(--sp-32);padding-top:var(--sp-24);border-top:1px solid var(--rule-10)}
.f-base .micro{font-size:12px;line-height:1.45;margin:0}
.f-base .legal{justify-self:start;display:flex;gap:var(--sp-24);flex-wrap:wrap}
.f-base a{color:var(--t-80);text-decoration:none;transition:color var(--t-ui) ease}
.f-base a:hover,.f-base a:focus-visible{color:var(--ink)}
.f-base .f-copy{justify-self:end;color:var(--t-80)}
.f-base .bdg{justify-self:center}
.bdg{display:inline-flex;align-items:center;gap:.7em;
  font-family:var(--sans);font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;line-height:1;color:var(--ink);
  white-space:nowrap;--pv:.72em;--cap:.054em}
.b-rule{gap:0;padding-block:calc(var(--pv) + var(--cap)) calc(var(--pv) - var(--cap))}
.b-rule .bar{width:1px;height:1.5em;background:var(--rule-20);margin:0 .85em}
.hs{display:inline-block;height:var(--hs-h,1em);width:calc(var(--hs-h,1em) * .9642871);
  margin-block:calc(var(--hs-h,1em) / -2);vertical-align:.38em;
  transform:translateY(-8.679%);fill:currentColor}
.bdg .hs{--hs-h:1.6em;display:block;vertical-align:baseline;
  transform:translateY(-8.679%) translateY(-.06em)}
@media (max-width:900px){
  .f-cols{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--sp-48) var(--sp-32)}
  .f-mark{grid-column:1 / -1;margin-bottom:var(--sp-16)}
  .f-base{grid-template-columns:minmax(0,1fr);gap:var(--sp-16);justify-items:start}
  .f-base .copy,.f-base .bdg{justify-self:start}
}

.frame{width:min(var(--colw), 100% - var(--pad) * 2);margin-inline:auto}

.doc-head{position:relative;box-shadow:var(--shadow-float,0 12px 32px rgba(4,40,57,.14))}

.doc-head.expanse{--lattice:rgba(249,248,245,.04)}
.doc-head .frame{padding:var(--sp-96) 0 var(--sp-64)}
.doc-head .eyebrow{display:block;font-family:var(--sans);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:rgba(249,248,245,.55);margin-bottom:var(--sp-16)}
.doc-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4vw,48px);
  letter-spacing:0;line-height:1.04;color:var(--paper)}
.doc-crumbs{display:flex;gap:var(--sp-24);margin-top:var(--sp-32)}
.doc-crumbs a{font-size:13px;color:rgba(249,248,245,.72);text-decoration:none;
  transition:color var(--t-ui) ease}
.doc-crumbs a:hover,.doc-crumbs a[aria-current]{color:var(--paper);
  text-decoration:underline;text-underline-offset:3px}

.doc-split{display:grid;grid-template-columns:1fr 340px;gap:var(--sp-96);
  align-items:start;padding:var(--sp-96) 0;border-bottom:1px solid var(--rule-10)}

.doc-body{max-width:640px}

.doc-body > p:first-child{font-family:var(--serif);font-size:16px}
.doc-body h2{font-family:var(--serif);font-weight:400;font-size:20px;
  letter-spacing:-0.01em;line-height:1.25;margin-top:var(--sp-64)}
.doc-body > h2:first-child{margin-top:0}
.doc-body p{font-size:14px;line-height:1.75;color:var(--t-90);margin-top:var(--sp-16)}
.doc-body p:first-of-type,.doc-body h2 + p{margin-top:var(--sp-24)}
.doc-body ul{margin-top:var(--sp-16);padding-left:0}
.doc-body ul li{position:relative;padding-left:22px;font-size:14px;line-height:1.75;
  color:var(--t-90)}
.doc-body ul li + li{margin-top:var(--sp-8)}
.doc-body ul li::before{content:"";position:absolute;left:0;top:11px;
  width:6px;height:1px;background:var(--t-55)}
.doc-body a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;
  text-decoration-color:var(--rule-25)}
.doc-body a:hover{text-decoration-color:var(--ink)}
.doc-body .doc-address{font-style:normal;font-size:15px;line-height:1.75;color:var(--t-90)}

.ask-card{position:sticky;top:calc(var(--bar-h) + var(--sp-32));
  background:transparent;border:1px solid var(--rule-20);border-radius:1px;
  padding:var(--sp-32)}
.ask-card .eyebrow{display:block;font-family:var(--sans);font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;color:var(--ink);margin-bottom:var(--sp-16)}
.ask-card p{font-size:14px;line-height:1.65;color:var(--t-90);margin-top:var(--sp-16)}
.ask-card .ask-field{margin-top:var(--sp-24)}
.ask-card .ask-field .label{display:block;font-size:11px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.ask-card .ask-field a{color:var(--t-55);text-decoration:none;font-size:14px}
.ask-card .ask-field a:hover{text-decoration:underline;text-underline-offset:3px}

@media (max-width:900px){
  .doc-split{grid-template-columns:1fr;gap:var(--sp-48)}
  .ask-card{position:static}
}
