.look-defs { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.look-deco { display: none; }

body[data-look="blackout"] .look-deco {
  display: block; position: fixed; inset: 0; z-index: 0; overflow: hidden; pointer-events: none;
}
body[data-look="blackout"] .look-cracks {
  position: absolute; inset: 0; opacity: .85;
  background: url('https://icons.zona.is/vy/cracks.svg') center / cover no-repeat;
}
body[data-look="blackout"] .look-chain {
  position: absolute; width: 96px; opacity: .8;
  background: url('https://icons.zona.is/vy/chain.svg') center top / 96px 150px repeat-y;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 68%, transparent 100%);
          mask-image: linear-gradient(to bottom, transparent 0, #000 16%, #000 68%, transparent 100%);
}
body[data-look="blackout"] .look-chain--l { left: -36px; top: 18%; height: 60%; transform: rotate(-4deg); }
body[data-look="blackout"] .look-chain--r { right: -40px; top: 48%; height: 56%; transform: rotate(5deg) scaleX(-1); }
body[data-look="blackout"] .look-grain {
  position: absolute; inset: 0; opacity: .07; mix-blend-mode: screen;
  background: url('https://icons.zona.is/vy/grain.svg');
}

body[data-look="blackout"] .stage { z-index: 1; background-color: transparent; }
body[data-look="blackout"] .stage.stage--message { background-color: transparent; }

body[data-look="blackout"][data-look-color="0"] :is(
  .header-banner, #avatar, #stickyHeaderAvatar, #brandingFooterAvatar,
  .ambient-backdrop-image, .wallpaper-image, .wallpaper-video, .stage-video-frame, .stage-video,
  .links [style*="background-image"], .links img, .links video, .links iframe, .links canvas
):not(.store-shelf *, .store-block *, .block-product, .block-product *, .link-icon *, .link-label-sub *, .social-icon *, .verified-badge) {
  filter: grayscale(1) contrast(1.06);
}

body[data-look="blackout"][data-look-color="0"] .stage::before { filter: grayscale(1) contrast(1.06); }

body[data-look="blackout"] .link-icon:not(.link-icon--wa-img),
body[data-look="blackout"] .link-label-sub img,
body[data-look="blackout"] .block-collection-badge img,
body[data-look="blackout"] .block-email-icon img,
body[data-look="blackout"] .brand-mark img,
body[data-look="blackout"] .link-arrow {
  filter: brightness(0) invert(1);
}
body[data-look="blackout"] .link-icon { color: #fff; }

body[data-look="blackout"] .social-icon img { filter: grayscale(1); }
body[data-look="blackout"] .social-icon[href^="mailto:"],
body[data-look="blackout"].header--hero .social-icon[href^="mailto:"] {
  background: rgba(0, 0, 0, .35); border-color: rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
}
body[data-look="blackout"] .social-icon[href^="mailto:"] img { filter: brightness(0) invert(1); }

body[data-look="blackout"] .social-icon {
  background: rgba(0, 0, 0, .35); border: 1px solid rgba(255, 255, 255, .55);
  -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px);
  box-shadow: none;
}

body[data-look="blackout"] .name,
body[data-look="blackout"] #stickyHeaderName {
  font-family: 'Knewave', 'Permanent Marker', 'Marker Felt', cursive;
  font-weight: 400; letter-spacing: .01em; text-transform: none;
}
body[data-look="blackout"] .name {
  position: relative; font-size: clamp(40px, 13.4vw, 62px); line-height: .98;
  transform: rotate(-3deg); transform-origin: 50% 70%;
  filter: url(#zonaWorn);
  text-shadow: 0 2px 18px rgba(0, 0, 0, .55);
}
body[data-look="blackout"] .name { margin-top: 10px; margin-bottom: 16px; }
body[data-look="blackout"].header--hero .name { margin-top: 0; margin-bottom: 104px; justify-self: center; width: max-content; max-width: calc(100% - 40px); }

body[data-look="blackout"] .name::before {
  content: ''; position: absolute; left: -4px; top: -.62em; width: .98em; height: .66em;
  background: url('https://icons.zona.is/vy/crown.svg') center / contain no-repeat;
  transform: rotate(-12deg); filter: drop-shadow(0 1px 6px rgba(0, 0, 0, .5));
}

body[data-look="blackout"] .name .verified-badge { vertical-align: middle; }

body[data-look="blackout"] :is(.link-card, .tour-row) {
  border: 1px solid rgba(255, 255, 255, .22);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 10px 24px -14px rgba(0, 0, 0, .9);
}
body[data-look="blackout"] .join-pill-link { box-shadow: 0 0 0 1px rgba(255, 255, 255, .5), 0 0 22px rgba(255, 255, 255, .28); }
body[data-look="blackout"] .branding-footer-avatars img { box-shadow: 0 0 0 2px rgba(255, 255, 255, .25); }