/* TISIAS PATCH V133
   /ican-finals2026 only.
   Replaces V132 catalogue controller with a refined Catalogue Reader.
   Dependencies: V132 cover previews, 126 rendered page images, and catalogue PDF remain in place.
*/

#tisias-v135-catalogue,
#tisias-v135-catalogue *,
#tisias-v135-reader,
#tisias-v135-reader * {
  box-sizing: border-box;
}

/* =========================================================
   CATALOGUE SECTION
   ========================================================= */
#tisias-v135-catalogue {
  width: min(1180px, calc(100% - 28px));
  margin: 14px auto 18px;
  overflow: hidden;
  border: 1px solid rgba(201,157,62,.34);
  border-radius: 22px;
  background:
    radial-gradient(circle at 88% 7%, rgba(214,171,83,.14), transparent 28%),
    radial-gradient(circle at 8% 92%, rgba(201,28,43,.055), transparent 28%),
    linear-gradient(145deg, #fffefa 0%, #fffaf0 48%, #fff 100%);
  box-shadow: 0 20px 56px rgba(0,0,0,.17);
  color: #17202a;
}

.tisias-v135-head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: 22px;
  align-items: center;
  padding: 22px 24px 18px;
  border-bottom: 1px solid rgba(164,119,36,.17);
  background: linear-gradient(90deg, rgba(255,255,255,.96), rgba(255,249,235,.92));
}

.tisias-v135-kicker {
  margin: 0 0 5px;
  color: #b31623;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: .16em;
  text-transform: uppercase;
}

.tisias-v135-head h2 {
  margin: 0;
  color: #18202a;
  font-size: clamp(27px, 3.4vw, 44px);
  line-height: 1.03;
  letter-spacing: -.025em;
}

.tisias-v135-head > div > p:last-child {
  max-width: 760px;
  margin: 8px 0 0;
  color: #675b49;
  font-size: 13px;
  line-height: 1.55;
}

.tisias-v135-badge {
  display: inline-flex;
  min-height: 38px;
  align-items: center;
  padding: 0 14px;
  border: 1px solid rgba(186,137,42,.30);
  border-radius: 999px;
  background: rgba(209,163,68,.08);
  color: #8c651d;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .09em;
  white-space: nowrap;
}

.tisias-v135-main {
  display: grid;
  grid-template-columns: minmax(315px,.82fr) minmax(0,1.18fr);
  gap: 27px;
  align-items: stretch;
  padding: 23px 24px 25px;
}

.tisias-v135-cover {
  position: relative;
  overflow: hidden;
  border: 1px solid rgba(166,120,37,.21);
  border-radius: 16px;
  background: #f8f4eb;
  box-shadow: 0 18px 38px rgba(72,49,15,.14);
}

.tisias-v135-cover img {
  display: block;
  width: 100%;
  height: 100%;
  min-height: 560px;
  max-height: 660px;
  object-fit: contain;
  background: #fff;
}

.tisias-v135-cover-ribbon {
  position: absolute;
  top: 13px;
  left: 13px;
  padding: 7px 10px;
  border-radius: 999px;
  background: rgba(126,21,31,.91);
  color: #fff;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .12em;
  backdrop-filter: blur(6px);
}

.tisias-v135-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 560px;
  padding: 7px 2px;
}

.tisias-v135-copy h3 {
  margin: 0;
  color: #a91320;
  font-size: clamp(27px, 3vw, 40px);
  line-height: 1.08;
}

.tisias-v135-subtitle {
  margin: 8px 0 15px;
  color: #836327;
  font-size: 14px;
  font-weight: 800;
}

.tisias-v135-stats {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 9px;
  margin: 0 0 18px;
}

.tisias-v135-stat {
  padding: 12px 10px;
  border: 1px solid rgba(170,126,40,.18);
  border-radius: 11px;
  background: rgba(255,255,255,.82);
  text-align: center;
}

.tisias-v135-stat b {
  display: block;
  color: #b31623;
  font-size: 22px;
  line-height: 1;
}

.tisias-v135-stat span {
  display: block;
  margin-top: 5px;
  color: #6f604b;
  font-size: 9px;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
}

/* New premium information copy requested by user */
.tisias-v135-available {
  position: relative;
  margin: 0 0 18px;
  padding: 18px 19px 17px 20px;
  overflow: hidden;
  border: 1px solid rgba(179,131,38,.22);
  border-radius: 14px;
  background:
    radial-gradient(circle at 92% 12%, rgba(213,168,77,.14), transparent 32%),
    linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,248,232,.90));
  box-shadow: 0 10px 26px rgba(107,75,20,.08);
}

.tisias-v135-available::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 4px;
  background: linear-gradient(#c92130, #d7aa4d);
}

.tisias-v135-available h4 {
  margin: 0 0 9px;
  color: #9e1723;
  font-size: 18px;
  line-height: 1.2;
}

.tisias-v135-available p {
  margin: 0;
  color: #51493e;
  font-size: 13px;
  line-height: 1.62;
}

.tisias-v135-contents-label {
  margin: 13px 0 7px;
  color: #87621e;
  font-size: 10px;
  font-weight: 900;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.tisias-v135-contents {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 7px;
}

.tisias-v135-content-chip {
  display: flex;
  min-height: 42px;
  align-items: center;
  justify-content: center;
  padding: 7px 9px;
  border: 1px solid rgba(172,126,37,.19);
  border-radius: 9px;
  background: rgba(255,255,255,.75);
  color: #5b4b32;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.25;
  text-align: center;
}

.tisias-v135-desc {
  margin: 0 0 18px;
  color: #4e4940;
  font-size: 13px;
  line-height: 1.62;
}

.tisias-v135-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}

.tisias-v135-btn {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  padding: 0 16px;
  border: 1px solid rgba(161,115,32,.40);
  border-radius: 10px;
  background: #fff;
  color: #252019 !important;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none !important;
  cursor: pointer;
  box-shadow: 0 7px 16px rgba(85,57,13,.07);
}

.tisias-v135-btn:hover,
.tisias-v135-btn:focus-visible {
  border-color: rgba(177,22,35,.52);
  transform: translateY(-1px);
}

.tisias-v135-btn--primary {
  border-color: #b11c28;
  background: linear-gradient(135deg, #d72d3c, #aa1621);
  color: #fff !important;
  box-shadow: 0 10px 22px rgba(177,28,40,.20);
}

.tisias-v135-btn--gold {
  border-color: #b9892d;
  background: linear-gradient(135deg, #f0d78c, #ca9631);
  color: #2c200b !important;
}

/* =========================================================
   CATALOGUE READER
   ========================================================= */
#tisias-v135-reader[hidden] {
  display: none !important;
}

#tisias-v135-reader {
  position: fixed;
  inset: 0;
  z-index: 1000020;
  display: grid;
  place-items: center;
  padding: 14px;
  background: rgba(1,5,4,.92);
  backdrop-filter: blur(10px);
}

.tisias-v135-reader-shell {
  position: relative;
  width: min(1460px, calc(100vw - 28px));
  height: min(95vh, 1000px);
  display: grid;
  grid-template-rows: auto minmax(0,1fr) auto;
  overflow: hidden;
  border: 1px solid rgba(232,200,124,.30);
  border-radius: 18px;
  background:
    radial-gradient(circle at 50% 12%, rgba(255,255,255,.07), transparent 32%),
    linear-gradient(145deg, #101612, #050806);
  box-shadow: 0 30px 110px rgba(0,0,0,.68);
}

.tisias-v135-reader-top {
  display: flex;
  gap: 14px;
  align-items: center;
  justify-content: space-between;
  min-height: 58px;
  padding: 9px 14px;
  border-bottom: 1px solid rgba(255,255,255,.09);
  background: #0a110d;
}

.tisias-v135-reader-brand {
  min-width: 0;
}

.tisias-v135-reader-brand b {
  display: block;
  color: #f3d789;
  font-size: 12px;
  letter-spacing: .08em;
}

.tisias-v135-reader-brand span {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: #cbd3cd;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.tisias-v135-tools {
  display: flex;
  gap: 7px;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.tisias-v135-tool {
  display: inline-flex;
  min-height: 35px;
  align-items: center;
  justify-content: center;
  padding: 0 11px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 8px;
  background: rgba(255,255,255,.04);
  color: #fff !important;
  font-size: 9px;
  font-weight: 900;
  text-decoration: none !important;
  cursor: pointer;
}

.tisias-v135-tool.is-on {
  border-color: rgba(220,183,96,.52);
  color: #f2d180 !important;
}

.tisias-v135-zoom-readout {
  min-width: 68px;
  color: #d8e0da;
  font-size: 9px;
  font-weight: 900;
  text-align: center;
  white-space: nowrap;
}

.tisias-v135-stage {
  position: relative;
  min-height: 0;
  overflow: auto;
  padding: 18px 72px;
  perspective: 2600px;
  scrollbar-width: thin;
  scrollbar-color: rgba(219,186,111,.50) rgba(255,255,255,.05);
}

.tisias-v135-stage::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

.tisias-v135-stage::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: rgba(219,186,111,.45);
}

.tisias-v135-stage-inner {
  min-width: 100%;
  min-height: 100%;
  display: grid;
  place-items: center;
}

.tisias-v135-book {
  position: relative;
  width: min(1070px, 100%);
  min-height: 620px;
  display: flex;
  align-items: center;
  justify-content: center;
  filter: drop-shadow(0 21px 34px rgba(0,0,0,.46));
  transform-origin: center center;
  transition: transform .16s ease-out;
}

.tisias-v135-spread {
  position: relative;
  max-width: 100%;
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  transform-style: preserve-3d;
}

.tisias-v135-page {
  position: relative;
  max-width: 50%;
  height: min(76vh, 850px);
  aspect-ratio: 420 / 595;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.13);
  background: #fff;
  box-shadow: 0 10px 28px rgba(0,0,0,.24);
  transform-style: preserve-3d;
}

.tisias-v135-page.single {
  max-width: 72%;
}

.tisias-v135-page img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.tisias-v135-page.left::after,
.tisias-v135-page.right::after,
.tisias-v135-page.single::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tisias-v135-page.left::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,.05), transparent 12%, transparent 88%, rgba(0,0,0,.17));
}

.tisias-v135-page.right::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,.18), transparent 12%, transparent 90%, rgba(0,0,0,.04));
}

.tisias-v135-page.single::after {
  background:
    linear-gradient(90deg, rgba(0,0,0,.07), transparent 12%, transparent 90%, rgba(0,0,0,.07));
}

.tisias-v135-label {
  position: absolute;
  right: 6px;
  bottom: 5px;
  z-index: 4;
  padding: 3px 6px;
  border-radius: 999px;
  background: rgba(0,0,0,.54);
  color: #fff;
  font-size: 8px;
  font-weight: 900;
}

/* More paper-like flip */
.tisias-v135-turnsheet {
  position: absolute;
  top: 50%;
  z-index: 30;
  height: min(76vh, 850px);
  aspect-ratio: 420 / 595;
  margin-top: calc(min(76vh, 850px) / -2);
  transform-style: preserve-3d;
  pointer-events: none;
  perspective: 2600px;
}

.tisias-v135-turnsheet.next {
  right: 0;
  transform-origin: left center;
  animation: tisias-v135-sheet-next .86s cubic-bezier(.23,.68,.22,1) forwards;
}

.tisias-v135-turnsheet.prev {
  left: 0;
  transform-origin: right center;
  animation: tisias-v135-sheet-prev .86s cubic-bezier(.23,.68,.22,1) forwards;
}

.tisias-v135-sheet-face {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border: 1px solid rgba(145,130,101,.32);
  background: #fff;
  backface-visibility: hidden;
  transform-style: preserve-3d;
}

.tisias-v135-sheet-face.front img,
.tisias-v135-sheet-face.back img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.tisias-v135-sheet-face.back {
  transform: rotateY(180deg);
}

.tisias-v135-sheet-face.front::before,
.tisias-v135-sheet-face.back::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
}

.tisias-v135-turnsheet.next .front::before {
  background:
    linear-gradient(90deg,
      rgba(0,0,0,.02) 0%,
      rgba(0,0,0,.03) 55%,
      rgba(0,0,0,.18) 83%,
      rgba(255,255,255,.36) 95%,
      rgba(255,255,255,.08) 100%);
  animation: tisias-v135-highlight-next .86s ease-in-out forwards;
}

.tisias-v135-turnsheet.prev .front::before {
  background:
    linear-gradient(90deg,
      rgba(255,255,255,.08) 0%,
      rgba(255,255,255,.36) 5%,
      rgba(0,0,0,.18) 17%,
      rgba(0,0,0,.03) 45%,
      rgba(0,0,0,.02) 100%);
  animation: tisias-v135-highlight-prev .86s ease-in-out forwards;
}

/* moving fold/shadow */
.tisias-v135-turnsheet::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 5;
  width: 21%;
  opacity: 0;
  pointer-events: none;
  filter: blur(1px);
}

.tisias-v135-turnsheet.next::after {
  right: -4%;
  background: linear-gradient(90deg, rgba(0,0,0,.30), rgba(255,255,255,.22), transparent);
  animation: tisias-v135-fold-next .86s ease-in-out forwards;
}

.tisias-v135-turnsheet.prev::after {
  left: -4%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), rgba(0,0,0,.30));
  animation: tisias-v135-fold-prev .86s ease-in-out forwards;
}

@keyframes tisias-v135-sheet-next {
  0%   { transform: rotateY(0deg) translateZ(2px) skewY(0deg); }
  18%  { transform: rotateY(-22deg) translateZ(14px) skewY(-.25deg); }
  52%  { transform: rotateY(-92deg) translateZ(32px) skewY(-.8deg); }
  78%  { transform: rotateY(-154deg) translateZ(12px) skewY(-.22deg); }
  100% { transform: rotateY(-180deg) translateZ(0) skewY(0deg); }
}

@keyframes tisias-v135-sheet-prev {
  0%   { transform: rotateY(0deg) translateZ(2px) skewY(0deg); }
  18%  { transform: rotateY(22deg) translateZ(14px) skewY(.25deg); }
  52%  { transform: rotateY(92deg) translateZ(32px) skewY(.8deg); }
  78%  { transform: rotateY(154deg) translateZ(12px) skewY(.22deg); }
  100% { transform: rotateY(180deg) translateZ(0) skewY(0deg); }
}

@keyframes tisias-v135-highlight-next {
  0%, 100% { opacity: .28; }
  48% { opacity: .96; }
}

@keyframes tisias-v135-highlight-prev {
  0%, 100% { opacity: .28; }
  48% { opacity: .96; }
}

@keyframes tisias-v135-fold-next {
  0% { opacity: 0; transform: translateX(0) scaleX(.35); }
  42% { opacity: .85; transform: translateX(-138%) scaleX(1.2); }
  75% { opacity: .50; transform: translateX(-285%) scaleX(.72); }
  100% { opacity: 0; transform: translateX(-370%) scaleX(.28); }
}

@keyframes tisias-v135-fold-prev {
  0% { opacity: 0; transform: translateX(0) scaleX(.35); }
  42% { opacity: .85; transform: translateX(138%) scaleX(1.2); }
  75% { opacity: .50; transform: translateX(285%) scaleX(.72); }
  100% { opacity: 0; transform: translateX(370%) scaleX(.28); }
}

.tisias-v135-arrow {
  position: absolute;
  top: 50%;
  z-index: 35;
  width: 48px;
  height: 48px;
  margin-top: -24px;
  border: 1px solid rgba(255,255,255,.20);
  border-radius: 50%;
  background: rgba(8,16,11,.87);
  color: #fff;
  font-size: 30px;
  line-height: 1;
  cursor: pointer;
  backdrop-filter: blur(7px);
}

.tisias-v135-prev { left: 12px; }
.tisias-v135-next { right: 12px; }

.tisias-v135-arrow:disabled {
  opacity: .25;
  cursor: default;
}

.tisias-v135-bottom {
  display: grid;
  grid-template-columns: auto minmax(180px,1fr) auto;
  gap: 13px;
  align-items: center;
  min-height: 58px;
  padding: 9px 14px;
  border-top: 1px solid rgba(255,255,255,.09);
  background: #0a110d;
}

.tisias-v135-status {
  color: #e7dbc0;
  font-size: 10px;
  font-weight: 900;
  white-space: nowrap;
}

.tisias-v135-progress {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255,255,255,.08);
}

.tisias-v135-progress span {
  display: block;
  width: 0;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #d62c3a, #efcf77);
  transition: width .3s ease;
}

.tisias-v135-pagebox {
  display: flex;
  gap: 6px;
  align-items: center;
}

.tisias-v135-pagebox input {
  width: 58px;
  height: 32px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 7px;
  outline: none;
  background: #111a15;
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  text-align: center;
}

.tisias-v135-pagebox span {
  color: #9fac9f;
  font-size: 9px;
  white-space: nowrap;
}

.tisias-v135-close {
  position: fixed;
  top: 11px;
  right: 11px;
  z-index: 1000022;
  width: 43px;
  height: 43px;
  border: 1px solid rgba(255,255,255,.23);
  border-radius: 50%;
  background: rgba(6,15,10,.94);
  color: #fff;
  font-size: 25px;
  line-height: 1;
  cursor: pointer;
}

@media (max-width: 900px) {
  .tisias-v135-main {
    grid-template-columns: 1fr;
  }

  .tisias-v135-cover {
    max-width: 560px;
    margin: 0 auto;
  }

  .tisias-v135-cover img {
    min-height: 0;
    max-height: 680px;
  }

  .tisias-v135-copy {
    min-height: 0;
  }

  .tisias-v135-stage {
    padding: 13px 52px;
  }
}

@media (max-width: 650px) {
  #tisias-v135-catalogue {
    width: min(100% - 12px,1180px);
    margin: 9px auto 12px;
    border-radius: 14px;
  }

  .tisias-v135-head {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 16px 14px 13px;
  }

  .tisias-v135-badge {
    width: max-content;
  }

  .tisias-v135-main {
    gap: 16px;
    padding: 14px;
  }

  .tisias-v135-copy {
    padding: 0;
  }

  .tisias-v135-stats {
    grid-template-columns: 1fr 1fr;
  }

  .tisias-v135-contents {
    grid-template-columns: 1fr;
  }

  #tisias-v135-reader {
    padding: 5px;
  }

  .tisias-v135-reader-shell {
    width: calc(100vw - 10px);
    height: 97vh;
    border-radius: 11px;
  }

  .tisias-v135-reader-top {
    min-height: 52px;
    padding: 7px 8px;
  }

  .tisias-v135-reader-brand span {
    display: none;
  }

  .tisias-v135-tool[data-v135-tool="pdf"],
  .tisias-v135-tool[data-v135-tool="download"] {
    display: none;
  }

  .tisias-v135-stage {
    padding: 8px 38px;
  }

  .tisias-v135-book {
    min-height: 520px;
  }

  .tisias-v135-page {
    display: none;
    max-width: 100%;
    width: 100%;
    height: min(77vh,760px);
  }

  .tisias-v135-page.mobile-current {
    display: block;
  }

  .tisias-v135-page.single {
    max-width: 100%;
  }

  .tisias-v135-turnsheet {
    width: 100%;
    height: min(77vh,760px);
    margin-top: calc(min(77vh,760px) / -2);
  }

  .tisias-v135-arrow {
    width: 36px;
    height: 36px;
    margin-top: -18px;
    font-size: 24px;
  }

  .tisias-v135-prev { left: 2px; }
  .tisias-v135-next { right: 2px; }

  .tisias-v135-bottom {
    grid-template-columns: 1fr auto;
    gap: 8px;
    min-height: 50px;
    padding: 7px 9px;
  }

  .tisias-v135-progress {
    grid-column: 1 / -1;
    order: 3;
  }

  .tisias-v135-close {
    top: 5px;
    right: 5px;
    width: 37px;
    height: 37px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .tisias-v135-turnsheet {
    animation-duration: .01ms !important;
  }
  .tisias-v135-turnsheet::after,
  .tisias-v135-sheet-face.front::before {
    animation-duration: .01ms !important;
  }
}


/* =========================================================
   V134 PAPER FLIP + PAN REFINEMENTS
   ========================================================= */

.tisias-v135-stage.is-pannable {
  cursor: grab;
}

.tisias-v135-stage.is-panning {
  cursor: grabbing;
  user-select: none;
}

.tisias-v135-stage.is-panning *,
.tisias-v135-stage.is-pannable .tisias-v135-page img {
  user-select: none;
  -webkit-user-drag: none;
}

.tisias-v135-book {
  will-change: transform;
  transform-origin: center center;
}

/* Reveal the destination page underneath the turning sheet. */
.tisias-v135-underlay {
  position: absolute;
  top: 50%;
  z-index: 8;
  height: min(76vh, 850px);
  aspect-ratio: 420 / 595;
  margin-top: calc(min(76vh, 850px) / -2);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.12);
  background: #fff;
  box-shadow: 0 9px 23px rgba(0,0,0,.22);
  pointer-events: none;
}

.tisias-v135-underlay.next { right: 0; }
.tisias-v135-underlay.prev { left: 0; }

.tisias-v135-underlay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #fff;
}

.tisias-v135-underlay::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tisias-v135-underlay.next::after {
  background: linear-gradient(90deg, rgba(0,0,0,.14), transparent 16%, transparent 96%, rgba(0,0,0,.03));
}

.tisias-v135-underlay.prev::after {
  background: linear-gradient(90deg, rgba(0,0,0,.03), transparent 8%, transparent 84%, rgba(0,0,0,.14));
}

/* The actual sheet gets a subtler physical bend and perspective travel. */
.tisias-v135-turnsheet {
  z-index: 40;
  filter: drop-shadow(0 10px 14px rgba(0,0,0,.16));
}

.tisias-v135-turnsheet.next {
  animation: tisias-v135-sheet-next-real 1.04s cubic-bezier(.18,.72,.17,1) forwards !important;
}

.tisias-v135-turnsheet.prev {
  animation: tisias-v135-sheet-prev-real 1.04s cubic-bezier(.18,.72,.17,1) forwards !important;
}

.tisias-v135-sheet-face {
  overflow: hidden;
}

.tisias-v135-sheet-face.front,
.tisias-v135-sheet-face.back {
  box-shadow:
    inset 0 0 0 1px rgba(116,91,50,.08),
    inset 0 0 28px rgba(95,70,28,.025);
}

/* Fine paper texture illusion */
.tisias-v135-sheet-face::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 4;
  opacity: .22;
  pointer-events: none;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(92,72,38,.025) 0px,
      rgba(92,72,38,.025) 1px,
      transparent 1px,
      transparent 4px
    );
  mix-blend-mode: multiply;
}

/* Moving fold ridge */
.tisias-v135-turnsheet .tisias-v135-curl-ridge {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 8;
  width: 24%;
  opacity: 0;
  pointer-events: none;
  filter: blur(.4px);
}

.tisias-v135-turnsheet.next .tisias-v135-curl-ridge {
  right: -5%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.12) 22%,
      rgba(255,255,255,.58) 47%,
      rgba(0,0,0,.26) 68%,
      transparent 100%
    );
  animation: tisias-v135-ridge-next 1.04s ease-in-out forwards;
}

.tisias-v135-turnsheet.prev .tisias-v135-curl-ridge {
  left: -5%;
  background:
    linear-gradient(
      90deg,
      transparent 0%,
      rgba(0,0,0,.26) 32%,
      rgba(255,255,255,.58) 53%,
      rgba(0,0,0,.12) 78%,
      transparent 100%
    );
  animation: tisias-v135-ridge-prev 1.04s ease-in-out forwards;
}

/* Soft outer cast shadow travelling with the paper. */
.tisias-v135-turnsheet .tisias-v135-cast-shadow {
  position: absolute;
  top: 2%;
  bottom: 2%;
  z-index: -1;
  width: 32%;
  opacity: 0;
  border-radius: 50%;
  background: rgba(0,0,0,.46);
  filter: blur(18px);
  pointer-events: none;
}

.tisias-v135-turnsheet.next .tisias-v135-cast-shadow {
  right: -8%;
  animation: tisias-v135-shadow-next 1.04s ease-in-out forwards;
}

.tisias-v135-turnsheet.prev .tisias-v135-cast-shadow {
  left: -8%;
  animation: tisias-v135-shadow-prev 1.04s ease-in-out forwards;
}

@keyframes tisias-v135-sheet-next-real {
  0% {
    transform: rotateY(0deg) translateX(0) translateZ(1px) rotateZ(0deg) scaleX(1);
    border-radius: 1px 4px 4px 1px;
  }
  12% {
    transform: rotateY(-12deg) translateX(-1.5%) translateZ(12px) rotateZ(-.08deg) scaleX(.995);
    border-radius: 1px 11px 11px 1px;
  }
  32% {
    transform: rotateY(-46deg) translateX(-5.5%) translateZ(34px) rotateZ(-.24deg) scaleX(.972);
    border-radius: 2px 23px 23px 2px;
  }
  51% {
    transform: rotateY(-91deg) translateX(-9%) translateZ(52px) rotateZ(-.42deg) scaleX(.935);
    border-radius: 4px 32px 32px 4px;
  }
  69% {
    transform: rotateY(-133deg) translateX(-6.5%) translateZ(33px) rotateZ(-.28deg) scaleX(.965);
    border-radius: 7px 20px 20px 7px;
  }
  87% {
    transform: rotateY(-168deg) translateX(-2%) translateZ(10px) rotateZ(-.08deg) scaleX(.993);
    border-radius: 8px 8px 8px 8px;
  }
  100% {
    transform: rotateY(-180deg) translateX(0) translateZ(0) rotateZ(0deg) scaleX(1);
    border-radius: 1px;
  }
}

@keyframes tisias-v135-sheet-prev-real {
  0% {
    transform: rotateY(0deg) translateX(0) translateZ(1px) rotateZ(0deg) scaleX(1);
    border-radius: 4px 1px 1px 4px;
  }
  12% {
    transform: rotateY(12deg) translateX(1.5%) translateZ(12px) rotateZ(.08deg) scaleX(.995);
    border-radius: 11px 1px 1px 11px;
  }
  32% {
    transform: rotateY(46deg) translateX(5.5%) translateZ(34px) rotateZ(.24deg) scaleX(.972);
    border-radius: 23px 2px 2px 23px;
  }
  51% {
    transform: rotateY(91deg) translateX(9%) translateZ(52px) rotateZ(.42deg) scaleX(.935);
    border-radius: 32px 4px 4px 32px;
  }
  69% {
    transform: rotateY(133deg) translateX(6.5%) translateZ(33px) rotateZ(.28deg) scaleX(.965);
    border-radius: 20px 7px 7px 20px;
  }
  87% {
    transform: rotateY(168deg) translateX(2%) translateZ(10px) rotateZ(.08deg) scaleX(.993);
    border-radius: 8px;
  }
  100% {
    transform: rotateY(180deg) translateX(0) translateZ(0) rotateZ(0deg) scaleX(1);
    border-radius: 1px;
  }
}

@keyframes tisias-v135-ridge-next {
  0%   { opacity: 0; transform: translateX(0) scaleX(.38); }
  18%  { opacity: .55; transform: translateX(-40%) scaleX(.72); }
  46%  { opacity: .96; transform: translateX(-210%) scaleX(1.18); }
  72%  { opacity: .62; transform: translateX(-350%) scaleX(.78); }
  100% { opacity: 0; transform: translateX(-440%) scaleX(.32); }
}

@keyframes tisias-v135-ridge-prev {
  0%   { opacity: 0; transform: translateX(0) scaleX(.38); }
  18%  { opacity: .55; transform: translateX(40%) scaleX(.72); }
  46%  { opacity: .96; transform: translateX(210%) scaleX(1.18); }
  72%  { opacity: .62; transform: translateX(350%) scaleX(.78); }
  100% { opacity: 0; transform: translateX(440%) scaleX(.32); }
}

@keyframes tisias-v135-shadow-next {
  0%, 100% { opacity: 0; transform: translateX(0) scaleX(.55); }
  26% { opacity: .24; transform: translateX(-65%) scaleX(.8); }
  51% { opacity: .58; transform: translateX(-210%) scaleX(1.25); }
  76% { opacity: .18; transform: translateX(-345%) scaleX(.72); }
}

@keyframes tisias-v135-shadow-prev {
  0%, 100% { opacity: 0; transform: translateX(0) scaleX(.55); }
  26% { opacity: .24; transform: translateX(65%) scaleX(.8); }
  51% { opacity: .58; transform: translateX(210%) scaleX(1.25); }
  76% { opacity: .18; transform: translateX(345%) scaleX(.72); }
}

@media (max-width: 650px) {
  .tisias-v135-underlay,
  .tisias-v135-turnsheet {
    width: 100%;
    height: min(77vh,760px);
    margin-top: calc(min(77vh,760px) / -2);
  }
}

@media (prefers-reduced-motion: reduce) {
  .tisias-v135-turnsheet.next,
  .tisias-v135-turnsheet.prev,
  .tisias-v135-turnsheet .tisias-v135-curl-ridge,
  .tisias-v135-turnsheet .tisias-v135-cast-shadow {
    animation-duration: .01ms !important;
  }
}


/* =========================================================
   V135 TOP FINALS HERO REPOSITION
   Requested order:
   COUNTDOWN
   -> the single main "Official Finals Information Pack" hero card
   -> V131 Finals Banners
   -> Official Catalogue
   -> remaining Finals Information content
   ========================================================= */

#tisias-v135-finals-hero-card {
  width: min(1180px, calc(100% - 28px)) !important;
  margin: 5px auto 14px !important;
  border-radius: 18px !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.17) !important;
}

/* Visually connect the hero to the countdown without making one oversized card. */
#tisias-v128-countdown,
.tisias-v128-countdown {
  margin-bottom: 0 !important;
}

#tisias-v128-countdown + #tisias-v135-finals-hero-card,
.tisias-v128-countdown + #tisias-v135-finals-hero-card {
  margin-top: 6px !important;
}

/* Once the hero is moved out, the remaining V126 information block should
   continue naturally below the Catalogue section without an awkward top gap. */
#tisias-v126-finals-pack.tisias-v135-hero-extracted {
  margin-top: 0 !important;
}

@media (max-width: 650px) {
  #tisias-v135-finals-hero-card {
    width: min(100% - 12px, 1180px) !important;
    margin: 5px auto 10px !important;
    border-radius: 13px !important;
  }
}