/* SportKonf homepage: winter, film, stories and life between lectures. */
.route-home main {
  background: transparent;
}
.route-home main > #najava,
.route-home main > #o-nama,
.route-home main > #lineup-timeline,
.route-home main > #testimonials,
.route-home main > #izdanja,
.route-home main > #instagram {
  background: none;
  border: 0;
}
.route-home #hero {
  border: 0;
  background: transparent;
}
.route-home #hero .hero-video {
  -webkit-mask-image: linear-gradient(
    180deg,
    #000 0%,
    #000 62%,
    transparent 92%
  );
  mask-image: linear-gradient(180deg, #000 0%, #000 62%, transparent 92%);
}
.route-home #hero .hero-tag {
  text-transform: none;
  letter-spacing: 0.04em;
  font-size: 12px;
  gap: 12px;
}
.hero-tag-symbol {
  display: block;
  width: 22px;
  height: 20px;
  object-fit: contain;
}
.announcement-summary > span {
  display: block;
}
.route-home .announcement-copy .announcement-summary {
  max-width: none;
  font-size: 13px;
}
.home-inline-link {
  display: inline-block;
  color: var(--tekst);
  font-size: 12px;
  text-decoration: underline;
  text-decoration-color: rgba(1, 244, 255, 0.45);
  text-underline-offset: 7px;
  transition:
    color 0.25s,
    text-decoration-color 0.25s;
}
.home-inline-link:hover {
  color: var(--cyan);
  text-decoration-color: var(--cyan);
}
[data-home-drift] {
  transform: translate3d(var(--home-x, 0px), var(--home-y, 0px), 0)
    rotate(var(--home-rotate, 0deg));
}
.route-home #hero .hero-overlay {
  background: linear-gradient(
    180deg,
    rgba(7, 11, 14, 0.22) 0%,
    rgba(7, 11, 14, 0.12) 40%,
    rgba(7, 11, 14, 0.3) 70%,
    rgba(7, 11, 14, 0) 92%
  );
}
.route-home #hero::after {
  display: none;
}
.route-home #hero .hero-stats {
  z-index: 1;
  width: calc(100% - 48px);
  max-width: 560px;
  margin-inline: auto;
  padding: 0 0 36px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  justify-content: center;
}
.route-home #hero .hero-stats .stat {
  align-items: center;
  text-align: center;
  gap: 6px;
}
.route-home #hero .hero-stats .stat-num {
  font-size: 24px;
}
.route-home #hero .hero-stats .stat-label {
  font-size: 8px;
  max-width: none;
}
.hero-word-rotator {
  display: inline-flex;
  align-items: flex-start;
  flex: 0 0 auto;
}
.hero-word-window {
  display: inline-block;
  position: relative;
  overflow: clip;
  vertical-align: bottom;
  line-height: 1.13;
  margin-block: -0.115em;
  transition: width 0.45s var(--scene-ease);
}
.hero-word-layer {
  display: block;
  width: max-content;
  white-space: nowrap;
}
.hero-word-window.is-ready {
  height: 1.13em;
}
.hero-word-window.is-ready .hero-word-layer {
  position: absolute;
  inset: 0 auto auto 0;
}
.hero-word-layer::after {
  content: "";
  display: inline-block;
  width: 2px;
  height: 0.64em;
  background: var(--cyan);
  margin-left: 0.05em;
  vertical-align: -0.015em;
  animation: hero-cursor 1.1s steps(1, end) infinite;
}
.is-paused .hero-word-layer::after {
  opacity: 0;
  animation: none;
}
@keyframes hero-cursor {
  0%,
  48% {
    opacity: 1;
  }
  49%,
  100% {
    opacity: 0;
  }
}
.hero-word-rotator .cyan-dot {
  display: inline;
  line-height: inherit;
  margin: 0;
}
.route-home #najava {
  padding-top: 105px;
  padding-bottom: 120px;
}
.route-home #najava .announcement-layout {
  grid-template-columns: 1fr 1.05fr;
  gap: 110px;
  align-items: center;
}
.route-home #najava .announcement-film {
  width: 342px;
  max-width: 100%;
  margin: 0;
}
.route-home .announcement-player {
  padding: 7px;
  isolation: isolate;
  border: 1px solid rgba(221, 234, 240, 0.25);
  border-radius: 42px 10px 42px 10px;
  background: rgba(221, 234, 240, 0.035);
}
.route-home .announcement-player::before {
  content: "";
  position: absolute;
  width: 45px;
  height: 2px;
  background: var(--cyan);
  top: -1px;
  right: 18px;
}
.route-home .announcement-film video {
  aspect-ratio: 9/16;
  width: 100%;
  height: auto;
  object-fit: contain;
  clip-path: none;
  border-radius: 35px 5px 35px 5px;
  filter: none;
}
.route-home .announcement-full {
  visibility: hidden;
}
.route-home .announcement-preview {
  position: absolute;
  inset: 7px;
  width: calc(100% - 14px) !important;
  height: calc(100% - 14px) !important;
  z-index: 1;
}
.route-home .announcement-preview[hidden] {
  display: none !important;
}
.route-home .is-playing .announcement-full {
  visibility: visible;
}
.route-home .announcement-play {
  z-index: 2;
  bottom: 28px;
  left: 28px;
  width: calc(100% - 56px);
  min-height: 47px;
}
.route-home .announcement-film figcaption {
  margin-top: 18px;
  font-size: 10px;
  color: var(--tekst-dim);
}
.route-home .announcement-copy {
  max-width: 500px;
}
.route-home .announcement-copy h2 {
  font-size: 66px;
}
.route-home .announcement-copy h2 .title-lead {
  font-size: 29px;
}
.route-home .announcement-copy p {
  font-size: 14px;
  line-height: 1.85;
  max-width: 400px;
}
.route-home #o-nama {
  position: relative;
}
.route-home #o-nama::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: radial-gradient(
    ellipse at 50% 45%,
    rgba(1, 244, 255, 0.027),
    transparent 68%
  );
}
.route-home #lineup-timeline .history-layout {
  border: 0;
}
.route-home .history-layout > .container > .section-label {
  margin-bottom: 28px;
}
.route-home .history-layout .history-intro-title {
  margin: 0;
  font-size: clamp(62px, 5.2vw, 76px);
  line-height: 1.05;
  letter-spacing: -0.025em;
}
.history-intro-title > span {
  display: block;
  margin-bottom: 9px;
  font: 400 clamp(24px, 2.1vw, 29px)/1.3 var(--font-tekst);
  letter-spacing: -0.035em;
  text-transform: none;
}
.history-intro-title > em {
  display: block;
  font: inherit;
  text-transform: uppercase;
  color: var(--tekst);
}
.route-home .history-layout .lt-subtitle {
  margin: 27px 0 0;
  max-width: 32ch;
  font: 400 14px/1.8 var(--font-tekst);
  letter-spacing: -0.012em;
}
.history-layout .lt-subtitle > span {
  display: block;
}
.route-home #lineup-timeline::before,
.route-home #testimonials::before,
.route-home #izdanja::before,
.route-home #instagram::before {
  display: none;
}

/* A winter interlude changes the pace after the voices, without another archive. */
.between-section {
  padding: 80px 0 50px;
}
.between-scene {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: calc(100% - 80px);
  max-width: 1140px;
  height: 500px;
  border-radius: 95px 16px 95px 16px;
  margin-inline: auto;
  display: grid;
  place-items: center;
  background: var(--bg-2);
}
.between-video {
  position: absolute;
  z-index: -2;
  inset: -65px 0;
  height: calc(100% + 130px);
  object-fit: cover;
}
.between-shade {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(
    180deg,
    rgba(7, 11, 14, 0.12),
    rgba(7, 11, 14, 0.4) 60%,
    rgba(7, 11, 14, 0.72)
  );
}
.between-scene h2 {
  margin: 0;
  text-align: center;
  color: var(--tekst);
  font: 400 36px/1.35 var(--font-tekst);
  letter-spacing: -0.035em;
}
.between-scene h2 > span,
.between-scene h2 > em {
  display: block;
}
.between-scene h2 > em {
  font: 700 76px/1.1 var(--font-naslov);
  text-transform: uppercase;
  font-style: normal;
  letter-spacing: -0.025em;
  margin-top: 8px;
}
.between-content {
  text-align: center;
}
.between-headline {
  transition:
    opacity 0.45s ease,
    transform 0.55s var(--scene-ease),
    filter 0.45s ease;
}
.between-headline.is-changing {
  opacity: 0;
  transform: translateY(-9px);
  filter: blur(3px);
  transition-duration: 0.26s;
}
.between-content > p {
  color: rgba(221, 234, 240, 0.85);
  font-size: 12px;
  line-height: 1.8;
  max-width: 310px;
  margin: 25px auto 0;
}
.home-closing {
  padding: 90px 0 70px;
}
.home-closing > .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 45px;
}
.home-closing h2 {
  font: 400 24px/1.4 var(--font-tekst);
  letter-spacing: -0.025em;
  margin: 0;
}
.home-closing h2 > em {
  display: block;
  font: 700 60px/1.15 var(--font-naslov);
  font-style: normal;
  text-transform: uppercase;
  color: var(--tekst);
  margin-top: 5px;
}
.home-closing-action p {
  font-size: 11px;
  color: var(--tekst-dim);
  margin: 0 0 16px;
}
.home-closing-action .btn-primary {
  min-height: 46px;
}
@media (max-width: 768px) {
  .between-section {
    padding-block: 65px 35px;
  }
  .between-scene {
    width: calc(100% - 32px);
    height: 390px;
    border-radius: 50px 10px 50px 10px;
  }
  .between-scene h2 {
    font-size: 27px;
  }
  .between-scene h2 > em {
    font-size: clamp(39px, 11.5vw, 62px);
  }
  .between-content > p {
    font-size: 11px;
    max-width: 230px;
    margin-top: 20px;
  }
  .home-closing {
    padding-block: 65px 40px;
  }
  .home-closing > .container {
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 28px;
  }
  .home-closing h2 {
    font-size: 21px;
  }
  .home-closing h2 > em {
    font-size: 51px;
  }
  .home-closing-action p {
    font-size: 11px;
  }
}

@media (max-width: 1050px) {
  .route-home #najava .announcement-layout {
    gap: 65px;
  }
  .route-home #najava .announcement-film {
    width: 310px;
  }

  .voices-heading {
    margin-bottom: 30px;
  }
  .voice blockquote {
    font-size: 28px;
  }
}
@media (min-width: 900px) and (max-height: 740px) {
  .voices-ready .voices-sticky {
    top: 95px;
    height: min(490px, calc(100svh - 120px));
  }
  .route-home #testimonials .voices-heading h2 {
    font-size: 19px;
  }
  .route-home #testimonials .voices-heading h2 em {
    font-size: 36px;
  }
  .voices-heading {
    margin-bottom: 20px;
  }
  .voice blockquote {
    font-size: 30px;
  }
  .voice footer {
    margin-top: 20px;
  }
  .voices-controls {
    margin-top: 20px;
    padding-top: 15px;
  }
}
@media (max-width: 899px) {
  .voices-ready .voices-scroll {
    height: auto;
  }
  .voices-ready .voices-sticky {
    position: relative;
    top: auto;
    height: auto;
  }
  .voices-ready .voices-stage {
    min-height: 315px;
    flex: none;
  }
  .voices-ready .voices-track {
    height: 315px;
  }
  .voices-heading {
    gap: 24px;
  }
  .voices-heading .section-label {
    font-size: 9px;
  }
  .route-home #testimonials .voices-heading h2 {
    font-size: 21px;
  }
  .route-home #testimonials .voices-heading h2 em {
    font-size: 40px;
  }
  .voices-stage {
    padding-left: 46px;
  }
  .voice-quote-mark {
    font-size: 140px;
    left: -7px;
    top: -3px;
  }
  .voice blockquote {
    font-size: 26px;
  }
}
@media (max-width: 768px) {
  .route-home #hero .hero-word-rotator {
    font-size: clamp(60px, 17vw, 95px);
  }
  .route-home #hero h1 {
    gap: 11px;
  }
  .route-home #hero .hero-stats {
    max-width: 440px;
    gap: 12px;
    padding-bottom: 32px;
  }
  .route-home #hero .hero-stats .stat-num {
    font-size: 21px;
  }
  .route-home #hero .hero-stats .stat-label {
    font-size: 7px;
    line-height: 1.5;
  }
  .route-home #najava {
    padding-block: 75px 85px;
  }
  .route-home #najava .announcement-layout {
    gap: 42px;
  }
  .route-home #najava .announcement-film {
    width: 305px;
    align-self: center;
    margin: 0;
  }
  .route-home .announcement-copy h2 {
    font-size: 56px;
  }
  .route-home .announcement-copy h2 .title-lead {
    font-size: 25px;
  }
  .route-home .announcement-copy p {
    font-size: 13px;
  }
  .route-home .announcement-player {
    border-radius: 34px 9px 34px 9px;
  }
  .route-home .announcement-film video {
    border-radius: 27px 4px 27px 4px;
  }
  .route-home #testimonials.voices-section {
    padding-block: 75px;
  }
  .voices-heading {
    flex-direction: column;
    align-items: stretch;
    margin-bottom: 35px;
    gap: 12px;
  }
  .voices-heading .section-label {
    margin-top: 0;
  }
  .route-home #testimonials .voices-heading h2 {
    text-align: left;
    font-size: 18px;
  }
  .route-home #testimonials .voices-heading h2 em {
    font-size: 36px;
  }
  .voices-stage {
    padding: 30px 0 0;
  }
  .voice-quote-mark {
    font-size: 100px;
    top: -30px;
    left: -3px;
    opacity: 0.15;
  }
  .voice blockquote {
    font-size: 22px;
    line-height: 1.5;
  }
  .voices-ready .voices-stage {
    min-height: 300px;
  }
  .voices-ready .voices-track {
    height: 300px;
  }
  .voice footer {
    margin-top: 25px;
  }
  .voices-controls {
    gap: 10px;
    margin-top: 18px;
  }
  .voice-tabs {
    gap: 1px;
  }
  .voice-tabs button {
    padding: 10px;
    min-width: 35px;
  }
  .voice-tabs button::after {
    left: 10px;
    right: 10px;
  }
  .voice-count {
    font-size: 11px;
    white-space: nowrap;
  }
}
@media (prefers-reduced-motion: reduce) {
  .between-headline {
    transition: none;
  }
  .hero-word-window {
    transition: none;
  }
  .voices-ready .voices-scroll {
    height: auto;
  }
  .voices-ready .voices-sticky {
    position: relative;
    top: auto;
    height: auto;
  }
  .voices-ready .voices-stage,
  .voices-ready .voices-track {
    min-height: 315px;
    height: 315px;
  }
  .voices-ready .voice,
  .voice-progress i {
    transition: none;
  }
}

/* Zima changes its relationship to a completed word, while the reading area stays steady. */
.route-home #hero h1 {
  min-height: 140px;
  flex-wrap: nowrap;
}
.route-home .hero-word-small {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  transform: none;
  order: 0;
}
.hero-season-text {
  display: inline-block;
  white-space: nowrap;
  transform: rotate(0);
  transition: transform 0.72s var(--scene-ease);
}
.route-home .hero-word-rotator {
  order: 1;
}
.route-home [data-season-position="after"] .hero-word-small {
  order: 2;
}
.route-home [data-season-position="vertical"] .hero-word-small {
  width: 1.1em;
  height: 2.9em;
}
[data-season-position="vertical"] .hero-season-text {
  position: absolute;
  transform: rotate(-90deg);
}
@media (max-width: 768px) {
  .route-home #hero h1 {
    min-height: 95px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-season-text {
    transition: none;
  }
}

/* A small gathering of voices, at different depths, with room to read each one. */
.route-home #testimonials.voices-floating {
  position: relative;
  isolation: isolate;
  overflow: visible;
  padding-block: 50px;
}
.route-home #testimonials.voices-floating > .container {
  display: block;
  max-width: 1180px;
}
.floating-voices-heading {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-bottom: 24px;
}
.floating-voices-heading .section-label {
  justify-content: center;
  margin: 0 0 15px;
}
.route-home #testimonials .floating-voices-heading h2 {
  margin: 0;
  font: 400 21px/1.3 var(--font-tekst);
  letter-spacing: -0.025em;
  text-transform: none;
  text-align: center;
}
.route-home #testimonials .floating-voices-heading h2 em {
  display: inline-block;
  margin-left: 8px;
  font: 700 45px/1.12 var(--font-naslov);
  text-transform: uppercase;
  color: var(--tekst);
}
.floating-voices-field {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 14px 0;
  align-items: start;
  position: relative;
  padding: 20px 25px 16px;
}
.floating-voice {
  grid-column: span 6;
  min-width: 0;
  margin: 0;
  padding: 0;
  --voice-angle: -1.5deg;
  --voice-sway: 1;
  --voice-duration: 8.6s;
  --voice-delay: -2s;
}
.floating-voice[data-slot="0"] {
  grid-column: 1 / 7;
  grid-row: 1;
}
.floating-voice[data-slot="1"] {
  grid-column: 9 / 13;
  grid-row: 1;
  margin-top: 38px;
  --voice-angle: 1.6deg;
  --voice-sway: -0.7;
  --voice-duration: 10.4s;
  --voice-delay: -5s;
}
.floating-voice[data-slot="2"] {
  grid-column: 5 / 11;
  grid-row: 2;
  margin-top: 4px;
  --voice-angle: -0.8deg;
  --voice-sway: 0.6;
  --voice-duration: 9.8s;
  --voice-delay: -7s;
}
.floating-voice[hidden] {
  display: none !important;
}
.voice-drift {
  position: relative;
}
.voice-float {
  animation: quote-float var(--voice-duration) ease-in-out var(--voice-delay)
    infinite alternate;
  animation-play-state: paused;
}
.voices-awake .voice-float {
  animation-play-state: running;
}
.voices-floating .voice-paper {
  position: relative;
  padding: 28px 34px 22px;
  border: 1px solid rgba(164, 207, 218, 0.13);
  border-radius: 22px 22px 22px 4px;
  background: linear-gradient(
    135deg,
    rgba(30, 57, 65, 0.62),
    rgba(12, 23, 31, 0.8)
  );
  box-shadow: 0 26px 55px -30px rgba(0, 0, 0, 0.7);
  transform: translate3d(
    calc(var(--quote-pointer-x, 0px) * var(--voice-sway)),
    calc(var(--quote-pointer-y, 0px) * var(--voice-sway)),
    0
  );
  transition:
    transform 0.85s var(--scene-ease),
    border-color 0.4s;
}
.floating-voice[data-slot="1"] .voice-paper {
  padding: 29px 27px 23px;
  border-radius: 22px 22px 4px 22px;
  background: linear-gradient(
    150deg,
    rgba(17, 36, 44, 0.8),
    rgba(11, 19, 27, 0.8)
  );
}
.floating-voice[data-slot="2"] .voice-paper {
  border-color: rgba(1, 244, 255, 0.17);
  background: linear-gradient(
    125deg,
    rgba(12, 39, 47, 0.88),
    rgba(10, 23, 31, 0.86)
  );
}
.voices-floating .voice-paper::before {
  content: "“";
  position: absolute;
  left: 27px;
  top: -20px;
  color: #98c5ce;
  font:
    400 68px/1 Georgia,
    serif;
  opacity: 0.85;
  pointer-events: none;
}
.voices-floating blockquote {
  margin: 0;
  padding: 0;
  color: var(--tekst);
  font: 400 19px/1.65 var(--font-tekst);
  letter-spacing: -0.028em;
  text-wrap: pretty;
}
.floating-voice[data-slot="0"] blockquote {
  font-size: 21px;
  line-height: 1.65;
}
.floating-voice[data-slot="1"] blockquote {
  font-size: 17px;
  line-height: 1.75;
}
.voices-floating blockquote mark {
  color: var(--cyan);
  background: transparent;
}
.voices-floating .voice-paper footer {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 15px;
  margin: 20px 0 0;
  padding: 15px 0 0;
  border: 0;
  border-top: 1px solid rgba(164, 207, 218, 0.1);
  background: transparent;
}
.voices-floating .voice-signature {
  display: block;
  justify-self: start;
  padding: 7px 12px 8px;
  color: #102d37;
  background: linear-gradient(115deg, #c5dde1, #a9cdd5);
  clip-path: polygon(
    0 0,
    100% 0,
    100% calc(100% - 6px),
    calc(100% - 6px) 100%,
    0 100%
  );
  font: 700 16px/1.1 var(--font-naslov);
  letter-spacing: 0.015em;
  text-transform: uppercase;
  white-space: nowrap;
}
.voices-floating .voice-faculty {
  max-width: 140px;
  color: #95aeb9;
  font: 400 10px/1.5 var(--font-tekst);
  letter-spacing: 0.01em;
}
.floating-voices-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 26px;
  margin-top: 20px;
}
.floating-voices-controls[hidden] {
  display: none;
}
.voices-position {
  color: var(--tekst-dim);
  font: 400 10px/1.5 var(--font-tekst);
  font-variant-numeric: tabular-nums;
}
.voices-floating .voices-more {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  min-height: 44px;
  padding: 8px 0;
  color: var(--tekst);
  border: 0;
  background: transparent;
  cursor: pointer;
  font: 400 12px/1.4 var(--font-tekst);
  transition: color 0.3s;
}
.voices-more > span {
  width: 15px;
  height: 14px;
  background: currentColor;
  mask: url("../assets/images/sportkonf-finish-mark.svg?v=2ac7c9dd757f") center/contain
    no-repeat;
  -webkit-mask: url("../assets/images/sportkonf-finish-mark.svg?v=2ac7c9dd757f") center/contain
    no-repeat;
  transition: transform 0.5s var(--scene-ease);
}
.voices-floating .voices-more:hover {
  color: var(--cyan);
}
.voices-floating .voices-more:hover > span {
  transform: translateX(3px);
}
.voices-more:focus-visible {
  outline: 1px solid var(--cyan);
  outline-offset: 6px;
}
@keyframes quote-float {
  from {
    transform: translate3d(0, 5px, 0) rotate(var(--voice-angle));
  }
  to {
    transform: translate3d(3px, -5px, 0)
      rotate(calc(var(--voice-angle) + 0.6deg));
  }
}
@media (max-width: 1099px) and (min-width: 700px) {
  .floating-voices-field {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
    padding-inline: 15px;
  }
  .floating-voice[data-slot="0"] {
    grid-column: 1;
  }
  .floating-voice[data-slot="1"] {
    grid-column: 2;
    margin-top: 45px;
  }
  .floating-voice {
    grid-column: span 1;
  }
  .floating-voice[data-slot="0"] blockquote,
  .floating-voice[data-slot="1"] blockquote {
    font-size: 18px;
  }
  .voices-floating .voice-paper {
    padding: 29px 26px 24px;
  }
}
@media (max-width: 699px) {
  .route-home #testimonials.voices-floating {
    padding-block: 45px 50px;
  }
  .floating-voices-heading {
    margin-bottom: 22px;
  }
  .route-home #testimonials .floating-voices-heading h2 {
    font-size: 18px;
  }
  .route-home #testimonials .floating-voices-heading h2 em {
    display: block;
    margin: 5px 0 0;
    font-size: 39px;
  }
  .floating-voices-field {
    grid-template-columns: minmax(0, 1fr);
    padding: 20px 8px 12px;
    gap: 0;
  }
  .floating-voice[data-slot="0"] {
    grid-column: 1;
    grid-row: 1;
  }
  .floating-voice {
    grid-column: 1;
  }
  .voices-floating .voice-paper {
    padding: 29px 25px 25px;
  }
  .floating-voice[data-slot="0"] blockquote {
    font-size: 19px;
    line-height: 1.65;
  }
  .floating-voices-controls {
    margin-top: 12px;
    gap: 20px;
  }
  .route-home .history-layout .history-intro-title {
    font-size: 60px;
  }
  .history-intro-title > span {
    font-size: 25px;
    margin-bottom: 7px;
  }
  .route-home .history-layout .lt-subtitle {
    font-size: 13px;
    margin-top: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .voices-floating .voice-float {
    animation: none;
    transform: none;
  }
  .voices-floating .voice-paper {
    transform: none;
    transition: none;
  }
  .voices-more > span {
    transition: none;
  }
}