/* ============================================================
   theme-overrides.css — GENERATED. Do not edit by hand.
   Source of truth: theme-config.json
   Regenerated by tweaks/server.js on save.
   ============================================================ */

.nav__link {
  font-size: 22px !important;
}

.hero__eyebrow {
  font-size: 22px !important;
}

.section__label {
  font-size: 14px !important;
  text-transform: uppercase !important;
  color: #ffffff !important;
}

.section__label::before {
  background: #ffffff !important;
}

.section__label::before {
  width: calc(14px * 0.8) !important;
  height: calc(14px * 0.8) !important;
}

.section__title {
  font-size: 39px !important;
}

.contact__block h3 {
  font-size: 16px !important;
}

:root {
  --contact-accent: #ffffff;
}

.contact__email, .site-footer__email {
  color: var(--contact-accent) !important;
}

.hero__video-layer--overlay::after {
  display: none !important;
}

@keyframes chromaticShiftA {
  0%   { transform: translate(calc(var(--chromatic-intensity, 3px) *  1),    0); }
  20%  { transform: translate(calc(var(--chromatic-intensity, 3px) * -0.4),  calc(var(--chromatic-jitter, 0px) *  1)); }
  40%  { transform: translate(calc(var(--chromatic-intensity, 3px) *  0.7),  calc(var(--chromatic-jitter, 0px) * -0.5)); }
  60%  { transform: translate(calc(var(--chromatic-intensity, 3px) * -0.6),  0); }
  80%  { transform: translate(calc(var(--chromatic-intensity, 3px) *  0.4),  calc(var(--chromatic-jitter, 0px) *  0.5)); }
  100% { transform: translate(calc(var(--chromatic-intensity, 3px) *  1),    0); }
}

@keyframes chromaticShiftB {
  0%   { transform: translate(calc(var(--chromatic-intensity, 3px) * -1),    0); }
  20%  { transform: translate(calc(var(--chromatic-intensity, 3px) *  0.6),  calc(var(--chromatic-jitter, 0px) * -1)); }
  40%  { transform: translate(calc(var(--chromatic-intensity, 3px) * -0.5),  calc(var(--chromatic-jitter, 0px) *  0.6)); }
  60%  { transform: translate(calc(var(--chromatic-intensity, 3px) *  0.7),  0); }
  80%  { transform: translate(calc(var(--chromatic-intensity, 3px) * -0.4),  calc(var(--chromatic-jitter, 0px) * -0.5)); }
  100% { transform: translate(calc(var(--chromatic-intensity, 3px) * -1),    0); }
}

.chromatic-text--mark {
  --chromatic-intensity: 3px;
  --chromatic-jitter: 2px;
  --chromatic-blur: 11.8px;
  --chromatic-opacity: 0.7;
  --chromatic-color-a: #bababa;
  --chromatic-color-b: #5c8ba3;
  --chromatic-blend-mode: screen;
  --chromatic-speed: 4.5s;
}

.chromatic-text--mark::before, .chromatic-text--mark::after {
  opacity: var(--chromatic-opacity);
  mix-blend-mode: var(--chromatic-blend-mode);
  filter: blur(var(--chromatic-blur));
}
.chromatic-text--mark::before {
  color: var(--chromatic-color-a);
  animation: chromaticShiftA var(--chromatic-speed) ease-in-out infinite;
}
.chromatic-text--mark::after {
  color: var(--chromatic-color-b);
  animation: chromaticShiftB var(--chromatic-speed) ease-in-out infinite;
}

.nav__link.active .chromatic-text--nav {
  --chromatic-intensity: 1px;
  --chromatic-jitter: 1.5px;
  --chromatic-blur: 0px;
  --chromatic-opacity: 0.7;
  --chromatic-color-a: #38fcff;
  --chromatic-color-b: #bd004b;
  --chromatic-blend-mode: screen;
  --chromatic-speed: 3s;
}

.nav__link.active .chromatic-text--nav::before, .nav__link.active .chromatic-text--nav::after {
  opacity: var(--chromatic-opacity);
  mix-blend-mode: var(--chromatic-blend-mode);
  filter: blur(var(--chromatic-blur));
}
.nav__link.active .chromatic-text--nav::before {
  color: var(--chromatic-color-a);
  animation: chromaticShiftA var(--chromatic-speed) ease-in-out infinite;
}
.nav__link.active .chromatic-text--nav::after {
  color: var(--chromatic-color-b);
  animation: chromaticShiftB var(--chromatic-speed) ease-in-out infinite;
}

.drawer-toggle__btn .chromatic-text--drawer {
  --chromatic-intensity: 0px;
  --chromatic-jitter: 1px;
  --chromatic-blur: 0px;
  --chromatic-opacity: 0.6;
  --chromatic-color-a: #ff2a6d;
  --chromatic-color-b: #00e5ff;
  --chromatic-blend-mode: screen;
  --chromatic-speed: 3s;
}

.drawer-toggle__btn .chromatic-text--drawer::before, .drawer-toggle__btn .chromatic-text--drawer::after {
  opacity: var(--chromatic-opacity);
  mix-blend-mode: var(--chromatic-blend-mode);
  filter: blur(var(--chromatic-blur));
}
.drawer-toggle__btn .chromatic-text--drawer::before {
  color: var(--chromatic-color-a);
  animation: chromaticShiftA var(--chromatic-speed) ease-in-out infinite;
}
.drawer-toggle__btn .chromatic-text--drawer::after {
  color: var(--chromatic-color-b);
  animation: chromaticShiftB var(--chromatic-speed) ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .chromatic-text--mark::before, .chromatic-text--mark::after, .drawer-toggle__btn .chromatic-text--drawer::before, .drawer-toggle__btn .chromatic-text--drawer::after {
    animation: none !important;
  }
}

@keyframes navGlitchBurst {
  0%, 91.9% { transform: translate(0,0) skewX(0deg); opacity: 1; }
  92%   { transform: translate(-1px, 0) skewX(7deg); opacity: 0.860; }
  93.5% { transform: translate(0.80px, -1px) skewX(-4.2deg); opacity: 1; }
  95%   { transform: translate(-0.50px, 1px) skewX(2.1deg); opacity: 0.860; }
  96.5% { transform: translate(0.35px, 0) skewX(0deg); opacity: 1; }
  98%   { transform: translate(0,0) skewX(0deg); opacity: 0.860; }
  100%  { transform: translate(0,0) skewX(0deg); opacity: 1; }
}

.nav__link.active .chromatic-text--nav {
  animation: navGlitchBurst 7.5s steps(1, end) infinite;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .nav__link.active .chromatic-text--nav { animation: none !important; }
}

:root {
  --drawer-radius: 8px;
  --drawer-corner-shape: bevel;
}

.drawer-toggle__btn {
  font-size: 16px;
  padding: 20.3px 40.8px;
  gap: 20.3px;
}

.drawer-toggle__chev { font-size: 20.3px; }

@keyframes drawerGlitchBurst {
  0%, 91.9% { transform: translate(0,0) skewX(0deg); opacity: 1; }
  92%   { transform: translate(-2px, 0) skewX(1deg); opacity: 0.900; }
  93.5% { transform: translate(1.60px, -1px) skewX(-0.6deg); opacity: 1; }
  95%   { transform: translate(-1.00px, 1px) skewX(0.3deg); opacity: 0.900; }
  96.5% { transform: translate(0.70px, 0) skewX(0deg); opacity: 1; }
  98%   { transform: translate(0,0) skewX(0deg); opacity: 0.900; }
  100%  { transform: translate(0,0) skewX(0deg); opacity: 1; }
}

.drawer-toggle__btn .chromatic-text--drawer {
  animation: drawerGlitchBurst 5s steps(1, end) infinite;
  will-change: transform, opacity;
}

@media (prefers-reduced-motion: reduce) {
  .drawer-toggle__btn .chromatic-text--drawer { animation: none !important; }
}

:root {
  --headline-cycle-dur: 1s;
}

@media (max-width: 1010px) {
  :root {
    --nav-mark-size: 22px;
    --nav-label-size: 24px;
    --nav-menu-link-size: 36px;
  }
}

@media (max-width: 380px) {
  :root {
    --nav-mark-size: 18px;
    --nav-label-size: 20px;
    --nav-menu-link-size: 30px;
  }
}

.art-grid { --cols: 4; --art-grid-gap: 16px; --art-grid-row-gap: 16px; }

@media (max-width: 1100px) { .art-grid { --cols: 3; } }
@media (max-width: 820px)  { .art-grid { --cols: 2; --art-grid-gap: 12px; --art-grid-row-gap: 10px; } }
@media (max-width: 560px)  { .art-grid { --cols: 2; --art-grid-gap: 8px; --art-grid-row-gap: 3px; } }

:root {
  --bts-frame-h: 244px;
  --bts-frame-ratio: 3 / 4;
  --bts-frame-aspect: 0.7500;
  --bts-frame-gap: 5px;
  --bts-sprocket-size: 4px;
  --bts-sprockets-per-frame: 1;
  --bts-sprocket-gutter: 0px;
  --bts-film-base: #141414;
  --bts-sprocket-color: #000000;
  --bts-edge-fade: 18%;
  --bts-overlay-opacity: 0.22;
  --bts-grain-size: 180px;
  --bts-grain-seconds: 0.8s;
  --bts-halftone-size: 3px;
  --bts-photo-sat: 0.55;
  --bts-photo-con: 1.12;
  --bts-photo-bri: 1;
  --bts-photo-sepia: 0.18;
  --bts-vignette: 0.35;
  --bts-tint: #f0e8da;
  --bts-tint-opacity: 0.06;
  --bts-paper-inset: 0px;
  --bts-paper-color: #0a0a0a;
  --bts-frame-bg: #0d0d0d;
  --bts-border-w: 1px;
  --bts-border-color: #1c1c1c;
  --bts-grid-gap: 10px;
}

.bts-grid { --cols: 5; --bts-grid-row-gap: 10px; }

@media (max-width: 1240px) { .bts-grid { --cols: 4; } }
@media (max-width: 1000px) { .bts-grid { --cols: 3; } }
@media (max-width: 700px)  { .bts-grid { --cols: 2; --bts-grid-row-gap: 4px; } }

:root {
  --summon-size: 190px;
  --summon-left: 73.5%;
  --summon-top: 82px;
  --summon-stroke: 2px;
  --summon-color: #ffffff;
  --summon-opacity: 0.85;
  --summon-hover-opacity: 1;
  --summon-label-tracking: 0.18em;
  --summon-label-color: #b3b3b3;
  --summon-label-opacity: 0.75;
  --summon-label-hover-opacity: 1;
  --summon-held-fill: #ffffff;
  --summon-held-glow: drop-shadow(0 0 3.1px rgba(255, 255, 255, 0.594)) drop-shadow(0 0 16.2px rgba(255, 255, 255, 0.363));
  --summon-ring-glow: 0 0 3.1px rgba(255, 255, 255, 0.594), 0 0 16.2px rgba(255, 255, 255, 0.363), inset 0 0 3.1px rgba(255, 255, 255, 0.594);
}

:root {
  --about-portrait-width: 32%;
  --about-portrait-gap: 24px;
  --about-portrait-top: 0px;
  --about-portrait-ratio: 4 / 5;
  --about-copy-offset: 0px;
  --about-copy-columns: 2;
  --about-portrait-fade: 30%;
  --about-headline-offset: 0px;
}
#about .section__title {
  font-size: clamp(30px, 3vw, 46px) !important;
}