/* iOS Safari fills each colour layer's whole box, so every letter turns into a solid block. Only browsers that say they
   support the colour format get the colour font (the later rule wins); the rest get the same letters with no layers. */
@font-face {
  font-family: "Recrafted";
  src: url("../fonts/recrafted-latin-plain.otf") format("opentype");
  font-display: block;
}
@supports font-tech(color-COLRv1) {
  @font-face {
    font-family: "Recrafted";
    src: url("../fonts/recrafted-latin.otf") format("opentype");
    font-display: block;
  }
}

:root {
  --p1: 1px; --p2: 2px; --p3: 3px; --p4: 4px; --p5: 5px; --p6: 6px; --p8: 8px;

  --nav-fp: var(--p2); --tag-fp: var(--p4); --h1-fp: var(--p6); --h2-fp: var(--p4); --body-fp: var(--p2); --ui-fp: var(--p2);
  --white: #ffffff; --grey: #aaaaaa; --dark: #555555;
  --line-dark: #636363; --line-light: #bab8b6;
  --panel: #0c0c0d; --panel-edge: #2b2b2b; --panel-lit: #4d4d4d;
}
@media (max-width: 1440px) { :root { --tag-fp: var(--p3); --h1-fp: var(--p5); } }
@media (max-width: 960px)  { :root { --tag-fp: var(--p3); --h1-fp: var(--p4); --h2-fp: var(--p3); } }
@media (max-width: 720px)  { :root { --tag-fp: var(--p2); } }
@media (max-width: 560px)  { :root { --h1-fp: var(--p3); } }

* { box-sizing: border-box; }
html { background: #000; scroll-behavior: smooth; }
body { margin: 0; background: #000; color: var(--white); font-family: "Recrafted", monospace;
       -webkit-font-smoothing: none; text-rendering: optimizeSpeed; }
a { color: inherit; }
img { display: block; }
.pixel { image-rendering: pixelated; }

.mc { --fp: var(--body-fp); font-family: "Recrafted", monospace; font-size: calc(var(--fp) * 8); line-height: calc(var(--fp) * 9);
      font-weight: normal; font-style: normal; letter-spacing: 0; margin: 0;
      text-shadow: var(--fp) var(--fp) 0 var(--sh, #3f3f3f); }
p.mc { line-height: calc(var(--fp) * 11); }
.grey { color: var(--grey); --sh: #2a2a2a; }
.dark { color: var(--dark); --sh: #151515; }
.nav-size  { --fp: var(--nav-fp); }
.tag-size  { --fp: var(--tag-fp); }
.h1-size   { --fp: var(--h1-fp); }
.h2-size   { --fp: var(--h2-fp); }
.ui-size   { --fp: var(--ui-fp); }

:root, [data-text] { --text-font: "Crimson Pro", Georgia, serif; --tb: 21px; --ts: 18px; --tw: 400; --tw-strong: 600; }
[data-text=garamond] { --text-font: "EB Garamond", Georgia, serif; --tb: 21px; --ts: 18px; --tw: 400; --tw-strong: 600; }
[data-text=mono]     { --text-font: "DM Mono", ui-monospace, monospace; --tb: 16px; --ts: 14px; --tw: 400; --tw-strong: 500; }
@media (max-width: 560px) { :root, [data-text] { --tb: 19px; --ts: 17px; } [data-text=mono] { --tb: 15px; --ts: 13px; } }

:root[data-txt~=body] .t-body, :root[data-txt~=sub] .t-sub, :root[data-txt~=label] .t-label,
:root[data-txt~=nav] .t-nav, :root[data-txt~=num] .t-num,
.spec :is(.t-body, .t-sub, .t-label) {
  font-family: var(--text-font); text-shadow: none; letter-spacing: 0;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto;
}
:root[data-txt~=body] .t-body, .spec .t-body   { font-size: var(--tb); line-height: 1.65; font-weight: var(--tw); }
:root[data-txt~=sub] .t-sub, .spec .t-sub      { font-size: var(--ts); line-height: 1.5; font-weight: var(--tw); }
:root[data-txt~=label] .t-label, .spec .t-label { font-size: var(--ts); line-height: 1.4; font-weight: var(--tw-strong); }
:root[data-txt~=nav] .t-nav                    { font-size: 16px; line-height: 1; font-weight: var(--tw-strong); }
:root[data-txt~=num] .t-num                    { font-size: 30px; line-height: 1.15; font-weight: 700; }
:root[data-txt~=body] .about-copy p.t-body     { max-width: 64ch; }

.wrap { width: min(100% - 2 * var(--p8) * 3, 1320px); margin: 0 auto; }

.nav { position: sticky; top: 0; z-index: 20; background: #000; }
.nav-inner { height: calc(var(--nav-fp) * 32); display: flex; align-items: center; justify-content: center;
             gap: calc(var(--nav-fp) * 11); padding: 0 calc(var(--p8) * 3); }
.nav a { text-decoration: none; }

.nav-logo { display: flex; flex: none; --r-h: 18; }
.nav-logo img { display: block; height: calc(var(--nav-fp) * var(--r-h) / 0.717); width: auto; }

@media (min-width: 761px) {
  .nav-inner { position: relative; --r-m: 12; }
  .nav-inner > .keep { position: absolute; top: 0; bottom: 0; right: calc(var(--nav-fp) * var(--r-m)); margin: auto 0; height: fit-content; }
  .nav-inner > .nav-logo { position: absolute; top: 0; bottom: 0; margin: auto 0; height: fit-content;
                           left: calc(var(--nav-fp) * (var(--r-m) - var(--r-h) / 0.717 * 0.182)); }
}

:root[data-hl=bright] .nav a.mc { color: #c6c6c6; --sh: #313131; transition: color 0.12s, text-shadow 0.12s; }
:root[data-hl=bright] .nav a.mc:hover, :root[data-hl=bright] .nav a.mc.on { color: var(--white); --sh: #3f3f3f; }
:root[data-hl=underline] .nav a.mc:hover, :root[data-hl=underline] .nav a.mc.on {
  text-decoration: underline; text-decoration-thickness: var(--fp); text-underline-offset: calc(var(--fp) * 2); }
:root[data-hl=underline][data-txt~=nav] .nav a.t-nav:hover { text-decoration-thickness: 2px; text-underline-offset: 6px; }
.nav-line { height: calc(var(--p1) * 4); background: linear-gradient(var(--line-dark) 0 50%, var(--line-light) 50% 100%); }
.nav .menu-btn { display: none; }
.nav-left { justify-content: flex-start; }
.nav-left .spacer { flex: 1; }

@media (max-width: 760px) {
  .nav-inner { justify-content: space-between; height: calc(var(--nav-fp) * 32); }
  .nav-inner > a.mc:not(.keep):not(.menu-btn) { display: none; }
  .nav .menu-btn { display: inline-flex; }

  .nav-inner > .nav-logo { order: -2; }
  .nav-inner:has(> .nav-logo) > .menu-btn { order: -1; }
  .nav-inner:has(> .nav-logo) > .keep { display: none; }
}
.menu-sheet { display: none; }
body.menu-open .menu-sheet { display: flex; position: fixed; inset: 0; z-index: 30; background: rgba(0, 0, 0, .86);
  flex-direction: column; align-items: center; justify-content: center; gap: calc(var(--ui-fp) * 4); }

.menu-sheet .fbtn { width: min(calc(var(--ui-fp) * 150), calc(100vw - var(--p8) * 4)); min-width: 0; }

.btn { --bfp: var(--ui-fp); display: inline-flex; align-items: center; justify-content: center;
       width: calc(var(--bfp) * var(--bw, 150)); height: calc(var(--bfp) * 20);
       border-style: solid; border-width: calc(var(--bfp) * 3) calc(var(--bfp) * 40);
       border-image: url("../assets/button.png") 3 40 fill / calc(var(--bfp) * 3) calc(var(--bfp) * 40) / 0 repeat;
       image-rendering: pixelated; padding: 0; color: #fff; text-decoration: none; white-space: nowrap;
       font-family: "Recrafted", monospace; font-size: calc(var(--bfp) * 8); line-height: calc(var(--bfp) * 8);
       text-shadow: var(--bfp) var(--bfp) 0 #3f3f3f; cursor: pointer; background: none; }
.btn:hover, .btn:focus-visible { border-image-source: url("../assets/button_highlighted.png"); outline: none; }
.btn:disabled, .btn.off { border-image-source: url("../assets/button_disabled.png"); color: #a0a0a0;
                          text-shadow: var(--bfp) var(--bfp) 0 #282828; cursor: default; }
.btn.wide { --bw: 200; }
.btn.small { --bw: 110; }

@supports font-tech(color-COLRv1) {
  .mc, .btn, .btn:disabled, .btn.off { text-shadow: none; }
}

.ico { position: relative; display: inline-block; flex: none; width: calc(var(--fp, var(--body-fp)) * var(--iw, 10)); height: calc(var(--fp, var(--body-fp)) * 8);
       vertical-align: calc(var(--fp, var(--body-fp)) * -1); margin-right: calc(var(--fp, var(--body-fp)) * 3); }
.ico::before, .ico::after { content: ""; position: absolute; inset: 0 0 calc(var(--fp, var(--body-fp)) * (8 - var(--ih, 7))) 0;    -webkit-mask: var(--ico) 0 0 / 100% 100% no-repeat; mask: var(--ico) 0 0 / 100% 100% no-repeat; }
.ico::before { -webkit-mask-image: var(--ico-s); mask-image: var(--ico-s); background: var(--sh, #3f3f3f);
               transform: translate(var(--fp, var(--body-fp)), var(--fp, var(--body-fp))); }
.ico::after { background: currentColor; }
.ico-discord   { --iw: 10; --ih: 7; --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%207%22%20width%3D%2210%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3C%2Fsvg%3E"); --ico-s: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%207%22%20width%3D%2210%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.ico-x         { --iw: 9; --ih: 7; --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%207%22%20width%3D%229%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); --ico-s: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%207%22%20width%3D%229%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.ico-youtube   { --iw: 10; --ih: 7; --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%207%22%20width%3D%2210%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3C%2Fsvg%3E"); --ico-s: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2010%207%22%20width%3D%2210%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%229%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.ico-instagram { --iw: 8; --ih: 8; --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%20width%3D%228%22%20height%3D%228%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3C%2Fsvg%3E"); --ico-s: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%20width%3D%228%22%20height%3D%228%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%227%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.ico-tiktok    { --iw: 7; --ih: 7; --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%207%22%20width%3D%227%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3C%2Fsvg%3E"); --ico-s: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%207%207%22%20width%3D%227%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); }
.ico-mail      { --iw: 9; --ih: 7; --ico: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%207%22%20width%3D%229%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%20fill-opacity%3D%220.733%22%2F%3E%3C%2Fsvg%3E"); --ico-s: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%209%207%22%20width%3D%229%22%20height%3D%227%22%20shape-rendering%3D%22crispEdges%22%20fill%3D%22%23fff%22%3E%3Crect%20x%3D%220%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%220%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%221%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%222%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%223%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%224%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%225%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%220%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%221%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%222%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%223%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%224%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%225%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%226%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%227%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3Crect%20x%3D%228%22%20y%3D%226%22%20width%3D%221%22%20height%3D%221%22%2F%3E%3C%2Fsvg%3E"); }

.tip { --fp: var(--ui-fp); display: inline-block; background: #000; color: #fff;
       padding: calc(var(--fp) * 2) calc(var(--fp) * 4) calc(var(--fp) * 1);
       border: var(--fp) solid #fff; box-shadow: 0 0 0 var(--fp) #000; }

.panel { background: var(--panel); border: var(--p2) solid var(--panel-edge); border-top-color: var(--panel-lit); }

.hero { --img-w: 1920; --img-h: 1080; --img-top: 450;
        --H: max(var(--hero-h, 82vh), 460px);
        --s: max(100vw / var(--img-w), var(--H) / var(--img-h));
        position: relative; height: var(--H);
        background: #1a1a1a url("../assets/hero.jpg") center 38% / cover no-repeat; }
.hero::before { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .12); }

.hero::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64%; pointer-events: none;
               background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .04) 15%, rgba(0, 0, 0, .13) 30%,
                                           rgba(0, 0, 0, .28) 45%, rgba(0, 0, 0, .48) 60%, rgba(0, 0, 0, .7) 75%,
                                           rgba(0, 0, 0, .89) 90%, #000 100%); }
.hero-center { position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; align-items: center;
               justify-content: center; gap: calc(var(--tag-fp) * 4); text-align: center;
               padding: 0 calc(var(--p8) * 3); }

.hero-logo { width: min(calc(var(--tag-fp) * 222), 85vw, 100%); height: auto; }

:root[data-btns=off] .hero-actions { display: none; }
:root[data-btns=off] .hero-logo { width: min(calc(var(--tag-fp) * 240), 88vw, 100%); }

.hero-logo-box { position: relative; width: min(calc(var(--tag-fp) * 222), 85vw, 100%); }
:root[data-btns=off] .hero-logo-box { width: min(calc(var(--tag-fp) * 240), 88vw, 100%); }
.hero-logo-box > .hero-logo { display: block; width: 100%; }
.hero-logo-anim { position: absolute; left: calc(-52 / 1741 * 100%); top: calc(-398.5 / 233 * 100%); width: calc(1856 / 1741 * 100%);
                  height: auto; max-width: none; pointer-events: none;
                  -webkit-mask-image: linear-gradient(transparent, #000 25%); mask-image: linear-gradient(transparent, #000 25%); }
.hero-logo-box:not(.playing) > .hero-logo-anim { visibility: hidden; }
.hero-logo-box.playing > .hero-logo { visibility: hidden; }

.hero-tag.waiting { opacity: 0; }
.hero-tag.in { animation: hero-tag-in 1s ease forwards; }
@keyframes hero-tag-in { from { opacity: 0; transform: translateY(-18px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 760px) {
  .hero-center .hero-tag { --fp: var(--nav-fp); text-align: center; line-height: calc(var(--fp) * 10); }
}
.hero-meta { margin-top: calc(var(--ui-fp) * -2); }

.hero-actions { display: flex; flex-wrap: wrap; justify-content: center; gap: calc(var(--ui-fp) * 6);
                margin-top: calc(var(--tag-fp) * 12); }
.fbtn { --fp: var(--ui-fp); display: inline-flex; align-items: center; justify-content: center;
        min-width: calc(var(--fp) * 100); height: calc(var(--fp) * 20);
        padding: var(--fp) calc(var(--fp) * 10) 0 calc(var(--fp) * 11);
        background: rgba(0, 0, 0, .78); border: var(--p2) solid #000; outline: var(--p2) solid var(--panel-edge);
        color: #fff; text-decoration: none; white-space: nowrap; cursor: pointer; }
.fbtn:hover, .fbtn:focus-visible { outline-color: #fff; }

.fbtn:disabled { color: #a0a0a0; --sh: #282828; cursor: default; }
.fbtn:disabled:hover { outline-color: var(--panel-edge); }
@media (max-width: 760px) {
  .hero-actions { flex-direction: column; align-items: stretch; }
  .hero { background-position: 27% 38%; }
  .hero-center { padding-left: calc(var(--p8) * 2); padding-right: calc(var(--p8) * 2); }
}

.section { padding: calc(var(--p8) * 14) 0; }
.about-grid { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: calc(var(--p8) * 8); align-items: center; }
.about-copy h2 { margin-bottom: calc(var(--h1-fp) * 4); }
.about-copy p + p { margin-top: calc(var(--body-fp) * 8); }

.about-art { position: relative; width: 100%; max-width: 460px; margin: 0 auto; }
#about { overflow-x: clip; }
:where(.about-art.plain) { max-width: none; }
:where(.about-art.plain) img { width: 100%; max-width: 520px; margin: 0 auto; height: auto; }
.about-stage { position: relative; aspect-ratio: 1.06; background: #0c0c0d url("../assets/about_backdrop.png") 50% 100% / cover no-repeat;
               border: var(--p2) solid #000; outline: var(--p2) solid #fff; }
.about-stage::before { content: ""; position: absolute; inset: 0;
                       background: linear-gradient(#000 0%, rgba(0, 0, 0, .55) 30%, rgba(0, 0, 0, 0) 65%); }

.about-art:not(.plain) img { position: absolute; left: 63%; bottom: -20%; height: 140%; width: auto; max-width: none; transform: translateX(-50%); }
.stats { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: calc(var(--p8) * 2); margin-top: calc(var(--p8) * 7); }
.stat .num { --fp: var(--h2-fp); }
.stat .lbl { margin-top: calc(var(--body-fp) * 2); }

.stats.specs { display: flex; flex-wrap: wrap; gap: calc(var(--p8) * 2) calc(var(--p8) * 6); }
.specs .lbl { margin: 0 0 calc(var(--body-fp) * 2); }
@media (max-width: 960px) {
  .about-grid { grid-template-columns: minmax(0, 1fr); }
  .about-art { order: -1; }
  .about-art:not(.plain) { max-width: 300px; margin-top: calc(var(--p8) * 3); margin-bottom: calc(var(--p8) * 5); }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

.qa { padding: calc(var(--p8) * 12) 0 calc(var(--p8) * 11); }
.qa-list { margin-top: calc(var(--p8) * 5); border-top: var(--p2) solid var(--panel-edge); }
.qa-item { border-bottom: var(--p2) solid var(--panel-edge); }
.qa-q { display: flex; align-items: center; justify-content: space-between; gap: calc(var(--p8) * 3); width: 100%;
        padding: calc(var(--p8) * 2.5) 0; background: none; border: 0; text-align: left; cursor: pointer;
        color: #c6c6c6; --sh: #313131; }
.qa-q:hover, .qa-q:focus-visible, .qa-item.open .qa-q { color: #fff; --sh: #3f3f3f; outline: none; }
.qa-plus { flex: none; display: flex; align-items: center; justify-content: center;
           width: calc(var(--ui-fp) * 12); height: calc(var(--ui-fp) * 12); padding-left: var(--ui-fp);
           border: var(--p2) solid #000; outline: var(--p2) solid var(--panel-edge); }
.qa-plus .mc { --fp: var(--ui-fp); line-height: calc(var(--fp) * 8); }
.qa-q:hover .qa-plus, .qa-q:focus-visible .qa-plus, .qa-item.open .qa-plus { outline-color: #fff; }
.qa-a { max-width: 920px; }
.qa-in { padding: 0 0 calc(var(--p8) * 3); }

[data-qa-slide] .qa-a { overflow: hidden; height: 0; transition: height .45s cubic-bezier(0.23, 1, 0.32, 1); }

[data-qa-slide] .qa-q { color: #fff; --sh: #3f3f3f; }

[data-qa-slide] .qa-plus { outline-color: var(--dark); }
[data-qa-slide] .qa-plus .mc { color: var(--dark); --sh: #151515; }
[data-qa-slide] .qa-q:hover .qa-plus .mc, [data-qa-slide] .qa-q:focus-visible .qa-plus .mc, [data-qa-slide] .qa-item.open .qa-plus .mc { color: #fff; --sh: #3f3f3f; }
[data-qa-slide] .qa-q:hover .q, [data-qa-slide] .qa-q:focus-visible .q, [data-qa-slide] .qa-item.open .q {
  text-decoration: underline; text-decoration-thickness: var(--fp); text-underline-offset: calc(var(--fp) * 2); }
:root[data-txt~=body] [data-qa-slide] .qa-q:hover .q, :root[data-txt~=body] [data-qa-slide] .qa-q:focus-visible .q,
:root[data-txt~=body] [data-qa-slide] .qa-item.open .q { text-decoration-thickness: 2px; text-underline-offset: 6px; }
.qa-a strong { font-weight: inherit; color: #fff; --sh: #3f3f3f; }
.qa-a a { color: #fff; --sh: #3f3f3f; text-decoration: underline; text-decoration-thickness: var(--fp); text-underline-offset: calc(var(--fp) * 2); }

.footer { border-top: calc(var(--p1) * 2) solid var(--line-dark); padding: calc(var(--p8) * 10) 0 calc(var(--p8) * 5); }
.footer a { text-decoration: none; }
.footer .legal a:hover { text-decoration: underline; }
.ft-top { display: flex; justify-content: space-between; align-items: flex-end; gap: calc(var(--p8) * 5); flex-wrap: wrap; }
.ft-socials { display: flex; gap: calc(var(--ui-fp) * 4); }
.ft-icon { --fp: var(--ui-fp); display: inline-flex; align-items: center; justify-content: center;
           width: calc(var(--fp) * 22); height: calc(var(--fp) * 20); color: var(--grey); --sh: #2a2a2a;
           background: rgba(0, 0, 0, .78); border: var(--p2) solid #000; outline: var(--p2) solid var(--panel-edge); }
.ft-icon .ico { margin: 0; }
.ft-icon:hover, .ft-icon:focus-visible { color: #fff; --sh: #3f3f3f; outline-color: #fff; }
.ft-mid, .ft-legal { display: flex; justify-content: space-between; align-items: center; gap: calc(var(--p8) * 2.5); flex-wrap: wrap;
                     border-top: var(--p2) solid var(--panel-edge); }
.ft-mid { margin-top: calc(var(--p8) * 4.5); padding-top: calc(var(--p8) * 3.5); }
.ft-legal { margin-top: calc(var(--p8) * 5); padding-top: calc(var(--p8) * 3); }
.ft-copy .hint { margin-left: calc(var(--fp) * 6); color: var(--grey); --sh: #2a2a2a; }
.ft-copy:hover .hint, .ft-copy:focus-visible .hint { color: #fff; --sh: #3f3f3f; }
.ft-direct { display: flex; flex-wrap: wrap; gap: calc(var(--ui-fp) * 6); }
@media (max-width: 560px) {
  .ft-direct { width: 100%; }
  .ft-direct .fbtn { width: 100%; min-width: 0; padding-left: calc(var(--fp) * 3); padding-right: calc(var(--fp) * 3); }
}
@media (max-width: 340px) {
  .ft-direct .fbtn { white-space: normal; height: auto; min-height: calc(var(--fp) * 20); padding-top: calc(var(--fp) * 5); padding-bottom: calc(var(--fp) * 4); text-align: center; }
  .ft-direct .ico-mail { display: none; }
}

.gallery { position: relative; isolation: isolate; overflow: hidden; padding: calc(var(--p8) * 12) 0 calc(var(--p8) * 11); }
.g-bg { position: absolute; inset: calc(var(--ui-fp) * 2) 0; z-index: -1; overflow: hidden; pointer-events: none; }
.g-bg i { position: absolute; inset: -5%; background: center / cover no-repeat; filter: brightness(.4) saturate(.72) blur(6px);
          opacity: 0; transition: opacity .9s ease; }
.g-bg i.show { opacity: 1; }
.g-bg::after { content: ""; position: absolute; inset: 0;
               background: linear-gradient(#000, rgba(0, 0, 0, .5) 24%, rgba(0, 0, 0, .5) 76%, #000); }
.g-stage { position: relative; margin: calc(var(--p8) * 5) 0 0;    aspect-ratio: 16 / 9; background: #000;
           border: var(--p2) solid #000; outline: var(--p2) solid #fff; cursor: zoom-in; }
.g-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.g-over { opacity: 0; transition: opacity .3s ease; }
.g-over.show { opacity: 1; }
.g-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; background: #000; display: none; }
.g-stage.is-video { cursor: default; }
.g-stage.is-video .g-video { display: block; }
.g-stage.is-video .g-img { display: none; }
.g-caption { margin: calc(var(--p8) * 2) 0 0; display: flex; align-items: center; justify-content: space-between;
             gap: calc(var(--p8) * 2); flex-wrap: wrap; }
.g-meta { display: flex; align-items: baseline; gap: calc(var(--p8) * 1.5); flex-wrap: wrap; }
.g-caption .fbtn { min-width: calc(var(--fp) * 80); }

.g-strip { margin: calc(var(--p8) * 3) 0 0; overflow: hidden; cursor: grab; touch-action: pan-y;
           -webkit-user-select: none; user-select: none; padding: calc(var(--p2) * 2) 0;
           -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 14%, #000 86%, transparent 100%);
           mask-image: linear-gradient(to right, transparent 0%, #000 14%, #000 86%, transparent 100%); }
.g-strip:active { cursor: grabbing; }
.g-track { display: flex; gap: calc(var(--p8) * 1.25); width: max-content; will-change: transform; }
.g-thumb { flex: none; width: 200px; aspect-ratio: 16 / 9; padding: 0; cursor: pointer; background: #111 center / cover no-repeat;
           border: var(--p2) solid #000; outline: var(--p2) solid var(--panel-edge); opacity: .45;
           transition: opacity .4s ease; }
.g-thumb.active { opacity: 1; outline-color: #fff; }
.g-thumb.is-video::after { content: ""; display: block; margin: auto; width: 0; height: 0; border-style: solid;
                           border-width: 9px 0 9px 15px; border-color: transparent transparent transparent #fff; }
@media (max-width: 760px) { .g-thumb { width: 150px; } }

.g-count { display: none; }
@media (max-width: 760px) {
  [data-g-swipe] .wrap { display: flex; flex-direction: column; }
  [data-g-swipe] .g-stage { display: none; }
  [data-g-swipe] .g-strip { order: 1; container-type: inline-size; margin: calc(var(--p8) * 5) calc(var(--p8) * -3) 0;
                           -webkit-mask-image: none; mask-image: none; }
  [data-g-swipe] .g-caption { order: 2; }
  [data-g-swipe] .g-track { gap: var(--p8); }
  [data-g-swipe] .g-thumb { width: calc(100cqw - var(--p8) * 6); }
  [data-g-swipe] .g-count { display: block; }
}

.g-lb { position: fixed; inset: 0; z-index: 60; display: flex; flex-direction: column; align-items: center; justify-content: center;
        gap: calc(var(--ui-fp) * 6); padding: calc(var(--p8) * 2); background: rgba(0, 0, 0, .88); }
.g-lb[hidden] { display: none; }
.g-lb-img { max-width: min(92vw, 1600px); max-height: calc(100vh - var(--ui-fp) * 44); object-fit: contain;
            border: var(--p2) solid #000; outline: var(--p2) solid #fff; }
.g-lb-bar { display: flex; gap: calc(var(--ui-fp) * 6); }
.g-lb-bar .fbtn { min-width: calc(var(--fp) * 60); }

.features { position: relative; padding: calc(var(--p8) * 12) 0 calc(var(--p8) * 11); overflow-x: clip; }
.f-tabs { display: flex; gap: calc(var(--p8) * 2); margin-top: calc(var(--p8) * 5); }
.f-tab { position: relative; flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: calc(var(--body-fp) * 3);
         padding: 0 0 calc(var(--body-fp) * 7); background: none; border: 0; text-align: left; cursor: pointer;
         color: var(--grey); --sh: #2a2a2a; -webkit-user-select: none; user-select: none; }
.f-tab .n { color: var(--dark); --sh: #151515; }
.f-tab:hover, .f-tab:focus-visible, .f-tab.active { color: #fff; --sh: #3f3f3f; outline: none; }
.f-tab.active .n { color: var(--grey); --sh: #2a2a2a; }

.f-tab::before, .f-tab::after { content: ""; position: absolute; left: 0; bottom: 0; width: calc(100% + var(--p8) * 2); height: var(--p2); }
.f-tab:last-child::before, .f-tab:last-child::after { width: 100%; }
.f-tab::before { background: var(--panel-edge); }
.f-tab::after { background: #fff; transform: scaleX(0); transform-origin: left; }
.f-tab:hover::after, .f-tab.active::after { transform: scaleX(1); }

.fc-page { margin-top: calc(var(--p8) * 8); }

.fc-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); grid-template-rows: auto 1fr;
          column-gap: calc(var(--p8) * 6); align-items: start; margin-top: calc(var(--p8) * 7); }
.fc-row.img-right { grid-template-areas: "hd img" "tx img"; }
.fc-row.img-left  { grid-template-areas: "img hd" "img tx"; }
.fc-intro { margin-top: 0; }
.fc-hd { grid-area: hd; display: flex; flex-wrap: wrap; align-items: flex-start; gap: calc(var(--p8) * 1.5) calc(var(--p8) * 2.5); }

.fc-img { grid-area: img; align-self: stretch; }
.fc-img > .fc-shot { height: 100%; }
.fc-tx { grid-area: tx; padding-top: calc(var(--p8) * 3); }
.fc-intro .fc-hd { display: block; }
.fc-intro .fc-tx { padding-top: calc(var(--body-fp) * 9); }
.fc-tx p + p { margin-top: calc(var(--body-fp) * 6); }
.fc-tx .fc-shot { margin-top: calc(var(--p8) * 5); }

.fc-bar { --fp: var(--p2);    margin-top: calc(var(--h2-fp) * 3); padding: calc(var(--fp) * 3) 0 calc(var(--fp) * 2.5);
          border-top: var(--p2) solid var(--line-light); border-bottom: var(--p2) solid var(--line-light); white-space: nowrap; }

.fc-shot { position: relative; container-type: inline-size; margin: 0; background: #000; border: var(--p2) solid #000; outline: var(--p2) solid #fff; }
.fc-shot::before { content: ""; display: block; padding-top: var(--ratio, 56.25%); }
.fc-shot > img:not(.fc-fx):not(.fc-pop) { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

.fc-img > .fc-shot.pop { height: auto; align-self: start; }
.fc-shot.pop { margin-bottom: calc(var(--pb, 0) * 1%); }
.fc-pop { position: absolute; z-index: 2; max-width: none; pointer-events: none; }

.fc-pair { position: relative; height: 100%; }
.fc-pair::before { content: ""; display: block; padding-top: 52.6%; }
.fc-pair > .fc-shot { position: absolute; width: 58%; }
.fc-pair > .a { left: 0; top: 0; }
.fc-pair > .b { right: 0; bottom: 0; }

.cmp { outline-color: var(--panel-edge); cursor: pointer; }
.cmp:hover, .cmp:focus-within { outline-color: #fff; }
.cmp > .key { pointer-events: none; }
.cmp-off { position: absolute; inset: 0; visibility: hidden; }
.cmp.is-off .cmp-off { visibility: visible; }
.cmp-off > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cmp-btn { position: absolute; inset: 0; z-index: 3; display: block; width: 100%; padding: 0; background: none; border: 0; cursor: pointer;
           -webkit-tap-highlight-color: transparent; }
.cmp-btn:focus-visible { outline: none; }
.cmp-face { position: absolute; top: calc(var(--p8) * 2); right: calc(var(--p8) * 2); min-width: calc(var(--fp) * 30); }
.cmp-btn:hover .cmp-face, .cmp-btn:focus-visible .cmp-face { outline-color: #fff; }
@container (max-width: 480px) { .cmp-long { display: none; } }

.fc-shot > .key { position: absolute; z-index: 5; left: calc(var(--ui-fp) * 4); top: calc(var(--ui-fp) * 4); }

.fc-keys { list-style: none; margin: 0; padding: 0; display: grid; gap: calc(var(--body-fp) * 9); }
.fc-tx p + .fc-keys { margin-top: calc(var(--body-fp) * 10); }
.fc-keys li { display: flex; align-items: flex-start; gap: calc(var(--body-fp) * 6); }
.fc-keys .keys { flex: none; display: flex; gap: calc(var(--ui-fp) * 3); }
.fc-keys .nm { display: flex; align-items: center; flex-wrap: wrap; gap: calc(var(--ui-fp) * 2) calc(var(--ui-fp) * 5); }
.fc-tx .fc-keys p + p { margin-top: calc(var(--body-fp) * 2); }

.fc-fx { position: absolute; z-index: 3; left: calc(var(--x) * 1%); top: var(--top);
         --kk: var(--k); width: calc(var(--kk) * var(--tw)); height: calc(var(--kk) * var(--th)); pointer-events: none; }
.fc-fx { rotate: var(--r, 0deg); }
.fc-fx.mirror { scale: -1 1; }

.fc-splash { --fp: var(--ui-fp); --m: calc(var(--p8) * 2); position: absolute; z-index: 4; max-width: calc(100% - var(--m) * 2);
             pointer-events: none; }
.fc-splash.bl { left: var(--m); bottom: var(--m); }
.fc-splash.br { right: var(--m); bottom: var(--m); text-align: right; }
.fc-splash.tl { left: var(--m); top: calc(var(--m) + var(--ui-fp) * 18); }
.fc-splash.tr { right: var(--m); top: var(--m); text-align: right; max-width: calc(100% - var(--m) - var(--ui-fp) * 30); }

.fc-spec { position: absolute; inset: 0; display: flex; flex-direction: column; justify-content: center; gap: calc(var(--ui-fp) * 4);
           padding: 0 calc(var(--p8) * 3); background: var(--panel); overflow: hidden; }
.fc-spec .big { --fp: var(--p6); margin-bottom: calc(var(--ui-fp) * 3); white-space: nowrap; }
.fc-spec p { overflow-wrap: anywhere; }

.fc-new { --fp: var(--ui-fp); flex: none; display: inline-block; padding: calc(var(--fp) * 4) calc(var(--fp) * 6);
          background: #ffcf2d; border: calc(var(--fp) * 2) solid #000; outline: var(--fp) solid #fff; }
.fc-new .mc { --fp: inherit; display: block; line-height: calc(var(--fp) * 8); color: #fff; }
.fc-hd .fc-new { margin-top: calc(var(--h2-fp) * -1); }
.fc-new.sm { --fp: var(--p1); }

.fc-more { margin-top: calc(var(--p8) * 13); }
.fc-index { list-style: none; margin: calc(var(--p8) * 4) 0 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: calc(var(--p8) * 3.5) calc(var(--p8) * 4); }
.fc-index li { padding-top: calc(var(--ui-fp) * 7); border-top: var(--p2) solid var(--panel-edge); }
.fc-index .nm { display: flex; align-items: center; gap: calc(var(--ui-fp) * 5); }
.fc-index .d { margin-top: calc(var(--body-fp) * 3); }
.fc-next { margin-top: calc(var(--p8) * 10); }
@media (max-width: 960px) {
  .fc-index { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .fc-row { column-gap: calc(var(--p8) * 4); }
}

@media (max-width: 760px) {
  .f-tabs { gap: calc(var(--p8) * 3); overflow-x: auto; scrollbar-width: none; }
  .f-tabs::-webkit-scrollbar { display: none; }
  .f-tab { flex: 0 0 auto; }
  .f-tab::before, .f-tab::after { width: calc(100% + var(--p8) * 3); }
  .fc-row, .fc-row.img-left, .fc-row.img-right { grid-template-columns: minmax(0, 1fr); grid-template-rows: none;
                                                 grid-template-areas: "hd" "img" "tx"; margin-top: calc(var(--p8) * 9); }
  .fc-intro.img-right { grid-template-areas: "hd" "tx" "img"; margin-top: 0; }
  .fc-img { margin-top: calc(var(--p8) * 3); }
  .fc-intro .fc-img { margin-top: calc(var(--p8) * 4); }
  .fc-tx { padding-top: calc(var(--p8) * 3); }
  .fc-index { grid-template-columns: minmax(0, 1fr); }
  .fc-spec .big { --fp: var(--p4); }
  .fc-pair::before { padding-top: 60%; }
  .fc-pair > .fc-shot { width: 66%; }
  .fc-pair > .a .fc-splash { left: auto; bottom: auto; right: var(--m); top: var(--m); text-align: right;
                             max-width: calc(100% - var(--m) - var(--ui-fp) * 30); }
  .fc-fx { --kk: var(--k-sm); left: max(calc(var(--x) * 1%), calc(var(--p8) * -2)); }

  .fc-shot.pop { margin-top: calc(var(--pt, 0) * 1%); }
  .fc-shot.pop .fc-splash { top: calc(100% + var(--p8) * 2); bottom: auto; right: 0; max-width: 100%; }
  .fc-shot.pop:has(.fc-splash) { margin-bottom: calc(var(--ui-fp) * 26); }
}

.tiers { padding: calc(var(--p8) * 12) 0 calc(var(--p8) * 11); }

.t-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); grid-auto-rows: auto;
          gap: calc(var(--p8) * 3.5); margin-top: calc(var(--p8) * 5); }
.tier { position: relative; display: grid; grid-row: span 5; grid-template-rows: subgrid; row-gap: 0;
        background: #000;
        border: var(--p2) solid #000; outline: var(--p2) solid var(--panel-edge); }
.tier.featured { outline-color: #fff; }
.tier:hover, .tier:focus-within { outline-color: #fff; }
.tier-banner { aspect-ratio: 3 / 1; display: flex; align-items: center; justify-content: center;
               background: #111 center / cover no-repeat; border-bottom: var(--p2) solid var(--panel-edge); }
.tier-banner img { width: 76%; height: auto; }

.tier-banner.full { aspect-ratio: 23 / 10; }
.tier-banner.full img { width: 100%; height: 100%; object-fit: cover; }
.tier .tip { position: absolute; z-index: 1; top: 0; right: calc(var(--p8) * 2); transform: translateY(-50%); }
.tier-body { display: grid; grid-row: span 4; grid-template-rows: subgrid; row-gap: calc(var(--body-fp) * 6);
             padding: calc(var(--p8) * 3) calc(var(--p8) * 3) calc(var(--p8) * 3); }
.tier-body h3 { white-space: nowrap; }

.tier-body > div:first-child { container-type: inline-size; }
@container (max-width: 242px) { .tier-body h3.tag-size { --fp: var(--p2); } }
@container (min-width: 243px) and (max-width: 323px) { .tier-body h3.tag-size { --fp: min(var(--tag-fp), var(--p3)); } }

.tier .price { display: flex; align-items: flex-start; margin-bottom: calc(var(--body-fp) * 14); }
.tier .price > span { line-height: calc(var(--fp) * 8); }
.tier .price .num { --fp: var(--h2-fp); }
.tier .price .cur { margin-right: var(--fp); }
.tier .price .per { margin-left: calc(var(--fp) * 2); }
.tier .perks { list-style: none; padding: 0; margin: 0; display: grid; align-content: start; gap: calc(var(--body-fp) * 4); }

.tier .perks li { position: relative; padding-left: calc(var(--fp) * 10); line-height: calc(var(--fp) * 11); }
.tier .perks li::before { content: "\2022"; position: absolute; left: 0; top: 0; }
.tier .fbtn { align-self: end; width: 100%; min-width: 0; margin-top: calc(var(--body-fp) * 14); }
.t-more { display: flex; flex-wrap: wrap; align-items: center; gap: calc(var(--p8) * 2); margin-top: calc(var(--p8) * 5); }
@media (max-width: 960px) {
  .t-grid { grid-template-columns: minmax(0, 1fr); max-width: 520px; }
}

.lg { position: fixed; inset: 0; z-index: 70; display: flex; align-items: center; justify-content: center;
      padding: calc(var(--p8) * 3); background: rgba(0, 0, 0, .88); }
.lg[hidden] { display: none; }
.lg-in { display: flex; flex-direction: column; width: min(840px, 100%); max-height: 100%; background: #000;
         border: var(--p2) solid #000; outline: var(--p2) solid #fff; }
.lg-title { padding: calc(var(--p8) * 3) calc(var(--p8) * 4) calc(var(--p8) * 2.5); border-bottom: var(--p2) solid var(--panel-edge); }
.lg-body { flex: 1 1 auto; min-height: 0; overflow-y: auto; padding: calc(var(--p8) * 3.5) calc(var(--p8) * 4);
           scrollbar-width: thin; scrollbar-color: var(--panel-lit) #000; outline: none; }
.lg-body p { color: var(--grey); --sh: #2a2a2a; }
.lg-body p + p { margin-top: calc(var(--body-fp) * 8); }
.lg-body strong { color: #fff; --sh: #3f3f3f; font-weight: inherit; }
.lg-body .lg-note { color: var(--dark); --sh: #151515; }
.lg-foot { display: flex; justify-content: flex-end; flex-wrap: wrap; gap: calc(var(--ui-fp) * 6);
           padding: calc(var(--p8) * 2.5) calc(var(--p8) * 4); border-top: var(--p2) solid var(--panel-edge); }
@media (max-width: 560px) {
  .lg { padding: calc(var(--p8) * 1.5); }
  .lg-title, .lg-body, .lg-foot { padding-left: calc(var(--p8) * 2); padding-right: calc(var(--p8) * 2); }
  .lg-foot .fbtn { flex: 1 1 auto; }
}

@media (max-width: 760px) {
  .section, .gallery, .features, .tiers, .qa { padding-top: calc(var(--p8) * 5); padding-bottom: calc(var(--p8) * 4); }
  .footer { padding-top: calc(var(--p8) * 5); }
  :root:not([data-bg=black]) .band + .band { margin-top: calc(var(--p8) * 3); }
}

  .hero { --hero-h: 72vh; }

  :root:not([data-btns=on]) .hero { --logo-w: min(var(--tag-fp) * 240, 88vw); --H: min(72vh, var(--logo-w) * 1.1); }
  .strip { padding: calc(var(--p8) * 5) 0 calc(var(--p8) * 5); }
  .strip-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: baseline; margin-bottom: calc(var(--body-fp) * 6); gap: calc(var(--p8) * 2); }
  .strip-head a { text-decoration: underline; text-decoration-thickness: var(--fp); text-underline-offset: calc(var(--fp) * 2); }
  :root[data-txt~=label] .strip-head a { text-decoration-thickness: 2px; text-underline-offset: 5px; }

  .shots { --g: calc(var(--p8) * 2.5); --side: max(var(--p8) * 3, (100% - 1320px) / 2);
           display: grid; grid-auto-flow: column; grid-auto-columns: max(calc((100% - var(--g) * 3) / 4), min(260px, 66vw)); gap: var(--g);
           overflow-x: auto; overscroll-behavior-x: contain; scroll-snap-type: x mandatory; scrollbar-width: none;
           margin-top: calc(var(--p2) * -2); padding: calc(var(--p2) * 2) var(--side); scroll-padding: 0 var(--side); }
  .shots::-webkit-scrollbar { display: none; }
  .shots.scrolls { cursor: grab; }
  .shots.dragging { cursor: grabbing; scroll-snap-type: none; user-select: none; }
  .shots .shot { scroll-snap-align: start; }
  .shot { display: block; text-decoration: none; }
  .shot .frame { aspect-ratio: 16 / 9; background: #111 center / cover no-repeat; border: var(--p2) solid #000;
                 outline: var(--p2) solid var(--panel-edge); }
  .shot:hover .frame, .shot:focus-visible .frame { outline-color: #ffffff; }
  .shot .cap { margin-top: calc(var(--body-fp) * 5); overflow-wrap: break-word; }
  .shot .sub { margin-top: calc(var(--body-fp) * 1); }

  :root[data-bg=black] .footer { position: relative; isolation: isolate; }
  :root[data-bg=black] .footer::before, :root[data-bg=black] .footer::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; }
  :root[data-bg=black] .footer::before { background: url("../images/final_bg.jpg") center / cover no-repeat; filter: brightness(.5) saturate(.62); }
  :root[data-bg=black] .footer::after { background: linear-gradient(rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .72) 62%, rgba(0, 0, 0, .93) 100%); }

  .hero-art { display: none; }
  @media (max-width: 760px) {
    .hero { --ah: min(100vw * .625, 300px); display: grid; height: auto; background: none; }
    .hero::before, .hero::after { display: none; }
    .hero-art { grid-area: 1 / 1; display: block; position: relative; height: var(--ah); margin-bottom: calc(var(--ah) * -0.1); overflow: hidden; background: #111 url("../assets/hero.jpg") 30% 40% / cover no-repeat; }
    .hero-art::after { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, .7) 78%, #000 100%); }
    .hero-player { position: absolute; left: 50%; bottom: -16%; height: 120%; width: auto; max-width: none; transform: translateX(-50%); }
    .hero .hero-center { grid-area: 1 / 1; align-self: start; position: relative; inset: auto; margin-top: calc(var(--ah) * .52); gap: calc(var(--body-fp) * 2);
                         padding-left: calc(var(--p8) * 3); padding-right: calc(var(--p8) * 3); }
    :root .hero .hero-logo-box { width: min(360px, 100%); }
    .hero-center .hero-tag { max-width: calc(var(--fp) * 100); color: var(--grey); --sh: #2a2a2a; line-height: calc(var(--fp) * 11); }
    .hero .hero-actions { margin-top: calc(var(--p8) * 3 - var(--body-fp) * 2); }
    .strip { padding-bottom: calc(var(--p8) * 4); }
    #about .about-art { display: none; }
  }

.hero-logo-box { margin: 0; }

.logo-intro .hero-logo { visibility: hidden; }
.logo-intro .hero-tag:not(.in) { opacity: 0; }
.logo-intro .hero-tag:not(.in) ~ .hero-actions { opacity: 0; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } [data-qa-slide] .qa-a { transition: none; } }