:root {
  --bg: #ffffff;
  --fg: #111111;
  --muted: #4a4a4a;
  --bar-bg: rgba(255, 255, 255, 0.97);
  --header-bg: rgba(255, 255, 255, 0.94);
  --bar-blur: 10px;
  --ui-ink-text: #FFFF00;
  --ui-ink-border: rgba(255, 255, 255, 0.44);
  --ui-ink-surface: linear-gradient(160deg, rgba(20, 26, 34, 0.97), rgba(10, 14, 20, 0.95));
  --ui-ink-shadow: 0 8px 18px rgba(0, 0, 0, 0.22), 0 1px 3px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.07);
  --head-ink: #23282e;
  --head-ink-soft: #41474f;
  --head-type-shadow-strong: 0 1px 0 rgba(255, 255, 255, 0.92), 0 3px 7px rgba(0, 0, 0, 0.16);
  --head-type-shadow-soft: 0 1px 0 rgba(255, 255, 255, 0.9), 0 2px 4px rgba(0, 0, 0, 0.11);
  --maxw: 1860px;
  --header-pad-y: 8px;
  --header-pad-x: 24px;
  --footer-h: 24px;
  --content-pad: 14px;
  --top-space: 94px;
  --meta-size: clamp(11px, 1vw, 14px);
  --header-ui-size: clamp(11px, 0.98vw, 14px);
  --title-scale: 1.28;
  --header-ui-spacing: 0.07em;
  --name-ui-size: clamp(16px, 1.48vw, 21px);
  --name-track: 0.085em;
  --name-ui-color: #FFFF00;
  --floating-ui-color: #FFFF00;
  --ui-box-size: calc(var(--header-ui-size) * 0.88 * var(--title-scale));
  --ui-box-spacing: calc(var(--header-ui-spacing) * 0.82);
  --mast-line-size: calc(var(--header-ui-size) * 0.88 * var(--title-scale));
  --mast-line-spacing: calc(var(--header-ui-spacing) * 0.72);
  --mast-band-spacing: calc(var(--mast-line-spacing) + 0.018em);
  --ui-box-weight: 420;
  --ui-box-line: 1.06;
  --ui-box-pad-y: 9px;
  --ui-box-pad-x: 20px;
  --midcredit-pad-x: calc(var(--ui-box-pad-x) + 8px);
  --ui-action-width: 152px;
  --ui-end-action-width: max(104px, calc(var(--ui-action-width) - 10px));
  --byline-counter-bottom: 32px;
  --overlay-stack-lift: 24px;
  --overlay-row-offset: 36px;
  --midcontact-drop: 8px;
  --ui-box-height: calc((var(--ui-box-size) * var(--ui-box-line)) + (var(--ui-box-pad-y) * 2) + 2px);
  --mast-start-top: clamp(102px, 33.4vh, 316px);
  --mast-drop: 8px;
  --mast-scale: 1.135;
  --stack-offset: clamp(182px, calc(6.6vh + 116px), 228px);
  --floating-anchor-y: clamp(73vh, 78vh, 84vh);
  --start-info-top: calc(var(--floating-anchor-y) - var(--ui-box-height) - var(--overlay-stack-lift) - 13px);
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  background: #ffffff !important;
  overflow-x: hidden;
  overscroll-behavior-x: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

body {
  background-color: #ffffff !important;
  background-image: none !important;
  color: var(--fg);
  font-family: ui-sans-serif, system-ui, -apple-system, "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 300;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  isolation: isolate;
  overflow-x: hidden;
  overscroll-behavior-x: none;
}

body.booting .mast,
body.booting .page,
body.booting .midCreditBar,
body.booting .mailBtnFixed,
body.booting .startInfoBtn,
body.booting .toTopBtn,
body.booting .endCredits,
body.booting .endCredits__text,
body.booting .endCredits__stack,
body.booting .endCredits__byline,
body.booting .creditbar {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.booting .ageGate {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.booting.ageGateOpen .ageGate {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body.introHoldActive {
  overflow-x: hidden;
  overscroll-behavior-y: auto;
}

body.introHoldActive .mast,
body.introHoldActive .mast__inner,
body.introHoldActive .mast__title,
body.introHoldActive .mast__title::after,
body.introHoldActive .mastTitleDate,
body.introHoldActive .mast__line,
body.introHoldActive .midCreditBar,
body.introHoldActive .mailBtnFixed,
body.introHoldActive .startInfoBtn,
body.introHoldActive .creditbar,
body.introHoldActive .toTopBtn,
body.introHoldActive .flutter__item,
body.introHoldActive #gallery img {
  transition: none !important;
}

body.is-coarse-pointer .mast,
body.is-coarse-pointer .mast__inner,
body.is-coarse-pointer .mast__title,
body.is-coarse-pointer .mast__title::after,
body.is-coarse-pointer .midCreditBar,
body.is-coarse-pointer .mailBtnFixed,
body.is-coarse-pointer .startInfoBtn {
  transition-duration: 420ms !important;
}

body.is-coarse-pointer .flutter__item {
  transition: opacity 260ms ease !important;
  will-change: auto;
  transform-style: flat;
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.11);
}

body.is-coarse-pointer .flutter:not(.is-lead-single) .flutter__item {
  max-width: min(118%, calc(100vw + 54px));
}

body.is-coarse-pointer #gallery img {
  transition: opacity 220ms ease !important;
}

body.autoScrollActive .flutter__item,
body.autoScrollActive #gallery img {
  transition: none !important;
}

@media (pointer: fine) {
  body.scrollCursorHidden,
  body.scrollCursorHidden * {
    cursor: none !important;
  }

  body.autoScrollActive,
  body.autoScrollActive * {
    cursor: none !important;
  }

  body.autoScrollActive.autoScrollCursorVisible,
  body.autoScrollActive.autoScrollCursorVisible * {
    cursor: auto !important;
  }

  body.autoScrollActive.autoScrollCursorVisible a,
  body.autoScrollActive.autoScrollCursorVisible button,
  body.autoScrollActive.autoScrollCursorVisible .mailBtn,
  body.autoScrollActive.autoScrollCursorVisible .toTopBtn,
  body.autoScrollActive.autoScrollCursorVisible .mastMailTrigger,
  body.autoScrollActive.autoScrollCursorVisible .endCredits__byline {
    cursor: pointer !important;
  }
}

body.fullscreenActive .flutter {
  perspective: none !important;
  transform-style: flat !important;
}

body.fullscreenActive .flutter__item {
  transform-style: flat;
  will-change: auto;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.1);
}

body.fullscreenActive .mast,
body.fullscreenActive .midCreditBar,
body.fullscreenActive .mailBtnFixed,
body.fullscreenActive .startInfoBtn,
body.fullscreenActive .toTopBtn {
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}

body.is-coarse-pointer.leadSingleView .page {
  padding-top: 0;
  padding-bottom: 12px;
}

body.is-coarse-pointer.leadSingleView .flutter.is-lead-single {
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  min-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

body.is-coarse-pointer.leadSingleView .flutter.is-lead-single .flutter__item {
  max-width: min(130%, calc(100vw + 96px));
}

html.ui-fit-small .mast {
  max-width: calc(100vw - 8px);
  padding: 0;
}

html.ui-fit-small .mastTitleRow,
html.ui-fit-small .mastTitleDateRow {
  gap: clamp(10px, 3.8vw, 18px);
}

html.ui-fit-small .midCreditBar,
html.ui-fit-small .mailBtnFixed {
  max-width: calc(100vw - 8px);
}

html.ui-fit-small .midCreditBar {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

html.ui-fit-small .mailBtnFixed {
  top: calc(var(--start-mail-top, calc(var(--floating-anchor-y) + 18px + var(--midcontact-drop))) - 6px);
}

html.ui-fit-small .toTopBtn {
  width: 38px;
  height: 38px;
  min-width: 38px;
  min-height: 38px;
}

html.ui-fit-small body.notTop .mast {
  top: max(10px, calc(env(safe-area-inset-top, 0px) + 8px));
  left: max(12px, env(safe-area-inset-left, 0px));
  max-width: calc(100vw - 16px);
}

html.ui-fit-tight .mailBtnFixed {
  top: calc(var(--start-mail-top, calc(var(--floating-anchor-y) + 12px + var(--midcontact-drop))) - 6px);
}

html.ui-fit-tight .midCreditBar {
  padding: var(--ui-box-pad-y) var(--midcredit-pad-x);
}

html.ui-fit-tight .mast {
  max-width: calc(100vw - 6px);
  padding: 0;
}

html.ui-fit-tight .mast__title {
  font-size: calc(var(--name-ui-size) * var(--title-scale) * (var(--mast-scale) * 0.93));
}

html.ui-fit-tight .mastTitleRow,
html.ui-fit-tight .mastTitleDateRow {
  gap: clamp(8px, 3.2vw, 14px);
}

html.ui-fit-tight .mastTitleDate,
html.ui-fit-tight .mast__line {
  font-size: var(--mast-line-size);
  letter-spacing: var(--mast-band-spacing);
}

html.ui-fit-tight .toTopBtn {
  width: 36px;
  height: 36px;
  min-width: 36px;
  min-height: 36px;
}

body::-webkit-scrollbar {
  width: 0;
  height: 0;
}

html::-webkit-scrollbar {
  width: 0;
  height: 0;
}

/* Force-hide scrollbars globally across rendering engines. */
* {
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}

*::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
  display: none !important;
}

body.ageGateOpen {
  overflow: hidden !important;
  overscroll-behavior-y: none;
}

.ageGate {
  position: fixed;
  inset: 0;
  z-index: 2147483646;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: max(16px, env(safe-area-inset-top, 0px)) 16px max(16px, env(safe-area-inset-bottom, 0px));
  background: rgba(0, 0, 0, 0);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  isolation: isolate;
  overflow: hidden;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 260ms ease, visibility 260ms ease;
}

.ageGate::before {
  content: "";
  position: absolute;
  inset: -20px;
  z-index: 0;
  background-image: url("../images/baldiga_103.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  filter: grayscale(1) contrast(100) brightness(0.92);
  transform: none;
  transform-origin: center;
}

.ageGate::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: transparent;
}

.ageGate.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.ageGate__panel {
  position: relative;
  z-index: 1;
  width: min(640px, 100%);
  border: 2px solid #000000;
  border-radius: 0;
  background: #FFFF00;
  box-shadow: none;
  padding: 24px 24px 22px;
  color: #000000;
  text-align: center;
}

.ageGate__title {
  display: block;
  width: min(100%, 460px);
  margin: 0 auto 14px;
  padding: 0.62em 1.78em;
  font-size: calc(var(--ui-box-size) * 1.08);
  font-weight: 760;
  letter-spacing: calc(var(--ui-box-spacing) * 6.8);
  text-transform: uppercase;
  line-height: 1.06;
  color: #FFFF00;
  background: #000000;
  text-align: center;
  opacity: 0;
  transform: translate3d(64px, 0, 0);
}

.ageGate__text {
  margin: 0 auto;
  max-width: 100%;
  font-size: calc(var(--mast-line-size) * 0.94);
  line-height: 1.54;
  letter-spacing: calc(var(--mast-line-spacing) * 0.56);
  font-weight: 560;
  color: #000000;
  text-align: center;
  white-space: nowrap;
  opacity: 0;
  filter: brightness(0.42);
}

@media (max-width: 760px) {
  .ageGate__text {
    white-space: normal;
  }
}

.ageGate__actions {
  display: flex;
  gap: 12px;
  margin-top: 16px;
  width: min(100%, 460px);
  margin-left: auto;
  margin-right: auto;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.ageGate__btn {
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid #000000;
  border-radius: 0;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  min-height: 36px;
  min-width: 136px;
  background: transparent;
  color: #000000;
  font: inherit;
  font-size: var(--ui-box-size);
  letter-spacing: var(--ui-box-spacing);
  line-height: var(--ui-box-line);
  font-weight: 700;
  cursor: pointer;
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
  box-shadow: none;
  opacity: 0;
  transform: translate3d(-58px, 0, 0);
}

.ageGate__btn:hover {
  border-color: #000000;
  background: #000000;
  color: #FFFF00;
}

.ageGate__btn--primary {
  background: #000000;
  color: #FFFF00;
  font-weight: 700;
}

.ageGate__btn:focus-visible {
  outline: 2px solid #000000;
  outline-offset: 2px;
}

.ageGate__hint {
  margin: 9px 0 0;
  font-size: 10px;
  line-height: 1.32;
  letter-spacing: 0.045em;
  color: #000000;
  text-align: center;
}

.ageGate.is-visible .ageGate__title {
  animation: ageGateTitleIn 760ms cubic-bezier(0.2, 0.74, 0.2, 1) 60ms both;
}

.ageGate.is-visible .ageGate__text {
  animation: ageGateTextDimUp 920ms ease 140ms both;
}

.ageGate.is-visible .ageGate__btn {
  animation: ageGateBtnIn 760ms cubic-bezier(0.18, 0.72, 0.2, 1) both;
}

.ageGate.is-visible .ageGate__btn:nth-child(1) {
  animation-delay: 210ms;
}

.ageGate.is-visible .ageGate__btn:nth-child(2) {
  animation-delay: 300ms;
}

@keyframes ageGateTitleIn {
  0% {
    opacity: 0;
    transform: translate3d(64px, 0, 0);
  }
  58% {
    opacity: 1;
    transform: translate3d(-4px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes ageGateTextDimUp {
  0% {
    opacity: 0;
    filter: brightness(0.42);
  }
  100% {
    opacity: 1;
    filter: brightness(1);
  }
}

@keyframes ageGateBtnIn {
  0% {
    opacity: 0;
    transform: translate3d(-58px, 0, 0);
  }
  56% {
    opacity: 1;
    transform: translate3d(3px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ageGate__title,
  .ageGate__text,
  .ageGate__btn {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

html.introNegativeHold #gallery img {
  filter: var(--photo-filter);
  animation: none !important;
  transition-property: opacity, filter, box-shadow;
  will-change: auto;
}

html.introNegativeRun #gallery img {
  filter: var(--photo-filter);
  animation: none !important;
  transition-property: opacity, filter, box-shadow;
  will-change: auto;
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

/* Inverted UI for all bands/buttons */
.mastTitleRow,
.mast__line,
.midCreditBar,
.mailBtn,
.mailBtnFixed,
.startInfoBtn,
.toTopBtn,
.endCredits__actionBtn,
.endCredits__contact {
  color: var(--ui-ink-text) !important;
  background: var(--ui-ink-surface) !important;
  border: 0 !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.26) !important;
  text-shadow: none !important;
}

.mailBtn:hover,
.toTopBtn:hover,
.endCredits__actionBtn:hover,
.endCredits__contact:hover,
.mastTitleRow.mastMailTrigger:hover {
  background: linear-gradient(160deg, rgba(30, 38, 50, 0.98), rgba(14, 20, 28, 0.96)) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.32) !important;
}

/* Disable all visual effects on links/link-like controls */
a,
a:hover,
a:focus-visible,
a:active,
.mastTitleRow.mastMailTrigger,
.mastTitleRow.mastMailTrigger:hover,
.mastTitleRow.mastMailTrigger:focus-visible,
.mastTitleRow.mastMailTrigger:active,
.mailBtn,
.mailBtn:hover,
.mailBtn:focus-visible,
.mailBtn:active,
.endCredits__actionBtn,
.endCredits__actionBtn:hover,
.endCredits__actionBtn:focus-visible,
.endCredits__actionBtn:active,
.endCredits__contact,
.endCredits__contact:hover,
.endCredits__contact:focus-visible,
.endCredits__contact:active,
.endCredits__byline,
.endCredits__byline:hover,
.endCredits__byline:focus-visible,
.endCredits__byline:active {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

#refreshBtn.introTravel,
body.backStartVisible .endCredits__contact,
body.backStartVisible #endMoreInfoBtn,
body.backStartVisible #endBackStartBtn {
  animation: none !important;
}

/* Flat buttons: remove 3D depth and lift effects */
.mailBtn,
.toTopBtn,
.endCredits__actionBtn,
.endCredits__contact,
#fullscreenBtn,
#autoScrollBtn,
#refreshBtn,
.mastTitleRow.mastMailTrigger {
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  transition-property: background-color, color, border-color, opacity !important;
}

.mailBtn:hover,
.mailBtn:active,
.mailBtn:focus-visible,
.toTopBtn:hover,
.toTopBtn:active,
.toTopBtn:focus-visible,
.endCredits__actionBtn:hover,
.endCredits__actionBtn:active,
.endCredits__actionBtn:focus-visible,
.endCredits__contact:hover,
.endCredits__contact:active,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active,
#mastMailTrigger:hover,
#mastMailTrigger:focus-visible,
#fullscreenBtn:hover,
#fullscreenBtn:active,
#fullscreenBtn:focus-visible,
#autoScrollBtn:hover,
#autoScrollBtn:active,
#autoScrollBtn:focus-visible,
#refreshBtn:hover,
#refreshBtn:active,
#refreshBtn:focus-visible,
#startInfoBtn:hover,
#startInfoBtn:active,
#startInfoBtn:focus-visible,
#mailBtn:hover,
#mailBtn:active,
#mailBtn:focus-visible {
  transform: none !important;
  box-shadow: none !important;
  background: var(--ui-ink-surface) !important;
  border-color: transparent !important;
  animation: none !important;
}

.mailBtnFixed:hover,
.startInfoBtn:hover,
.mailBtnFixed:active,
.startInfoBtn:active {
  transform: translate3d(-50%, 0, 0) !important;
}

body.mobilePortraitLayout .mailBtnFixed:hover,
body.mobilePortraitLayout .mailBtnFixed:focus-visible,
body.mobilePortraitLayout .mailBtnFixed:active {
  transform: translate3d(0, 0, 0) !important;
}

/* No animation for start CTAs: cheat sheet + contact */
#startInfoBtn,
#mailBtn,
.startInfoBtn,
.mailBtnFixed {
  transition: none !important;
  animation: none !important;
}

.mastTitleRow.mastMailTrigger.mastIntroPulse {
  animation: none !important;
}

@media (hover: hover) and (pointer: fine) {
  #startInfoBtn:hover,
  #mailBtn:hover,
  #startInfoBtn:focus-visible,
  #mailBtn:focus-visible {
    animation: none !important;
  }
}

.mast {
  position: fixed;
  top: calc(var(--mast-start-top) + var(--mast-drop));
  left: 50%;
  right: auto;
  width: max-content;
  max-width: calc(100vw - 14px);
  transform: translate3d(-50%, 14px, 0);
  z-index: 4000;
  margin: 0;
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transition:
    opacity 260ms ease,
    transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
  isolation: isolate;
  will-change: opacity, transform;
  cursor: default;
}

.mast__inner {
  max-width: var(--maxw);
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
  text-align: center;
  transition: gap 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mast__title {
  margin: 0;
  font-size: calc(var(--name-ui-size) * var(--title-scale) * var(--mast-scale));
  letter-spacing: var(--header-ui-spacing);
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1.2;
  transition: transform 460ms cubic-bezier(0.22, 0.61, 0.36, 1);
  position: relative;
  z-index: 2;
  opacity: 1;
  color: var(--name-ui-color);
  text-shadow: var(--head-type-shadow-strong);
  -webkit-text-stroke: 0.22px rgba(0, 0, 0, 0.18);
}

.mast__title::after {
  content: none;
  display: none !important;
}

.mastTitleRow,
.mastTitleDateRow {
  display: inline-flex;
  justify-content: center;
  align-items: baseline;
  gap: 14px;
  width: max-content;
  max-width: calc(100vw - 14px);
  padding: calc(var(--ui-box-pad-y) + 1px) calc(var(--ui-box-pad-x) + 2px);
  background: var(--ui-ink-surface);
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

.mastMailTrigger {
  appearance: none;
  -webkit-appearance: none;
  border: 0;
  background: transparent;
  margin: 0;
  padding: 0;
  color: inherit;
  font: inherit;
  cursor: pointer;
}

.mastTitleRow.mastMailTrigger {
  border: 1px solid var(--ui-ink-border);
  background: var(--ui-ink-surface);
  border-radius: 2px;
  padding: calc(var(--ui-box-pad-y) + 1px) calc(var(--ui-box-pad-x) + 2px);
  gap: clamp(13px, 2vw, 17px);
  font-size: calc(var(--name-ui-size) * var(--title-scale) * var(--mast-scale));
  letter-spacing: var(--header-ui-spacing);
  font-weight: 500;
  line-height: 1.2;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  cursor: pointer;
}

.mastMailTrigger:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.5);
  outline-offset: 3px;
}

.mastTitleRow.mastMailTrigger.mastIntroPulse {
  animation: mastIntroPulse 820ms cubic-bezier(0.22, 0.61, 0.36, 1) both;
}

@keyframes mastIntroPulse {
  0% {
    transform: translate3d(0, 10px, 0) scale(0.978);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 4px 9px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88);
  }
  46% {
    transform: translate3d(0, -4px, 0) scale(1.038);
    box-shadow: 0 6px 0 rgba(0, 0, 0, 0.18), 0 18px 28px rgba(0, 0, 0, 0.17), inset 0 1px 0 rgba(255, 255, 255, 0.97);
  }
  72% {
    transform: translate3d(0, 1px, 0) scale(1.018);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.16), 0 11px 20px rgba(0, 0, 0, 0.13), inset 0 1px 0 rgba(255, 255, 255, 0.95);
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  }
}

.mastTitleName1,
.mastTitleName2 {
  color: var(--name-ui-color);
  font-weight: 700;
  letter-spacing: calc(var(--name-track) + 0.03em);
}

.mastTitleDateRow {
  display: none !important;
}

.mastTitleDate {
  display: none !important;
}

.mast__line,
.mast__contact {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  max-width: calc(100vw - 14px);
  padding: calc(var(--ui-box-pad-y) + 1px) calc(var(--ui-box-pad-x) + 2px);
  font-size: calc(var(--mast-line-size) * 1.08);
  letter-spacing: var(--mast-band-spacing);
  font-weight: 420;
  color: #1d2329;
  line-height: 1.06;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  background: var(--ui-ink-surface);
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  transition: opacity 640ms ease;
  text-shadow: none;
}

.mast__line {
  color: #1d2329;
  cursor: default;
}

.mastLineInlineLink,
.mastLineInlineLink:hover,
.mastLineInlineLink:focus-visible,
.mastLineInlineLink:active {
  color: inherit !important;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: none !important;
  cursor: pointer;
}

.mastLineInlineAction,
.mastLineInlineAction:hover,
.mastLineInlineAction:focus-visible,
.mastLineInlineAction:active {
  color: inherit !important;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: none !important;
  cursor: pointer;
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  line-height: inherit;
  appearance: none;
  -webkit-appearance: none;
}

.mastLineStatic {
  color: inherit !important;
  font: inherit;
  letter-spacing: inherit;
  text-decoration: none !important;
  cursor: default;
}

.mastLineDot {
  display: inline-block;
  margin: 0 0.48em;
  font-size: 1.28em;
  font-weight: 900;
  line-height: 1;
  letter-spacing: 0;
  transform: translateY(-0.02em);
}

.mast__contact {
  display: none !important;
}

.page {
  position: relative;
  z-index: 3;
  padding: 0 var(--content-pad) 12px;
  overflow-x: hidden;
  background: transparent !important;
}

.flutter {
  max-width: var(--maxw);
  position: relative;
  z-index: 1;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-start;
  align-content: flex-start;
  gap: 28px 44px;
  padding-top: 0;
  min-height: 0;
  background: transparent !important;
  perspective: 1400px;
  transform-style: preserve-3d;
}

.flutter.is-lead-single {
  min-height: 0;
}

.flutter.is-lead-single .flutter__item {
  margin: 0;
}

.flutter__item {
  margin: 0;
  max-width: min(100%, calc(100vw - 36px));
  z-index: 1 !important;
  background: #ffffff;
  padding: 4px;
  border-radius: 2px;
  border: 1px solid rgba(0, 0, 0, 0.13);
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.09);
  transform-style: preserve-3d;
  transform-origin: 50% 60%;
  will-change: auto;
  content-visibility: auto;
  contain: layout paint;
  contain-intrinsic-size: 360px 460px;
  opacity: 1;
  transition: opacity 280ms ease;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}

.flutter__item.is-loading {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  border-color: transparent;
  box-shadow: none;
  background: transparent;
}

.flutter__item.is-ready {
  opacity: 1;
  visibility: visible;
}

.flutter__item.is-final-image {
  position: relative;
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: 0 9px 20px rgba(0, 0, 0, 0.15);
  z-index: 4200 !important;
  content-visibility: visible !important;
  contain: none !important;
  contain-intrinsic-size: auto !important;
  isolation: isolate;
}

.finalImageSpacer {
  flex: 0 0 100%;
  width: 100%;
  height: clamp(90px, 12vh, 180px);
  pointer-events: none;
}

.flutter__item.is-loading img {
  opacity: 0 !important;
  visibility: hidden;
}

.flutter__item.is-failed {
  display: none !important;
}

html.is-safari .flutter__item {
  content-visibility: visible;
  contain: none;
  contain-intrinsic-size: auto;
  transform-style: flat;
  will-change: auto;
}

.flutter__item img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 1px;
  transform: translateZ(0);
  -webkit-user-drag: none;
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  pointer-events: none;
}

#gallery img {
  opacity: 1;
  --photo-filter: contrast(1.016) brightness(1.006);
  --aged-edge-alpha: 0.04;
  filter: var(--photo-filter);
  transition: opacity 420ms cubic-bezier(0.22, 0.61, 0.36, 1), filter 420ms cubic-bezier(0.22, 0.61, 0.36, 1), box-shadow 280ms ease;
}

#gallery img.imgSoftEnter {
  opacity: 0;
}

#gallery img.imgSoftEnter.is-ready {
  opacity: 1;
}

#gallery img.imgInstantEdge {
  transition: none !important;
}

#gallery img.imgInstantEdge.imgSoftEnter.is-ready {
  opacity: 1;
}

#gallery img.io-hide {
  opacity: 0;
}

#gallery img.io-show {
  opacity: 1;
  box-shadow: none;
}

#gallery img.photoAged {
  box-shadow: inset 0 0 0 1px rgba(137, 108, 52, var(--aged-edge-alpha));
}

.sentinel {
  height: 1px;
}

.endCredits {
  position: relative;
  z-index: 0;
  max-width: min(960px, calc(100vw - 24px));
  margin: clamp(34px, 5.3vh, 74px) auto clamp(132px, 19vh, 270px);
  text-align: center;
  color: #2f343a;
  background: transparent !important;
}

body.backStartVisible .page {
  z-index: 3;
}

body.backStartVisible .endCredits {
  z-index: 0;
}

.endCredits__text {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  font-size: calc(var(--mast-line-size) * 1.2);
  line-height: 1.72;
  letter-spacing: 0.036em;
  font-weight: 580;
  color: #000000 !important;
  text-align: center;
  transition: opacity 260ms ease;
}

.endCredits__line {
  display: inline-block;
  max-width: 100%;
  white-space: normal;
  line-height: 1.72;
  padding: 1px 5px;
  border-radius: 2px;
  background: #FFFF00 !important;
  color: #131313 !important;
}

.endCredits__line--signature {
  margin-top: 16px;
  color: #000000 !important;
}

.endCredits__title {
  display: inline-block;
  margin: 0 0 12px;
  padding: 1px 5px;
  border: 0;
  border-radius: 2px;
  font-size: calc(var(--name-ui-size) * 0.76 * var(--title-scale));
  line-height: 1.72;
  letter-spacing: calc(var(--name-track) + 0.03em);
  font-weight: 600;
  color: #000000 !important;
  background: #FFFF00 !important;
  box-shadow: none;
  text-shadow: none;
}

.endCredits__stack {
  position: fixed;
  left: 50%;
  right: auto;
  bottom: max(46px, env(safe-area-inset-bottom, 0px));
  z-index: 4600;
  width: auto;
  max-width: calc(100vw - 16px);
  display: grid;
  justify-items: center;
  gap: 10px;
  opacity: 0;
  transform: translate3d(-50%, 10px, 0);
  pointer-events: none;
  transition: opacity 560ms ease, transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.endCredits__contact,
.endCredits__actionBtn {
  width: fit-content;
  min-width: 0;
  max-width: calc(100vw - 16px);
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  font-size: var(--ui-box-size);
  letter-spacing: var(--ui-box-spacing);
  font-weight: var(--ui-box-weight);
  color: var(--name-ui-color);
  background: var(--ui-ink-surface);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: none;
  line-height: var(--ui-box-line);
  text-align: center;
}

.endCredits__contact,
.endCredits__actionBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: static;
  left: auto;
  top: auto;
  transform: none;
  text-transform: none;
  white-space: nowrap;
  will-change: transform, opacity;
}

.endCredits__contact {
  order: 2;
}

#endMoreInfoBtn {
  order: 1;
}

#endBackStartBtn {
  order: 3;
}

#endMoreInfoBtn,
#endBackStartBtn {
  transition:
    color 220ms ease,
    border-color 240ms ease,
    background 340ms ease,
    box-shadow 460ms cubic-bezier(0.2, 0.72, 0.2, 1),
    opacity 560ms ease;
}

.endCredits__byline {
  margin: 0;
  position: fixed;
  left: max(32px, env(safe-area-inset-left, 0px));
  right: auto;
  bottom: max(var(--byline-counter-bottom), env(safe-area-inset-bottom, 0px));
  font-size: 9px;
  line-height: 1.25;
  letter-spacing: 0.04em;
  font-weight: 400;
  color: #FFFF00;
  background: #000000;
  padding: 0.12em 0.24em;
  text-align: left;
  white-space: nowrap;
  text-transform: none;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate3d(0, 14px, 0);
  text-decoration: none;
  z-index: 4602;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 620ms ease, color 180ms ease;
}

.endCredits__byline:hover,
.endCredits__byline:focus-visible,
.endCredits__byline:active {
  color: #FFFF00;
  text-decoration: none !important;
}

.endCredits__bylineAmp {
  color: #000000 !important;
  background: #FFFF00;
  display: inline-block;
  font-size: 1.42em;
  font-weight: 700;
  padding: 0 0.12em;
  line-height: 1;
}

a.endCredits__contact,
a.endCredits__actionBtn {
  text-decoration: none;
}

a.endCredits__contact:hover,
a.endCredits__contact:focus-visible,
a.endCredits__contact:active,
a.endCredits__actionBtn:hover,
a.endCredits__actionBtn:focus-visible,
a.endCredits__actionBtn:active {
  text-decoration: none !important;
}

body.backStartVisible .endCredits__stack {
  opacity: 0;
  transform: translate3d(-50%, 10px, 0);
  pointer-events: none;
}

body.backStartVisible .endCredits__contact {
  animation: endLinksRightSpring 780ms cubic-bezier(0.22, 0.62, 0.22, 1) both;
}

body.backStartVisible .endCredits__contact {
  animation-delay: 70ms;
}

body.backStartVisible #endMoreInfoBtn {
  animation: endLinksSoftIn 620ms cubic-bezier(0.22, 0.62, 0.22, 1) both;
}

body.backStartVisible #endMoreInfoBtn {
  animation-delay: 40ms;
}

body.backStartVisible #endBackStartBtn {
  animation: none !important;
}

#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active {
  text-decoration: none !important;
}

#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active {
  transform: none !important;
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
}

body.backStartVisible .endCredits__byline {
  opacity: 0.74;
  visibility: visible;
  pointer-events: auto;
  animation: none;
}

body.infoJumpBusy .flutter__item,
body.infoJumpBusy #gallery img,
body.infoJumpBusy .endCredits,
body.infoJumpBusy .endCredits__text,
body.infoJumpBusy .endCredits__stack,
body.infoJumpBusy .endCredits__byline {
  transition: none !important;
  animation: none !important;
}

body.infoJumpActive .endCredits__text,
body.infoJumpActive .endCredits__stack {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.infoJumpActive .endCredits__byline {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body.infoJumpReveal .endCredits__text,
body.infoJumpReveal .endCredits__stack,
body.infoJumpReveal .endCredits__byline {
  transition:
    opacity 700ms cubic-bezier(0.22, 0.61, 0.36, 1),
    transform 760ms cubic-bezier(0.22, 0.61, 0.36, 1),
    visibility 0s linear !important;
}

@keyframes endLinksRightSpring {
  0% {
    opacity: 0;
    transform: translate3d(52px, 0, 0) scale(0.96);
  }
  44% {
    opacity: 1;
    transform: translate3d(-8px, 0, 0) scale(1.012);
  }
  68% {
    opacity: 1;
    transform: translate3d(3px, 0, 0) scale(0.996);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) scale(1);
  }
}

.endCredits__moreInfo {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 12px;
  min-height: 40px;
  height: 40px;
  padding: 0 14px;
  min-width: 136px;
  border-radius: 999px;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(241, 246, 250, 0.95));
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18), 0 9px 18px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.94);
  color: #1f252c;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.07em;
  line-height: 1;
  text-decoration: none;
  text-transform: lowercase;
  white-space: nowrap;
  transition: transform 160ms ease, box-shadow 180ms ease, border-color 160ms ease, background-color 160ms ease;
}

.endCredits__moreInfo:hover {
  border-color: rgba(0, 0, 0, 0.26);
  background: linear-gradient(165deg, rgba(255, 255, 255, 1), rgba(236, 244, 250, 0.98));
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18), 0 9px 18px rgba(0, 0, 0, 0.14);
  transform: translateY(-1px);
}

.endCredits__moreInfo:active {
  transform: translateY(1px);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.16), 0 5px 10px rgba(0, 0, 0, 0.12);
}

.endCredits__moreInfo:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.5);
  outline-offset: 2px;
}

.creditbar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 4300;
  min-height: var(--footer-h);
  padding: 4px 10px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  font-size: 9px;
  letter-spacing: 0.07em;
  color: #111111;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.visitCount {
  position: fixed;
  left: max(6px, env(safe-area-inset-left, 0px));
  bottom: max(var(--byline-counter-bottom), env(safe-area-inset-bottom, 0px));
  right: auto;
  top: auto;
  transform: none;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  white-space: nowrap;
  text-align: left;
  color: #4f545a;
  opacity: 0.74;
  user-select: none;
  pointer-events: none;
  z-index: 4600;
}

.midCreditBar {
  position: fixed;
  left: 50%;
  top: calc(var(--floating-anchor-y) - var(--overlay-stack-lift) + var(--midcontact-drop));
  transform: translate3d(-50%, -50%, 0);
  z-index: 4500;
  max-width: calc(100vw - 14px);
  padding: var(--ui-box-pad-y) var(--midcredit-pad-x);
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  font-size: calc(var(--mast-line-size) * 1.08);
  letter-spacing: var(--mast-band-spacing);
  color: var(--floating-ui-color);
  font-weight: 560;
  line-height: var(--ui-box-line);
  background: var(--ui-ink-surface);
  backdrop-filter: blur(10px) saturate(1.08);
  -webkit-backdrop-filter: blur(10px) saturate(1.08);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.14), 0 8px 16px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  pointer-events: none;
  user-select: none;
  transition: opacity 560ms ease, transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
  will-change: opacity, transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.midCreditMark {
  display: inline-block;
  font-size: 1em;
  font-weight: inherit;
  -webkit-text-stroke: 0;
  text-shadow: none;
  line-height: inherit;
  vertical-align: baseline;
}

.midCreditDash {
  display: inline-block;
  margin: 0 0.12em;
  font-size: 1em;
  font-weight: inherit;
  line-height: inherit;
  vertical-align: baseline;
}

.midCreditLink,
.midCreditLink:hover,
.midCreditLink:focus-visible,
.midCreditLink:active {
  color: inherit;
  font-weight: inherit;
  text-decoration: none !important;
  pointer-events: auto;
  cursor: pointer;
}

.mailBtn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  max-width: 100%;
  text-decoration: none;
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  font-size: var(--ui-box-size);
  letter-spacing: var(--ui-box-spacing);
  font-weight: var(--ui-box-weight);
  line-height: var(--ui-box-line);
  color: #1d2329;
  background: var(--ui-ink-surface);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  text-shadow: none;
  touch-action: pan-y;
  transition: background-color 180ms ease, box-shadow 240ms ease, border-color 180ms ease, color 180ms ease, transform 300ms cubic-bezier(0.22, 0.61, 0.36, 1);
}

.mailBtn:hover {
  opacity: 1;
  color: #1d2329;
  border-color: rgba(0, 0, 0, 0.22);
  background: linear-gradient(160deg, rgba(255, 255, 255, 1), rgba(239, 244, 248, 0.98));
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.17), 0 12px 20px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96);
  transform: translateY(-2px) scale(1.01);
  text-decoration: none;
}

.mailBtn:active {
  transform: translateY(-1px) scale(1.005);
}

.mailBtnFixed:hover,
.startInfoBtn:hover {
  transform: translate3d(-50%, -2px, 0) scale(1.01);
}

.mailBtnFixed:active,
.startInfoBtn:active {
  transform: translate3d(-50%, -1px, 0) scale(1.005);
}

@keyframes ctaHoverPulseFloat {
  0% {
    transform: translate3d(-50%, -2px, 0) scale(1.01);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.17), 0 12px 20px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.96);
  }
  52% {
    transform: translate3d(-50%, -4px, 0) scale(1.02);
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.19), 0 15px 24px rgba(0, 0, 0, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.98);
  }
  100% {
    transform: translate3d(-50%, -3px, 0) scale(1.014);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.18), 0 13px 21px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.97);
  }
}

@media (hover: hover) and (pointer: fine) {
  #startInfoBtn:hover,
  #mailBtn:hover {
    animation: ctaHoverPulseFloat 620ms cubic-bezier(0.22, 0.61, 0.36, 1) 1 both;
    border-color: rgba(0, 0, 0, 0.22);
    color: #12171d;
  }

  #startInfoBtn:focus-visible,
  #mailBtn:focus-visible {
    animation: ctaHoverPulseFloat 620ms cubic-bezier(0.22, 0.61, 0.36, 1) 1 both;
  }
}

.mailBtnFixed {
  position: fixed;
  left: 50%;
  top: calc(var(--start-mail-top, calc(var(--floating-anchor-y) + var(--overlay-row-offset) - var(--overlay-stack-lift) + var(--midcontact-drop))) - 6px);
  transform: translate3d(-50%, 0, 0);
  z-index: 4600;
  max-width: calc(100vw - 14px);
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  font-size: var(--ui-box-size);
  letter-spacing: var(--ui-box-spacing);
  font-weight: var(--ui-box-weight);
  line-height: var(--ui-box-line);
  font-family: inherit;
  transition: opacity 560ms ease, transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  touch-action: pan-y;
}

.startInfoBtn {
  position: fixed;
  left: 50%;
  top: var(--start-info-top, calc(var(--floating-anchor-y) - var(--overlay-row-offset) - var(--ui-box-height) - var(--overlay-stack-lift)));
  transform: translate3d(-50%, 0, 0);
  z-index: 4600;
  max-width: calc(100vw - 14px);
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  font-size: var(--ui-box-size);
  font-weight: var(--ui-box-weight);
  line-height: var(--ui-box-line);
  font-family: inherit;
  letter-spacing: var(--ui-box-spacing);
  color: var(--name-ui-color);
  background: var(--ui-ink-surface);
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: none;
  text-align: center;
  white-space: nowrap;
  text-transform: lowercase;
  transition: opacity 560ms ease, transform 620ms cubic-bezier(0.22, 0.61, 0.36, 1);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  touch-action: pan-y;
}

.mailBtnFixed,
.startInfoBtn,
.moreInfoBtn,
.backStartBtn,
.endCredits__contact,
.endCredits__actionBtn {
  width: var(--ui-action-width);
  min-width: var(--ui-action-width);
  justify-content: center;
  text-align: center;
}

#startInfoBtn,
#mailBtn,
#endMoreInfoBtn,
#endBackStartBtn {
  min-width: var(--ui-action-width);
  width: var(--ui-action-width);
  min-height: 0;
  height: auto;
  box-sizing: border-box;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  font-size: var(--ui-box-size);
  letter-spacing: var(--ui-box-spacing);
  font-weight: var(--ui-box-weight);
  line-height: var(--ui-box-line);
  color: var(--name-ui-color);
  background: var(--ui-ink-surface);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  text-shadow: none;
  text-transform: lowercase;
  text-align: center;
  justify-content: center;
  white-space: nowrap;
  text-decoration: none;
}

#endMoreInfoBtn,
#endBackStartBtn {
  width: var(--ui-end-action-width);
  min-width: var(--ui-end-action-width);
}

#startInfoBtn,
#mailBtn {
  min-width: 0;
  width: fit-content;
  max-width: calc(100vw - 14px);
  padding-top: calc(var(--ui-box-pad-y) + 2px);
  padding-bottom: calc(var(--ui-box-pad-y) + 2px);
  padding-left: calc(var(--ui-box-pad-x) + 3px);
  padding-right: calc(var(--ui-box-pad-x) + 3px);
  font-size: calc(var(--ui-box-size) * 1.1);
  line-height: calc(var(--ui-box-line) + 0.02);
  letter-spacing: calc(var(--ui-box-spacing) + 0.06em);
  font-weight: 800;
  color: #12171d;
  text-transform: uppercase;
}

#startInfoBtn {
  padding-left: calc(var(--ui-box-pad-x) + 10px);
  padding-right: calc(var(--ui-box-pad-x) + 10px);
}

#mailBtn {
  padding-left: calc(var(--ui-box-pad-x) + 4px);
  padding-right: calc(var(--ui-box-pad-x) + 4px);
}

#startInfoBtn:hover,
#startInfoBtn:focus-visible,
#startInfoBtn:active,
#mailBtn:hover,
#mailBtn:focus-visible,
#mailBtn:active,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active {
  text-decoration: none !important;
}

.mailBtnFixed,
.startInfoBtn,
.moreInfoBtn,
.backStartBtn,
#fullscreenBtn,
#autoScrollBtn,
#refreshBtn {
  border: 1px solid var(--ui-ink-border);
  border-radius: 2px;
  background: var(--ui-ink-surface);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), 0 5px 10px rgba(0, 0, 0, 0.09), inset 0 1px 0 rgba(255, 255, 255, 0.9);
  color: var(--name-ui-color);
  text-shadow: none;
}

#fullscreenBtn,
#autoScrollBtn {
  font-weight: 700;
  font-size: calc(var(--ui-box-size) * 1.16);
  line-height: 1;
  letter-spacing: 0;
  -webkit-text-stroke: 1px currentColor;
  text-shadow:
    0 0 0 currentColor,
    0.75px 0 0 currentColor,
    -0.75px 0 0 currentColor,
    0 0.75px 0 currentColor,
    0 -0.75px 0 currentColor,
    0.55px 0.55px 0 currentColor,
    -0.55px 0.55px 0 currentColor,
    0.55px -0.55px 0 currentColor,
    -0.55px -0.55px 0 currentColor;
}

.mailBtn:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.42);
  outline-offset: 2px;
}

.toTopBtn {
  position: fixed;
  right: max(24px, env(safe-area-inset-right, 0px));
  bottom: max(32px, env(safe-area-inset-bottom, 0px));
  z-index: 4600;
  width: 40px;
  height: 40px;
  min-width: 40px;
  min-height: 40px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
  border: 1px solid rgba(0, 0, 0, 0.18);
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.97), rgba(242, 247, 251, 0.94));
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.18), 0 9px 18px rgba(0, 0, 0, 0.15), inset 0 1px 0 rgba(255, 255, 255, 0.94);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  color: #111111;
  cursor: pointer;
  font-family: inherit;
  font-weight: 600;
  font-size: 17px;
  line-height: 1;
  text-align: center;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
  user-select: none;
  opacity: 0;
  pointer-events: none;
  transition: opacity 360ms ease, transform 300ms ease, box-shadow 280ms ease, background-color 240ms ease, border-color 240ms ease;
  transform: translateZ(0);
  -webkit-transform: translateZ(0);
}

.toTopBtn.show {
  opacity: 1;
  pointer-events: auto;
}

body.autoScrollActive #autoScrollBtn.show,
body.autoScrollActive #refreshBtn.show {
  opacity: 0;
  pointer-events: none;
  transition: opacity 920ms ease, transform 300ms ease, box-shadow 280ms ease, background-color 240ms ease, border-color 240ms ease;
}

body.autoScrollActive.autoScrollCursorVisible #autoScrollBtn.show {
  opacity: 1;
  pointer-events: auto;
}

body.mediaControlsTailFade #fullscreenBtn.show,
body.mediaControlsTailFade #autoScrollBtn.show {
  opacity: 0;
  pointer-events: none;
}

body.returnGateLocked #fullscreenBtn,
body.returnGateLocked #autoScrollBtn {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

.toTopBtn.introTravel {
  animation: firstScrollBtnTravel 2320ms cubic-bezier(0.18, 0.92, 0.2, 1) both;
}

#fullscreenBtn.introTravel,
#autoScrollBtn.introTravel {
  animation: firstScrollBtnTravel 2320ms cubic-bezier(0.18, 0.92, 0.2, 1) both !important;
  will-change: transform, opacity;
}

@keyframes firstScrollBtnTravel {
  0% {
    transform: translate3d(0, 38px, 0) scale(0.9);
    opacity: 0;
  }
  10% {
    opacity: 0.7;
  }
  18% {
    opacity: 1;
  }
  34% {
    transform: translate3d(var(--intro-travel-x, 0px), calc(var(--intro-travel-y, -32vh) - 14px), 0) scale(1.065);
    opacity: 1;
  }
  50% {
    transform: translate3d(calc(var(--intro-travel-x, 0px) * -0.55), 20px, 0) scale(0.985);
    opacity: 1;
  }
  63% {
    transform: translate3d(calc(var(--intro-travel-x, 0px) * 0.33), -10px, 0) scale(1.016);
    opacity: 1;
  }
  76% {
    transform: translate3d(calc(var(--intro-travel-x, 0px) * -0.18), 5px, 0) scale(0.997);
    opacity: 1;
  }
  88% {
    transform: translate3d(calc(var(--intro-travel-x, 0px) * 0.06), -2px, 0) scale(1.003);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}

.toTopBtn:hover {
  border-color: rgba(0, 0, 0, 0.24);
  background: linear-gradient(165deg, rgba(255, 255, 255, 1), rgba(236, 244, 250, 0.98));
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.22), 0 11px 20px rgba(0, 0, 0, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.97);
  transform: translateY(-1px);
}

.toTopBtn:active {
  transform: translateY(1px);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.18), 0 5px 10px rgba(0, 0, 0, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

.toTopBtn:focus-visible {
  outline: 2px solid rgba(0, 0, 0, 0.55);
  outline-offset: 2px;
}

#fullscreenBtn,
#autoScrollBtn,
#refreshBtn {
  width: auto;
  min-width: 34px;
  height: auto;
  min-height: 0;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  border-radius: 2px;
  border: 1px solid var(--ui-ink-border);
  background: var(--ui-ink-surface);
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.16), 0 8px 16px rgba(0, 0, 0, 0.11), inset 0 1px 0 rgba(255, 255, 255, 0.92);
  font-size: var(--ui-box-size);
  font-weight: var(--ui-box-weight);
  color: #1d2329;
  letter-spacing: var(--ui-box-spacing);
  line-height: var(--ui-box-line);
  text-shadow: none;
}

.backStartBtn {
  display: none;
  left: auto;
  right: max(24px, env(safe-area-inset-right, 0px));
  bottom: max(32px, env(safe-area-inset-bottom, 0px));
  transform: translate3d(0, 0, 0);
  min-width: var(--ui-end-action-width);
  width: var(--ui-end-action-width);
  height: auto;
  min-height: 0;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  border-radius: 2px;
  font-size: var(--ui-box-size);
  font-weight: var(--ui-box-weight);
  letter-spacing: var(--ui-box-spacing);
  text-transform: none;
  line-height: var(--ui-box-line);
  white-space: nowrap;
  z-index: 4600;
  margin-right: 0;
  transition:
    color 220ms ease,
    border-color 240ms ease,
    background 340ms ease,
    box-shadow 460ms cubic-bezier(0.2, 0.72, 0.2, 1),
    opacity 560ms ease;
}

.moreInfoBtn {
  display: none;
  left: auto;
  right: max(24px, env(safe-area-inset-right, 0px));
  bottom: calc(max(32px, env(safe-area-inset-bottom, 0px)) + var(--ui-box-height) + 8px);
  transform: translate3d(0, 0, 0);
  min-width: var(--ui-end-action-width);
  width: var(--ui-end-action-width);
  height: auto;
  min-height: 0;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  border-radius: 2px;
  font-size: var(--ui-box-size);
  font-weight: var(--ui-box-weight);
  letter-spacing: var(--ui-box-spacing);
  text-transform: none;
  line-height: var(--ui-box-line);
  white-space: nowrap;
  text-decoration: none;
  z-index: 4600;
  margin-right: 0;
  transition:
    color 220ms ease,
    border-color 240ms ease,
    background 340ms ease,
    box-shadow 460ms cubic-bezier(0.2, 0.72, 0.2, 1),
    opacity 560ms ease;
}

.moreInfoBtn:hover,
.moreInfoBtn:focus-visible,
.moreInfoBtn:active {
  text-decoration: none !important;
}

.backStartBtn.show {
  transform: translate3d(0, 0, 0);
  animation: endControlsSlideInFromRight 760ms cubic-bezier(0.22, 0.62, 0.22, 1) both;
}

.moreInfoBtn.show {
  transform: translate3d(0, 0, 0);
  animation: endControlsSlideInFromRight 760ms cubic-bezier(0.22, 0.62, 0.22, 1) both;
  animation-delay: 60ms;
}

.backStartBtn:hover {
  text-decoration: none !important;
}

.backStartBtn:hover,
.backStartBtn:focus-visible,
.backStartBtn:active {
  transform: translate3d(0, 0, 0) !important;
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
}

.backStartBtn:active {
  text-decoration: none !important;
}

@keyframes endControlsBounceIn {
  0% {
    transform: translate3d(0, 24px, 0) scale(0.94);
    opacity: 0;
  }
  38% {
    transform: translate3d(0, -10px, 0) scale(1.02);
    opacity: 1;
  }
  62% {
    transform: translate3d(0, 6px, 0) scale(0.985);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 0, 0) scale(1);
    opacity: 1;
  }
}

@keyframes endControlsSoftIn {
  0% {
    transform: translate3d(0, 6px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@keyframes endControlsSlideInFromRight {
  0% {
    margin-right: -42px;
    opacity: 0;
  }
  52% {
    margin-right: 5px;
    opacity: 1;
  }
  100% {
    margin-right: 0;
    opacity: 1;
  }
}

@keyframes endLinksSoftIn {
  0% {
    opacity: 0;
    transform: translate3d(8px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}


.fullscreenBtn {
  display: none;
  right: max(24px, env(safe-area-inset-right, 0px));
  letter-spacing: var(--ui-box-spacing);
}

.autoScrollBtn {
  display: flex;
  right: calc(max(24px, env(safe-area-inset-right, 0px)) + 60px);
  letter-spacing: var(--ui-box-spacing);
}

.refreshBtn {
  display: flex;
  right: calc(max(24px, env(safe-area-inset-right, 0px)) + 104px);
  letter-spacing: var(--ui-box-spacing);
}

.moreInfoBtn {
  right: max(24px, env(safe-area-inset-right, 0px));
  bottom: calc(max(32px, env(safe-area-inset-bottom, 0px)) + var(--ui-box-height) + 8px);
}

#fullscreenBtn[aria-hidden="true"] ~ #autoScrollBtn {
  right: max(24px, env(safe-area-inset-right, 0px));
}

#fullscreenBtn[aria-hidden="true"] ~ #refreshBtn {
  right: calc(max(24px, env(safe-area-inset-right, 0px)) + 52px);
}

#autoScrollBtn[aria-hidden="true"] ~ #refreshBtn {
  right: calc(max(24px, env(safe-area-inset-right, 0px)) + 52px);
}

#fullscreenBtn[aria-hidden="true"] ~ #autoScrollBtn[aria-hidden="true"] ~ #refreshBtn {
  right: max(24px, env(safe-area-inset-right, 0px));
}

.autoScrollBtn.is-active {
  color: rgba(17, 17, 17, 0.92);
}

.fullscreenBtn.is-active {
  font-size: 13px;
  color: rgba(17, 17, 17, 0.9);
}

body.notTop .mast {
  top: max(34px, calc(env(safe-area-inset-top, 0px) + 26px));
  left: max(32px, env(safe-area-inset-left, 0px));
  right: auto;
  width: auto;
  max-width: calc(100vw - 40px);
  transform: translate3d(0, 0, 0);
  padding: 0;
  border-width: 1px;
  border-color: transparent;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  z-index: 2147483000 !important;
}

body.notTop .mast__title {
  transform: none;
  transform-origin: left top;
  font-size: calc(var(--name-ui-size) * 0.82 * var(--title-scale));
  line-height: 1.08;
  opacity: 1;
}

body.notTop .mast__title::after {
  display: none !important;
}

body.notTop .mast__inner {
  width: auto;
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  align-items: flex-start;
  text-align: left;
  gap: 8px;
}

body.notTop .mastTitleRow,
body.notTop .mastTitleDateRow {
  justify-content: flex-start;
}

body.notTop .mastTitleRow {
  gap: 14px;
  width: max-content;
  align-self: flex-start;
  padding: calc(var(--ui-box-pad-y) + 1px) calc(var(--ui-box-pad-x) + 2px);
}

body.notTop .mastTitleName1,
body.notTop .mastTitleName2 {
  display: inline;
  background: transparent;
  padding: 0;
  text-shadow: none;
}

body.notTop .mastTitleDate,
body.notTop .mast__contact {
  opacity: 0;
  pointer-events: none;
}

body.notTop .mast__line {
  opacity: 1;
  align-self: flex-start;
  justify-content: flex-start;
  text-align: left;
  pointer-events: auto;
  padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  font-size: var(--mast-line-size);
  margin-left: 0;
  animation: none !important;
  transition: none !important;
}

body.notTop .mastTitleRow.mastMailTrigger {
  font-size: calc(var(--name-ui-size) * 0.82 * var(--title-scale));
  letter-spacing: var(--header-ui-spacing);
  line-height: 1.08;
  font-weight: 600;
  margin-left: 0;
  animation: none !important;
  opacity: 1;
}

body.notTop:not(.mobilePortraitLayout) .mastTitleRow.mastMailTrigger {
  animation: leftMastLinksReveal 520ms cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
}

body.notTop:not(.mobilePortraitLayout) .mast__line {
  animation: leftMastLinksReveal 560ms cubic-bezier(0.22, 0.61, 0.36, 1) both !important;
  animation-delay: 40ms;
}

body.notTop #mastMailTrigger,
body.notTop #mastMailTrigger:hover,
body.notTop #mastMailTrigger:focus-visible,
body.notTop #mastMailTrigger:active {
  color: #000000 !important;
  background: #FFFF00 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.notTop #mastMailTrigger .mastTitleName1,
body.notTop #mastMailTrigger .mastTitleName2 {
  color: #000000 !important;
}

@keyframes leftMastLinksReveal {
  0% {
    opacity: 0;
    margin-left: 52px;
  }
  52% {
    opacity: 1;
    margin-left: -8px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}

body.atTop.topHeaderSlideIn .mast {
  animation: topHeaderSlideInFromRight 980ms cubic-bezier(0.2, 0.74, 0.24, 1) both !important;
}

@keyframes topHeaderSlideInFromRight {
  0% {
    opacity: 0;
    margin-left: min(36vw, 320px);
  }
  56% {
    opacity: 1;
    margin-left: -9px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}

body.notTop .midCreditBar {
  opacity: 0;
  transform: translate3d(-50%, -50%, 0);
  pointer-events: none;
}

body.notTop .mailBtnFixed {
  opacity: 0;
  transform: translate3d(-50%, 0, 0);
  pointer-events: none;
}

body.notTop .startInfoBtn {
  opacity: 0;
  transform: translate3d(-50%, 0, 0);
  pointer-events: none;
}

body:not(.notTop):not(.swapOut) .startInfoBtn {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

body.swapOut .mast,
body.swapOut .midCreditBar,
body.swapOut .mailBtnFixed,
body.swapOut .startInfoBtn {
  opacity: 0;
  pointer-events: none;
}

/* Start page alignment: keep all top boxes/text on one clean axis */
body.atTop .mast__inner {
  align-items: center;
  text-align: center;
}

body.atTop .mast {
  top: calc(var(--mast-start-top) + var(--mast-drop) - 44px);
}

body.atTop .mastTitleRow.mastMailTrigger,
body.atTop .mast__line,
body.atTop .midCreditBar,
body.atTop #startInfoBtn,
body.atTop #mailBtn {
  justify-content: center;
  align-items: center;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

body.atTop .mast__line {
  padding-left: calc(var(--ui-box-pad-x) + 12px);
  padding-right: calc(var(--ui-box-pad-x) + 12px);
  font-size: calc(var(--mast-line-size) * 1.16);
  letter-spacing: calc(var(--mast-band-spacing) + 0.08em);
  font-weight: 680;
}

body.atTop .midCreditBar {
  font-size: calc(var(--mast-line-size) * 1.08);
  letter-spacing: calc(var(--mast-band-spacing) + 0.03em);
  font-weight: 620;
}

body.atTop #mastMailTrigger,
body.atTop #mastMailTrigger:hover,
body.atTop #mastMailTrigger:focus-visible,
body.atTop #mastMailTrigger:active {
  color: #000000 !important;
  background: #FFFF00 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

body.atTop #mastMailTrigger .mastTitleName1,
body.atTop #mastMailTrigger .mastTitleName2 {
  color: #000000 !important;
  letter-spacing: calc(var(--name-track) + 0.08em);
}

body.atTop .mastTitleRow.mastMailTrigger {
  padding-left: calc(var(--ui-box-pad-x) + 12px);
  padding-right: calc(var(--ui-box-pad-x) + 12px);
  gap: clamp(18px, 2.7vw, 24px);
  font-size: calc(var(--name-ui-size) * var(--title-scale) * var(--mast-scale) * 1.35);
  margin-top: -2px;
}

body.atTop #startInfoBtn,
body.atTop #mailBtn {
  width: fit-content !important;
  min-width: 0 !important;
}

body.atTop .startInfoBtn,
body.atTop .mailBtnFixed {
  left: 50% !important;
  right: auto !important;
  transform: translate3d(-50%, 0, 0) !important;
}

body.atTop .midCreditBar,
body.atTop .mailBtnFixed,
body.atTop .startInfoBtn {
  opacity: 1 !important;
  visibility: visible !important;
}

@media (max-width: 1100px) {
  :root {
    --content-pad: 12px;
    --top-space: 86px;
  }

  .flutter {
    gap: 22px 34px;
  }
}

@media (max-width: 820px) {
  :root {
    --header-pad-x: 14px;
    --header-pad-y: 8px;
    --content-pad: 10px;
    --top-space: 72px;
    --mast-start-top: clamp(74px, 30.2vh, 228px);
    --mast-drop: 6px;
    --mast-scale: 1.08;
    --name-track: 0.075em;
    --ui-box-size: calc(var(--header-ui-size) * 0.86 * var(--title-scale));
    --ui-box-spacing: calc(var(--header-ui-spacing) * 0.84);
    --ui-box-pad-y: 7px;
    --ui-box-pad-x: 16px;
    --ui-action-width: 136px;
    --byline-counter-bottom: 24px;
    --overlay-row-offset: 34px;
    --stack-offset: clamp(146px, calc(5.4vh + 98px), 178px);
    --floating-anchor-y: clamp(74vh, 79vh, 85vh);
  }

  .mast,
  .creditbar,
  .midCreditBar,
  .toTopBtn,
  .fullscreenBtn,
  .autoScrollBtn,
  .refreshBtn,
  .mailBtnFixed {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .ageGate {
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    background: rgba(0, 0, 0, 0);
  }

  .ageGate::before {
    filter: grayscale(1) contrast(120) brightness(0.9);
    transform: none;
  }

  .ageGate__actions {
    flex-direction: column;
  }

  .ageGate__btn {
    width: 100%;
    min-height: 40px;
  }

  .flutter {
    perspective: none !important;
    transform-style: flat !important;
    gap: 16px;
  }

  .finalImageSpacer {
    height: clamp(56px, 9vh, 112px);
  }

  .endCredits {
    max-width: calc(100vw - 22px);
    margin: clamp(28px, 4.8vh, 58px) auto clamp(96px, 15vh, 198px);
  }

  .endCredits__text {
    font-size: calc(var(--mast-line-size) * 1.28);
    line-height: 1.66;
    letter-spacing: 0.028em;
  }

  .endCredits__title {
    margin-bottom: 5px;
    font-size: calc(var(--name-ui-size) * 0.76 * var(--title-scale));
    line-height: 1.72;
    letter-spacing: calc(var(--name-track) + 0.03em);
    font-weight: 600;
    padding: 1px 5px;
  }

  .endCredits__stack {
    left: 50%;
    right: auto;
    bottom: max(34px, env(safe-area-inset-bottom, 0px));
    max-width: calc(100vw - 22px);
    gap: 9px;
    justify-items: center;
  }

  .endCredits__contact,
  .endCredits__actionBtn {
    min-height: 0;
    height: auto;
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
    font-weight: var(--ui-box-weight);
  }

  .endCredits__byline {
    font-size: 8px;
    letter-spacing: 0.038em;
    left: max(24px, env(safe-area-inset-left, 0px));
    right: auto;
    bottom: max(var(--byline-counter-bottom), env(safe-area-inset-bottom, 0px));
    transform: translate3d(0, 14px, 0);
  }

  .endCredits__moreInfo {
    margin-top: 10px;
    min-height: 38px;
    height: 38px;
    min-width: 126px;
    padding: 0 13px;
    font-size: 10px;
  }

  .flutter__item {
    transition: opacity 180ms ease;
    will-change: auto;
    max-width: min(100%, calc(100vw - 20px));
  }

  .flutter:not(.is-lead-single) .flutter__item {
    max-width: min(122%, calc(100vw + 62px));
  }

  #gallery img {
    transition: opacity 220ms ease;
  }

  .mast,
  .midCreditBar,
  .mailBtn,
  .mailBtnFixed,
  .startInfoBtn,
  .toTopBtn,
  .creditbar {
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), 0 5px 10px rgba(0, 0, 0, 0.09);
  }

  .mast__title,
  .mast__line,
  .mastTitleDate,
  .midCreditBar,
  .mailBtn {
    text-shadow: none;
    -webkit-text-stroke: 0;
  }

  .mast,
  .creditbar,
  .midCreditBar,
  .mailBtnFixed,
  .startInfoBtn,
  .toTopBtn,
  .fullscreenBtn,
  .autoScrollBtn,
  .refreshBtn {
    z-index: 2147483000 !important;
  }

  .creditbar {
    font-size: 8px;
    letter-spacing: 0.04em;
  }

  .mastTitleRow,
  .mastTitleDateRow {
    gap: 12px;
    flex-wrap: wrap;
  }

  .mailBtnFixed {
    display: inline-flex;
    left: 50%;
    top: calc(var(--start-mail-top, calc(var(--floating-anchor-y) + var(--overlay-row-offset) - var(--overlay-stack-lift) + var(--midcontact-drop))) - 6px);
    bottom: auto;
    transform: translateX(-50%);
    max-width: calc(100vw - 10px);
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    z-index: 2147483000 !important;
  }

  .startInfoBtn {
    left: 50%;
    top: var(--start-info-top, calc(var(--floating-anchor-y) - var(--overlay-row-offset) - var(--ui-box-height) - var(--overlay-stack-lift)));
    transform: translateX(-50%);
    max-width: calc(100vw - 10px);
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    z-index: 2147483000 !important;
  }

  .midCreditBar {
    font-size: calc(var(--mast-line-size) * 1.08);
    letter-spacing: var(--mast-band-spacing);
    padding: var(--ui-box-pad-y) var(--midcredit-pad-x);
  }

  body.notTop .mast {
    top: max(24px, calc(env(safe-area-inset-top, 0px) + 18px));
    left: max(24px, env(safe-area-inset-left, 0px));
    right: auto;
    max-width: calc(100vw - 30px);
    padding: 0;
  }

  body.notTop .mastTitleRow {
    gap: 14px;
    padding: 4px 10px;
  }

  body.notTop .mast__line {
    padding: 3px 10px;
  }

  .toTopBtn {
    bottom: max(24px, env(safe-area-inset-bottom, 0px));
    right: max(18px, env(safe-area-inset-right, 0px));
    width: 42px;
    height: 42px;
    min-width: 42px;
    min-height: 42px;
  }

  .fullscreenBtn {
    right: max(18px, env(safe-area-inset-right, 0px));
  }

  .autoScrollBtn {
    right: calc(max(18px, env(safe-area-inset-right, 0px)) + 60px);
  }

  .refreshBtn {
    right: calc(max(18px, env(safe-area-inset-right, 0px)) + 104px);
  }

  .moreInfoBtn {
    min-width: var(--ui-end-action-width);
    width: var(--ui-end-action-width);
    min-height: 0;
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    bottom: calc(max(24px, env(safe-area-inset-bottom, 0px)) + var(--ui-box-height) + 8px);
    right: max(18px, env(safe-area-inset-right, 0px));
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
  }

  .backStartBtn {
    min-width: var(--ui-end-action-width);
    width: var(--ui-end-action-width);
    min-height: 0;
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    bottom: max(24px, env(safe-area-inset-bottom, 0px));
    right: max(18px, env(safe-area-inset-right, 0px));
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
  }


  #fullscreenBtn[aria-hidden="true"] ~ #autoScrollBtn {
    right: max(18px, env(safe-area-inset-right, 0px));
  }

  #fullscreenBtn[aria-hidden="true"] ~ #refreshBtn {
    right: calc(max(18px, env(safe-area-inset-right, 0px)) + 52px);
  }

  #autoScrollBtn[aria-hidden="true"] ~ #refreshBtn {
    right: calc(max(18px, env(safe-area-inset-right, 0px)) + 52px);
  }

  #fullscreenBtn[aria-hidden="true"] ~ #autoScrollBtn[aria-hidden="true"] ~ #refreshBtn {
    right: max(18px, env(safe-area-inset-right, 0px));
  }

}

@media (max-width: 520px) {
  :root {
    --name-ui-size: clamp(14px, 4.2vw, 17px);
    --header-ui-size: clamp(10px, 3.2vw, 12px);
    --header-ui-spacing: 0.055em;
    --mast-start-top: clamp(60px, 26.2vh, 164px);
    --mast-drop: 4px;
    --mast-scale: 1.07;
    --name-track: 0.065em;
    --ui-box-size: calc(var(--header-ui-size) * 0.84 * var(--title-scale));
    --ui-box-spacing: calc(var(--header-ui-spacing) * 0.88);
    --ui-box-pad-y: 6px;
    --ui-box-pad-x: 14px;
    --ui-action-width: 124px;
    --stack-offset: clamp(126px, calc(4.9vh + 92px), 150px);
    --floating-anchor-y: clamp(75vh, 81vh, 87vh);
  }

  .midCreditBar {
    max-width: calc(100vw - 20px);
    font-size: calc(var(--mast-line-size) * 1.08);
    letter-spacing: var(--mast-band-spacing);
    padding: var(--ui-box-pad-y) var(--midcredit-pad-x);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .endCredits__byline {
    font-size: 8px;
    letter-spacing: 0.038em;
    left: max(24px, env(safe-area-inset-left, 0px));
    right: auto;
    bottom: max(var(--byline-counter-bottom), env(safe-area-inset-bottom, 0px));
    transform: translate3d(0, 14px, 0);
  }

  .mastTitleRow {
    gap: 14px;
  }

  .page {
    padding-top: 0;
  }

  .creditbar {
    padding-left: 8px;
    padding-right: 8px;
  }
}

@media (max-width: 520px) and (orientation: portrait) {
  :root {
    --mast-scale: 0.84;
  }

  body.atTop .mast {
    max-width: calc(100vw - 18px);
    padding: 0;
  }

  body.atTop .mast__inner {
    gap: 11px;
  }

  body.atTop .mastTitleRow,
  body.atTop .mastTitleDateRow {
    gap: 10px;
  }

  .midCreditBar {
    font-size: calc(var(--mast-line-size) * 1.08);
    letter-spacing: var(--mast-band-spacing);
    padding: var(--ui-box-pad-y) var(--midcredit-pad-x);
  }

  .mailBtnFixed,
  .startInfoBtn {
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
  }

  .creditbar {
    font-size: 7px;
    letter-spacing: 0.03em;
  }

  .endCredits__byline {
    font-size: 7px;
    letter-spacing: 0.03em;
    left: max(24px, env(safe-area-inset-left, 0px));
    right: auto;
    bottom: max(var(--byline-counter-bottom), env(safe-area-inset-bottom, 0px));
    transform: translate3d(0, 14px, 0);
  }
}

@media (max-width: 980px) and (pointer: coarse) {
  .endCredits,
  .endCredits__text {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body.endTextVisible .endCredits,
  body.endTextVisible .endCredits__text,
  body.backStartVisible .endCredits,
  body.backStartVisible .endCredits__text {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  .endCredits__stack,
  .endCredits__byline {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body.backStartVisible .endCredits__stack,
  body.backStartVisible .endCredits__byline {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body.mobilePortraitLayout .flutter {
    gap: 16px 20px;
    perspective: none !important;
    transform-style: flat !important;
  }

  body.mobilePortraitLayout .flutter:not(.is-lead-single) .flutter__item {
    max-width: min(106%, calc(100vw + 20px));
  }

  body.mobilePortraitLayout .flutter__item {
    transition: opacity 130ms linear;
    will-change: auto;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
    border-color: rgba(0, 0, 0, 0.12);
  }

  body.mobilePortraitLayout #gallery img {
    transition: opacity 130ms linear, filter 180ms ease;
  }

  body.mobilePortraitLite .flutter__item {
    transition: opacity 90ms linear;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.07);
  }

  body.mobilePortraitLite #gallery img {
    transition: opacity 90ms linear, filter 140ms ease;
  }

  body.mobilePortraitLayout.portraitStartupMask .page {
    min-height: 120vh;
  }

  body.mobilePortraitLayout.portraitStartupMask .endCredits,
  body.mobilePortraitLayout.portraitStartupMask .endCredits__text,
  body.mobilePortraitLayout.portraitStartupMask .endCredits__stack,
  body.mobilePortraitLayout.portraitStartupMask .endCredits__byline {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.mobilePortraitLayout .endCredits,
  body.mobilePortraitLayout .endCredits__text {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body.mobilePortraitLayout.endTextVisible .endCredits,
  body.mobilePortraitLayout.endTextVisible .endCredits__text,
  body.mobilePortraitLayout.backStartVisible .endCredits,
  body.mobilePortraitLayout.backStartVisible .endCredits__text {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
  }

  body.mobilePortraitLayout .endCredits__stack,
  body.mobilePortraitLayout .endCredits__byline {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body.mobilePortraitLayout .endCredits__stack {
    left: max(18px, env(safe-area-inset-left, 0px));
    right: auto;
    max-width: calc(100vw - max(18px, env(safe-area-inset-left, 0px)) - max(12px, env(safe-area-inset-right, 0px)));
    justify-items: start;
    transform: translate3d(0, 10px, 0);
  }

  body.mobilePortraitLayout.backStartVisible .endCredits__stack {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
  }

  body.mobilePortraitLayout.backStartVisible.mobileBylineReady .endCredits__byline {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    bottom: max(10px, env(safe-area-inset-bottom, 0px));
    transform: translate3d(0, 0, 0);
  }

  body.mobilePortraitLayout .mast {
    top: max(24px, calc(env(safe-area-inset-top, 0px) + 16px));
    left: max(18px, env(safe-area-inset-left, 0px));
    right: auto;
    max-width: calc(100vw - 26px);
    transform: translate3d(0, 0, 0);
  }

  body.mobilePortraitLayout .mast__inner {
    align-items: flex-start;
    text-align: left;
    gap: 8px;
  }

  body.mobilePortraitLayout .mastTitleRow.mastMailTrigger {
    font-size: calc(var(--name-ui-size) * 0.82 * var(--title-scale));
    line-height: 1.08;
  }

  body.mobilePortraitLayout #mastMailTrigger,
  body.mobilePortraitLayout #mastMailTrigger:hover,
  body.mobilePortraitLayout #mastMailTrigger:focus-visible,
  body.mobilePortraitLayout #mastMailTrigger:active {
    background: #FFFF00 !important;
    color: #000000 !important;
    border-color: transparent !important;
    transition: none !important;
  }

  body.mobilePortraitLayout #mastMailTrigger .mastTitleName1,
  body.mobilePortraitLayout #mastMailTrigger .mastTitleName2 {
    color: #000000 !important;
    transition: none !important;
  }

  body.mobilePortraitLayout .mast__line {
    justify-content: flex-start;
    text-align: left;
    font-size: var(--mast-line-size);
    padding: 3px 10px;
  }

  body.mobilePortraitLayout .mastTitleRow.mastMailTrigger,
  body.mobilePortraitLayout .mast__line {
    transition: opacity 620ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  }

  body.mobilePortraitLayout.mobilePenultimateGone .mastTitleRow.mastMailTrigger,
  body.mobilePortraitLayout.mobilePenultimateGone .mast__line {
    opacity: 0;
    pointer-events: none;
  }

  body.mobilePortraitLayout #fullscreenBtn,
  body.mobilePortraitLayout #autoScrollBtn {
    display: none !important;
  }

  body.mobilePortraitLayout .startInfoBtn {
    display: none !important;
  }

  body.mobilePortraitLayout .midCreditBar {
    left: 0;
    right: 0;
    top: auto;
    bottom: calc(max(86px, calc(env(safe-area-inset-bottom, 0px) + 58px)) - 10px);
    transform: none;
    width: 100%;
    max-width: none;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    text-align: center;
    padding-left: max(10px, calc(env(safe-area-inset-left, 0px) + 10px));
    padding-right: max(10px, calc(env(safe-area-inset-right, 0px) + 10px));
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    opacity: 1;
    pointer-events: none;
    z-index: 2147483000 !important;
    transition: opacity 620ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  body.mobilePortraitLayout .mailBtnFixed {
    left: auto;
    right: max(16px, env(safe-area-inset-right, 0px));
    top: auto;
    bottom: calc(max(17vh, calc(env(safe-area-inset-bottom, 0px) + 96px)) - 10px);
    transform: translate3d(0, 0, 0);
    width: auto;
    min-width: calc(var(--ui-action-width) - 2px);
    max-width: calc(100vw - 18px);
    opacity: 1;
    pointer-events: auto;
    z-index: 2147483000 !important;
    transition: opacity 620ms cubic-bezier(0.22, 0.61, 0.36, 1), transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1);
  }

  body.mobilePortraitLayout #moreInfoBtn,
  body.mobilePortraitLayout #backStartBtn {
    min-width: max(84px, calc(var(--ui-end-action-width) - 28px)) !important;
    width: max(84px, calc(var(--ui-end-action-width) - 28px)) !important;
    height: 30px !important;
    min-height: 30px !important;
    line-height: 1 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    padding-left: calc(var(--ui-box-pad-x) - 5px) !important;
    padding-right: calc(var(--ui-box-pad-x) - 5px) !important;
  }

  body.mobilePortraitLayout.backStartVisible #backStartBtn {
    bottom: max(10px, env(safe-area-inset-bottom, 0px)) !important;
    right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  body.mobilePortraitLayout.backStartVisible #moreInfoBtn {
    bottom: calc(max(10px, env(safe-area-inset-bottom, 0px)) + 38px) !important;
    right: max(14px, env(safe-area-inset-right, 0px)) !important;
  }

  body.mobilePortraitLayout.notTop .midCreditBar {
    opacity: 1;
    pointer-events: none;
    transform: none;
  }

  body.mobilePortraitLayout.notTop .mailBtnFixed {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(0, 0, 0);
  }

  body.mobilePortraitLayout.mobileThirdScrollHide .midCreditBar {
    opacity: 0 !important;
    transform: translate3d(0, 8px, 0);
    pointer-events: none !important;
  }

  body.mobilePortraitLayout.mobileThirdScrollHide .mailBtnFixed {
    opacity: 0 !important;
    transform: translate3d(0, 8px, 0);
    pointer-events: none !important;
  }

  body.mobilePortraitLayout .mailBtnFixed:hover,
  body.mobilePortraitLayout .mailBtnFixed:focus-visible {
    transform: translate3d(0, -2px, 0);
  }

  body.mobilePortraitLayout .mailBtnFixed:active {
    transform: translate3d(0, -1px, 0);
  }
}

@media (max-width: 420px) {
  :root {
    --ui-action-width: 118px;
  }

  .mast {
    max-width: calc(100vw - 10px);
  }

  .endCredits__stack {
    left: 50%;
    right: auto;
    max-width: calc(100vw - 14px);
    justify-items: center;
  }

  .mast__title {
    letter-spacing: 0.045em;
  }

  .mastTitleRow {
    gap: 10px;
  }

  .toTopBtn {
    right: max(14px, env(safe-area-inset-right, 0px));
    width: 40px;
    height: 40px;
    min-width: 40px;
    min-height: 40px;
  }

  .fullscreenBtn {
    right: max(14px, env(safe-area-inset-right, 0px));
  }

  .autoScrollBtn {
    right: calc(max(14px, env(safe-area-inset-right, 0px)) + 56px);
  }

  .refreshBtn {
    right: calc(max(14px, env(safe-area-inset-right, 0px)) + 96px);
  }

  .moreInfoBtn {
    min-width: var(--ui-end-action-width);
    width: var(--ui-end-action-width);
    min-height: 0;
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
    bottom: calc(max(24px, env(safe-area-inset-bottom, 0px)) + var(--ui-box-height) + 8px);
    right: max(14px, env(safe-area-inset-right, 0px));
  }

  .backStartBtn {
    min-width: var(--ui-end-action-width);
    width: var(--ui-end-action-width);
    min-height: 0;
    padding: var(--ui-box-pad-y) var(--ui-box-pad-x);
    font-size: var(--ui-box-size);
    letter-spacing: var(--ui-box-spacing);
    bottom: max(24px, env(safe-area-inset-bottom, 0px));
    right: max(14px, env(safe-area-inset-right, 0px));
  }


  #fullscreenBtn[aria-hidden="true"] ~ #autoScrollBtn {
    right: max(14px, env(safe-area-inset-right, 0px));
  }

  #fullscreenBtn[aria-hidden="true"] ~ #refreshBtn {
    right: calc(max(14px, env(safe-area-inset-right, 0px)) + 48px);
  }

  #autoScrollBtn[aria-hidden="true"] ~ #refreshBtn {
    right: calc(max(14px, env(safe-area-inset-right, 0px)) + 48px);
  }

  #fullscreenBtn[aria-hidden="true"] ~ #autoScrollBtn[aria-hidden="true"] ~ #refreshBtn {
    right: max(14px, env(safe-area-inset-right, 0px));
  }

}

@media (orientation: landscape) and (max-height: 620px) and (pointer: coarse) {
  body.notTop .mast {
    max-width: calc(100vw - 180px);
  }

  body.notTop .mastTitleRow {
    gap: 8px;
    padding: 3px 8px;
  }

  #refreshBtn.introTravel {
    animation: none !important;
  }
}

/* Final hard stop: no hover/mouse-follow animation on start CTAs */
#startInfoBtn,
#mailBtn,
.startInfoBtn,
.mailBtnFixed {
  transition: none !important;
  animation: none !important;
  box-shadow: none !important;
  will-change: auto !important;
}

#startInfoBtn,
#startInfoBtn:hover,
#startInfoBtn:focus-visible,
#startInfoBtn:active,
#mailBtn,
#mailBtn:hover,
#mailBtn:focus-visible,
#mailBtn:active {
  color: #000000 !important;
  background: #FFFF00 !important;
  border: 0 !important;
  transform: translate3d(-50%, 0, 0) !important;
}

body.mobilePortraitLayout #mailBtn,
body.mobilePortraitLayout #mailBtn:hover,
body.mobilePortraitLayout #mailBtn:focus-visible,
body.mobilePortraitLayout #mailBtn:active {
  transform: translate3d(0, 0, 0) !important;
}

#fullscreenBtn,
#fullscreenBtn:hover,
#fullscreenBtn:focus-visible,
#fullscreenBtn:active,
#autoScrollBtn,
#autoScrollBtn:hover,
#autoScrollBtn:focus-visible,
#autoScrollBtn:active {
  color: #000000 !important;
  background: #FFFF00 !important;
  border: 0 !important;
  box-shadow: none !important;
  text-shadow: none !important;
}

/* Link focus mode: invert box and show only active link label */
@media (hover: hover) and (pointer: fine) {
  body.atTop .mast__line {
    --invert-activation-delay: 260ms;
    --invert-release-delay: 360ms;
    --active-link-delay: 70ms;
    --active-link-release-delay: 220ms;
    background-color: #0f141a !important;
    background-image: none !important;
    transition:
      background-color 1450ms cubic-bezier(0.2, 0.8, 0.2, 1) !important,
      color 1450ms cubic-bezier(0.2, 0.8, 0.2, 1) !important,
      border-color 1450ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    transition-delay: var(--invert-release-delay) !important;
    overflow: visible !important;
  }

  body.atTop .mast__line:hover {
    transition-delay: var(--invert-activation-delay) !important;
  }

  body.atTop .mast__line:hover,
  body.atTop .mast__line:has(.mastLineInlineLink:hover),
  body.atTop .mast__line:has(.mastLineInlineAction:hover),
  body.atTop .mast__line:has(.mastLineInlineLink:focus-visible),
  body.atTop .mast__line:has(.mastLineInlineAction:focus-visible) {
    background-color: #FFFF00 !important;
    background-image: none !important;
    color: transparent !important;
    border-color: transparent !important;
  }

  body.atTop .mast__line .mastLineInlineLink,
  body.atTop .mast__line .mastLineInlineAction {
    display: inline-block;
    padding: 30px !important;
    margin: -30px !important;
    transition:
      color 1450ms cubic-bezier(0.2, 0.8, 0.2, 1) !important,
      letter-spacing 1450ms cubic-bezier(0.2, 0.8, 0.2, 1) !important;
    transition-delay: var(--active-link-release-delay) !important;
  }

  body.atTop .mast__line .mastLineInlineLink:hover,
  body.atTop .mast__line .mastLineInlineAction:hover {
    transition-delay: var(--active-link-delay) !important;
    color: #000000 !important;
    text-shadow: none !important;
  }

  body.atTop .mast__line .mastLineInlineLink:focus-visible,
  body.atTop .mast__line .mastLineInlineAction:focus-visible {
    transition-delay: 0ms !important;
    color: #000000 !important;
    text-shadow: none !important;
  }

}

/* No visual effects for JÜRGEN BALDIGA in header */
#mastMailTrigger,
#mastMailTrigger:hover,
#mastMailTrigger:focus-visible,
#mastMailTrigger:active,
.mastTitleRow.mastMailTrigger,
.mastTitleRow.mastMailTrigger:hover,
.mastTitleRow.mastMailTrigger:focus-visible,
.mastTitleRow.mastMailTrigger:active,
.mastTitleRow.mastMailTrigger.mastIntroPulse {
  transition: none !important;
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
  background: #FFFF00 !important;
  color: #000000 !important;
  border: 0 !important;
  text-shadow: none !important;
  outline: none !important;
}

#mastMailTrigger .mastTitleName1,
#mastMailTrigger .mastTitleName2 {
  color: #000000 !important;
  transition: none !important;
  animation: none !important;
  text-shadow: none !important;
}

/* No visual effects for CHEAT SHEET, CONTACT and copyright line */
#startInfoBtn,
#startInfoBtn:hover,
#startInfoBtn:focus-visible,
#startInfoBtn:active,
#mailBtn,
#mailBtn:hover,
#mailBtn:focus-visible,
#mailBtn:active,
.midCreditBar,
.midCreditBar:hover,
.midCreditBar:focus-within,
.midCreditLink,
.midCreditLink:hover,
.midCreditLink:focus-visible,
.midCreditLink:active {
  transition: none !important;
  animation: none !important;
  text-shadow: none !important;
}

/* Header boxes: hard center alignment on start screen */
body.atTop .mast {
  left: 50% !important;
  right: auto !important;
  transform: translate3d(-50%, 14px, 0) !important;
}

body.atTop .mast__inner {
  align-items: center !important;
  text-align: center !important;
}

body.atTop .mast__title,
body.atTop .mastTitleRow.mastMailTrigger,
body.atTop .mast__line {
  align-self: center !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Keep CHEAT SHEET / CONTACT / copyright exactly centered */
body.atTop #startInfoBtn,
body.atTop #mailBtn,
body.atTop .startInfoBtn,
body.atTop .mailBtnFixed {
  left: 50% !important;
  right: auto !important;
  transform: translate3d(-50%, 0, 0) !important;
}

body.atTop .midCreditBar,
body.atTop .midCreditBar:hover,
body.atTop .midCreditBar:focus-within {
  left: 50% !important;
  right: auto !important;
  transform: translate3d(-50%, -50%, 0) !important;
}

/* Hover invert for MORE INFO / UP AGAIN buttons */
#moreInfoBtn,
#moreInfoBtn:hover,
#moreInfoBtn:focus-visible,
#moreInfoBtn:active,
#moreInfoBtn.show,
#moreInfoBtn.show:hover,
#moreInfoBtn.show:focus-visible,
#moreInfoBtn.show:active,
#backStartBtn,
#backStartBtn:hover,
#backStartBtn:focus-visible,
#backStartBtn:active,
#backStartBtn.show,
#backStartBtn.show:hover,
#backStartBtn.show:focus-visible,
#backStartBtn.show:active,
#endMoreInfoBtn,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endMoreInfoBtn.show,
#endMoreInfoBtn.show:hover,
#endMoreInfoBtn.show:focus-visible,
#endMoreInfoBtn.show:active,
#endBackStartBtn,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active,
#endBackStartBtn.show,
#endBackStartBtn.show:hover,
#endBackStartBtn.show:focus-visible,
#endBackStartBtn.show:active {
  animation: none !important;
  transform: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
  border: 0 !important;
  text-decoration: none !important;
}

#moreInfoBtn,
#backStartBtn,
#endMoreInfoBtn,
#endBackStartBtn {
  background: #000000 !important;
  color: #FFFF00 !important;
  font-weight: 620 !important;
  transition: background-color 220ms ease, color 220ms ease !important;
}

#moreInfoBtn:hover,
#moreInfoBtn:focus-visible,
#moreInfoBtn:active,
#backStartBtn:hover,
#backStartBtn:focus-visible,
#backStartBtn:active,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active {
  background: #FFFF00 !important;
  color: #000000 !important;
}

@media (max-width: 980px) and (pointer: coarse) {
  /* Mobile: keep JUERGEN BALDIGA always yellow/black, also on click/tap. */
  body.mobilePortraitLayout #mastMailTrigger,
  body.mobilePortraitLayout #mastMailTrigger:hover,
  body.mobilePortraitLayout #mastMailTrigger:focus-visible,
  body.mobilePortraitLayout #mastMailTrigger:active {
    background: #FFFF00 !important;
    color: #000000 !important;
    border-color: transparent !important;
  }

  body.mobilePortraitLayout #mastMailTrigger .mastTitleName1,
  body.mobilePortraitLayout #mastMailTrigger .mastTitleName2 {
    color: #000000 !important;
  }

  /* Mobile: CONTACT stays yellow/black in all interaction states. */
  body.mobilePortraitLayout #mailBtn,
  body.mobilePortraitLayout #mailBtn:hover,
  body.mobilePortraitLayout #mailBtn:focus-visible,
  body.mobilePortraitLayout #mailBtn:active,
  body.mobilePortraitLayout .mailBtnFixed,
  body.mobilePortraitLayout .mailBtnFixed:hover,
  body.mobilePortraitLayout .mailBtnFixed:focus-visible,
  body.mobilePortraitLayout .mailBtnFixed:active {
    background: #FFFF00 !important;
    color: #000000 !important;
    border-color: transparent !important;
    transform: translate3d(0, 0, 0) !important;
  }
}

/* End links: keep right-bottom position and slide in from right on show */
body.backStartVisible:not(.mobilePortraitLayout) #moreInfoBtn,
body.backStartVisible:not(.mobilePortraitLayout) #backStartBtn {
  left: auto !important;
  right: max(24px, env(safe-area-inset-right, 0px)) !important;
  transform: translate3d(0, 0, 0) !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #moreInfoBtn {
  bottom: calc(max(32px, env(safe-area-inset-bottom, 0px)) + var(--ui-box-height) + 8px) !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #backStartBtn {
  bottom: max(32px, env(safe-area-inset-bottom, 0px)) !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #moreInfoBtn.show,
body.backStartVisible:not(.mobilePortraitLayout) #backStartBtn.show {
  animation: endControlsSlideInFromRight 760ms cubic-bezier(0.22, 0.62, 0.22, 1) both !important;
}

html body #backStartBtn.show,
html body #moreInfoBtn.show {
  animation: endControlsSlideInFromRight 760ms cubic-bezier(0.22, 0.62, 0.22, 1) both !important;
}

/* End order stage 1: top links first (name + photographer). */
body.backStartVisible.notTop:not(.mobilePortraitLayout) .mastTitleRow.mastMailTrigger {
  animation: endTopLinksReveal 620ms cubic-bezier(0.22, 0.62, 0.22, 1) both !important;
}

body.backStartVisible.notTop:not(.mobilePortraitLayout) .mast__line {
  animation: endTopLinksReveal 660ms cubic-bezier(0.22, 0.62, 0.22, 1) both !important;
  animation-delay: 70ms !important;
}

/* End order stage 2: then lower right actions with slight delay. */
body.backStartVisible:not(.mobilePortraitLayout) #moreInfoBtn.show {
  animation-delay: 60ms !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #backStartBtn.show {
  animation-delay: 130ms !important;
}

@keyframes endTopLinksReveal {
  0% {
    opacity: 0.22;
    margin-left: 40px;
  }
  58% {
    opacity: 1;
    margin-left: -8px;
  }
  100% {
    opacity: 1;
    margin-left: 0;
  }
}

/* Hover invert for idea & design byline link */
#endBylineLink {
  background: #000000 !important;
  color: #FFFF00 !important;
  transition: background-color 220ms ease, color 220ms ease !important;
}

#endBylineLink .endCredits__bylineAmp {
  background: #FFFF00 !important;
  color: #000000 !important;
  transition: background-color 220ms ease, color 220ms ease !important;
}

#endBylineLink:hover,
#endBylineLink:focus-visible,
#endBylineLink:active {
  background: #FFFF00 !important;
  color: #000000 !important;
}

#endBylineLink:hover .endCredits__bylineAmp,
#endBylineLink:focus-visible .endCredits__bylineAmp,
#endBylineLink:active .endCredits__bylineAmp {
  background: #000000 !important;
  color: #FFFF00 !important;
}

/* Cleaner header fade when start is triggered via "photographer" */
body.photographerLaunch.atTop .mastTitleRow.mastMailTrigger,
body.photographerLaunch.atTop .mast__line,
body.photographerLaunch.atTop .midCreditBar,
body.photographerLaunch.atTop #startInfoBtn,
body.photographerLaunch.atTop #mailBtn,
body.photographerLaunch.swapOut .mastTitleRow.mastMailTrigger,
body.photographerLaunch.swapOut .mast__line,
body.photographerLaunch.swapOut .midCreditBar,
body.photographerLaunch.swapOut #startInfoBtn,
body.photographerLaunch.swapOut #mailBtn {
  opacity: 0 !important;
  pointer-events: none !important;
  transition: opacity 420ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.photographerLaunch.swapOut .mast {
  opacity: 0 !important;
  transition: opacity 420ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
}

body.photographerLaunch.notTop .mast {
  transition: opacity 260ms ease !important;
}

body.photographerLaunch.notTop .mast__line {
  animation: none !important;
}

@media (hover: hover) and (pointer: fine) {
  body.photographerLaunch.atTop .mast__line,
  body.photographerLaunch.atTop .mast__line:hover,
  body.photographerLaunch.atTop .mast__line:has(.mastLineInlineLink:hover),
  body.photographerLaunch.atTop .mast__line:has(.mastLineInlineAction:hover),
  body.photographerLaunch.atTop .mast__line:has(.mastLineInlineLink:focus-visible),
  body.photographerLaunch.atTop .mast__line:has(.mastLineInlineAction:focus-visible) {
    background: #000000 !important;
    color: #FFFF00 !important;
    border-color: transparent !important;
  }

  body.photographerLaunch.atTop .mast__line .mastLineInlineLink,
  body.photographerLaunch.atTop .mast__line .mastLineInlineAction {
    color: #FFFF00 !important;
    transition: opacity 420ms cubic-bezier(0.22, 0.61, 0.36, 1) !important;
  }
}

/* Slightly narrower MORE INFO / UP AGAIN buttons */
#moreInfoBtn,
#backStartBtn,
#endMoreInfoBtn,
#endBackStartBtn {
  width: max(96px, calc(var(--ui-end-action-width) - 12px)) !important;
  min-width: max(96px, calc(var(--ui-end-action-width) - 12px)) !important;
  padding-left: calc(var(--ui-box-pad-x) - 2px) !important;
  padding-right: calc(var(--ui-box-pad-x) - 2px) !important;
}

/* Unified hover behavior: invert yellow/black on all links/buttons */
#mastMailTrigger,
#startInfoBtn,
#mailBtn,
#fullscreenBtn,
#autoScrollBtn,
#moreInfoBtn,
#backStartBtn,
#endMoreInfoBtn,
#endBackStartBtn,
.endCredits__byline {
  background: #FFFF00 !important;
  color: #000000 !important;
  border-color: transparent !important;
  transition: background-color 220ms ease, color 220ms ease, opacity 220ms ease !important;
}

.mastLineInlineLink,
.mastLineInlineAction {
  color: #FFFF00 !important;
  background: transparent !important;
  transition: background-color 220ms ease, color 220ms ease !important;
}

#mastMailTrigger:hover,
#mastMailTrigger:focus-visible,
#mastMailTrigger:active,
#startInfoBtn:hover,
#startInfoBtn:focus-visible,
#startInfoBtn:active,
#mailBtn:hover,
#mailBtn:focus-visible,
#mailBtn:active,
#fullscreenBtn:hover,
#fullscreenBtn:focus-visible,
#fullscreenBtn:active,
#autoScrollBtn:hover,
#autoScrollBtn:focus-visible,
#autoScrollBtn:active,
#moreInfoBtn:hover,
#moreInfoBtn:focus-visible,
#moreInfoBtn:active,
#backStartBtn:hover,
#backStartBtn:focus-visible,
#backStartBtn:active,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active,
.endCredits__byline:hover,
.endCredits__byline:focus-visible,
.endCredits__byline:active {
  background: #000000 !important;
  color: #FFFF00 !important;
  text-decoration: none !important;
}

/* Header name band: invert on hover/focus/active */
#mastMailTrigger:hover,
#mastMailTrigger:focus-visible,
#mastMailTrigger:active {
  background: #000000 !important;
  color: #FFFF00 !important;
}

body.atTop #mastMailTrigger:hover,
body.atTop #mastMailTrigger:focus-visible,
body.atTop #mastMailTrigger:active,
body.notTop #mastMailTrigger:hover,
body.notTop #mastMailTrigger:focus-visible,
body.notTop #mastMailTrigger:active {
  background: #000000 !important;
  color: #FFFF00 !important;
}

body.atTop #mastMailTrigger:hover .mastTitleName1,
body.atTop #mastMailTrigger:hover .mastTitleName2,
body.atTop #mastMailTrigger:focus-visible .mastTitleName1,
body.atTop #mastMailTrigger:focus-visible .mastTitleName2,
body.atTop #mastMailTrigger:active .mastTitleName1,
body.atTop #mastMailTrigger:active .mastTitleName2,
body.notTop #mastMailTrigger:hover .mastTitleName1,
body.notTop #mastMailTrigger:hover .mastTitleName2,
body.notTop #mastMailTrigger:focus-visible .mastTitleName1,
body.notTop #mastMailTrigger:focus-visible .mastTitleName2,
body.notTop #mastMailTrigger:active .mastTitleName1,
body.notTop #mastMailTrigger:active .mastTitleName2 {
  color: #FFFF00 !important;
}

/* Excluded from global hover invert (requested): header credit links */
.midCreditLink,
.midCreditLink:hover,
.midCreditLink:focus-visible,
.midCreditLink:active {
  background: transparent !important;
}

/* Remove heavy top-line hover delays to prevent photographer flicker */
@media (hover: hover) and (pointer: fine) {
  body.atTop .mast__line {
    transition: background-color 220ms ease, color 220ms ease, border-color 220ms ease !important;
    transition-delay: 0ms !important;
  }

  body.atTop .mast__line .mastLineInlineLink,
  body.atTop .mast__line .mastLineInlineAction {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    transition-delay: 0ms !important;
  }

  body.atTop .mast__line:hover,
  body.atTop .mast__line:has(.mastLineInlineLink:hover),
  body.atTop .mast__line:has(.mastLineInlineAction:hover),
  body.atTop .mast__line:has(.mastLineInlineLink:focus-visible),
  body.atTop .mast__line:has(.mastLineInlineAction:focus-visible) {
    background-color: #FFFF00 !important;
    color: #000000 !important;
    border-color: transparent !important;
  }

  body.atTop .mast__line .mastLineInlineLink:hover,
  body.atTop .mast__line .mastLineInlineLink:focus-visible,
  body.atTop .mast__line .mastLineInlineLink:active,
  body.atTop .mast__line .mastLineInlineAction:hover,
  body.atTop .mast__line .mastLineInlineAction:focus-visible,
  body.atTop .mast__line .mastLineInlineAction:active {
    background: transparent !important;
    color: #000000 !important;
  }

  body.atTop .mast__line .mastLineDot {
    color: #FFFF00 !important;
  }
}

@media (max-width: 980px) and (pointer: coarse) {
  /* Final mobile lock: never invert JUERGEN BALDIGA + CONTACT on touch/hover/active. */
  body.mobilePortraitLayout #mastMailTrigger,
  body.mobilePortraitLayout #mastMailTrigger:hover,
  body.mobilePortraitLayout #mastMailTrigger:focus-visible,
  body.mobilePortraitLayout #mastMailTrigger:active,
  body.mobilePortraitLayout.atTop #mastMailTrigger:hover,
  body.mobilePortraitLayout.atTop #mastMailTrigger:focus-visible,
  body.mobilePortraitLayout.atTop #mastMailTrigger:active,
  body.mobilePortraitLayout.notTop #mastMailTrigger:hover,
  body.mobilePortraitLayout.notTop #mastMailTrigger:focus-visible,
  body.mobilePortraitLayout.notTop #mastMailTrigger:active {
    background: #FFFF00 !important;
    color: #000000 !important;
    border-color: transparent !important;
  }

  body.mobilePortraitLayout #mastMailTrigger .mastTitleName1,
  body.mobilePortraitLayout #mastMailTrigger .mastTitleName2,
  body.mobilePortraitLayout #mastMailTrigger:hover .mastTitleName1,
  body.mobilePortraitLayout #mastMailTrigger:hover .mastTitleName2,
  body.mobilePortraitLayout #mastMailTrigger:focus-visible .mastTitleName1,
  body.mobilePortraitLayout #mastMailTrigger:focus-visible .mastTitleName2,
  body.mobilePortraitLayout #mastMailTrigger:active .mastTitleName1,
  body.mobilePortraitLayout #mastMailTrigger:active .mastTitleName2 {
    color: #000000 !important;
  }

  body.mobilePortraitLayout #mailBtn,
  body.mobilePortraitLayout #mailBtn:hover,
  body.mobilePortraitLayout #mailBtn:focus-visible,
  body.mobilePortraitLayout #mailBtn:active,
  body.mobilePortraitLayout .mailBtnFixed,
  body.mobilePortraitLayout .mailBtnFixed:hover,
  body.mobilePortraitLayout .mailBtnFixed:focus-visible,
  body.mobilePortraitLayout .mailBtnFixed:active {
    background: #FFFF00 !important;
    color: #000000 !important;
    border-color: transparent !important;
    transform: translate3d(0, 0, 0) !important;
    text-decoration: none !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation: none !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }

  .flutter__item {
    will-change: auto;
  }

  html.introNegativeHold #gallery img {
    filter: var(--photo-filter) !important;
    animation: none !important;
  }

  html.introNegativeRun #gallery img {
    animation: none !important;
    filter: var(--photo-filter) !important;
  }
}

/* Final state for MORE INFO / UP AGAIN: rest black/yellow, hover inverted */
#moreInfoBtn,
#backStartBtn,
#endMoreInfoBtn,
#endBackStartBtn {
  background: #000000 !important;
  color: #FFFF00 !important;
  border-color: transparent !important;
}

#moreInfoBtn:hover,
#moreInfoBtn:focus-visible,
#moreInfoBtn:active,
#backStartBtn:hover,
#backStartBtn:focus-visible,
#backStartBtn:active,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active,
#endBackStartBtn:hover,
#endBackStartBtn:focus-visible,
#endBackStartBtn:active {
  background: #FFFF00 !important;
  color: #000000 !important;
}

/* MORE INFO should be yellow/black at rest, inverted on hover */
#moreInfoBtn,
#endMoreInfoBtn {
  background: #FFFF00 !important;
  color: #000000 !important;
  border-color: transparent !important;
}

#moreInfoBtn:hover,
#moreInfoBtn:focus-visible,
#moreInfoBtn:active,
#endMoreInfoBtn:hover,
#endMoreInfoBtn:focus-visible,
#endMoreInfoBtn:active {
  background: #000000 !important;
  color: #FFFF00 !important;
}

/* Final end reveal behavior (desktop): smooth + no photographer movement */
@keyframes endButtonsSmoothInFromRight {
  0% {
    opacity: 0;
    transform: translate3d(14px, 0, 0);
  }
  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes endBylineSmoothInFromLeft {
  0% {
    opacity: 0;
    transform: translate3d(-14px, 0, 0);
  }
  100% {
    opacity: 0.74;
    transform: translate3d(0, 0, 0);
  }
}

body.backStartVisible.notTop:not(.mobilePortraitLayout) .mast__line {
  animation: none !important;
  margin-left: 0 !important;
  transform: none !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #moreInfoBtn.show,
body.backStartVisible:not(.mobilePortraitLayout) #backStartBtn.show {
  animation: endButtonsSmoothInFromRight 1080ms cubic-bezier(0.2, 0.62, 0.28, 1) both !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #moreInfoBtn.show {
  animation-delay: 90ms !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #backStartBtn.show {
  animation-delay: 190ms !important;
}

body.backStartVisible:not(.mobilePortraitLayout) #endBylineLink {
  visibility: visible !important;
  pointer-events: auto !important;
  animation: endBylineSmoothInFromLeft 1160ms cubic-bezier(0.2, 0.62, 0.28, 1) both !important;
  animation-delay: 120ms !important;
}

/* Start header extra link: same format as CHEAT SHEET, positioned to the right */
.startInfoBtn.startDraftBtn {
  left: 50%;
  top: calc(var(--start-info-top, calc(var(--floating-anchor-y) - var(--overlay-row-offset) - var(--ui-box-height) - var(--overlay-stack-lift))) + var(--ui-box-height) + 10px);
  transform: translate3d(-50%, 0, 0);
}

body.atTop .startInfoBtn.startDraftBtn {
  left: 50% !important;
  right: auto !important;
  top: calc(var(--start-info-top, calc(var(--floating-anchor-y) - var(--overlay-row-offset) - var(--ui-box-height) - var(--overlay-stack-lift))) + var(--ui-box-height) + 10px) !important;
  transform: translate3d(-50%, 0, 0) !important;
}

#startDraftBtn {
  min-width: 0 !important;
  width: fit-content !important;
  max-width: calc(100vw - 14px) !important;
  padding-top: calc(var(--ui-box-pad-y) + 2px) !important;
  padding-bottom: calc(var(--ui-box-pad-y) + 2px) !important;
  padding-left: calc(var(--ui-box-pad-x) + 10px) !important;
  padding-right: calc(var(--ui-box-pad-x) + 10px) !important;
  font-size: calc(var(--ui-box-size) * 1.1) !important;
  line-height: calc(var(--ui-box-line) + 0.02) !important;
  letter-spacing: calc(var(--ui-box-spacing) + 0.06em) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  background: #FFFF00 !important;
  color: #000000 !important;
  border: 0 !important;
  box-shadow: none !important;
  transition: none !important;
  animation: none !important;
  will-change: auto !important;
}

#startDraftBtn:hover,
#startDraftBtn:focus-visible,
#startDraftBtn:active {
  background: #000000 !important;
  color: #FFFF00 !important;
}

body.mobilePortraitLayout .startInfoBtn.startDraftBtn {
  display: none !important;
}

/* Start links: CHEAT SHEET / THE DIARIES / CONTACT use identical typography */
#startInfoBtn,
#startInfoBtn:hover,
#startInfoBtn:focus-visible,
#startInfoBtn:active,
#startDraftBtn,
#startDraftBtn:hover,
#startDraftBtn:focus-visible,
#startDraftBtn:active,
#mailBtn,
#mailBtn:hover,
#mailBtn:focus-visible,
#mailBtn:active {
  font-size: calc(var(--ui-box-size) * 1.1) !important;
  line-height: calc(var(--ui-box-line) + 0.02) !important;
  letter-spacing: calc(var(--ui-box-spacing) + 0.06em) !important;
  font-weight: 800 !important;
  text-transform: uppercase !important;
}