.brand-row .header-logo {
  grid-column: 2;
  grid-row: 1;
  justify-self: center;
}

.brand-row .header-social {
  grid-column: 3;
  grid-row: 1;
  justify-self: end;
}

.navlinks {
  gap: clamp(14px,2.4vw,36px);
}

.landing-film-card {
  width: 100%;
  min-height: clamp(500px,65vw,780px);
  border-radius: 24px;
  transform: none!important;
}

.landing-film-card .work-bottom {
  max-width: 700px;
}

.landing-film-card .work-bottom h3 {
  font-size: clamp(42px,6vw,80px);
}

.film-play {
  position: absolute;
  left: 50%;
  top: 43%;
  transform: translate(-50%,-50%);
  z-index: 3;
  display: grid;
  place-items: center;
  width: clamp(76px,9vw,116px);
  aspect-ratio: 1;
  border: 1px solid rgba(255,255,255,.7);
  border-radius: 50%;
  background: rgba(244,240,230,.18);
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  cursor: pointer;
  transition: background .2s,scale .2s;
}

.film-play svg {
  width: 36px;
  height: 36px;
}

.film-play:enabled:hover {
  background: rgba(244,240,230,.35);
  scale: 1.05;
}

.film-play:disabled {
  cursor: default;
  opacity: 1;
}

.film-play:focus-visible {
  outline: 3px solid #d9b875;
  outline-offset: 6px;
}

.chapter-label {
  color: inherit;
}

.sport-caption {
  font-family: var(--sans);
  font-size: 14px;
}

.walk-copy>.pill {
  margin-top: 20px;
}

@media(max-width:599px) {
  .brand-row {
    gap: 8px;
    grid-template-columns: 1fr auto 1fr;
  }

  .brand-row .header-social {
    gap: 5px;
  }

  .brand-row .social-circle {
    width: 28px;
    height: 28px;
  }

  .landing-film-card {
    min-height: 560px;
  }

  .film-play {
    top: 36%;
  }
}

.landing-writings .article {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.landing-writings .article-cover {
  display: block;
  aspect-ratio: 4/3;
  background: var(--green);
  overflow: hidden;
}

.landing-writings .article-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .4s;
}

.landing-writings .article-cover:hover img {
  transform: scale(1.035);
}

.landing-writings .article-meta {
  flex-wrap: wrap;
  gap: 6px 14px;
}

.landing-writings .article-link {
  margin-top: auto;
  padding-top: 22px;
}

.landing-writings h3 a:focus-visible,.landing-writings .article-cover:focus-visible {
  outline: 2px solid var(--plum);
  outline-offset: 5px;
}

@media(min-width:900px) {
  .navlinks {
    gap: clamp(12px,1.8vw,28px);
  }
}

#sportok {
  --sport-hegymasz-image: url('../cotopaxi.png');
  --sport-motorozas-image: url('../motorozas.JPG');
  --sport-slackline-image: url('../slackline.jpg');
  --sport-boulder-image: url('../boulder.jpg');
}

#sportok [data-sport-background=hegymaszas] {
  --sport-position: center;
}

#sportok [data-sport-background=motorozas] {
  --sport-position: center;
}

#sportok [data-sport-background=boulder] {
  --sport-position: center;
}

#rolam .monogram {
  display: none;
}

#sportok {
  --sport-via-ferrata-image: url('../via-ferrata.png?v=2');
}

#sportok [data-sport-background=via-ferrata] {
  --sport-position: 65% center;
}

#rolam .intro-grid {
  grid-template-columns: 1fr 1.05fr;
  gap: clamp(38px,5vw,72px);
}

#rolam .intro-art {
  min-height: 580px;
  width: 100%;
}

#rolam .intro-art img {
  height: 580px;
  object-position: center;
}

#sportok [data-sport-background=szorf] {
  --sport-image: url('../szorf.JPG');
  --sport-position: center;
}

@media(max-width:899px) {
  #rolam .intro-grid {
    grid-template-columns: 1fr;
  }

  #rolam .intro-art {
    max-width: 540px;
    min-height: 460px;
  }

  #rolam .intro-art img {
    height: 460px;
  }
}

@media(max-width:480px) {
  #rolam .intro-art {
    min-height: 420px;
  }

  #rolam .intro-art img {
    height: 420px;
  }
}

@media(min-width:900px) {
  .navlinks {
    gap: clamp(8px,1.2vw,20px);
  }

  .navlinks>a {
    font-size: clamp(15px,1.45vw,20px);
  }

  .navlinks>.header-follow {
    font-size: clamp(16px,1.5vw,20px);
    padding: 10px 16px;
  }
}

#film .film-play {
  z-index: 10;
  pointer-events: auto;
  text-decoration: none;
}

#film .film-play svg,#film .work-film::after,#film .work-top,#film .work-bottom {
  pointer-events: none;
}

#film .film-play:hover {
  background: rgba(244,240,230,.35);
}

#eletut .timeline-viewport {
  overflow-x: auto;
  overscroll-behavior-x: contain;
  touch-action: pan-x pan-y;
  scroll-snap-type: none;
}

/* Explicit height also works without aspect-ratio support. */
.film-play { height: clamp(76px, 9vw, 116px); }