/* ==========================================================================
   Florian Runge — shared stylesheet
   Used by index.html and information.html
   ========================================================================== */

/* ---- Asgaard BETA webfont ------------------------------------------------ */
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Thin.woff2') format('woff2');
  font-weight:100; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Extralight.woff2') format('woff2');
  font-weight:200; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Light.woff2') format('woff2');
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Semibold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Extrabold.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Asgaard BETA';
  src:url('../fonts/AsgaardBETA-Black.woff2') format('woff2');
  font-weight:900; font-style:normal; font-display:swap;
}

/* ---- Muster Grotesk A BETA webfont ---------------------------------------- */
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Extralight.woff2') format('woff2');
  font-weight:200; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Light.woff2') format('woff2');
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Semibold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Extrabold.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk A BETA';
  src:url('../fonts/MusterGroteskABETA-Black.woff2') format('woff2');
  font-weight:900; font-style:normal; font-display:swap;
}

/* ---- Muster Grotesk B BETA webfont ---------------------------------------- */
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Extralight.woff2') format('woff2');
  font-weight:200; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Light.woff2') format('woff2');
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Semibold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Extrabold.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Muster Grotesk B BETA';
  src:url('../fonts/MusterGroteskBBETA-Black.woff2') format('woff2');
  font-weight:900; font-style:normal; font-display:swap;
}

/* ---- Blok BETA webfont ----------------------------------------------------- */
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Light.woff2') format('woff2');
  font-weight:300; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Regular.woff2') format('woff2');
  font-weight:400; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Medium.woff2') format('woff2');
  font-weight:500; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Semibold.woff2') format('woff2');
  font-weight:600; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Bold.woff2') format('woff2');
  font-weight:700; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Extrabold.woff2') format('woff2');
  font-weight:800; font-style:normal; font-display:swap;
}
@font-face{
  font-family:'Blok BETA';
  src:url('../fonts/BlokBETA-Black.woff2') format('woff2');
  font-weight:900; font-style:normal; font-display:swap;
}

/* ---- tokens --------------------------------------------------------------- */
:root{
  --paper:#ffffff;
  --ink:#14130f;
  --ink-soft:#5b584c;
  --rule:#e6e4da;
  --surface:#f7f7f5;
  --tile-blue:#dcebfb;
  --tile-blue-hover:#cfe3f8;
  --tile-cream:#faf3e4;
  --tile-cream-hover:#f5ecd8;
  --cross:rgba(20,19,15,0.14);
  --font:'Asgaard BETA', 'Helvetica Neue', Arial, sans-serif;
}
html[data-font="muster-a"]{--font:'Muster Grotesk A BETA', 'Helvetica Neue', Arial, sans-serif;}
html[data-font="muster-b"]{--font:'Muster Grotesk B BETA', 'Helvetica Neue', Arial, sans-serif;}
html[data-font="blok"]{--font:'Blok BETA', 'Helvetica Neue', Arial, sans-serif;}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{
  margin:0;background:var(--paper);color:var(--ink);
  font-family:var(--font);font-weight:400;line-height:1.5;-webkit-font-smoothing:antialiased;
}
a{color:inherit;}
:focus-visible{outline:2px solid var(--ink);outline-offset:2px;}
img{max-width:100%;display:block;}
/* visually hidden but still readable by screen readers/SEO crawlers —
   for content that needs to exist in the DOM (e.g. a page's one true
   <h1>) without changing the visual design */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.grid{display:grid;}

/* ---- nav ------------------------------------------------------------------ */
.nav{position:sticky;top:0;z-index:20;background:var(--paper);}
/* a real border-bottom on .nav paints below its own positioned children
   (the burger overlay included), so the fixed full-screen .nav-links
   panel covers it once open — draw the divider as its own elevated
   pseudo-element instead, so it stays visible above the overlay */
.nav::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--rule);z-index:2;}
.nav-inner{max-width:1600px;margin:0 auto;padding:0 32px;height:88px;display:flex;align-items:center;justify-content:space-between;}
.nav-edge{
  max-width:none;padding:0;
  display:grid;grid-template-columns:minmax(368px,17%) 1fr auto;column-gap:0;
  align-items:center;align-content:stretch;
}
.nav-edge .nav-left-group{display:contents;}
.nav-edge .logo{padding-left:28px;}
.nav-edge .nav-dropdowns{position:absolute;top:0;bottom:0;right:0;}
.nav-left-group{display:flex;align-items:baseline;gap:44px;}
.logo{font-family:var(--font);font-weight:600;font-size:19px;letter-spacing:0.0em;text-decoration:none;position:relative;z-index:2;}
.nav-links{display:flex;align-items:stretch;gap:0;}
.nav-links a,.nav-links span{font-size:19px;font-weight:600;letter-spacing:0.0em;text-decoration:none;color:var(--ink);}
.nav-links span.inert{color:var(--ink-soft);cursor:default;display:inline-flex;align-items:center;padding:0 28px;}
.nav-links a{position:relative;display:inline-flex;align-items:center;padding:0 28px;border-radius:0;transition:opacity .2s ease;}
.nav-links:has(a:hover) a:not(:hover){opacity:.25;}
.nav-left-group:has(.logo:hover) .nav-links a{opacity:.25;}
.nav-edge .nav-links{align-self:stretch;}
@media(max-width:640px){
  .nav-edge{display:flex;align-items:stretch;justify-content:space-between;}
  .nav-edge .nav-left-group{align-items:center;}
  .nav-edge .nav-left-group{display:flex;}
  .nav-edge .nav-dropdowns{position:relative;}
  .nav-left-group{gap:16px;min-width:0;}
  .logo{flex-shrink:0;}
}

/* ---- burger menu (replaces the inline nav-links below 1358px) --------------- */
/* same rectangle-button treatment as .dropdown-trigger, sitting to the
   very left of the Project View / Site Typeface buttons */
.nav-burger{
  display:none;align-items:center;justify-content:center;
  width:62px;padding:22px 0;border:none;border-right:1px solid var(--rule);border-radius:0;box-sizing:border-box;
  background:transparent;color:var(--ink);cursor:pointer;
  transition:background .15s ease;
  -webkit-appearance:none;appearance:none;
}
.nav-burger:hover{background:#F6F6F6;}
.nav-burger[aria-expanded="true"]{background:#F6F6F6;}
.nav-burger-icon{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:18px;height:13px;}
.nav-burger-bar{display:block;width:100%;height:2px;background:var(--ink);transition:transform .25s ease,opacity .2s ease;}
.nav-burger[aria-expanded="true"] .nav-burger-bar:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-burger[aria-expanded="true"] .nav-burger-bar:nth-child(2){opacity:0;}
.nav-burger[aria-expanded="true"] .nav-burger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
@media(max-width:1358px){
  .nav-burger{display:inline-flex;}
  .nav-links{
    display:none;flex-direction:column;align-items:flex-start;gap:0;
    position:fixed;inset:0;z-index:1;overflow-y:auto;
    background:var(--paper);padding:88px 0 40px;
  }
  .nav-links.is-open{display:flex;}
  .nav-links a,.nav-links span{font-size:36px;font-weight:500;padding:24px 28px;width:100%;box-sizing:border-box;border-bottom:1px solid var(--rule);}
  /* the shared .nav-links:has(a:hover) a:not(:hover){opacity:.25} rule
     above would fade these items' own border-bottom along with their
     text — override it here so the divider lines always stay at full
     color and only the text dims (same color-not-opacity technique as
     the Selected Clients table hover-dim) */
  .nav-links:has(a:hover) a:not(:hover){opacity:1;color:color-mix(in srgb, var(--ink) 25%, transparent);}
}
body.nav-burger-open{overflow:hidden;}

/* ---- nav dropdowns: project view style + font family — top-right in the nav */
.nav-dropdowns{display:flex;align-items:stretch;gap:0;flex-shrink:0;border-left:1px solid var(--rule);position:relative;z-index:2;}
.nav-email{
  display:inline-flex;align-items:center;gap:8px;
  font-family:var(--font);font-size:14.5px;font-weight:400;letter-spacing:0.02em;
  padding:22px 28px;border-right:1px solid var(--rule);
  color:var(--ink);text-decoration:none;white-space:nowrap;
  transition:background .15s ease;
}
.nav-email:hover{background:#F6F6F6;}
@media(max-width:1358px){
  .nav-email{display:none;}
}
@media(max-width:480px){
  .nav-email-label{display:none;}
}
.dropdown{display:flex;align-items:stretch;}
.dropdown + .dropdown{border-left:1px solid var(--rule);}
.dropdown-trigger{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font-family:var(--font);font-size:14.5px;font-weight:400;letter-spacing:0.02em;
  width:62px;padding:22px 0;border:none;border-radius:0;box-sizing:border-box;
  background:transparent;color:var(--ink);cursor:pointer;
  transition:background .15s ease;
  -webkit-appearance:none;appearance:none;
}
.dropdown-trigger:hover{background:#F6F6F6;}
.dropdown-trigger[aria-expanded="true"]{background:#F6F6F6;}
.dropdown-trigger-icon{display:inline-flex;width:15px;height:15px;flex-shrink:0;color:var(--ink-soft);}
.dropdown-trigger-icon-font{width:18px;height:18px;}
.dropdown-trigger-icon svg{width:100%;height:100%;display:block;}
/* trigger label stays in the DOM for screen readers/the dropdown-syncing JS, just hidden from view — the nav shows icon + chevron only */
.dropdown-trigger-label{
  position:absolute;width:1px;height:1px;padding:0;margin:-1px;
  overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;
}
.dropdown-chevron{display:none;}
.dropdown-trigger:hover .dropdown-chevron,
.dropdown-trigger[aria-expanded="true"] .dropdown-chevron{color:var(--ink);}
.dropdown-trigger[aria-expanded="true"] .dropdown-chevron{transform:rotate(180deg);}

.dropdown-panel{
  position:absolute;top:100%;left:-1px;right:0;z-index:30;
  padding:0;border:none;border-left:1px solid var(--rule);border-radius:0;
  background:#F6F6F6;
}
.dropdown-panel[hidden]{display:none;}
@media(max-width:1358px){
  /* index.html / information.html only (no #view-dropdown there): once
     .nav-email hides at this same breakpoint, .nav-dropdowns shrinks to
     just the burger + font-dropdown trigger, and since the panel spans
     left:-1px to right:0 of that now-narrower container, it gets pulled
     narrow too. Hard-code a wider width (62px more than the ~126px it
     was collapsing to) instead of letting it track the container. */
  html:not(:has(#view-dropdown)) #font-dropdown-panel{left:auto;right:-1px;width:188px;}
}
.dropdown-heading{
  font-family:var(--font);font-size:13.5px;font-weight:400;
  letter-spacing:0.04em;color:var(--ink-soft);
  margin:0;padding:16px 28px;
  text-transform: uppercase; 
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
}
.dropdown-option{
  display:flex;align-items:center;gap:10px;width:100%;
  font-family:var(--font);font-size:14px;letter-spacing:0.02em;text-align:left;white-space:nowrap;
  padding:12px 28px;border:none;border-bottom:1px solid var(--rule);border-radius:0;
  background:transparent;color:var(--ink-soft);cursor:pointer;
  transition:background .15s ease,color .15s ease;
  -webkit-appearance:none;appearance:none;
}
.dropdown-option svg{width:15px;height:15px;flex-shrink:0;}
.dropdown-option:hover{background:var(--rule-soft, rgba(20,19,15,0.04));color:var(--ink);}
.dropdown-option.is-active{color:var(--ink);font-weight:600;background:var(--paper);}
@media(max-width:640px){
  .nav-dropdowns{gap:0;}
  .dropdown{position:relative;}
  .dropdown-panel{left:auto;right:-8px;top:calc(100% + 10px);min-width:210px;border-top:1px solid var(--rule);}
  .dropdown-heading{padding:12px 16px;}
  .dropdown-option{padding:10px 16px;}
}

.view-panel[hidden]{display:none;}

/* ---- tiles (Display view) -------------------------------------------------- */
.tile-group{display:flex;flex-direction:column;}
.tile[hidden]{display:none;}
.tile{
  position:relative;min-height:40vh;display:flex;align-items:center;justify-content:center;
  text-decoration:none;color:inherit;overflow:hidden;border-bottom:1px solid var(--rule);
}
.tile-blue{background:var(--tile-blue);transition:background .2s ease;}
.tile-blue:hover{background:var(--tile-blue-hover);}
.tile-cream{background:var(--tile-cream);transition:background .2s ease;}
.tile-cream:hover{background:var(--tile-cream-hover);}
.tile-cross{position:absolute;inset:0;width:100%;height:100%;}
.tile-cross line{stroke:var(--cross);stroke-width:1;vector-effect:non-scaling-stroke;}
.tile-label{
  position:relative;z-index:1;font-family:var(--font);font-weight:300;
  font-size:clamp(20px,2.6vw,32px);color:var(--ink-soft);transition:color .2s ease;
  text-align:center;padding:0 24px;
}
.tile:hover .tile-label{color:var(--ink);}

.tile-project{align-items:stretch;justify-content:flex-start;scroll-margin-top:88px;}
.tile-info{
  flex:0 0 17%;max-width:17%;min-width:368px;
  display:flex;flex-direction:column;justify-content:space-between;gap:24px;
  padding:36px 28px;
  background-color:var(--paper);color:var(--ink);
  transition:background-color .4s ease,color .4s ease;
}
.tile:hover .tile-info{background-color:var(--tile-bg);color:var(--tile-fg);}
.tile-info:has(.tile-facts){padding-bottom:44px;}
.tile-heading{display:flex;flex-direction:column;gap:4px;}
.tile-title{
  font-family:var(--font);font-weight:600;font-size:19px;
  letter-spacing:0.0em;line-height:1.25;margin:0;
}
.tile-subtitle{
  font-family:var(--font);font-weight:300;font-size:19px;
  letter-spacing:0.0em;line-height:1.25;opacity:.90;
}
.tile-tags[hidden]{display:none;}
.tile-tags{display:flex;flex-wrap:wrap;gap:4px 3px;margin-top:30px;margin-left:-4px;}
.tile-tag{
  display:inline-flex;align-items:center;
  font-family:var(--font);font-size:14.5px;font-weight:400;letter-spacing:0.02em;
  padding:4px 11px;border-radius:999px;
  border:1px solid var(--rule);
  background:transparent;color:var(--ink-soft);
  transition:color .4s ease,border-color .4s ease;
}
.tile:hover .tile-tag{color:var(--tile-fg);border-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);opacity:.85;}
.tile-info .tile-meta{
  font-family:var(--font);font-size:14.5px;font-weight:400;letter-spacing:0.02em;
  line-height:1.7;opacity:.78;
}
.tile-facts{
  display:flex;flex-direction:column;margin:0;margin-top:auto;
  border-top:1px solid var(--rule);
  transition:border-color .4s ease;
}
.tile-fact[hidden]{display:none;}
.tile-fact{
  display:flex;align-items:flex-start;gap:8px;padding:12px 0;
  border-bottom:1px solid var(--rule);
  transition:border-color .4s ease;
}
.tile:hover .tile-facts{border-top-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);}
.tile:hover .tile-fact{border-bottom-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);}
.tile-fact dt{
  flex:0 0 116px;margin:0;
  font-family:var(--font);font-size:14.5px;font-weight:400;letter-spacing:0.02em;
  line-height:1.4;opacity:.6;
}
.tile-fact dd{
  flex:1 1 auto;margin:0;min-width:0;
  font-family:var(--font);font-size:14.5px;font-weight:400;letter-spacing:0.02em;
  line-height:1.4;color:color-mix(in srgb, var(--ink) 95%, transparent);transition:color .4s ease;
}
.tile:hover .tile-fact dd{color:color-mix(in srgb, var(--tile-fg) 85%, transparent);}
.tile-fact-link{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;}
.tile-fact-link-icon{
  width:11px;height:11px;flex-shrink:0;
  opacity:0;transform:translateX(-3px);
  transition:opacity .15s ease,transform .15s ease;
}
.tile-fact-link:hover{color:#fdfcfa;}
.tile-fact-link:hover .tile-fact-link-icon{opacity:1;transform:translateX(0);}
.tile-cta{
  display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
  padding:12px 20px;border:1px solid var(--rule);border-radius:2px;
  font-family:var(--font);font-weight:400;font-size:14.5px;letter-spacing:0.02em;
  color:var(--ink);text-decoration:none;background:var(--paper);cursor:pointer;
  transition:background .15s ease,border-color .15s ease;
}
.tile-cta:hover{background:#F6F6F6;border-color:var(--ink-soft);}
.tile-cta-solid{background:transparent;border-color:var(--rule);color:var(--ink);margin-top:20px;}
.home-cta .tile-cta-solid{margin-top:0;}
.tile:hover .tile-cta-solid{background:transparent;border-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);color:var(--tile-fg);opacity:.85;}
.tile-cta-solid.tile-cta-solid:hover{background:#F6F6F6;border-color:#F6F6F6;color:var(--ink);opacity:1;}
.tile-cta-icon{width:16px;height:16px;flex-shrink:0;}
.tile-photo{position:relative;flex:1 1 75%;overflow:hidden;cursor:pointer;}
/* a real <img alt="..."> per photo, inserted immediately before its
   .tile-photo-bg / .home-grid-photo-bg counterpart so it always paints
   underneath (same stacking context, earlier in DOM order — no z-index
   needed) and is fully covered — CSS background-images aren't indexed by
   image search and have no alt text, so this exists purely so the actual
   photography is crawlable/described, without touching the tuned
   background-size/background-position visual treatment at all */
.seo-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;}
.tile-photo-bg{
  position:absolute;inset:-40px;background-image:var(--photo);background-size:cover;background-position:center;
  filter:grayscale(0) blur(12px);
  transition:transform .6s ease,filter .5s ease;
}
/* --photo/--photo-mobile are set inline per photo (see custom-type/index.html);
   below 860px (the same breakpoint the Display/Typographic views already use
   for their own mobile layout) swap to the pre-generated ~900px-wide/smaller
   file instead of the ~2000px original, cutting mobile payload substantially */
@media(max-width:860px){.tile-photo-bg{background-image:var(--photo-mobile, var(--photo));}}
.tile:hover .tile-photo-bg{transform:scale(1.035);filter:grayscale(0) blur(0);}
.tile-video{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;
  opacity:0;pointer-events:none;transition:opacity .3s ease;
}
.tile-slide-video.is-playing .tile-video{opacity:1;}
.tile-tall{min-height:66vh;}
@media(max-width:1600px){.tile-tall{min-height:calc(66vh - 100px);}}
@media(max-width:1358px){.tile-tall{min-height:calc(66vh - 200px);}}

/* typographic-sample tiles (Typographic view): two full-bleed specimen
   images crossfade on hover — no blur or zoom, since these are type
   specimens that should stay legible and stable at rest and on hover */
.typographic-photo{position:relative;flex:1 1 75%;overflow:hidden;cursor:pointer;}
.typographic-photo-layer{position:absolute;inset:0;background-size:cover;background-position:center;transition:opacity .4s ease;}
.typographic-photo-active{opacity:0;}
.tile:hover .typographic-photo-active{opacity:1;}

/* draggable image slider (multiple images) */
.tile-slider{touch-action:pan-y;user-select:none;-webkit-user-drag:none;}
.tile-slider *{-webkit-user-drag:none;}
.tile-slider.has-multi{cursor:grab;}
.tile-slider.has-multi.is-dragging{cursor:grabbing;}
.tile-slider-track{position:absolute;inset:0;display:flex;height:100%;}
.tile-slide{position:relative;flex:0 0 100%;height:100%;overflow:hidden;}
.tile-slider-nav{
  position:absolute;right:28px;bottom:26px;z-index:2;
  display:flex;align-items:center;gap:8px;
}
.tile-counter{
  font-family:var(--font);font-size:12.5px;font-weight:500;letter-spacing:0.02em;color:#fdfcfa;
  background:rgba(15,13,10,0.55);backdrop-filter:blur(3px);
  padding:6px 10px;border-radius:3px;pointer-events:none;
}
.tile-slide-arrow{
  display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border:none;border-radius:50%;
  background:rgba(15,13,10,0.5);color:#fdfcfa;
  cursor:pointer;padding:0;transition:background .15s ease;
  backdrop-filter:blur(3px);-webkit-user-drag:none;
}
.tile-slide-arrow svg{width:12px;height:12px;}
.tile-slide-arrow:hover{background:rgba(15,13,10,0.78);}
.tile-slider-dots{
  position:absolute;left:50%;bottom:22px;z-index:2;transform:translateX(-50%);
  display:flex;align-items:center;gap:9px;
  padding:8px 10px;border-radius:20px;
  background:rgba(15,13,10,0.35);backdrop-filter:blur(3px);
}
.tile-slide-dot{
  width:7px;height:7px;border-radius:50%;border:none;padding:0;
  background:rgba(253,252,250,0.45);cursor:pointer;
  transition:background .15s ease,transform .15s ease;
  -webkit-user-drag:none;
}
.tile-slide-dot:hover{background:rgba(253,252,250,0.75);}
.tile-slide-dot.is-active{background:#fdfcfa;transform:scale(1.25);}
.tile-slider-autoplay .tile-slide-dot{
  position:relative;overflow:hidden;
  transition:width .25s ease,border-radius .25s ease,background .15s ease;
}
.tile-slider-autoplay .tile-slide-dot.is-active{
  width:21px;border-radius:4px;background:rgba(253,252,250,0.35);transform:none;
}
.tile-slide-dot-fill{position:absolute;inset:0;width:0%;background:#fdfcfa;border-radius:inherit;}
.tile-slider-autoplay .tile-slide-dot.is-active .tile-slide-dot-fill{animation:tileDotFill 3s linear forwards;animation-play-state:paused;}
.tile-slider-autoplay:hover .tile-slide-dot.is-active .tile-slide-dot-fill{animation-play-state:running;}
.tile-slider-autoplay.is-dragging .tile-slide-dot.is-active .tile-slide-dot-fill{animation-play-state:paused;}
@keyframes tileDotFill{from{width:0%}to{width:100%}}
.tile-slider-autoplay .tile-slide-dot.is-active .tile-slide-dot-fill.tile-slide-dot-fill-video{
  animation:none;transition:width .1s linear;
}
.tile-photo-tint{
  position:absolute;inset:0;z-index:1;
  background-color:var(--tile-bg);
  opacity:.04;
  pointer-events:none;
  transition:opacity .5s ease;
}
.tile:hover .tile-photo-tint{opacity:0;}
.tile-photo-scrim{
  position:absolute;inset:0;z-index:1;
  background:radial-gradient(circle 240px at 94% 104%, rgba(0,0,0,0.26) 0%, rgba(0,0,0,0.14) 35%, rgba(0,0,0,0.05) 60%, rgba(0,0,0,0) 100%);
  pointer-events:none;
}
.tile-photo-credit{
  position:absolute;right:14px;bottom:10px;z-index:2;
  display:flex;align-items:center;gap:4px;
  font-family:var(--font);font-size:11.5px;font-weight:500;letter-spacing:0.06em;
  color:rgba(253,252,250,0.60);
  pointer-events:none;
}
.tile-photo-credit::before{
  content:"";
  position:absolute;inset:-14px -22px;z-index:-1;
  -webkit-backdrop-filter:blur(4px);
  backdrop-filter:blur(4px);
  -webkit-mask-image:radial-gradient(ellipse closest-side, black 35%, transparent 100%);
  mask-image:radial-gradient(ellipse closest-side, black 35%, transparent 100%);
  pointer-events:none;
}
.tile-photo-credit a{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;pointer-events:auto;}
.tile-photo-credit a:hover{color:#fdfcfa;}
.tile-photo-credit-icon{
  width:10px;height:10px;flex-shrink:0;
  opacity:0;transform:translateX(-3px);
  transition:opacity .15s ease,transform .15s ease;
}
.tile-photo-credit a:hover .tile-photo-credit-icon{opacity:1;transform:translateX(0);}

@media(max-width:860px){
  .tile{min-height:34vh;}
  .tile-label{font-size:22px;}
  .tile-arrow{width:34px;height:34px;}
  .tile-arrow-prev{left:12px;}
  .tile-arrow-next{right:12px;}
  .tile-project{flex-direction:column;scroll-margin-top:72px;}
  .tile-info{flex:0 0 auto;max-width:100%;min-width:0;padding:36px 28px;gap:16px;}
  .tile-photo{flex:1 1 auto;min-height:34vh;}
  .typographic-photo{flex:1 1 auto;min-height:34vh;}
  .tile-tall{min-height:56vh;}
}

/* ---- list view -------------------------------------------------------------- */
.project-list{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--rule);}
.project-row[hidden]{display:none;}
.project-row{
  display:flex;gap:24px;padding:20px 28px;
  border-top:1px solid var(--rule);
}
.project-list li:first-child.project-row{border-top:none;}
.project-row-thumb{height:100px;width:auto;aspect-ratio:4/3;object-fit:cover;border-radius:4px;flex-shrink:0;order:-1;align-self:center;background:var(--tile-cream);}
.project-row-info{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:32px;}
.project-row-info .tile-heading{flex:0 0 300px;width:300px;gap:2px;}
.project-row-info .tile-facts{flex:0 0 360px;width:360px;margin:0 auto;}
.project-row-info .tile-fact{padding:4px 0;}
.project-row-info .tile-fact dt,
.project-row-info .tile-fact dd{font-size:14.5px;}
.project-row-info .tile-cta{width:312px;margin:0;flex-shrink:0;}
.project-row-cta-spacer{width:312px;flex-shrink:0;}
.project-row{transition:background-color .4s ease,color .4s ease;cursor:pointer;}
.project-row:hover{background-color:var(--tile-bg);color:var(--tile-fg);}
.project-row:hover .tile-facts{border-top-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);}
.project-row:hover .tile-fact{border-bottom-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);}
.project-row:hover .tile-fact dd{color:color-mix(in srgb, var(--tile-fg) 85%, transparent);}
.project-row:hover .tile-cta-solid{background:transparent;border-color:color-mix(in srgb, var(--tile-fg) 48%, transparent);color:var(--tile-fg);opacity:.85;}
.project-row-info .tile-cta-solid:hover{background:#F6F6F6;border-color:#F6F6F6;color:var(--ink);opacity:1;}
@media(max-width:1252px){
  .project-row-info .tile-facts{display:none;}
}
@media(max-width:860px){
  .project-row-info .tile-cta,
  .project-row-cta-spacer{display:none;}
}
/* ---- reveal on scroll -------------------------------------------------------- */
.reveal{opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease;}
.reveal.in{opacity:1;transform:none;}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}.tile-photo-bg{transition:none;}}

/* ---- shared page width (Information page) ------------------------------------ */
.wrap-narrow{max-width:800px;margin:0 auto;padding:0 32px;}
/* aligns the .info-main content column (information.html, and index.html's
   hero) with where "Custom Type Design" starts in the nav (.nav-edge's
   minmax(368px,17%) first column) and with where each tile's photo starts
   on index.html / custom-type.html */
.info-main .wrap-narrow{max-width:none;margin:0 calc(max(368px, 17vw) + 28px);padding:0;}
/* the hero's own text box shouldn't be bounded on the right at all —
   .info-lede's max-width:28ch is the only thing that should ever decide
   its line breaks, so a narrowing viewport only shrinks its font-size
   (via that rule's own clamp), never forces an extra line by squeezing
   the container before the font-size has a chance to. */
.info-hero .wrap-narrow{margin-right:0;}
/* below this width, pull the hero's own left edge in to match where the
   h2 headlines land elsewhere on the page (.info-section h2's absolute
   left:0 inside .wrap-narrow resolves to a flat 28px from the section's
   own edge — see that rule below) instead of the wider nav-aligned inset
   above, without touching .info-lede's own sizing */
@media(max-width:1386px){
  .info-hero .wrap-narrow{margin-left:28px;}
  .info-bio .wrap-narrow{margin-left:28px;}
}
@media(max-width:640px){
  .info-main .wrap-narrow{margin:0;padding:0 20px;}
  /* .info-section:not(.info-section-clients) .wrap-narrow is more specific
     than the reset above, so it needs its own explicit override here or
     its 1386px margin-left:28px would otherwise win over this reset */
  .info-section:not(.info-section-clients) .wrap-narrow{margin-left:0;}
  /* same for the ID-scoped margin-right:28px given to these sections
     at 1600px — it outranks the reset above too */
  #clients-list .wrap-narrow,
  #project-cta .wrap-narrow,
  #awards .wrap-narrow,
  #press .wrap-narrow,
  #exhibitions .wrap-narrow{
    margin-right:0;
  }
}
.info-hero{padding:72px 0;}
.info-lede{font-family:var(--font);font-weight:900;font-size:60px;line-height:1.04;margin:0;color:var(--ink);max-width:calc(28ch);}
html[data-font="muster-a"] .info-lede{max-width:calc(25ch);}
html[data-font="muster-b"] .info-lede{max-width:calc(26ch);}
html[data-font="blok"] .info-lede{max-width:28ch;}

/* ---- homepage hero + featured work ------------------------------------------- */
.hero-reel{width:100%;aspect-ratio:8/3;overflow:hidden;background:var(--surface);}
.hero-reel-video{width:100%;height:100%;object-fit:cover;display:block;}

/* 4x3 grid of client-brand logos, breathing room above/below to separate
   the hero lede from the case-study grid below */
.home-logos{padding:64px 0;background-color:color-mix(in srgb, var(--surface) 80%, white 20%);transition:background-color .25s ease;}
.home-logos-grid{
  display:grid;grid-template-columns:repeat(4,1fr);
  gap:64px 40px;
  align-items:center;justify-items:center;
  margin:0 max(120px, 8vw);
}
.home-logo-item{display:flex;align-items:center;justify-content:center;font-size:calc(clamp(28px,3.4vw,46px) * var(--logo-scale, 1));}
.home-logo-item a{display:flex;align-items:center;}
.home-logo-item img{
  height:1em;width:auto;max-width:100%;
  filter:grayscale(1);opacity:.5;
  transition:filter .2s ease,opacity .2s ease;
}
.home-logo-item:hover img{filter:brightness(0) invert(1);opacity:1;}
@media(max-width:1386px){
  .home-logos-grid{margin:0;padding:0 28px;}
}
@media(max-width:640px){
  .home-logos-grid{grid-template-columns:1fr 1fr;gap:40px 24px;margin:0;padding:0 20px;}
}

.home-logos:has(.home-logo-item-amazon:hover){background-color:#F74800;}
.home-logos:has(.home-logo-item-coca-cola:hover){background-color:#F40007;}
.home-logos:has(.home-logo-item-costa:hover){background-color:#6E1E2C;}
.home-logos:has(.home-logo-item-mozilla:hover){background-color:#0DBB35;}
.home-logos:has(.home-logo-item-kenzo:hover){background-color:#3d3b3d;}
.home-logos:has(.home-logo-item-heinz:hover){background-color:#d6021b;}
.home-logos:has(.home-logo-item-loccitane:hover){background-color:#F4B700;}
.home-logos:has(.home-logo-item-sony:hover){background-color:#1d1b1d;}
.home-logos:has(.home-logo-item-samsung:hover){background-color:#12279E;}
.home-logos:has(.home-logo-item-shiseido:hover){background-color:#C50015;}
.home-logos:has(.home-logo-item-nike:hover){background-color:#e5e5e5;}
.home-logos:has(.home-logo-item-longines:hover){background-color:#1A324D;}

/* centered headline above the case grid — same divider-to-heading
   distance as .info-section h2 on information.html (56px padding-top,
   -6px text offset), but centered across the full page instead of
   sitting in the nav-aligned left gutter */
.home-grid-label{padding:104px 0 32px;text-align:center;}
.home-grid-label h2{font-family:var(--font);font-weight:500;font-size:28px;margin:-6px 0 0;}

/* 3x2 grid of simplified featured-work cards (photo + title only, no
   subtitle/tags/facts/CTA) — a lighter-weight alternative to the full
   .tile-project treatment used on custom-type.html, sized for a sixth
   of the viewport rather than a full-width row */
/* dividers are drawn by the 1px grid gap (background showing through),
   not per-cell borders — adjacent borders on neighboring cells can
   sub-pixel round differently per column and double up on some edges */
.home-grid{
  display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background-color:var(--rule);
  border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);
}
.home-grid-item{
  position:relative;display:flex;flex-direction:column;
  text-decoration:none;color:inherit;
}
.home-grid-photo{position:relative;aspect-ratio:4/3;overflow:hidden;cursor:pointer;}
.home-grid-photo-bg{
  position:absolute;inset:-24px;background-image:var(--photo);background-size:cover;background-position:center;
  transition:transform .6s ease;
}
@media(max-width:860px){.home-grid-photo-bg{background-image:var(--photo-mobile, var(--photo));}}
.home-grid-item:hover .home-grid-photo-bg{transform:scale(1.035);}
.home-grid-info{
  padding:20px 24px;display:flex;flex-direction:column;gap:2px;
  background-color:var(--paper);color:var(--ink);
  transition:background-color .4s ease,color .4s ease;
}
.home-grid-item:hover .home-grid-info{background-color:var(--tile-bg);color:var(--tile-fg);}
@media(max-width:640px){
  .home-grid{grid-template-columns:1fr;}
}

/* grid-based (not flex+justify-content) so the button can sit in the
   middle column and stretch to exactly the same width as a .home-grid
   cell above it — matching padding (0, not 28px) and column formula are
   both required for the widths to line up pixel-for-pixel */
.home-cta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;padding:56px 0;}
.home-cta .tile-cta{grid-column:2;width:100%;padding:14px 28px;}
@media(max-width:1172px){
  .home-cta{grid-template-columns:1fr;padding:56px 28px;}
  .home-cta .tile-cta{grid-column:1;}
}

.contact-cta{padding:96px 0 112px;border-top:1px solid var(--rule);text-align:center;}
/* on custom-type.html, .contact-cta sits directly after the case-study
   grid rather than after a hero/intro section like on the other two
   pages, so it doesn't need its own top divider — the footer's own
   border-top (added via footer-rule-top) is the only divider this page
   needs */
#custom-type .contact-cta{border-top:none;}
/* unlike every other section, this one isn't nav-aligned — it should
   always sit dead-center of the full viewport, so give its .wrap-narrow
   a plain full-width box (just enough side padding for small screens)
   and let text-align:center above do the centering, rather than relying
   on .info-main .wrap-narrow's nav-aligned (if numerically symmetric)
   margin formula */
.contact-cta .wrap-narrow{max-width:none;margin:0 auto;padding:0 32px;}
.contact-cta-label{font-family:var(--font);font-size:19px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 20px;}
.contact-cta-link{
  display:inline-flex;align-items:center;gap:0.28em;
  font-family:var(--font);font-weight:300;font-size:60px;line-height:1.05;
  color:var(--ink);text-decoration:none;
}
.contact-cta-icon{width:0.5em;height:0.5em;flex-shrink:0;opacity:0;transform:translateX(-0.2em);transition:opacity .2s ease,transform .2s ease;}
.contact-cta-link:hover .contact-cta-icon{opacity:1;transform:translateX(0);}
@media(max-width:760px){.contact-cta-link{font-size:48px;}}
@media(max-width:640px){.contact-cta{padding:64px 0 72px;}}

.info-bio{padding:0 0 56px;}
/* same reasoning as .info-hero .wrap-narrow above: only .info-bio p's own
   max-width:63ch should ever decide its line breaks, not a shrinking
   container */
.info-bio .wrap-narrow{margin-right:0;}
.info-bio p{font-size:19px;letter-spacing:0.01em;color:var(--ink-soft);line-height:1.5;max-width:63ch;margin:0 0 20px;}
html[data-font="muster-a"] .info-bio p,html[data-font="muster-a"] .info-section > .wrap-narrow > p{max-width:56ch;}
html[data-font="muster-b"] .info-bio p,html[data-font="muster-b"] .info-section > .wrap-narrow > p{max-width:57ch;}
html[data-font="blok"] .info-bio p,html[data-font="blok"] .info-section > .wrap-narrow > p{max-width:58ch;}
.info-bio p:last-child{margin-bottom:0;}

/* two-column award / press / exhibition lists */
.info-section{padding:64px 0;border-top:1px solid var(--rule);}
#clients-list{border-top:none;}
.info-section h2{font-family:var(--font);font-weight:500;font-size:28px;margin:0;}
.info-section-clients h2{display:flex;justify-content:center;font-size:19px;font-weight:500;letter-spacing:0.08em;text-transform:uppercase;}
/* like .contact-cta, this headline isn't nav-aligned — it should always
   sit dead-center of the full viewport and take up the same width
   regardless of screen size, so give its .wrap-narrow a plain full-width
   box instead of the nav-aligned margin formula every other section uses */
.info-section-clients .wrap-narrow{margin:0;padding:0 32px;}
.info-section:not(.info-section-clients) > .wrap-narrow{position:relative;}
/* same reasoning as .info-hero/.info-bio above: only each section's own
   p's max-width:63ch (or a table/list's own width) should decide its
   layout, not a shrinking container — margin-left is untouched since the
   hanging h2 below is positioned relative to it */
.info-section:not(.info-section-clients) .wrap-narrow{margin-right:0;}
/* these sections hold a table, a CTA button, or a two-column list rather
   than free-flowing paragraph copy, so there's no rewrap risk to guard
   against — restore the original nav-aligned right margin above 1600px
   (ID selectors so they win over the class rule above regardless of
   source order). Below 1600px they go full-width again like every other
   section (the plain margin-right:0 rule above takes back over), and the
   640px mobile reset collapses them to margin:0 same as everything else.
   #project-cta's .tile-cta is display:flex;width:auto — a block-level
   flex container, so width:auto stretches it to fill whatever width its
   container allows, same as a table/list would; it needs the same
   bounded-width treatment even though its <p> alone wouldn't. */
@media(min-width:1601px){
  #clients-list .wrap-narrow,
  #project-cta .wrap-narrow,
  #awards .wrap-narrow,
  #press .wrap-narrow,
  #exhibitions .wrap-narrow{
    margin-right:calc(max(368px, 17vw) + 28px);
  }
}
.info-section:not(.info-section-clients) h2{
  position:absolute;top:-6px;left:0;
  margin-left:calc(-1 * max(368px, 17vw));
  width:calc(max(368px, 17vw) - 40px);
}
@media(max-width:1386px){
  /* below this width the hanging headline collapses into normal flow
     (stacked above its body copy, both flush left) instead of sitting in
     its own column to the left of an indented .wrap-narrow — matches the
     same 1386px alignment change made to .info-hero */
  .info-section:not(.info-section-clients) h2{position:static;margin:0 0 16px;width:auto;}
  .info-section:not(.info-section-clients) .wrap-narrow{margin-left:28px;}
}
/* #clients-list/#project-cta/#awards/#press/#exhibitions go full-width
   (28px right gutter) starting from 1600px */
@media(max-width:1600px){
  #clients-list .wrap-narrow,
  #project-cta .wrap-narrow,
  #awards .wrap-narrow,
  #press .wrap-narrow,
  #exhibitions .wrap-narrow{margin-right:28px;}
}
.info-section > .wrap-narrow > p{font-size:19px;color:var(--ink-soft);line-height:1.5;max-width:63ch;margin:16px 0 0;}

/* ---- expertise list ------------------------------------------------------------ */
.expertise-grid{display:flex;flex-direction:column;gap:28px;margin-top:20px;}
.expertise-box{border:none;min-height:0;padding:0;display:block;text-align:left;}
.expertise-box h3{font-family:var(--font);font-weight:200;font-size:60px;line-height:1.15;margin:0;margin-top:-16px;}
@media(max-width:760px){.expertise-box h3{font-size:48px;}}
.expertise-box p{display:none;}

/* ---- selected clients (4-col alphabetical table) ------------------------------ */
.clients-table{
  display:grid;grid-template-columns:repeat(4,1fr);
  column-gap:24px;margin:20px 0 0;padding:0;list-style:none;
}
.clients-table li{
  font-size:15px;color:var(--ink);line-height:1.7;
  padding:6px 0;border-top:1px solid var(--rule);
  transition:color .2s ease;
}
.clients-table li:nth-last-child(-n+4){border-bottom:1px solid var(--rule);}
.clients-table:has(li:hover) li:not(:hover){color:color-mix(in srgb, var(--ink) 25%, transparent);}
.clients-table li a{display:inline-flex;align-items:center;gap:4px;color:inherit;text-decoration:none;}
.clients-link-icon{width:11px;height:11px;flex-shrink:0;opacity:0;transform:translateX(-3px);transition:opacity .15s ease,transform .15s ease;}
.clients-table li:hover .clients-link-icon{opacity:1;transform:translateX(0);}
@media(max-width:640px){
  .clients-table{grid-template-columns:1fr 1fr;}
  .clients-table li:nth-last-child(-n+4){border-bottom:none;}
  .clients-table li:nth-last-child(-n+2){border-bottom:1px solid var(--rule);}
}
@media(max-width:480px){
  .clients-table{grid-template-columns:1fr;}
  .clients-table li:nth-last-child(-n+2){border-bottom:none;}
  .clients-table li:last-child{border-bottom:1px solid var(--rule);}
}

/* ---- selected collaborations (8, 2 rows) -------------------------------------- */
.info-section-clients{background-color:var(--surface);padding-top:36px;border-top:none;transition:background-color .25s ease;}
#working-together{border-top:none;}
.logo-grid-wrap{margin:32px max(120px, 8vw) 0;}
@media(max-width:1386px){.logo-grid-wrap{margin:32px 0 0;padding:0 28px;}}
@media(max-width:640px){.logo-grid-wrap{margin:24px 0 0;padding:0 20px;}}
.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:52px 0.6em;}
.logo-item{display:flex;align-items:center;justify-content:center;min-height:1.2em;font-size:calc(clamp(24px, 2.96vw, 40px) * var(--logo-scale, 1));}
.logo-item img{height:1em;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.6;transition:filter .2s ease,opacity .2s ease;}
/* per-logo scale so every mark grows/shrinks off the same height-based
   unit as the img rule above (mirrors .home-logo-item's font-size/
   --logo-scale technique) instead of the old fixed em-widths, which were
   pinned to the grid's font-size directly and didn't track viewport width
   the same way. Values reproduce each logo's original relative size
   (scale = old width ÷ the image's natural aspect ratio at height:1em). */
.logo-item-googlefonts{--logo-scale:0.90;}
.logo-item-jkr{--logo-scale:1.3;}
.logo-item-studioaa{--logo-scale:1.2;}
.logo-item-rosetta{--logo-scale:0.81;}
.logo-item-brody{--logo-scale:0.8;}
.logo-item-drama{--logo-scale:0.76;}
.logo-item-johnsonbanks{--logo-scale:0.75;}
.logo-item:hover img{filter:brightness(0) invert(1);opacity:1;}
/* masked logos: recolored per-brand on hover (plain <img> can't be tinted
   via CSS filter, since our logo assets are solid black/colorless) */
.logo-mask{
  display:inline-block;height:1em;
  background-color:#000;opacity:.6;
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
  transform:translateY(0.075em);
  transition:background-color .2s ease,opacity .2s ease;
}
.logo-item:hover .logo-mask{opacity:1;}
.logo-mask-nan{aspect-ratio:72.1/30.4;-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Mi4xMCIgaGVpZ2h0PSIzMC40MCIgdmlld0JveD0iOS45MCA2LjcwIDcyLjEwIDMwLjQwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ik5hTiI+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xMC45LDcuN2g4LjlsNS40LDE1LjFWNy43SDMzdjI4aC04LjlsLTUuNC0xNS4xdjE1LjFoLTcuOFY3Ljd6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik00OC42LDMxLjljLTAuMywwLjgtMC43LDEuNi0xLjUsMi4yYy0wLjcsMC43LTEuNiwxLjItMi42LDEuNWMtMSwwLjQtMi4yLDAuNS0zLjQsMC41Yy0xLjMsMC0yLjUtMC4yLTMuNS0wLjcgICBjLTEtMC41LTEuNy0xLjEtMi4yLTJjLTAuNS0wLjktMC44LTEuOS0wLjgtMy4xYzAtMS41LDAuNC0yLjcsMS4zLTMuN2MwLjktMSwyLjItMS42LDMuOS0ybDcuMS0xLjNjMC43LTAuMSwxLjEtMC40LDEuMS0wLjkgICBjMC0wLjctMC4yLTEuMy0wLjYtMS42Yy0wLjQtMC40LTEtMC42LTEuNy0wLjZjLTAuNywwLTEuMiwwLjEtMS43LDAuNGMtMC41LDAuMy0wLjksMC43LTEuMiwxLjNjLTAuMywwLjUtMC44LDEtMS41LDEuMyAgIGMtMC43LDAuMy0xLjUsMC41LTIuNSwwLjVjLTEuMiwwLTItMC4yLTIuNy0wLjdzLTAuOS0xLjItMC45LTIuMWMwLTEuMiwwLjQtMi4yLDEuMy0zLjFjMC45LTAuOSwyLjItMS42LDMuOC0yLjEgICBjMS42LTAuNSwzLjUtMC44LDUuNy0wLjhjMi4yLDAsNC4xLDAuMyw1LjYsMC44YzEuNiwwLjYsMi44LDEuNCwzLjYsMi41czEuMiwyLjQsMS4yLDMuOXYxMy42aC03LjlWMzEuOXogTTQzLjYsMzAuOSAgIGMwLjQsMC4zLDAuOSwwLjQsMS41LDAuNGMwLjgsMCwxLjUtMC4yLDItMC43YzAuNS0wLjUsMC44LTEsMC44LTEuOHYtMi4xYy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuNEw0NSwyNy44ICAgYy0wLjYsMC4yLTEuMSwwLjQtMS40LDAuN2MtMC4zLDAuMy0wLjQsMC43LTAuNCwxLjJDNDMuMSwzMC4yLDQzLjMsMzAuNiw0My42LDMwLjl6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik01OC45LDcuN2g4LjlsNS40LDE1LjFWNy43SDgxdjI4aC04LjlsLTUuNC0xNS4xdjE1LjFoLTcuOFY3Ljd6Ii8+Cjwvc3ZnPgo=");mask-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI3Mi4xMCIgaGVpZ2h0PSIzMC40MCIgdmlld0JveD0iOS45MCA2LjcwIDcyLjEwIDMwLjQwIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ik5hTiI+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0xMC45LDcuN2g4LjlsNS40LDE1LjFWNy43SDMzdjI4aC04LjlsLTUuNC0xNS4xdjE1LjFoLTcuOFY3Ljd6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik00OC42LDMxLjljLTAuMywwLjgtMC43LDEuNi0xLjUsMi4yYy0wLjcsMC43LTEuNiwxLjItMi42LDEuNWMtMSwwLjQtMi4yLDAuNS0zLjQsMC41Yy0xLjMsMC0yLjUtMC4yLTMuNS0wLjcgICBjLTEtMC41LTEuNy0xLjEtMi4yLTJjLTAuNS0wLjktMC44LTEuOS0wLjgtMy4xYzAtMS41LDAuNC0yLjcsMS4zLTMuN2MwLjktMSwyLjItMS42LDMuOS0ybDcuMS0xLjNjMC43LTAuMSwxLjEtMC40LDEuMS0wLjkgICBjMC0wLjctMC4yLTEuMy0wLjYtMS42Yy0wLjQtMC40LTEtMC42LTEuNy0wLjZjLTAuNywwLTEuMiwwLjEtMS43LDAuNGMtMC41LDAuMy0wLjksMC43LTEuMiwxLjNjLTAuMywwLjUtMC44LDEtMS41LDEuMyAgIGMtMC43LDAuMy0xLjUsMC41LTIuNSwwLjVjLTEuMiwwLTItMC4yLTIuNy0wLjdzLTAuOS0xLjItMC45LTIuMWMwLTEuMiwwLjQtMi4yLDEuMy0zLjFjMC45LTAuOSwyLjItMS42LDMuOC0yLjEgICBjMS42LTAuNSwzLjUtMC44LDUuNy0wLjhjMi4yLDAsNC4xLDAuMyw1LjYsMC44YzEuNiwwLjYsMi44LDEuNCwzLjYsMi41czEuMiwyLjQsMS4yLDMuOXYxMy42aC03LjlWMzEuOXogTTQzLjYsMzAuOSAgIGMwLjQsMC4zLDAuOSwwLjQsMS41LDAuNGMwLjgsMCwxLjUtMC4yLDItMC43YzAuNS0wLjUsMC44LTEsMC44LTEuOHYtMi4xYy0wLjIsMC4yLTAuNCwwLjMtMC43LDAuNEw0NSwyNy44ICAgYy0wLjYsMC4yLTEuMSwwLjQtMS40LDAuN2MtMC4zLDAuMy0wLjQsMC43LTAuNCwxLjJDNDMuMSwzMC4yLDQzLjMsMzAuNiw0My42LDMwLjl6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik01OC45LDcuN2g4LjlsNS40LDE1LjFWNy43SDgxdjI4aC04LjlsLTUuNC0xNS4xdjE1LjFoLTcuOFY3Ljd6Ii8+Cjwvc3ZnPgo=");}
.logo-item:hover .logo-mask-nan{background-color:#fff;}
/* the whole section floods to each logo's brand color on hover instead
   (see the .info-section-clients:has() rules below) */
.logo-mask-pentagram{aspect-ratio:103/20;height:1.1em;transform:translateY(0.225em);-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAzIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMgMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGVudGFncmFtIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNOC4xMTYyNiA4Ljc0NjA1QzExLjY5MiA4Ljc0NjA1IDEzLjc3NjMgNy4yNDkxNyAxMy43NzYzIDQuODU1MjJDMTMuNzc2MyAyLjQyODM2IDExLjc0OTkgMSA4LjExNjI2IDFIMFYxLjY1NDExTDEuNTA0IDEuNzE2NEMyLjQ1MTc5IDEuNzU0NjcgMi42NDkzNSAxLjk5OTQgMi42NDkzNSAyLjk5NzkyVjEzLjAwMDlDMi42NDkzNSAxMy45OTk0IDIuNDUxNzkgMTQuMjQ0MSAxLjUwNCAxNC4yODI0TDAgMTQuMzQ0N1YxNC45OTg4SDguMjkyNDdWMTQuMzQ0N0w2Ljc3OTU3IDE0LjI4MjRDNS44MzE3OCAxNC4yNDQxIDUuNjE1NTMgMTMuOTk5NCA1LjYxNTUzIDEzLjAwMDlWOC43NDUxNkw4LjExNjI2IDguNzQ2MDVaTTYuNTQyODUgMS42ODg4MUg4LjE0Mjk2QzEwLjA3MTUgMS42ODg4MSAxMC42MTcgMi42NzM5OCAxMC42MTcgNC44NTUyMkMxMC42MTcgNy4wMTc3OCAxMC4wNzU5IDguMDQ4MzMgOC4xNDc0MSA4LjA0ODMzSDUuNjE1NTNWMi43MTg0OEM1LjYxNTUzIDEuODk3OTUgNS43ODkwNyAxLjY4ODgxIDYuNTQyODUgMS42ODg4MVoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIyLjcyNjQgMTAuMTI0N0MyMi42OTI2IDcuMTg3OTEgMjAuOTUzNyA1LjA4MDUzIDE4LjMzNjMgNS4wODA1M0MxNy43OTUzIDUuMDgwNTMgMTcuMjY0OSA1LjIwOTU3IDE2Ljc1NCA1LjQzOTE4QzE1LjEwNjggNi4xNzk2MSAxMy42NDM3IDcuOTk1OTggMTMuNjQzNyAxMC4xODk3QzEzLjY0MzcgMTMuMTMwOSAxNS44NzAzIDE1LjI4OSAxOC42NTE0IDE1LjI4OUMyMC45NzI0IDE1LjI4OSAyMi40NzM3IDEzLjg2MzQgMjIuNjg5OSAxMS4yNzk5SDIyLjA1OTlDMjEuODQzNiAxMy40ODg3IDIwLjY3NDIgMTQuNjg2NiAxOC43NzQyIDE0LjY4NjZDMTcuOTY0NCAxNC42ODY2IDE3LjU4NyAxNC40Nzc0IDE3LjIyMzkgMTQuMDQ0QzE2LjczNzEgMTMuNDYyOSAxNi40NDA4IDEyLjAzNzIgMTYuNDQwOCAxMC4xMjU2VjEwLjEyMzhMMjIuNzI2NCAxMC4xMjQ3Wk0xNy4xMjI1IDYuMTQ0OUMxNy4zOTM5IDUuODExMTcgMTcuNzkxNyA1LjY1MzY2IDE4LjMzNTUgNS42NTM2NkMxOC45MDc3IDUuNjUzNjYgMTkuMzAwMiA1LjgxODI5IDE5LjU0NzYgNi4xNjM1OUMxOS44NTgxIDYuNTk3ODggMTkuOTU2OSA3LjYzMDIxIDE5Ljk2MzIgOS41NzIwN0gxNi40NDUyQzE2LjQ3MTkgNy41MjYwOSAxNi43MDY5IDYuNjU2NjIgMTcuMTIyNSA2LjE0NDlaIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0zMy42MDU5IDEzLjMzODNWNy44ODI5NkMzMy42MDU5IDYuMDI3NDMgMzIuNTQ5NiA1LjA3OTY0IDMwLjYwNTEgNS4wNzk2NEMyOS4wMDY3IDUuMDc5NjQgMjcuOTc5NyA1Ljg5MTI3IDI3LjUxODcgNy41MDkxOEgyNy4zNzk5TDI3LjM4OTcgNS4xODE5OUMyNS45NjMxIDUuMjczNjUgMjQuNTUyNiA1LjM1MTA3IDIzLjA2NjQgNS4zNjg4N1Y1Ljk3MTM2TDIzLjg3NjIgNi4wMDk2M0MyNC43MTU0IDYuMDQ3OSAyNS4wMDQ3IDYuMzgzNDEgMjUuMDA0NyA3LjMwMDA1VjEzLjMzODNDMjUuMDA0NyAxNC4wNTc0IDI0LjgwNzEgMTQuMzM1IDI0LjA5MjUgMTQuMzY4OEwyMy4xODY1IDE0LjM5MjlWMTQuOTk5OEgyOS4wNTNWMTQuMzkyOUwyOC4zMzY2IDE0LjM2ODhDMjcuNzI1MiAxNC4zMzUgMjcuNTcxMyAxNC4wNDIyIDI3LjU3MTMgMTMuMzcyMVYxMC4yNjE4QzI3LjU3MTMgOC41NjAyIDI3Ljg5NzkgNy4zOTA4MiAyOC4zNDM3IDYuNzM1ODJDMjguNjg0NiA2LjIzNTY4IDI5LjE5NTQgNS45MTA4NSAyOS44Mjk5IDUuOTEwODVDMzAuNjQ2IDUuOTEwODUgMzEuMDQwMiA2LjMwODY1IDMxLjA0MDIgNy4zMjQwN1YxMy4zNzEyQzMxLjA0MDIgMTQuMDQxMyAzMC44NjIzIDE0LjMzNDEgMzAuMjU5OCAxNC4zNjhMMjkuNTQzNCAxNC4zOTJWMTQuOTk4OUgzNS40MTk2VjE0LjM5MkwzNC41MTM3IDE0LjM2OEMzMy43OTAyIDE0LjMzNDEgMzMuNjA1OSAxNC4wNTc0IDMzLjYwNTkgMTMuMzM4M1oiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTQxLjkxOCAxMS42OTY0QzQxLjg0NzcgMTMuNTAyOSA0MS42MzU5IDE0LjQ3OTIgNDAuNDU2NyAxNC40NzkyQzM5LjU5NzkgMTQuNDc5MiAzOS4yNzA0IDE0LjIyODIgMzkuMjcwNCAxMi44MDYxVjYuMTE2NDNINDIuMjlWNS4zNjg4OEgzOS4yNzA0VjEuMjUyOUgzOC42OTQ2QzM4LjQ0NzIgMy4zNDI0OCAzNy41NzYgNS4xMjg1OSAzNS4wNTQ4IDUuNTM2MTlWNi4xMTY0M0gzNi42N1YxMi41MTc4QzM2LjY3IDEzLjU1MjggMzYuOTUwNCAxNC4yMjI5IDM3LjQzOTggMTQuNjUxQzM3Ljk2MDQgMTUuMTA1NyAzOC43MTk2IDE1LjI4OTEgMzkuNjYyIDE1LjI4OTFDNDIuMTE2NSAxNS4yODkxIDQyLjQ1MiAxNC4wMzI1IDQyLjUzMDMgMTEuNzM1NUM0Mi41NDU0IDExLjMxNTUgNDIuNTQ1NCAxMC43ODMzIDQyLjU0NTQgMTAuMzc4NEg0MS45MzMxQzQxLjkzMzEgMTAuNzgzMyA0MS45MzQ5IDExLjI2MTIgNDEuOTE4IDExLjY5NjRaIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik01My4yMjI5IDEzLjAzNDhDNTMuMDkwMyAxNC4wODY3IDUyLjc4MDYgMTQuNDY5NCA1Mi4zMzMgMTQuNDY5NEM1MS45MjM2IDE0LjQ2OTQgNTEuNjk2NyAxNC4zMTYzIDUxLjY5NjcgMTMuNTY0M1Y3Ljc0MTQ2QzUxLjY5NjcgNS45ODExNSA1MC4xMzQ4IDUuMDgwNTMgNDcuNTY1NiA1LjA4MDUzQzQ1LjQ5ODIgNS4wODA1MyA0My43MjEgNi4yNzMwNSA0My43MjEgNy43Njk5M0M0My43MjEgOC42MzE0IDQ0LjIyNjUgOS4yNTc5MiA0NS4wMjkyIDkuMjU3OTJDNDUuODUyNCA5LjI1NzkyIDQ2LjMyNDEgOC43MTk1IDQ2LjMyNDEgOC4wNjk4NUM0Ni4zMjQxIDcuNjI0ODcgNDYuMjE1NSA3LjQwOTUxIDQ1Ljg3OTEgNy4wNTUzMUM0NS42MjM3IDYuNzg1NjYgNDUuNDExOSA2LjYzMjU5IDQ1LjQxMTkgNi40Mzg1OEM0NS40MTE5IDYuMjY1MDQgNDUuNjA1OSA2LjEwOTMxIDQ1Ljg5ODcgNS45NzU4MUM0Ni4yMzQyIDUuODIyNzQgNDYuNzU1NyA1LjY3OTQ2IDQ3LjM2NDQgNS42Nzk0NkM0OC42OTQ5IDUuNjc5NDYgNDkuMTQ2MSA2LjAwNjA3IDQ5LjE0NjEgNy4yODg0OFY4Ljg4MjM2QzQ4LjM4NjEgOS4yNjc3MSA0Ny4yODcgOS42ODg2NSA0Ni4yNjU0IDEwLjAyNjhDNDQuNDc4NCAxMC42MTg2IDQzLjQyMDIgMTEuMzUwMiA0My40MjAyIDEyLjg4MThDNDMuNDIwMiAxNC4zMjk3IDQ0LjQxNDMgMTUuMjkwOCA0Ni4zMjMyIDE1LjI5MDhDNDcuNzg4OSAxNS4yOTA4IDQ4Ljg0NzEgMTQuNTEyMSA0OS4yNzUxIDEzLjExMjNWMTMuMzMxMkM0OS4yNzUxIDE0LjU4NiA0OS44NTM2IDE1LjI5MDggNTEuNDAwMyAxNS4yOTA4QzUzLjAzMTYgMTUuMjkwOCA1My42MzA1IDE0LjY1MSA1My44MzE2IDEzLjE0NjFDNTMuOTAwMiAxMi42Mjk5IDUzLjk0MDIgMTIuMDA0MyA1My45NDAyIDExLjExOTdINTMuMzMyNEM1My4zMzI0IDExLjk2NTEgNTMuMjgzNCAxMi41NjQgNTMuMjIzOCAxMy4wMzU3TDUzLjIyMjkgMTMuMDM0OFpNNDguNDA2NiAxMy43NDMyQzQ4LjEwMjIgMTQuMjIzOCA0Ny41NjI5IDE0LjU3MjYgNDYuOTQyNiAxNC41NzI2QzQ2LjU2MTcgMTQuNTcyNiA0Ni4zMTA3IDE0LjQyNzYgNDYuMTQ0MyAxNC4wNzI1QzQ1Ljk5NDggMTMuNzUzIDQ1LjkyNDUgMTMuMzE2IDQ1LjkyNDUgMTIuNjA1OUM0NS45MjQ1IDExLjk4NzQgNDYuMDI4NiAxMS41MjQ2IDQ2LjI2OTggMTEuMTMxMkM0Ni40OTY3IDEwLjc2MTkgNDYuOTEzMiAxMC40NDI0IDQ3LjU0MjQgMTAuMTg3OUM0Ny45NjM0IDEwLjAxNzkgNDguNjI4MiA5LjcxNTM1IDQ5LjE0NDMgOS40MzY3OVYxMS4yOTU5QzQ5LjE0NDMgMTIuMjAzNiA0OC43OTcyIDEzLjEyNjUgNDguNDA2NiAxMy43NDMyWiIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNjEuNzYwMSA0LjU5MzcxQzYxLjc2MDEgNS4yMTA0NCA2Mi4yMTIyIDUuNTc3MSA2Mi44Mjk4IDUuNTc3MUM2My41MzkxIDUuNTc3MSA2My45NTEyIDUuMTAyNzYgNjMuOTUxMiA0LjM0MTg2QzYzLjk1MTIgMy40Mjc4OSA2My4wOTg2IDIuODE4MjggNjIuMDUxMSAyLjgxODI4QzYxLjAxODggMi44MTgyOCA2MC4xNDkzIDMuNDM0MTIgNjAuMTQ5MyA0LjUyNTE5QzYwLjE0OTMgNC44MDEwNyA2MC4yMjIzIDUuMDQ3NTggNjAuMzM4IDUuMjcwMDdDNTkuOTEyNiA1LjE0ODE1IDU5LjQ2NzYgNS4wODA1MSA1OS4wMjI3IDUuMDgwNTFDNTYuODg2OCA1LjA4MDUxIDU0Ljk0NSA2LjQ2NzA0IDU0Ljk0NSA4LjQyNjY5QzU0Ljk0NSA5LjYwMTQxIDU1LjYyOTMgMTAuNTQ3NCA1Ni42Mzg1IDExLjEyNTlWMTEuMTczOUM1NS4yNTI5IDExLjM1MjggNTQuNjAyMyAxMi4wNzI4IDU0LjYwMjMgMTMuMjU0NkM1NC42MDIzIDE0LjM3NTkgNTUuMzQ4MSAxNC45MjQxIDU2LjM0NjYgMTUuMTcxNlYxNS4zMDVDNTUuMTk2OCAxNS41NzgzIDU0LjIzMyAxNi4xNTQ5IDU0LjIzMyAxNy4wMjg5QzU0LjIzMyAxOC4yNTUyIDU1LjkxMjMgMTkuMTA1MSA1OC42ODU0IDE5LjEwNTFDNjIuMTIyMyAxOS4xMDUxIDYzLjgwMDggMTcuNzY1NyA2My44MDA4IDE1LjU0OEM2My44MDA4IDEzLjg3MjIgNjIuNzQgMTIuOTc4NyA2MC44NDc5IDEyLjk3ODdDNTkuNzcxMSAxMi45Nzg3IDU3LjkxODMgMTMuMDU3MSA1Ni42OTM3IDEzLjA1NzFDNTUuOTcxMSAxMy4wNTcxIDU1LjU5OTEgMTIuOTE5MSA1NS41OTkxIDEyLjM3MThDNTUuNTk5MSAxMS44NjQ1IDU2LjA2NDUgMTEuNTczNSA1Ni44OTIyIDExLjU3MzVDNTcuNDI4OCAxMS41NzM1IDU4LjA3ODQgMTEuNzQyNiA1OS4wMjE4IDExLjc0MjZDNjEuMTc4MSAxMS43NDI2IDYzLjA4NDQgMTAuMzk3IDYzLjA4NDQgOC40MjU4QzYzLjA4NDQgNy4yNzU5OSA2Mi4zOTkxIDYuMzA4NjMgNjEuNDE3NSA1LjcyMzA1QzYxLjAxMzUgNS40ODE4NyA2MC43MzY3IDUuMDI4ODkgNjAuNzM2NyA0LjU2NjEyQzYwLjczNjcgMy44MTU5IDYxLjE2NjUgMy4zMzM1NiA2MS45NzEgMy4zMzM1NkM2Mi4xOTE4IDMuMzMzNTYgNjIuMjg4NyAzLjQwMDMgNjIuMjg4NyAzLjUxNTk5QzYyLjI4ODcgMy42MjcyNCA2Mi4xNjg2IDMuNzQwMjYgNjIuMDU1NiAzLjg3Mzc1QzYxLjg3NCA0LjA4ODIzIDYxLjc2MDEgNC4yNjYyMSA2MS43NjAxIDQuNTkzNzFaTTYwLjgxMTUgMTUuMzA4NkM2Mi4xNjI0IDE1LjMwODYgNjIuNzA0NCAxNS42MjE5IDYyLjcwNDQgMTYuNTExOEM2Mi43MDQ0IDE3LjcwODggNjEuMTg3IDE4LjU0OCA1OC43MTkyIDE4LjU0OEM1Ni43ODU0IDE4LjU0OCA1NS42NDYyIDE4LjA0MzQgNTUuNjQ2MiAxNi45NTMyQzU1LjY0NjIgMTUuODc0NiA1Ni42NzY4IDE1LjQ1MSA1Ny45NDA1IDE1LjM1ODRDNTcuOTM2OSAxNS4zNTU4IDU3LjkyNzEgMTUuMzUyMiA1Ny45MjI3IDE1LjM0OTVDNTguNzM4OCAxNS4yODM3IDYwLjAyMzkgMTUuMzA3NyA2MC44MTIzIDE1LjMwNzdMNjAuODExNSAxNS4zMDg2Wk01OS45Mjg2IDEwLjk0MzRDNTkuNzA0NCAxMS4xNDAxIDU5LjQ0NTQgMTEuMjM4OSA1OS4wMjI3IDExLjIzODlDNTguNTgwNCAxMS4yMzg5IDU4LjMyNTggMTEuMTQ0NiA1OC4wOTcxIDEwLjk0MzRDNTcuNzc4NSAxMC42NjQ5IDU3LjUzNDcgOS45NjE4NCA1Ny41MzQ3IDguNDI2NjlDNTcuNTM0NyA2Ljg3NjQxIDU3Ljc3MjMgNi4xNzA2OSA1OC4wOTcxIDUuODk0ODFDNTguMzIxNCA1LjcwNDM2IDU4LjU4MDQgNS41OTkzNSA1OS4wMjI3IDUuNTk5MzVDNTkuNDQ1NCA1LjU5OTM1IDU5LjcxOTUgNS43MDc5MiA1OS45NDM4IDUuODk5MjZDNjAuMjY4NiA2LjE3NTE0IDYwLjQ5NTUgNi44NzY0MSA2MC40OTU1IDguNDI2NjlDNjAuNDk1NSA5Ljk2MTg0IDYwLjI1MTcgMTAuNjYwNCA1OS45Mjg2IDEwLjk0MzRaIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik03MS41MTEyIDUuMDk0OEM3MC40MDg2IDUuMDk0OCA2OS4zNzI3IDUuODg0MTggNjguODY3MiA3LjY1NTE3SDY4LjczMUw2OC43Mjg0IDUuMTgyOTFDNjcuMzAxOCA1LjI3NDU3IDY1LjgxMiA1LjM1MiA2NC4zNDEgNS4zNjk4VjUuOTg2NTNMNjUuMTM1NyA2LjAyNDc5QzY1Ljk3NDkgNi4wNjMwNiA2Ni4yNjQxIDYuMzk4NTcgNjYuMjY0MSA3LjMwMDA4VjEzLjMzODNDNjYuMjY0MSAxNC4wNTc0IDY2LjA2NjYgMTQuMzM1MSA2NS4zNTE5IDE0LjM2ODlMNjQuNDI2NCAxNC4zOTI5VjE0Ljk5OThINzAuNzI1NFYxNC4zOTI5TDY5LjczMzEgMTQuMzY4OUM2OS4wMTg1IDE0LjMzNTEgNjguODI5OCAxNC4wNTc0IDY4LjgyOTggMTMuMzQyOFYxMS4zMjg4QzY4LjgyOTggOS43ODY1NyA2OS4wMjEyIDguMzI3MDcgNjkuNDM5NCA3LjM2ODZDNjkuNzgyMSA2LjU3NjU2IDcwLjM4NzIgNS43MTA2NCA3MS4yOTMyIDUuNzEwNjRDNzEuNjE4IDUuNzEwNjQgNzEuNzQ5NyA1Ljg2MTkzIDcxLjc0OTcgNS45OTI3NkM3MS43NDk3IDYuMTMzMzcgNzEuNTg4NyA2LjI1MTczIDcxLjM5MiA2LjQ4ODQ1QzcxLjE5OCA2LjcyMjUxIDcwLjk2MyA3LjA4NDcxIDcwLjk2MyA3LjUyMDc4QzcwLjk2MyA4LjIwODcxIDcxLjQzMjkgOC43NTMzNSA3Mi4zMzA5IDguNzUzMzVDNzMuMjA1NyA4Ljc1MzM1IDczLjcxMjEgOC4xMDU0OCA3My43MTIxIDcuMTQyNTZDNzMuNzEyMSA2LjAxNSA3Mi45MjYyIDUuMDk1NjkgNzEuNTA5NCA1LjA5NTY5TDcxLjUxMTIgNS4wOTQ4WiIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNODQuMjA2MiAxMy4wMzQ4Qzg0LjA3MzYgMTQuMDg2NyA4My43NjM5IDE0LjQ2OTQgODMuMzE2MyAxNC40Njk0QzgyLjkwNjkgMTQuNDY5NCA4Mi42OCAxNC4zMTYzIDgyLjY4IDEzLjU2NDNWNy43NDE0NkM4Mi42OCA1Ljk4MTE1IDgxLjExODEgNS4wODA1MyA3OC41NDg5IDUuMDgwNTNDNzYuNDgxNSA1LjA4MDUzIDc0LjcwNDMgNi4yNzMwNSA3NC43MDQzIDcuNzY5OTNDNzQuNzA0MyA4LjYzMTQgNzUuMjA5OCA5LjI1NzkyIDc2LjAxMjUgOS4yNTc5MkM3Ni44MzU3IDkuMjU3OTIgNzcuMzA3NCA4LjcxOTUgNzcuMzA3NCA4LjA2OTg1Qzc3LjMwNzQgNy42MjQ4NyA3Ny4xOTg4IDcuNDA5NTEgNzYuODYyNCA3LjA1NTMxQzc2LjYwNyA2Ljc4NTY2IDc2LjM5NTIgNi42MzI1OSA3Ni4zOTUyIDYuNDM4NThDNzYuMzk1MiA2LjI2NTA0IDc2LjU4OTIgNi4xMDkzMSA3Ni44ODIgNS45NzU4MUM3Ny4yMTc1IDUuODIyNzQgNzcuNzM5IDUuNjc5NDYgNzguMzQ3OCA1LjY3OTQ2Qzc5LjY3ODIgNS42Nzk0NiA4MC4xMjk0IDYuMDA2MDcgODAuMTI5NCA3LjI4ODQ4VjguODgyMzZDNzkuMzY5NCA5LjI2NzcxIDc4LjI3MDMgOS42ODg2NSA3Ny4yNDg3IDEwLjAyNjhDNzUuNDYxNyAxMC42MTg2IDc0LjQwMzUgMTEuMzUwMiA3NC40MDM1IDEyLjg4MThDNzQuNDAzNSAxNC4zMjk3IDc1LjM5NzYgMTUuMjkwOCA3Ny4zMDY1IDE1LjI5MDhDNzguNzcyMyAxNS4yOTA4IDc5LjgzMDQgMTQuNTEyMSA4MC4yNTg1IDEzLjExMjNWMTMuMzMxMkM4MC4yNTg1IDE0LjU4NiA4MC44MzY5IDE1LjI5MDggODIuMzgzNiAxNS4yOTA4Qzg0LjAxNDkgMTUuMjkwOCA4NC42MTM4IDE0LjY1MSA4NC44MTUgMTMuMTQ2MUM4NC44ODM1IDEyLjYyOTkgODQuOTIzNSAxMi4wMDQzIDg0LjkyMzUgMTEuMTE5N0g4NC4zMTU3Qzg0LjMxNTcgMTEuOTY1MSA4NC4yNjY3IDEyLjU2NCA4NC4yMDcxIDEzLjAzNTdMODQuMjA2MiAxMy4wMzQ4Wk03OS4zODk5IDEzLjc0MzJDNzkuMDg1NSAxNC4yMjM4IDc4LjU0NjIgMTQuNTcyNiA3Ny45MjU5IDE0LjU3MjZDNzcuNTQ1IDE0LjU3MjYgNzcuMjk0MSAxNC40Mjc2IDc3LjEyNzYgMTQuMDcyNUM3Ni45NzgxIDEzLjc1MyA3Ni45MDc4IDEzLjMxNiA3Ni45MDc4IDEyLjYwNTlDNzYuOTA3OCAxMS45ODc0IDc3LjAxMTkgMTEuNTI0NiA3Ny4yNTMxIDExLjEzMTJDNzcuNDgwMSAxMC43NjE5IDc3Ljg5NjYgMTAuNDQyNCA3OC41MjU3IDEwLjE4NzlDNzguOTQ2NyAxMC4wMTc5IDc5LjYxMTUgOS43MTUzNSA4MC4xMjc2IDkuNDM2NzlWMTEuMjk1OUM4MC4xMjc2IDEyLjIwMzYgNzkuNzgwNiAxMy4xMjY1IDc5LjM4OTkgMTMuNzQzMloiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwMi4wOTQgMTQuMzY5N0MxMDEuMzc5IDE0LjMzNTkgMTAxLjE4NiAxNC4wNTgzIDEwMS4xODYgMTMuMzM5MlY3Ljk4MTc0QzEwMS4xODYgNi4xMjE3NiAxMDAuMjk0IDUuMDgwNTMgOTguMjI1NSA1LjA4MDUzQzk2LjYzODcgNS4wODA1MyA5NS42Njg3IDUuODgzMjYgOTUuMjI1NSA3LjUxMDA3SDk1LjEwNDRDOTQuOTgwNyA1Ljk1MTc5IDk0LjIxNDUgNS4wODA1MyA5Mi4zMjc4IDUuMDgwNTNDOTAuNzQxMSA1LjA4MDUzIDg5Ljc3MSA1Ljg4MzI2IDg5LjMyNzggNy41MTAwN0g4OS4xOTYxTDg5LjIwNTkgNS4xODI4OEM4Ny43NzQ5IDUuMjc0NTQgODYuMzc3NyA1LjM1MTk3IDg0Ljg4MjYgNS4zNjk3NlY1Ljk3MjI1TDg1LjY5MjQgNi4wMTA1MkM4Ni41MzE2IDYuMDQ4NzkgODYuODIwOSA2LjM4NDMgODYuODIwOSA3LjMwMDk0VjEzLjMzOTJDODYuODIwOSAxNC4wNTgzIDg2LjYyMzMgMTQuMzM1OSA4NS45MDg3IDE0LjM2OTdMODUuMDAyNyAxNC4zOTM4VjE1LjAwMDdIOTAuODQ1MlYxNC4zOTM4TDkwLjE0ODQgMTQuMzY5N0M4OS41NDE0IDE0LjMzNTkgODkuMzg3NSAxNC4wNDMxIDg5LjM4NzUgMTMuMzc3NVYxMC4zODU1Qzg5LjM4NzUgOC42Nzk0NSA4OS42NzU4IDcuNDIyODYgOTAuMTQyMSA2Ljc1MTg0QzkwLjQ5MDEgNi4yNTI1OSA5MC45NTY0IDUuOTEyNjMgOTEuNTc2NyA1LjkxMjYzQzkyLjM4ODMgNS45MTI2MyA5Mi43MTg1IDYuMzE0ODggOTIuNzE4NSA3LjMyMTRWMTMuMzc3NUM5Mi43MTg1IDE0LjA0MzEgOTIuNTUxMiAxNC4zMzU5IDkxLjk1MzIgMTQuMzY5N0w5MS4yNjk3IDE0LjM5MzhWMTUuMDAwN0g5Ni43Mjk1VjE0LjM5MzhMOTYuMDQ2IDE0LjM2OTdDOTUuNDQ4IDE0LjMzNTkgOTUuMjg1MSAxNC4wNDMxIDk1LjI4NTEgMTMuMzc3NVYxMC4zODU1Qzk1LjI4NTEgOC42Nzk0NSA5NS41Nzk3IDcuNDI3MzEgOTYuMDM5OCA2Ljc1MTg0Qzk2LjM3NzEgNi4yNTUyNiA5Ni44NTg1IDUuOTEyNjMgOTcuNDc0MyA1LjkxMjYzQzk4LjI4NiA1LjkxMjYzIDk4LjYxNjEgNi4zMTQ4OCA5OC42MTYxIDcuMzIxNFYxMy4zNzc1Qzk4LjYxNjEgMTQuMDQzMSA5OC40NDg4IDE0LjMzNTkgOTcuODU1MiAxNC4zNjk3TDk3LjE3MTggMTQuMzkzOFYxNS4wMDA3SDEwMy4wMDFWMTQuMzkzOEwxMDIuMDk0IDE0LjM2OTdaIi8+PC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAzIiBoZWlnaHQ9IjIwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDMgMjAiIHJvbGU9ImltZyIgYXJpYS1sYWJlbD0iUGVudGFncmFtIj48cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNOC4xMTYyNiA4Ljc0NjA1QzExLjY5MiA4Ljc0NjA1IDEzLjc3NjMgNy4yNDkxNyAxMy43NzYzIDQuODU1MjJDMTMuNzc2MyAyLjQyODM2IDExLjc0OTkgMSA4LjExNjI2IDFIMFYxLjY1NDExTDEuNTA0IDEuNzE2NEMyLjQ1MTc5IDEuNzU0NjcgMi42NDkzNSAxLjk5OTQgMi42NDkzNSAyLjk5NzkyVjEzLjAwMDlDMi42NDkzNSAxMy45OTk0IDIuNDUxNzkgMTQuMjQ0MSAxLjUwNCAxNC4yODI0TDAgMTQuMzQ0N1YxNC45OTg4SDguMjkyNDdWMTQuMzQ0N0w2Ljc3OTU3IDE0LjI4MjRDNS44MzE3OCAxNC4yNDQxIDUuNjE1NTMgMTMuOTk5NCA1LjYxNTUzIDEzLjAwMDlWOC43NDUxNkw4LjExNjI2IDguNzQ2MDVaTTYuNTQyODUgMS42ODg4MUg4LjE0Mjk2QzEwLjA3MTUgMS42ODg4MSAxMC42MTcgMi42NzM5OCAxMC42MTcgNC44NTUyMkMxMC42MTcgNy4wMTc3OCAxMC4wNzU5IDguMDQ4MzMgOC4xNDc0MSA4LjA0ODMzSDUuNjE1NTNWMi43MTg0OEM1LjYxNTUzIDEuODk3OTUgNS43ODkwNyAxLjY4ODgxIDYuNTQyODUgMS42ODg4MVoiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTIyLjcyNjQgMTAuMTI0N0MyMi42OTI2IDcuMTg3OTEgMjAuOTUzNyA1LjA4MDUzIDE4LjMzNjMgNS4wODA1M0MxNy43OTUzIDUuMDgwNTMgMTcuMjY0OSA1LjIwOTU3IDE2Ljc1NCA1LjQzOTE4QzE1LjEwNjggNi4xNzk2MSAxMy42NDM3IDcuOTk1OTggMTMuNjQzNyAxMC4xODk3QzEzLjY0MzcgMTMuMTMwOSAxNS44NzAzIDE1LjI4OSAxOC42NTE0IDE1LjI4OUMyMC45NzI0IDE1LjI4OSAyMi40NzM3IDEzLjg2MzQgMjIuNjg5OSAxMS4yNzk5SDIyLjA1OTlDMjEuODQzNiAxMy40ODg3IDIwLjY3NDIgMTQuNjg2NiAxOC43NzQyIDE0LjY4NjZDMTcuOTY0NCAxNC42ODY2IDE3LjU4NyAxNC40Nzc0IDE3LjIyMzkgMTQuMDQ0QzE2LjczNzEgMTMuNDYyOSAxNi40NDA4IDEyLjAzNzIgMTYuNDQwOCAxMC4xMjU2VjEwLjEyMzhMMjIuNzI2NCAxMC4xMjQ3Wk0xNy4xMjI1IDYuMTQ0OUMxNy4zOTM5IDUuODExMTcgMTcuNzkxNyA1LjY1MzY2IDE4LjMzNTUgNS42NTM2NkMxOC45MDc3IDUuNjUzNjYgMTkuMzAwMiA1LjgxODI5IDE5LjU0NzYgNi4xNjM1OUMxOS44NTgxIDYuNTk3ODggMTkuOTU2OSA3LjYzMDIxIDE5Ljk2MzIgOS41NzIwN0gxNi40NDUyQzE2LjQ3MTkgNy41MjYwOSAxNi43MDY5IDYuNjU2NjIgMTcuMTIyNSA2LjE0NDlaIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik0zMy42MDU5IDEzLjMzODNWNy44ODI5NkMzMy42MDU5IDYuMDI3NDMgMzIuNTQ5NiA1LjA3OTY0IDMwLjYwNTEgNS4wNzk2NEMyOS4wMDY3IDUuMDc5NjQgMjcuOTc5NyA1Ljg5MTI3IDI3LjUxODcgNy41MDkxOEgyNy4zNzk5TDI3LjM4OTcgNS4xODE5OUMyNS45NjMxIDUuMjczNjUgMjQuNTUyNiA1LjM1MTA3IDIzLjA2NjQgNS4zNjg4N1Y1Ljk3MTM2TDIzLjg3NjIgNi4wMDk2M0MyNC43MTU0IDYuMDQ3OSAyNS4wMDQ3IDYuMzgzNDEgMjUuMDA0NyA3LjMwMDA1VjEzLjMzODNDMjUuMDA0NyAxNC4wNTc0IDI0LjgwNzEgMTQuMzM1IDI0LjA5MjUgMTQuMzY4OEwyMy4xODY1IDE0LjM5MjlWMTQuOTk5OEgyOS4wNTNWMTQuMzkyOUwyOC4zMzY2IDE0LjM2ODhDMjcuNzI1MiAxNC4zMzUgMjcuNTcxMyAxNC4wNDIyIDI3LjU3MTMgMTMuMzcyMVYxMC4yNjE4QzI3LjU3MTMgOC41NjAyIDI3Ljg5NzkgNy4zOTA4MiAyOC4zNDM3IDYuNzM1ODJDMjguNjg0NiA2LjIzNTY4IDI5LjE5NTQgNS45MTA4NSAyOS44Mjk5IDUuOTEwODVDMzAuNjQ2IDUuOTEwODUgMzEuMDQwMiA2LjMwODY1IDMxLjA0MDIgNy4zMjQwN1YxMy4zNzEyQzMxLjA0MDIgMTQuMDQxMyAzMC44NjIzIDE0LjMzNDEgMzAuMjU5OCAxNC4zNjhMMjkuNTQzNCAxNC4zOTJWMTQuOTk4OUgzNS40MTk2VjE0LjM5MkwzNC41MTM3IDE0LjM2OEMzMy43OTAyIDE0LjMzNDEgMzMuNjA1OSAxNC4wNTc0IDMzLjYwNTkgMTMuMzM4M1oiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTQxLjkxOCAxMS42OTY0QzQxLjg0NzcgMTMuNTAyOSA0MS42MzU5IDE0LjQ3OTIgNDAuNDU2NyAxNC40NzkyQzM5LjU5NzkgMTQuNDc5MiAzOS4yNzA0IDE0LjIyODIgMzkuMjcwNCAxMi44MDYxVjYuMTE2NDNINDIuMjlWNS4zNjg4OEgzOS4yNzA0VjEuMjUyOUgzOC42OTQ2QzM4LjQ0NzIgMy4zNDI0OCAzNy41NzYgNS4xMjg1OSAzNS4wNTQ4IDUuNTM2MTlWNi4xMTY0M0gzNi42N1YxMi41MTc4QzM2LjY3IDEzLjU1MjggMzYuOTUwNCAxNC4yMjI5IDM3LjQzOTggMTQuNjUxQzM3Ljk2MDQgMTUuMTA1NyAzOC43MTk2IDE1LjI4OTEgMzkuNjYyIDE1LjI4OTFDNDIuMTE2NSAxNS4yODkxIDQyLjQ1MiAxNC4wMzI1IDQyLjUzMDMgMTEuNzM1NUM0Mi41NDU0IDExLjMxNTUgNDIuNTQ1NCAxMC43ODMzIDQyLjU0NTQgMTAuMzc4NEg0MS45MzMxQzQxLjkzMzEgMTAuNzgzMyA0MS45MzQ5IDExLjI2MTIgNDEuOTE4IDExLjY5NjRaIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik01My4yMjI5IDEzLjAzNDhDNTMuMDkwMyAxNC4wODY3IDUyLjc4MDYgMTQuNDY5NCA1Mi4zMzMgMTQuNDY5NEM1MS45MjM2IDE0LjQ2OTQgNTEuNjk2NyAxNC4zMTYzIDUxLjY5NjcgMTMuNTY0M1Y3Ljc0MTQ2QzUxLjY5NjcgNS45ODExNSA1MC4xMzQ4IDUuMDgwNTMgNDcuNTY1NiA1LjA4MDUzQzQ1LjQ5ODIgNS4wODA1MyA0My43MjEgNi4yNzMwNSA0My43MjEgNy43Njk5M0M0My43MjEgOC42MzE0IDQ0LjIyNjUgOS4yNTc5MiA0NS4wMjkyIDkuMjU3OTJDNDUuODUyNCA5LjI1NzkyIDQ2LjMyNDEgOC43MTk1IDQ2LjMyNDEgOC4wNjk4NUM0Ni4zMjQxIDcuNjI0ODcgNDYuMjE1NSA3LjQwOTUxIDQ1Ljg3OTEgNy4wNTUzMUM0NS42MjM3IDYuNzg1NjYgNDUuNDExOSA2LjYzMjU5IDQ1LjQxMTkgNi40Mzg1OEM0NS40MTE5IDYuMjY1MDQgNDUuNjA1OSA2LjEwOTMxIDQ1Ljg5ODcgNS45NzU4MUM0Ni4yMzQyIDUuODIyNzQgNDYuNzU1NyA1LjY3OTQ2IDQ3LjM2NDQgNS42Nzk0NkM0OC42OTQ5IDUuNjc5NDYgNDkuMTQ2MSA2LjAwNjA3IDQ5LjE0NjEgNy4yODg0OFY4Ljg4MjM2QzQ4LjM4NjEgOS4yNjc3MSA0Ny4yODcgOS42ODg2NSA0Ni4yNjU0IDEwLjAyNjhDNDQuNDc4NCAxMC42MTg2IDQzLjQyMDIgMTEuMzUwMiA0My40MjAyIDEyLjg4MThDNDMuNDIwMiAxNC4zMjk3IDQ0LjQxNDMgMTUuMjkwOCA0Ni4zMjMyIDE1LjI5MDhDNDcuNzg4OSAxNS4yOTA4IDQ4Ljg0NzEgMTQuNTEyMSA0OS4yNzUxIDEzLjExMjNWMTMuMzMxMkM0OS4yNzUxIDE0LjU4NiA0OS44NTM2IDE1LjI5MDggNTEuNDAwMyAxNS4yOTA4QzUzLjAzMTYgMTUuMjkwOCA1My42MzA1IDE0LjY1MSA1My44MzE2IDEzLjE0NjFDNTMuOTAwMiAxMi42Mjk5IDUzLjk0MDIgMTIuMDA0MyA1My45NDAyIDExLjExOTdINTMuMzMyNEM1My4zMzI0IDExLjk2NTEgNTMuMjgzNCAxMi41NjQgNTMuMjIzOCAxMy4wMzU3TDUzLjIyMjkgMTMuMDM0OFpNNDguNDA2NiAxMy43NDMyQzQ4LjEwMjIgMTQuMjIzOCA0Ny41NjI5IDE0LjU3MjYgNDYuOTQyNiAxNC41NzI2QzQ2LjU2MTcgMTQuNTcyNiA0Ni4zMTA3IDE0LjQyNzYgNDYuMTQ0MyAxNC4wNzI1QzQ1Ljk5NDggMTMuNzUzIDQ1LjkyNDUgMTMuMzE2IDQ1LjkyNDUgMTIuNjA1OUM0NS45MjQ1IDExLjk4NzQgNDYuMDI4NiAxMS41MjQ2IDQ2LjI2OTggMTEuMTMxMkM0Ni40OTY3IDEwLjc2MTkgNDYuOTEzMiAxMC40NDI0IDQ3LjU0MjQgMTAuMTg3OUM0Ny45NjM0IDEwLjAxNzkgNDguNjI4MiA5LjcxNTM1IDQ5LjE0NDMgOS40MzY3OVYxMS4yOTU5QzQ5LjE0NDMgMTIuMjAzNiA0OC43OTcyIDEzLjEyNjUgNDguNDA2NiAxMy43NDMyWiIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNNjEuNzYwMSA0LjU5MzcxQzYxLjc2MDEgNS4yMTA0NCA2Mi4yMTIyIDUuNTc3MSA2Mi44Mjk4IDUuNTc3MUM2My41MzkxIDUuNTc3MSA2My45NTEyIDUuMTAyNzYgNjMuOTUxMiA0LjM0MTg2QzYzLjk1MTIgMy40Mjc4OSA2My4wOTg2IDIuODE4MjggNjIuMDUxMSAyLjgxODI4QzYxLjAxODggMi44MTgyOCA2MC4xNDkzIDMuNDM0MTIgNjAuMTQ5MyA0LjUyNTE5QzYwLjE0OTMgNC44MDEwNyA2MC4yMjIzIDUuMDQ3NTggNjAuMzM4IDUuMjcwMDdDNTkuOTEyNiA1LjE0ODE1IDU5LjQ2NzYgNS4wODA1MSA1OS4wMjI3IDUuMDgwNTFDNTYuODg2OCA1LjA4MDUxIDU0Ljk0NSA2LjQ2NzA0IDU0Ljk0NSA4LjQyNjY5QzU0Ljk0NSA5LjYwMTQxIDU1LjYyOTMgMTAuNTQ3NCA1Ni42Mzg1IDExLjEyNTlWMTEuMTczOUM1NS4yNTI5IDExLjM1MjggNTQuNjAyMyAxMi4wNzI4IDU0LjYwMjMgMTMuMjU0NkM1NC42MDIzIDE0LjM3NTkgNTUuMzQ4MSAxNC45MjQxIDU2LjM0NjYgMTUuMTcxNlYxNS4zMDVDNTUuMTk2OCAxNS41NzgzIDU0LjIzMyAxNi4xNTQ5IDU0LjIzMyAxNy4wMjg5QzU0LjIzMyAxOC4yNTUyIDU1LjkxMjMgMTkuMTA1MSA1OC42ODU0IDE5LjEwNTFDNjIuMTIyMyAxOS4xMDUxIDYzLjgwMDggMTcuNzY1NyA2My44MDA4IDE1LjU0OEM2My44MDA4IDEzLjg3MjIgNjIuNzQgMTIuOTc4NyA2MC44NDc5IDEyLjk3ODdDNTkuNzcxMSAxMi45Nzg3IDU3LjkxODMgMTMuMDU3MSA1Ni42OTM3IDEzLjA1NzFDNTUuOTcxMSAxMy4wNTcxIDU1LjU5OTEgMTIuOTE5MSA1NS41OTkxIDEyLjM3MThDNTUuNTk5MSAxMS44NjQ1IDU2LjA2NDUgMTEuNTczNSA1Ni44OTIyIDExLjU3MzVDNTcuNDI4OCAxMS41NzM1IDU4LjA3ODQgMTEuNzQyNiA1OS4wMjE4IDExLjc0MjZDNjEuMTc4MSAxMS43NDI2IDYzLjA4NDQgMTAuMzk3IDYzLjA4NDQgOC40MjU4QzYzLjA4NDQgNy4yNzU5OSA2Mi4zOTkxIDYuMzA4NjMgNjEuNDE3NSA1LjcyMzA1QzYxLjAxMzUgNS40ODE4NyA2MC43MzY3IDUuMDI4ODkgNjAuNzM2NyA0LjU2NjEyQzYwLjczNjcgMy44MTU5IDYxLjE2NjUgMy4zMzM1NiA2MS45NzEgMy4zMzM1NkM2Mi4xOTE4IDMuMzMzNTYgNjIuMjg4NyAzLjQwMDMgNjIuMjg4NyAzLjUxNTk5QzYyLjI4ODcgMy42MjcyNCA2Mi4xNjg2IDMuNzQwMjYgNjIuMDU1NiAzLjg3Mzc1QzYxLjg3NCA0LjA4ODIzIDYxLjc2MDEgNC4yNjYyMSA2MS43NjAxIDQuNTkzNzFaTTYwLjgxMTUgMTUuMzA4NkM2Mi4xNjI0IDE1LjMwODYgNjIuNzA0NCAxNS42MjE5IDYyLjcwNDQgMTYuNTExOEM2Mi43MDQ0IDE3LjcwODggNjEuMTg3IDE4LjU0OCA1OC43MTkyIDE4LjU0OEM1Ni43ODU0IDE4LjU0OCA1NS42NDYyIDE4LjA0MzQgNTUuNjQ2MiAxNi45NTMyQzU1LjY0NjIgMTUuODc0NiA1Ni42NzY4IDE1LjQ1MSA1Ny45NDA1IDE1LjM1ODRDNTcuOTM2OSAxNS4zNTU4IDU3LjkyNzEgMTUuMzUyMiA1Ny45MjI3IDE1LjM0OTVDNTguNzM4OCAxNS4yODM3IDYwLjAyMzkgMTUuMzA3NyA2MC44MTIzIDE1LjMwNzdMNjAuODExNSAxNS4zMDg2Wk01OS45Mjg2IDEwLjk0MzRDNTkuNzA0NCAxMS4xNDAxIDU5LjQ0NTQgMTEuMjM4OSA1OS4wMjI3IDExLjIzODlDNTguNTgwNCAxMS4yMzg5IDU4LjMyNTggMTEuMTQ0NiA1OC4wOTcxIDEwLjk0MzRDNTcuNzc4NSAxMC42NjQ5IDU3LjUzNDcgOS45NjE4NCA1Ny41MzQ3IDguNDI2NjlDNTcuNTM0NyA2Ljg3NjQxIDU3Ljc3MjMgNi4xNzA2OSA1OC4wOTcxIDUuODk0ODFDNTguMzIxNCA1LjcwNDM2IDU4LjU4MDQgNS41OTkzNSA1OS4wMjI3IDUuNTk5MzVDNTkuNDQ1NCA1LjU5OTM1IDU5LjcxOTUgNS43MDc5MiA1OS45NDM4IDUuODk5MjZDNjAuMjY4NiA2LjE3NTE0IDYwLjQ5NTUgNi44NzY0MSA2MC40OTU1IDguNDI2NjlDNjAuNDk1NSA5Ljk2MTg0IDYwLjI1MTcgMTAuNjYwNCA1OS45Mjg2IDEwLjk0MzRaIi8+CiAgICAgICAgICAgIDxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Ik03MS41MTEyIDUuMDk0OEM3MC40MDg2IDUuMDk0OCA2OS4zNzI3IDUuODg0MTggNjguODY3MiA3LjY1NTE3SDY4LjczMUw2OC43Mjg0IDUuMTgyOTFDNjcuMzAxOCA1LjI3NDU3IDY1LjgxMiA1LjM1MiA2NC4zNDEgNS4zNjk4VjUuOTg2NTNMNjUuMTM1NyA2LjAyNDc5QzY1Ljk3NDkgNi4wNjMwNiA2Ni4yNjQxIDYuMzk4NTcgNjYuMjY0MSA3LjMwMDA4VjEzLjMzODNDNjYuMjY0MSAxNC4wNTc0IDY2LjA2NjYgMTQuMzM1MSA2NS4zNTE5IDE0LjM2ODlMNjQuNDI2NCAxNC4zOTI5VjE0Ljk5OThINzAuNzI1NFYxNC4zOTI5TDY5LjczMzEgMTQuMzY4OUM2OS4wMTg1IDE0LjMzNTEgNjguODI5OCAxNC4wNTc0IDY4LjgyOTggMTMuMzQyOFYxMS4zMjg4QzY4LjgyOTggOS43ODY1NyA2OS4wMjEyIDguMzI3MDcgNjkuNDM5NCA3LjM2ODZDNjkuNzgyMSA2LjU3NjU2IDcwLjM4NzIgNS43MTA2NCA3MS4yOTMyIDUuNzEwNjRDNzEuNjE4IDUuNzEwNjQgNzEuNzQ5NyA1Ljg2MTkzIDcxLjc0OTcgNS45OTI3NkM3MS43NDk3IDYuMTMzMzcgNzEuNTg4NyA2LjI1MTczIDcxLjM5MiA2LjQ4ODQ1QzcxLjE5OCA2LjcyMjUxIDcwLjk2MyA3LjA4NDcxIDcwLjk2MyA3LjUyMDc4QzcwLjk2MyA4LjIwODcxIDcxLjQzMjkgOC43NTMzNSA3Mi4zMzA5IDguNzUzMzVDNzMuMjA1NyA4Ljc1MzM1IDczLjcxMjEgOC4xMDU0OCA3My43MTIxIDcuMTQyNTZDNzMuNzEyMSA2LjAxNSA3Mi45MjYyIDUuMDk1NjkgNzEuNTA5NCA1LjA5NTY5TDcxLjUxMTIgNS4wOTQ4WiIvPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNODQuMjA2MiAxMy4wMzQ4Qzg0LjA3MzYgMTQuMDg2NyA4My43NjM5IDE0LjQ2OTQgODMuMzE2MyAxNC40Njk0QzgyLjkwNjkgMTQuNDY5NCA4Mi42OCAxNC4zMTYzIDgyLjY4IDEzLjU2NDNWNy43NDE0NkM4Mi42OCA1Ljk4MTE1IDgxLjExODEgNS4wODA1MyA3OC41NDg5IDUuMDgwNTNDNzYuNDgxNSA1LjA4MDUzIDc0LjcwNDMgNi4yNzMwNSA3NC43MDQzIDcuNzY5OTNDNzQuNzA0MyA4LjYzMTQgNzUuMjA5OCA5LjI1NzkyIDc2LjAxMjUgOS4yNTc5MkM3Ni44MzU3IDkuMjU3OTIgNzcuMzA3NCA4LjcxOTUgNzcuMzA3NCA4LjA2OTg1Qzc3LjMwNzQgNy42MjQ4NyA3Ny4xOTg4IDcuNDA5NTEgNzYuODYyNCA3LjA1NTMxQzc2LjYwNyA2Ljc4NTY2IDc2LjM5NTIgNi42MzI1OSA3Ni4zOTUyIDYuNDM4NThDNzYuMzk1MiA2LjI2NTA0IDc2LjU4OTIgNi4xMDkzMSA3Ni44ODIgNS45NzU4MUM3Ny4yMTc1IDUuODIyNzQgNzcuNzM5IDUuNjc5NDYgNzguMzQ3OCA1LjY3OTQ2Qzc5LjY3ODIgNS42Nzk0NiA4MC4xMjk0IDYuMDA2MDcgODAuMTI5NCA3LjI4ODQ4VjguODgyMzZDNzkuMzY5NCA5LjI2NzcxIDc4LjI3MDMgOS42ODg2NSA3Ny4yNDg3IDEwLjAyNjhDNzUuNDYxNyAxMC42MTg2IDc0LjQwMzUgMTEuMzUwMiA3NC40MDM1IDEyLjg4MThDNzQuNDAzNSAxNC4zMjk3IDc1LjM5NzYgMTUuMjkwOCA3Ny4zMDY1IDE1LjI5MDhDNzguNzcyMyAxNS4yOTA4IDc5LjgzMDQgMTQuNTEyMSA4MC4yNTg1IDEzLjExMjNWMTMuMzMxMkM4MC4yNTg1IDE0LjU4NiA4MC44MzY5IDE1LjI5MDggODIuMzgzNiAxNS4yOTA4Qzg0LjAxNDkgMTUuMjkwOCA4NC42MTM4IDE0LjY1MSA4NC44MTUgMTMuMTQ2MUM4NC44ODM1IDEyLjYyOTkgODQuOTIzNSAxMi4wMDQzIDg0LjkyMzUgMTEuMTE5N0g4NC4zMTU3Qzg0LjMxNTcgMTEuOTY1MSA4NC4yNjY3IDEyLjU2NCA4NC4yMDcxIDEzLjAzNTdMODQuMjA2MiAxMy4wMzQ4Wk03OS4zODk5IDEzLjc0MzJDNzkuMDg1NSAxNC4yMjM4IDc4LjU0NjIgMTQuNTcyNiA3Ny45MjU5IDE0LjU3MjZDNzcuNTQ1IDE0LjU3MjYgNzcuMjk0MSAxNC40Mjc2IDc3LjEyNzYgMTQuMDcyNUM3Ni45NzgxIDEzLjc1MyA3Ni45MDc4IDEzLjMxNiA3Ni45MDc4IDEyLjYwNTlDNzYuOTA3OCAxMS45ODc0IDc3LjAxMTkgMTEuNTI0NiA3Ny4yNTMxIDExLjEzMTJDNzcuNDgwMSAxMC43NjE5IDc3Ljg5NjYgMTAuNDQyNCA3OC41MjU3IDEwLjE4NzlDNzguOTQ2NyAxMC4wMTc5IDc5LjYxMTUgOS43MTUzNSA4MC4xMjc2IDkuNDM2NzlWMTEuMjk1OUM4MC4xMjc2IDEyLjIwMzYgNzkuNzgwNiAxMy4xMjY1IDc5LjM4OTkgMTMuNzQzMloiLz4KICAgICAgICAgICAgPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0iTTEwMi4wOTQgMTQuMzY5N0MxMDEuMzc5IDE0LjMzNTkgMTAxLjE4NiAxNC4wNTgzIDEwMS4xODYgMTMuMzM5MlY3Ljk4MTc0QzEwMS4xODYgNi4xMjE3NiAxMDAuMjk0IDUuMDgwNTMgOTguMjI1NSA1LjA4MDUzQzk2LjYzODcgNS4wODA1MyA5NS42Njg3IDUuODgzMjYgOTUuMjI1NSA3LjUxMDA3SDk1LjEwNDRDOTQuOTgwNyA1Ljk1MTc5IDk0LjIxNDUgNS4wODA1MyA5Mi4zMjc4IDUuMDgwNTNDOTAuNzQxMSA1LjA4MDUzIDg5Ljc3MSA1Ljg4MzI2IDg5LjMyNzggNy41MTAwN0g4OS4xOTYxTDg5LjIwNTkgNS4xODI4OEM4Ny43NzQ5IDUuMjc0NTQgODYuMzc3NyA1LjM1MTk3IDg0Ljg4MjYgNS4zNjk3NlY1Ljk3MjI1TDg1LjY5MjQgNi4wMTA1MkM4Ni41MzE2IDYuMDQ4NzkgODYuODIwOSA2LjM4NDMgODYuODIwOSA3LjMwMDk0VjEzLjMzOTJDODYuODIwOSAxNC4wNTgzIDg2LjYyMzMgMTQuMzM1OSA4NS45MDg3IDE0LjM2OTdMODUuMDAyNyAxNC4zOTM4VjE1LjAwMDdIOTAuODQ1MlYxNC4zOTM4TDkwLjE0ODQgMTQuMzY5N0M4OS41NDE0IDE0LjMzNTkgODkuMzg3NSAxNC4wNDMxIDg5LjM4NzUgMTMuMzc3NVYxMC4zODU1Qzg5LjM4NzUgOC42Nzk0NSA4OS42NzU4IDcuNDIyODYgOTAuMTQyMSA2Ljc1MTg0QzkwLjQ5MDEgNi4yNTI1OSA5MC45NTY0IDUuOTEyNjMgOTEuNTc2NyA1LjkxMjYzQzkyLjM4ODMgNS45MTI2MyA5Mi43MTg1IDYuMzE0ODggOTIuNzE4NSA3LjMyMTRWMTMuMzc3NUM5Mi43MTg1IDE0LjA0MzEgOTIuNTUxMiAxNC4zMzU5IDkxLjk1MzIgMTQuMzY5N0w5MS4yNjk3IDE0LjM5MzhWMTUuMDAwN0g5Ni43Mjk1VjE0LjM5MzhMOTYuMDQ2IDE0LjM2OTdDOTUuNDQ4IDE0LjMzNTkgOTUuMjg1MSAxNC4wNDMxIDk1LjI4NTEgMTMuMzc3NVYxMC4zODU1Qzk1LjI4NTEgOC42Nzk0NSA5NS41Nzk3IDcuNDI3MzEgOTYuMDM5OCA2Ljc1MTg0Qzk2LjM3NzEgNi4yNTUyNiA5Ni44NTg1IDUuOTEyNjMgOTcuNDc0MyA1LjkxMjYzQzk4LjI4NiA1LjkxMjYzIDk4LjYxNjEgNi4zMTQ4OCA5OC42MTYxIDcuMzIxNFYxMy4zNzc1Qzk4LjYxNjEgMTQuMDQzMSA5OC40NDg4IDE0LjMzNTkgOTcuODU1MiAxNC4zNjk3TDk3LjE3MTggMTQuMzkzOFYxNS4wMDA3SDEwMy4wMDFWMTQuMzkzOEwxMDIuMDk0IDE0LjM2OTdaIi8+PC9zdmc+Cg==");}
.logo-item:hover .logo-mask-pentagram{background-color:#fff;}
.logo-mask-googlefonts{height:1.21em;aspect-ratio:153.28/29.82;transform:translateY(0.25em);-webkit-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUzLjI4IiBoZWlnaHQ9IjI5LjgyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQ4LjIyIDAuNzMgMTUzLjI4IDI5LjgyIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ikdvb2dsZSBGb250cyI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMTE3Mjk5NywwLDAsMS4xMTcyOTk3LC0xLjY3NTk0OTYsLTYuNzAzNzk4MykiPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNIDU1LjQ4NywyNi42MTggQyA1MC4zMzQsMjYuNjE4IDQ2LDIyLjQ0MSA0NiwxNy4zMDkgNDYsMTIuMTc4IDUwLjMzNCw4IDU1LjQ4Nyw4IGMgMi44NTIsMCA0Ljg4MSwxLjExMjk5OTkgNi40MSwyLjU2NiAwLDAgLTEuODA0LDEuNzkzIC0xLjgwNCwxLjc5MyAtMS4wOTQsLTEuMDIxIC0yLjU3NiwtMS44MTYgLTQuNjA2LC0xLjgxNiAtMy43NjMsMCAtNi43MDUsMy4wMiAtNi43MDUsNi43NjYgMCwzLjc0NyAyLjk0Miw2Ljc2NyA2LjcwNSw2Ljc2NyAyLjQ0LDAgMy44MzIsLTAuOTc3IDQuNzIyLC0xLjg2MiAwLjcyOSwtMC43MjcgMS4yMDksLTEuNzcxIDEuMzksLTMuMjAyIDAsMCAtNi4xMTIsMCAtNi4xMTIsMCAwLDAgMCwtMi41NDMgMCwtMi41NDMgMCwwIDguNTk5LDAgOC41OTksMCAwLjA5MSwwLjQ1NCAwLjEzNiwxIDAuMTM2LDEuNTkgMCwxLjkwNyAtMC41MjUsNC4yNjggLTIuMjEzLDUuOTQ5IC0xLjY0MiwxLjcwMiAtMy43MzksMi42MSAtNi41MjIsMi42MSB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gNzcuNTIyOTk5LDIwLjYyNCBjIDAsMy40NTEgLTIuNjY2LDUuOTk0IC01LjkzNiw1Ljk5NCAtMy4yNjksMCAtNS45MzQsLTIuNTQzIC01LjkzNCwtNS45OTQgMCwtMy40NzQgMi42NjUsLTUuOTk0IDUuOTM0LC01Ljk5NCAzLjI3LDAgNS45MzYsMi41MiA1LjkzNiw1Ljk5NCB6IG0gLTIuNTk4LDAgYyAwLC0yLjE1NyAtMS41NDcsLTMuNjMzIC0zLjMzOCwtMy42MzMgLTEuNzkxLDAgLTMuMzM3LDEuNDc2IC0zLjMzNywzLjYzMyAwLDIuMTM0IDEuNTQ2LDMuNjMzIDMuMzM3LDMuNjMzIDEuNzkxLDAgMy4zMzgsLTEuNDk5IDMuMzM4LC0zLjYzMyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gOTAuODI1OTk5LDIwLjYyNCBjIDAsMy40NTEgLTIuNjY2LDUuOTk0IC01LjkzNiw1Ljk5NCAtMy4yNjgsMCAtNS45MzQsLTIuNTQzIC01LjkzNCwtNS45OTQgMCwtMy40NzQgMi42NjYsLTUuOTk0IDUuOTM0LC01Ljk5NCAzLjI3LDAgNS45MzYsMi41MiA1LjkzNiw1Ljk5NCB6IG0gLTIuNTk4LDAgYyAwLC0yLjE1NyAtMS41NDYsLTMuNjMzIC0zLjMzOCwtMy42MzMgLTEuNzkxLDAgLTMuMzM2LDEuNDc2IC0zLjMzNiwzLjYzMyAwLDIuMTM0IDEuNTQ1LDMuNjMzIDMuMzM2LDMuNjMzIDEuNzkyLDAgMy4zMzgsLTEuNDk5IDMuMzM4LC0zLjYzMyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTAzLjc5NSwxNC45OTMwMDEgYyAwLDAgMCwxMC43NjI5OTkgMCwxMC43NjI5OTkgMCw0LjQyOCAtMi42MjIsNi4yNDQgLTUuNzIzOTk4LDYuMjQ0IC0yLjkxOSwwIC00LjY3NSwtMS45NTMgLTUuMzM2LC0zLjU0MiAwLDAgMi4zMDIsLTAuOTU0IDIuMzAyLC0wLjk1NCAwLjQxMSwwLjk3NiAxLjQxNCwyLjEzNCAzLjAzNCwyLjEzNCAxLjk4Mzk5OCwwIDMuMjE1OTk4LC0xLjIyNSAzLjIxNTk5OCwtMy41MTkgMCwwIDAsLTAuODYzIDAsLTAuODYzIDAsMCAtMC4wOTEsMCAtMC4wOTEsMCAtMC41OTMsMC43MjcgLTEuNzMzOTk4LDEuMzYyIC0zLjE2OTk5OCwxLjM2MiAtMy4wMTEsMCAtNS43NzEsLTIuNjEgLTUuNzcxLC01Ljk3MSAwLC0zLjM4MyAyLjc2LC02LjAxNyA1Ljc3MSwtNi4wMTcgMS40MzYsMCAyLjU3Njk5OCwwLjYzNiAzLjE2OTk5OCwxLjM0IDAsMCAwLjA5MSwwIDAuMDkxLDAgMCwwIDAsLTAuOTc2OTk5IDAsLTAuOTc2OTk5IDAsMCAyLjUwOCwwIDIuNTA4LDAgeiBNIDEwMS40NjksMjAuNjQ3IGMgMCwtMi4xMTEgLTEuNDE0LC0zLjY1NiAtMy4yMTQ5OTgsLTMuNjU2IC0xLjgyNSwwIC0zLjM1MywxLjU0NSAtMy4zNTMsMy42NTYgMCwyLjA4OSAxLjUyOCwzLjYxIDMuMzUzLDMuNjEgMS44MDA5OTgsMCAzLjIxNDk5OCwtMS41MjEgMy4yMTQ5OTgsLTMuNjEgeiIvPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJtIDEwOC40MzMsMjYuMjU0IGMgMCwwIC0yLjY0NiwwIC0yLjY0NiwwIDAsMCAwLC0xNy42MTggMCwtMTcuNjE4IDAsMCAyLjY0NiwwIDIuNjQ2LDAgMCwwIDAsMTcuNjE4IDAsMTcuNjE4IHoiLz4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0ibSAxMTguODMyLDIyLjU5OSBjIDAsMCAyLjA1MywxLjM2MiAyLjA1MywxLjM2MiAtMC42NiwwLjk3NyAtMi4yNTgsMi42NTYgLTUuMDE3LDIuNjU2IC0zLjQyLDAgLTUuODkxLC0yLjYzMiAtNS44OTEsLTUuOTkyIDAsLTMuNTY1IDIuNDkyLC01Ljk5NCA1LjU5NSwtNS45OTQgMy4xMjUsMCA0LjY1MywyLjQ3NCA1LjE1NCwzLjgxMyAwLDAgMC4yNzMsMC42ODEgMC4yNzMsMC42ODEgMCwwIC04LjA1LDMuMzE1IC04LjA1LDMuMzE1IDAuNjE2LDEuMjAzIDEuNTczLDEuODE3IDIuOTE5LDEuODE3IDEuMzQ1LDAgMi4yODEsLTAuNjU5IDIuOTY0LC0xLjY1OCB6IG0gLTYuMzE3LC0yLjE1NyBjIDAsMCA1LjM4MywtMi4yMjQgNS4zODMsLTIuMjI0IC0wLjI5NywtMC43NDkgLTEuMTg2LC0xLjI3MiAtMi4yMzYsLTEuMjcyIC0xLjM0NSwwIC0zLjIxNCwxLjE4IC0zLjE0NywzLjQ5NiB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTMwLjExNywxOS4xOTUgYyAwLDAgMCw3LjA2MSAwLDcuMDYxIDAsMCAtMi4xMTYsMCAtMi4xMTYsMCAwLDAgMCwtMTYuNDY4MDAwMiAwLC0xNi40NjgwMDAyIDAsMCA5LjYxNCwwIDkuNjE0LDAgMCwwIDAsMi4wMjMwMDAyIDAsMi4wMjMwMDAyIDAsMCAtNy40OTgsMCAtNy40OTgsMCAwLDAgMCw1LjQwNSAwLDUuNDA1IDAsMCA2Ljc2MywwIDYuNzYzLDAgMCwwIDAsMS45NzkgMCwxLjk3OSAwLDAgLTYuNzYzLDAgLTYuNzYzLDAgeiIvPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJtIDEzOC41NzQsMjAuNjIxIGMgMCwtMS43MzIgMC41NDQsLTMuMTY2IDEuNjMzLC00LjMwMSAxLjEwNCwtMS4xMzUgMi40OTIsLTEuNzAyIDQuMTYzLC0xLjcwMiAxLjY3MiwwIDMuMDUxLDAuNTY3IDQuMTQsMS43MDIgMS4xMDQsMS4xMzUgMS42NTYsMi41NjkgMS42NTYsNC4zMDEgMCwxLjc0OCAtMC41NTIsMy4xODIgLTEuNjU2LDQuMzAxIC0xLjA4OSwxLjEzNSAtMi40NjgsMS43MDIgLTQuMTQsMS43MDIgLTEuNjcxLDAgLTMuMDU5LC0wLjU2NyAtNC4xNjMsLTEuNzAyIC0xLjA4OSwtMS4xMzUgLTEuNjMzLC0yLjU2OSAtMS42MzMsLTQuMzAxIHogbSAyLjExNiwwIGMgMCwxLjIxMSAwLjM1MywyLjE5MiAxLjA1OCwyLjk0MyAwLjcwNSwwLjc1MiAxLjU3OSwxLjEyNyAyLjYyMiwxLjEyNyAxLjA0MywwIDEuOTE3LC0wLjM3NSAyLjYyMiwtMS4xMjcgMC43MDUsLTAuNzUxIDEuMDU4LC0xLjczMiAxLjA1OCwtMi45NDMgMCwtMS4xOTYgLTAuMzUzLC0yLjE3IC0xLjA1OCwtMi45MjEgLTAuNzIxLC0wLjc2NyAtMS41OTUsLTEuMTUgLTIuNjIyLC0xLjE1IC0xLjAyOCwwIC0xLjkwMiwwLjM4MyAtMi42MjIsMS4xNSAtMC43MDUsMC43NTEgLTEuMDU4LDEuNzI1IC0xLjA1OCwyLjkyMSB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTUxLjk2NSwxNC45ODYgYyAwLDAgMi4wMjQsMCAyLjAyNCwwIDAsMCAwLDEuNTYzIDAsMS41NjMgMCwwIDAuMDkyLDAgMC4wOTIsMCAwLjMyMiwtMC41NTEgMC44MTcsLTEuMDExIDEuNDg0LC0xLjM3OSAwLjY2NywtMC4zNjkgMS4zNiwtMC41NTIgMi4wODIsLTAuNTUyIDEuMzgsMCAyLjQ0MSwwLjM5NCAzLjE4NCwxLjE4NCAwLjc0NCwwLjc4OSAxLjExNiwxLjkxMyAxLjExNiwzLjM3IDAsMCAwLDcuMDg0IDAsNy4wODQgMCwwIC0yLjExNiwwIC0yLjExNiwwIDAsMCAwLC02Ljk0NyAwLC02Ljk0NyAtMC4wNDYsLTEuODQgLTAuOTczLC0yLjc2IC0yLjc4MywtMi43NiAtMC44NDQsMCAtMS41NDksMC4zNDIgLTIuMTE2LDEuMDI0IC0wLjU2OCwwLjY4MyAtMC44NTEsMS40OTkgLTAuODUxLDIuNDQ5IDAsMCAwLDYuMjM0IDAsNi4yMzQgMCwwIC0yLjExNiwwIC0yLjExNiwwIDAsMCAwLC0xMS4yNyAwLC0xMS4yNyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTY4LjQ1OCwyNi40NCBjIC0wLjkyLDAgLTEuNjg0LC0wLjI4NCAtMi4yODksLTAuODUyIC0wLjYwNiwtMC41NjcgLTAuOTE2LC0xLjM1NiAtMC45MzIsLTIuMzY4IDAsMCAwLC02LjMwMiAwLC02LjMwMiAwLDAgLTEuOTc3LDAgLTEuOTc3LDAgMCwwIDAsLTEuOTMxIDAsLTEuOTMxIDAsMCAxLjk3NywwIDEuOTc3LDAgMCwwIDAsLTMuNDUxIDAsLTMuNDUxIDAsMCAyLjExNywwIDIuMTE3LDAgMCwwIDAsMy40NTEgMCwzLjQ1MSAwLDAgMi43NTksMCAyLjc1OSwwIDAsMCAwLDEuOTMxIDAsMS45MzEgMCwwIC0yLjc1OSwwIC0yLjc1OSwwIDAsMCAwLDUuNjEyIDAsNS42MTIgMCwwLjc1MSAwLjE0NSwxLjI2MiAwLjQzNywxLjUzIDAuMjkxLDAuMjY5IDAuNjIxLDAuNDAxIDAuOTg4LDAuNDAxIDAuMTY5LDAgMC4zMzQsLTAuMDE4IDAuNDk1LC0wLjA1NiAwLjE2MiwtMC4wMzggMC4zMTEsLTAuMDg5IDAuNDQ5LC0wLjE1MSAwLDAgMC42NjcsMS44ODYgMC42NjcsMS44ODYgLTAuNTUyLDAuMTk5IC0xLjE5NywwLjMgLTEuOTMyLDAuMyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTgwLjUwMywyMy4xMjggYyAwLDAuOTgxIC0wLjQzLDEuODEgLTEuMjg4LDIuNDg0IC0wLjg1OSwwLjY3NCAtMS45NDEsMS4wMTIgLTMuMjQzLDEuMDEyIC0xLjEzNSwwIC0yLjEzMywtMC4yOTYgLTIuOTkxLC0wLjg4NiAtMC44NTksLTAuNTg5IC0xLjQ3MiwtMS4zNjggLTEuODQsLTIuMzM0IDAsMCAxLjg4NSwtMC44MDUgMS44ODUsLTAuODA1IDAuMjc3LDAuNjc1IDAuNjc5LDEuMiAxLjIwOCwxLjU3NiAwLjUyOSwwLjM3NSAxLjEwOSwwLjU2MyAxLjczOCwwLjU2MyAwLjY3NSwwIDEuMjM4LC0wLjE0NSAxLjY5LC0wLjQzNyAwLjQ1MiwtMC4yOTEgMC42NzgsLTAuNjM2IDAuNjc4LC0xLjAzNSAwLC0wLjcyMSAtMC41NTEsLTEuMjQ5IC0xLjY1NSwtMS41ODcgMCwwIC0xLjkzMywtMC40ODMgLTEuOTMzLC0wLjQ4MyAtMi4xOTMsLTAuNTUyIC0zLjI4OSwtMS42MSAtMy4yODksLTMuMTc0IDAsLTEuMDI3IDAuNDE3LC0xLjg1MiAxLjI1MywtMi40NzIgMC44MzYsLTAuNjIxIDEuOTA2LC0wLjkzMiAzLjIxLC0wLjkzMiAwLjk5NiwwIDEuODk3LDAuMjM4IDIuNzAyLDAuNzEzIDAuODA1LDAuNDc2IDEuMzY4LDEuMTExIDEuNjg5LDEuOTA5IDAsMCAtMS44ODUsMC43ODIgLTEuODg1LDAuNzgyIC0wLjIxNSwtMC40NzUgLTAuNTYzLC0wLjg0NyAtMS4wNDYsLTEuMTE2IC0wLjQ4MywtMC4yNjcgLTEuMDI1LC0wLjQwMiAtMS42MjIsLTAuNDAyIC0wLjU1MiwwIC0xLjA0NywwLjEzOCAtMS40ODQsMC40MTQgLTAuNDM3LDAuMjc2IC0wLjY1NSwwLjYxMyAtMC42NTUsMS4wMTIgMCwwLjY0NCAwLjYwNiwxLjEwNCAxLjgxNiwxLjM4IDAsMCAxLjcwNCwwLjQzNyAxLjcwNCwwLjQzNyAyLjIzOCwwLjU1MiAzLjM1OCwxLjY3OSAzLjM1OCwzLjM4MSB6Ii8+CjwvZz4KPC9zdmc+Cg==");mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUzLjI4IiBoZWlnaHQ9IjI5LjgyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjQ4LjIyIDAuNzMgMTUzLjI4IDI5LjgyIiByb2xlPSJpbWciIGFyaWEtbGFiZWw9Ikdvb2dsZSBGb250cyI+CjxnIHRyYW5zZm9ybT0ibWF0cml4KDEuMTE3Mjk5NywwLDAsMS4xMTcyOTk3LC0xLjY3NTk0OTYsLTYuNzAzNzk4MykiPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJNIDU1LjQ4NywyNi42MTggQyA1MC4zMzQsMjYuNjE4IDQ2LDIyLjQ0MSA0NiwxNy4zMDkgNDYsMTIuMTc4IDUwLjMzNCw4IDU1LjQ4Nyw4IGMgMi44NTIsMCA0Ljg4MSwxLjExMjk5OTkgNi40MSwyLjU2NiAwLDAgLTEuODA0LDEuNzkzIC0xLjgwNCwxLjc5MyAtMS4wOTQsLTEuMDIxIC0yLjU3NiwtMS44MTYgLTQuNjA2LC0xLjgxNiAtMy43NjMsMCAtNi43MDUsMy4wMiAtNi43MDUsNi43NjYgMCwzLjc0NyAyLjk0Miw2Ljc2NyA2LjcwNSw2Ljc2NyAyLjQ0LDAgMy44MzIsLTAuOTc3IDQuNzIyLC0xLjg2MiAwLjcyOSwtMC43MjcgMS4yMDksLTEuNzcxIDEuMzksLTMuMjAyIDAsMCAtNi4xMTIsMCAtNi4xMTIsMCAwLDAgMCwtMi41NDMgMCwtMi41NDMgMCwwIDguNTk5LDAgOC41OTksMCAwLjA5MSwwLjQ1NCAwLjEzNiwxIDAuMTM2LDEuNTkgMCwxLjkwNyAtMC41MjUsNC4yNjggLTIuMjEzLDUuOTQ5IC0xLjY0MiwxLjcwMiAtMy43MzksMi42MSAtNi41MjIsMi42MSB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gNzcuNTIyOTk5LDIwLjYyNCBjIDAsMy40NTEgLTIuNjY2LDUuOTk0IC01LjkzNiw1Ljk5NCAtMy4yNjksMCAtNS45MzQsLTIuNTQzIC01LjkzNCwtNS45OTQgMCwtMy40NzQgMi42NjUsLTUuOTk0IDUuOTM0LC01Ljk5NCAzLjI3LDAgNS45MzYsMi41MiA1LjkzNiw1Ljk5NCB6IG0gLTIuNTk4LDAgYyAwLC0yLjE1NyAtMS41NDcsLTMuNjMzIC0zLjMzOCwtMy42MzMgLTEuNzkxLDAgLTMuMzM3LDEuNDc2IC0zLjMzNywzLjYzMyAwLDIuMTM0IDEuNTQ2LDMuNjMzIDMuMzM3LDMuNjMzIDEuNzkxLDAgMy4zMzgsLTEuNDk5IDMuMzM4LC0zLjYzMyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gOTAuODI1OTk5LDIwLjYyNCBjIDAsMy40NTEgLTIuNjY2LDUuOTk0IC01LjkzNiw1Ljk5NCAtMy4yNjgsMCAtNS45MzQsLTIuNTQzIC01LjkzNCwtNS45OTQgMCwtMy40NzQgMi42NjYsLTUuOTk0IDUuOTM0LC01Ljk5NCAzLjI3LDAgNS45MzYsMi41MiA1LjkzNiw1Ljk5NCB6IG0gLTIuNTk4LDAgYyAwLC0yLjE1NyAtMS41NDYsLTMuNjMzIC0zLjMzOCwtMy42MzMgLTEuNzkxLDAgLTMuMzM2LDEuNDc2IC0zLjMzNiwzLjYzMyAwLDIuMTM0IDEuNTQ1LDMuNjMzIDMuMzM2LDMuNjMzIDEuNzkyLDAgMy4zMzgsLTEuNDk5IDMuMzM4LC0zLjYzMyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTAzLjc5NSwxNC45OTMwMDEgYyAwLDAgMCwxMC43NjI5OTkgMCwxMC43NjI5OTkgMCw0LjQyOCAtMi42MjIsNi4yNDQgLTUuNzIzOTk4LDYuMjQ0IC0yLjkxOSwwIC00LjY3NSwtMS45NTMgLTUuMzM2LC0zLjU0MiAwLDAgMi4zMDIsLTAuOTU0IDIuMzAyLC0wLjk1NCAwLjQxMSwwLjk3NiAxLjQxNCwyLjEzNCAzLjAzNCwyLjEzNCAxLjk4Mzk5OCwwIDMuMjE1OTk4LC0xLjIyNSAzLjIxNTk5OCwtMy41MTkgMCwwIDAsLTAuODYzIDAsLTAuODYzIDAsMCAtMC4wOTEsMCAtMC4wOTEsMCAtMC41OTMsMC43MjcgLTEuNzMzOTk4LDEuMzYyIC0zLjE2OTk5OCwxLjM2MiAtMy4wMTEsMCAtNS43NzEsLTIuNjEgLTUuNzcxLC01Ljk3MSAwLC0zLjM4MyAyLjc2LC02LjAxNyA1Ljc3MSwtNi4wMTcgMS40MzYsMCAyLjU3Njk5OCwwLjYzNiAzLjE2OTk5OCwxLjM0IDAsMCAwLjA5MSwwIDAuMDkxLDAgMCwwIDAsLTAuOTc2OTk5IDAsLTAuOTc2OTk5IDAsMCAyLjUwOCwwIDIuNTA4LDAgeiBNIDEwMS40NjksMjAuNjQ3IGMgMCwtMi4xMTEgLTEuNDE0LC0zLjY1NiAtMy4yMTQ5OTgsLTMuNjU2IC0xLjgyNSwwIC0zLjM1MywxLjU0NSAtMy4zNTMsMy42NTYgMCwyLjA4OSAxLjUyOCwzLjYxIDMuMzUzLDMuNjEgMS44MDA5OTgsMCAzLjIxNDk5OCwtMS41MjEgMy4yMTQ5OTgsLTMuNjEgeiIvPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJtIDEwOC40MzMsMjYuMjU0IGMgMCwwIC0yLjY0NiwwIC0yLjY0NiwwIDAsMCAwLC0xNy42MTggMCwtMTcuNjE4IDAsMCAyLjY0NiwwIDIuNjQ2LDAgMCwwIDAsMTcuNjE4IDAsMTcuNjE4IHoiLz4KPHBhdGggZmlsbD0iIzAwMDAwMCIgZD0ibSAxMTguODMyLDIyLjU5OSBjIDAsMCAyLjA1MywxLjM2MiAyLjA1MywxLjM2MiAtMC42NiwwLjk3NyAtMi4yNTgsMi42NTYgLTUuMDE3LDIuNjU2IC0zLjQyLDAgLTUuODkxLC0yLjYzMiAtNS44OTEsLTUuOTkyIDAsLTMuNTY1IDIuNDkyLC01Ljk5NCA1LjU5NSwtNS45OTQgMy4xMjUsMCA0LjY1MywyLjQ3NCA1LjE1NCwzLjgxMyAwLDAgMC4yNzMsMC42ODEgMC4yNzMsMC42ODEgMCwwIC04LjA1LDMuMzE1IC04LjA1LDMuMzE1IDAuNjE2LDEuMjAzIDEuNTczLDEuODE3IDIuOTE5LDEuODE3IDEuMzQ1LDAgMi4yODEsLTAuNjU5IDIuOTY0LC0xLjY1OCB6IG0gLTYuMzE3LC0yLjE1NyBjIDAsMCA1LjM4MywtMi4yMjQgNS4zODMsLTIuMjI0IC0wLjI5NywtMC43NDkgLTEuMTg2LC0xLjI3MiAtMi4yMzYsLTEuMjcyIC0xLjM0NSwwIC0zLjIxNCwxLjE4IC0zLjE0NywzLjQ5NiB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTMwLjExNywxOS4xOTUgYyAwLDAgMCw3LjA2MSAwLDcuMDYxIDAsMCAtMi4xMTYsMCAtMi4xMTYsMCAwLDAgMCwtMTYuNDY4MDAwMiAwLC0xNi40NjgwMDAyIDAsMCA5LjYxNCwwIDkuNjE0LDAgMCwwIDAsMi4wMjMwMDAyIDAsMi4wMjMwMDAyIDAsMCAtNy40OTgsMCAtNy40OTgsMCAwLDAgMCw1LjQwNSAwLDUuNDA1IDAsMCA2Ljc2MywwIDYuNzYzLDAgMCwwIDAsMS45NzkgMCwxLjk3OSAwLDAgLTYuNzYzLDAgLTYuNzYzLDAgeiIvPgo8cGF0aCBmaWxsPSIjMDAwMDAwIiBkPSJtIDEzOC41NzQsMjAuNjIxIGMgMCwtMS43MzIgMC41NDQsLTMuMTY2IDEuNjMzLC00LjMwMSAxLjEwNCwtMS4xMzUgMi40OTIsLTEuNzAyIDQuMTYzLC0xLjcwMiAxLjY3MiwwIDMuMDUxLDAuNTY3IDQuMTQsMS43MDIgMS4xMDQsMS4xMzUgMS42NTYsMi41NjkgMS42NTYsNC4zMDEgMCwxLjc0OCAtMC41NTIsMy4xODIgLTEuNjU2LDQuMzAxIC0xLjA4OSwxLjEzNSAtMi40NjgsMS43MDIgLTQuMTQsMS43MDIgLTEuNjcxLDAgLTMuMDU5LC0wLjU2NyAtNC4xNjMsLTEuNzAyIC0xLjA4OSwtMS4xMzUgLTEuNjMzLC0yLjU2OSAtMS42MzMsLTQuMzAxIHogbSAyLjExNiwwIGMgMCwxLjIxMSAwLjM1MywyLjE5MiAxLjA1OCwyLjk0MyAwLjcwNSwwLjc1MiAxLjU3OSwxLjEyNyAyLjYyMiwxLjEyNyAxLjA0MywwIDEuOTE3LC0wLjM3NSAyLjYyMiwtMS4xMjcgMC43MDUsLTAuNzUxIDEuMDU4LC0xLjczMiAxLjA1OCwtMi45NDMgMCwtMS4xOTYgLTAuMzUzLC0yLjE3IC0xLjA1OCwtMi45MjEgLTAuNzIxLC0wLjc2NyAtMS41OTUsLTEuMTUgLTIuNjIyLC0xLjE1IC0xLjAyOCwwIC0xLjkwMiwwLjM4MyAtMi42MjIsMS4xNSAtMC43MDUsMC43NTEgLTEuMDU4LDEuNzI1IC0xLjA1OCwyLjkyMSB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTUxLjk2NSwxNC45ODYgYyAwLDAgMi4wMjQsMCAyLjAyNCwwIDAsMCAwLDEuNTYzIDAsMS41NjMgMCwwIDAuMDkyLDAgMC4wOTIsMCAwLjMyMiwtMC41NTEgMC44MTcsLTEuMDExIDEuNDg0LC0xLjM3OSAwLjY2NywtMC4zNjkgMS4zNiwtMC41NTIgMi4wODIsLTAuNTUyIDEuMzgsMCAyLjQ0MSwwLjM5NCAzLjE4NCwxLjE4NCAwLjc0NCwwLjc4OSAxLjExNiwxLjkxMyAxLjExNiwzLjM3IDAsMCAwLDcuMDg0IDAsNy4wODQgMCwwIC0yLjExNiwwIC0yLjExNiwwIDAsMCAwLC02Ljk0NyAwLC02Ljk0NyAtMC4wNDYsLTEuODQgLTAuOTczLC0yLjc2IC0yLjc4MywtMi43NiAtMC44NDQsMCAtMS41NDksMC4zNDIgLTIuMTE2LDEuMDI0IC0wLjU2OCwwLjY4MyAtMC44NTEsMS40OTkgLTAuODUxLDIuNDQ5IDAsMCAwLDYuMjM0IDAsNi4yMzQgMCwwIC0yLjExNiwwIC0yLjExNiwwIDAsMCAwLC0xMS4yNyAwLC0xMS4yNyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTY4LjQ1OCwyNi40NCBjIC0wLjkyLDAgLTEuNjg0LC0wLjI4NCAtMi4yODksLTAuODUyIC0wLjYwNiwtMC41NjcgLTAuOTE2LC0xLjM1NiAtMC45MzIsLTIuMzY4IDAsMCAwLC02LjMwMiAwLC02LjMwMiAwLDAgLTEuOTc3LDAgLTEuOTc3LDAgMCwwIDAsLTEuOTMxIDAsLTEuOTMxIDAsMCAxLjk3NywwIDEuOTc3LDAgMCwwIDAsLTMuNDUxIDAsLTMuNDUxIDAsMCAyLjExNywwIDIuMTE3LDAgMCwwIDAsMy40NTEgMCwzLjQ1MSAwLDAgMi43NTksMCAyLjc1OSwwIDAsMCAwLDEuOTMxIDAsMS45MzEgMCwwIC0yLjc1OSwwIC0yLjc1OSwwIDAsMCAwLDUuNjEyIDAsNS42MTIgMCwwLjc1MSAwLjE0NSwxLjI2MiAwLjQzNywxLjUzIDAuMjkxLDAuMjY5IDAuNjIxLDAuNDAxIDAuOTg4LDAuNDAxIDAuMTY5LDAgMC4zMzQsLTAuMDE4IDAuNDk1LC0wLjA1NiAwLjE2MiwtMC4wMzggMC4zMTEsLTAuMDg5IDAuNDQ5LC0wLjE1MSAwLDAgMC42NjcsMS44ODYgMC42NjcsMS44ODYgLTAuNTUyLDAuMTk5IC0xLjE5NywwLjMgLTEuOTMyLDAuMyB6Ii8+CjxwYXRoIGZpbGw9IiMwMDAwMDAiIGQ9Im0gMTgwLjUwMywyMy4xMjggYyAwLDAuOTgxIC0wLjQzLDEuODEgLTEuMjg4LDIuNDg0IC0wLjg1OSwwLjY3NCAtMS45NDEsMS4wMTIgLTMuMjQzLDEuMDEyIC0xLjEzNSwwIC0yLjEzMywtMC4yOTYgLTIuOTkxLC0wLjg4NiAtMC44NTksLTAuNTg5IC0xLjQ3MiwtMS4zNjggLTEuODQsLTIuMzM0IDAsMCAxLjg4NSwtMC44MDUgMS44ODUsLTAuODA1IDAuMjc3LDAuNjc1IDAuNjc5LDEuMiAxLjIwOCwxLjU3NiAwLjUyOSwwLjM3NSAxLjEwOSwwLjU2MyAxLjczOCwwLjU2MyAwLjY3NSwwIDEuMjM4LC0wLjE0NSAxLjY5LC0wLjQzNyAwLjQ1MiwtMC4yOTEgMC42NzgsLTAuNjM2IDAuNjc4LC0xLjAzNSAwLC0wLjcyMSAtMC41NTEsLTEuMjQ5IC0xLjY1NSwtMS41ODcgMCwwIC0xLjkzMywtMC40ODMgLTEuOTMzLC0wLjQ4MyAtMi4xOTMsLTAuNTUyIC0zLjI4OSwtMS42MSAtMy4yODksLTMuMTc0IDAsLTEuMDI3IDAuNDE3LC0xLjg1MiAxLjI1MywtMi40NzIgMC44MzYsLTAuNjIxIDEuOTA2LC0wLjkzMiAzLjIxLC0wLjkzMiAwLjk5NiwwIDEuODk3LDAuMjM4IDIuNzAyLDAuNzEzIDAuODA1LDAuNDc2IDEuMzY4LDEuMTExIDEuNjg5LDEuOTA5IDAsMCAtMS44ODUsMC43ODIgLTEuODg1LDAuNzgyIC0wLjIxNSwtMC40NzUgLTAuNTYzLC0wLjg0NyAtMS4wNDYsLTEuMTE2IC0wLjQ4MywtMC4yNjcgLTEuMDI1LC0wLjQwMiAtMS42MjIsLTAuNDAyIC0wLjU1MiwwIC0xLjA0NywwLjEzOCAtMS40ODQsMC40MTQgLTAuNDM3LDAuMjc2IC0wLjY1NSwwLjYxMyAtMC42NTUsMS4wMTIgMCwwLjY0NCAwLjYwNiwxLjEwNCAxLjgxNiwxLjM4IDAsMCAxLjcwNCwwLjQzNyAxLjcwNCwwLjQzNyAyLjIzOCwwLjU1MiAzLjM1OCwxLjY3OSAzLjM1OCwzLjM4MSB6Ii8+CjwvZz4KPC9zdmc+Cg==");}
.logo-item:hover .logo-mask-googlefonts{background-color:#fff;}
/* alias: hover swaps to a pre-recolored copy of the logo instead of the
   mask+background-color technique, since this asset is a photographed/
   scanned PNG rather than a clean hand-built SVG */
.logo-item .logo-swap-link{position:relative;}
.logo-item img.logo-swap-hover{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;filter:none;transition:opacity .2s ease;}
.logo-item:hover img.logo-swap-base{opacity:0;}
.logo-item:hover img.logo-swap-hover{opacity:1;filter:brightness(0) invert(1);}
@media(max-width:640px){.logo-grid{grid-template-columns:1fr 1fr;gap:40px 24px;}}
/* flood the whole section background to each logo's brand color on hover */
.info-section-clients:has(.logo-item-brody:hover){background-color:#A0A0A0;}
.info-section-clients:has(.logo-item-nan:hover){background-color:#3DFF00;}
.info-section-clients:has(.logo-item-drama:hover){background-color:#3d3b3d;}
.info-section-clients:has(.logo-item-pentagram:hover){background-color:#e61428;}
.info-section-clients:has(.logo-item-jkr:hover){background-color:#6b696b;}
.info-section-clients:has(.logo-item-studioaa:hover){background-color:#b5b3b1;}
.info-section-clients:has(.logo-item-johnsonbanks:hover){background-color:#60B841;}
.info-section-clients:has(.logo-item-alias:hover){background-color:#DA0C15;}
.info-section-clients:has(.logo-item-rosetta:hover){background-color:#5D5FDE;}
.info-section-clients:has(.logo-item-googlefonts:hover){background-color:#0b57d0;}

/* ---- project CTA --------------------------------------------------------------- */
.info-cta .tile-cta{width:auto;padding:20px 40px;margin-top:24px;font-size:19px;background:var(--ink);border-color:var(--ink);color:var(--paper);}
.info-cta .tile-cta-solid:hover{background:var(--ink);border-color:var(--ink);color:var(--paper);opacity:.85;}
.info-list{
  list-style:none;margin:32px 0 0;padding:0;
}
.info-list li{
  display:flex;align-items:baseline;gap:24px;
  padding:18px 0;border-top:1px solid var(--rule);
}
.info-list li:last-child{border-bottom:1px solid var(--rule);}
.info-item-main{font-size:14.5px;letter-spacing:0.0em;font-weight:600;flex:0 0 504px;transition:opacity .2s ease;}
.info-item-main a{display:inline-flex;align-items:center;gap:4px;text-decoration:none;color:inherit;}
.info-item-link-icon{width:11px;height:11px;flex-shrink:0;opacity:0;transform:translateX(-3px);transition:opacity .15s ease,transform .15s ease;}
.info-list li:hover .info-item-link-icon{opacity:1;transform:translateX(0);}
.info-item-desc{font-size:14.5px;letter-spacing:0.0em;font-weight:400;line-height:1.5;flex:1 1 0;min-width:0;margin:0;transition:opacity .2s ease;}
.info-item-year{font-size:14.5px;letter-spacing:0.02em;opacity:.6;flex:0 0 auto;margin:0;white-space:nowrap;transition:opacity .2s ease;}
.info-list:has(li:hover .info-item-main a) li:not(:hover) .info-item-main,
.info-list:has(li:hover .info-item-main a) li:not(:hover) .info-item-desc,
.info-list:has(li:hover .info-item-main a) li:not(:hover) .info-item-year{opacity:.25;}
@media(max-width:640px){
  .info-list li{flex-direction:column;align-items:flex-start;gap:4px;}
  .info-item-main{flex-basis:auto;}
  .info-item-year{margin-top:2px;}
}

.colophon p{font-size:19px;letter-spacing:0.02em;color:var(--ink-soft);margin:0 0 10px;line-height:1.6;}
.colophon p:last-child{margin-bottom:0;}

/* ---- footer (shared) ------------------------------------------------------- */
.site-footer{padding:36px 0 20px;}
.footer-rule-top{border-top:1px solid var(--rule);}
.footer-inner{padding:0 28px;display:grid;grid-template-columns:1fr auto;column-gap:48px;align-items:stretch;}
.footer-bio{font-family:var(--font);font-weight:600;font-size:19px;line-height:1.5;color:var(--ink);max-width:calc(60ch - 80px);margin:-2px 0 0;}
.footer-links-group{display:flex;align-items:stretch;gap:56px;position:relative;padding-left:28px;margin-left:-28px;padding-right:0px;}
.footer-links-group::before{
  content:'';position:absolute;top:-36px;bottom:-20px;left:0;width:1px;background:var(--rule);
}
.footer-links-group > .footer-col{flex:0 0 auto;}
.footer-links-group > .footer-col + .footer-col{position:relative;padding-left:28px;margin-left:-28px;}
.footer-links-group > .footer-col + .footer-col::before{
  content:'';position:absolute;top:-36px;bottom:-20px;left:0;width:1px;background:var(--rule);
}
.footer-col h4{font-family:var(--font);font-weight:600;font-size:19px;letter-spacing:0.0em;line-height:1.25;opacity:.90;color:var(--ink);margin:0 0 8px;}
.footer-col-multi{display:grid;grid-template-columns:max-content max-content;column-gap:32px;}
@media(max-width:1172px){.footer-col-multi{grid-template-columns:max-content;}}
@media(max-width:1072px){.footer-col-retail{display:none;}}
.footer-col a,.footer-col-static{display:block;font-size:14.5px;letter-spacing:0.02em;margin-bottom:8px;}
.footer-col a{text-decoration:none;transition:opacity .2s ease;}
.footer-links-group:has(.footer-col a:hover) .footer-col a:not(:hover){opacity:.25;}
.footer-col-static{color:var(--ink-soft);}
.footer-copyright{margin-top:16px;}
@media(max-width:760px){
  .footer-inner{grid-template-columns:1fr;row-gap:40px;}
  .footer-links-group{display:grid;grid-template-columns:1fr 1fr;column-gap:24px;row-gap:28px;padding-left:0;margin-left:0;padding-right:0;}
  .footer-links-group > .footer-col + .footer-col{margin-left:0;padding-left:0;}
  .footer-links-group > .footer-col + .footer-col::before{display:none;}
  .footer-links-group::before{display:none;}
}
@media(max-width:480px){.footer-links-group{grid-template-columns:1fr;}}