.grid12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  column-gap: clamp(16px, 2vw, 32px);
  display: grid;
}
.hero {
  --sy: 0;
  height: 100svh;
  min-height: 600px;
  position: relative;
  overflow: hidden;
}
.hero-media {
  position: absolute;
  inset: 0;
}
.hero-frame {
  transform: scale(calc(var(--hs, 1.1) + var(--sy) * 0.08));
  transform-origin: 50% 40%;
  will-change: transform;
  transition: transform 2.8s cubic-bezier(0.16, 0.8, 0.14, 1);
  position: absolute;
  inset: 0;
}
.hero-frame picture,
.hero-frame img {
  width: 100%;
  height: 100%;
}
.hero-frame img {
  object-fit: cover;
  object-position: 50% 30%;
  filter: saturate(0.95) contrast(1.03) brightness(var(--hb, 0.8));
  transition: filter 2.4s var(--ease);
}
.hero.is-in .hero-frame {
  --hs: 1;
}
.hero.is-in .hero-frame img {
  --hb: 1;
}
.hero.is-in.is-scrolling .hero-frame {
  transition: none;
}
.hero:before,
.hero:after {
  content: "";
  pointer-events: none;
  z-index: 1;
  position: absolute;
  left: 0;
  right: 0;
}
.hero:before {
  background: linear-gradient(#0d12108c, #0d121000);
  height: 22%;
  top: 0;
}
.hero:after {
  background: linear-gradient(#0d121000, #0d12109e 46%, #0d1210ed);
  height: 52%;
  bottom: 0;
}
.hero-copy {
  z-index: 3;
  text-align: center;
  transform: translateY(calc(var(--sy) * -50px));
  opacity: calc(1 - var(--sy) * 1.5);
  justify-items: center;
  display: grid;
  position: absolute;
  bottom: calc(clamp(22px, 4.4vh, 40px) + clamp(96px, 14vh, 128px));
  left: 0;
  right: 0;
}
.hero-h {
  color: #ece7dc;
  letter-spacing: -0.045em;
  margin: 0;
  font-size: min(6.2vw, 10vh, 98px);
  font-weight: 400;
  line-height: 0.98;
}
.hero-l {
  white-space: nowrap;
  display: block;
}
.hero-l--1 {
  font-weight: 300;
}
.hero-h .ch {
  opacity: 0;
  filter: blur(12px);
  transition:
    opacity 1.2s var(--ease),
    filter 1.4s var(--ease);
  transition-delay: calc(0.45s + var(--c) * 30ms);
  display: inline-block;
}
.hero.is-in .hero-h .ch {
  opacity: 1;
  filter: none;
}
.hero-foot {
  z-index: 3;
  color: #ece7dc;
  opacity: calc(1 - var(--sy) * 1.8);
  grid-template-columns: 1fr auto 1fr;
  align-items: end;
  gap: 24px;
  display: grid;
  position: absolute;
  bottom: clamp(22px, 4.4vh, 40px);
  left: 0;
  right: 0;
}
.hero-fact {
  color: #ece7dcbd;
  justify-self: start;
  gap: 2px;
  font-size: 0.9rem;
  line-height: 1.4;
  text-decoration: none;
  display: grid;
}
.hero-fact b {
  color: #ece7dc;
  font-weight: 500;
}
.hero-fact--r {
  text-align: right;
  justify-self: end;
}
.hero-fact--r span {
  transition: color var(--t) var(--ease);
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}
.hero-fact--r:hover span {
  color: #ece7dc;
}
.hero-fact i {
  background: #9fcf8a;
  border-radius: 50%;
  width: 6px;
  height: 6px;
  position: relative;
}
.hero-fact i:after {
  content: "";
  background: inherit;
  border-radius: 50%;
  animation: 2.8s ease-out infinite breathe;
  position: absolute;
  inset: 0;
}
@keyframes breathe {
  0% {
    opacity: 0.6;
    transform: scale(1);
  }
  70%,
  to {
    opacity: 0;
    transform: scale(2.8);
  }
}
.hero-act {
  justify-content: center;
  align-items: center;
  gap: 28px;
  display: flex;
}
.hero-act .tlink {
  white-space: nowrap;
}
.hero-foot > * {
  opacity: 0;
  transition:
    opacity 0.9s var(--ease),
    transform 1.1s var(--ease);
  transition-delay: 1.2s;
  transform: translateY(8px);
}
.hero-foot > .hero-act {
  transition-delay: 1.35s;
}
.hero-foot > .hero-fact--r {
  transition-delay: 1.5s;
}
.hero.is-in .hero-foot > * {
  opacity: 1;
  transform: none;
}
.no-js .hero-h .ch,
.no-js .hero-foot > * {
  opacity: 1;
  filter: none;
  transform: none;
}
@media (width<=1100px) {
  .hero-foot {
    grid-template-columns: 1fr 1fr;
  }
  .hero-act {
    grid-area: 1/1 / auto/-1;
  }
  .hero-fact {
    grid-row: 2;
  }
}
@media (width<=700px) {
  .hero {
    min-height: 560px;
  }
  .hero-frame img {
    object-position: 50% 26%;
  }
  .hero-copy {
    bottom: 248px;
  }
  .hero-h {
    font-size: 12.4vw;
    line-height: 1;
  }
  .hero-foot {
    gap: 18px 16px;
  }
  .hero-act {
    flex-direction: column;
    gap: 12px;
  }
  .hero-act .btn {
    align-self: stretch;
  }
  .hero-fact {
    font-size: 0.8rem;
  }
  .hero-fact span {
    font-size: 0.78rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .hero-frame {
    transition: none;
    transform: none;
  }
  .hero-frame img {
    filter: none;
    transition: none;
  }
  .hero-h .ch {
    filter: none;
    transition: opacity 0.4s linear;
  }
  .hero-foot > * {
    transition-delay: 0.2s;
    transform: none;
  }
  .hero-copy,
  .hero-foot {
    opacity: 1;
    transform: none;
  }
  .hero-fact i:after {
    animation: none;
  }
}
.club {
  padding-top: clamp(112px, 13vw, 210px);
  padding-bottom: clamp(100px, 12vw, 190px);
}
.statement {
  letter-spacing: -0.042em;
  max-width: 27ch;
  font-size: clamp(1.9rem, 0.9rem + 3.3vw, 4.5rem);
  line-height: 1.07;
}
.statement .w {
  color: var(--ink);
  opacity: calc(0.2 + var(--lit, 0) * 0.8);
  transition: opacity 0.3s linear;
}
.no-js .statement .w {
  opacity: 1;
}
.club-row {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: start;
  column-gap: clamp(16px, 2vw, 32px);
  margin-top: clamp(72px, 9vw, 140px);
  display: grid;
}
.club-fig img {
  aspect-ratio: 4/5;
  object-fit: cover;
  width: 100%;
}
.club-fig--a {
  grid-column: 1/5;
}
.club-copy {
  color: var(--ink-2);
  grid-column: 6/9;
  align-self: end;
  justify-items: start;
  gap: 18px;
  display: grid;
}
.club-fig--b {
  grid-column: 10/13;
  margin-top: clamp(120px, 16vw, 260px);
}
@media (width<=800px) {
  .club-row {
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
  .club-copy {
    grid-area: 1/1 / auto/-1;
    margin-bottom: 36px;
  }
  .club-fig--a {
    grid-area: 2/1;
  }
  .club-fig--b {
    grid-area: 2/2;
    margin-top: 72px;
  }
}
.course {
  padding-bottom: clamp(110px, 13vw, 200px);
}
.course-head {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: clamp(16px, 2vw, 32px);
  margin-bottom: clamp(40px, 5vw, 72px);
  display: grid;
}
.course-head .h2 {
  grid-column: 1/8;
  max-width: 13ch;
}
.course-intro {
  grid-column: 9/13;
  gap: 18px;
  display: grid;
}
@media (width<=1100px) {
  .course-head .h2 {
    grid-column: 1/-1;
    max-width: 16ch;
    margin-bottom: 20px;
  }
  .course-intro {
    grid-column: 1/9;
  }
}
@media (width<=700px) {
  .course-intro {
    grid-column: 1/-1;
  }
}
.course-totals {
  color: var(--ink-3);
}
.visit {
  border-block: 1px solid var(--line);
  grid-template-columns: 1fr 1fr;
  display: grid;
}
.visit-media {
  min-height: 100%;
  position: relative;
  overflow: hidden;
}
.visit-media img {
  object-fit: cover;
  object-position: 30% 50%;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}
.visit-media figcaption {
  left: var(--gutter);
  color: #ece7dcdb;
  text-shadow: 0 1px 12px #0006;
  font-size: 0.82rem;
  position: absolute;
  bottom: 22px;
}
.visit-body {
  padding: clamp(64px, 8vw, 128px) var(--gutter) clamp(64px, 8vw, 128px)
    clamp(40px, 6vw, 110px);
  align-content: center;
  gap: 24px;
  max-width: 860px;
  display: grid;
}
.visit-body .h2 {
  max-width: 12ch;
}
.vreq {
  gap: 26px;
  margin-top: 18px;
  display: grid;
}
.vreq-set {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}
.vreq-set legend {
  margin-bottom: 12px;
  padding: 0;
}
.vreq-days,
.vreq-times {
  gap: 6px;
  display: grid;
}
.vreq-days {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.vreq-times {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.vd,
.vt {
  cursor: pointer;
  position: relative;
}
.vd input,
.vt input {
  opacity: 0;
  cursor: pointer;
  margin: 0;
  position: absolute;
  inset: 0;
}
.vd span,
.vt span {
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  text-align: center;
  min-height: 50px;
  transition:
    background-color var(--t) var(--ease),
    color var(--t) var(--ease),
    border-color var(--t) var(--ease);
  place-items: center;
  padding: 8px 4px;
  line-height: 1.15;
  display: grid;
}
.vd span {
  min-height: 64px;
}
.vd small {
  color: var(--ink-3);
  transition: color var(--t) var(--ease);
  font-size: 0.75rem;
  display: block;
}
.vd b {
  letter-spacing: -0.02em;
  font-size: 1.15rem;
  font-weight: 400;
}
.vt span {
  font-size: 0.95rem;
}
.vd:hover span,
.vt:hover span {
  border-color: var(--ink);
}
.vd input:checked + span,
.vt input:checked + span {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--bg);
}
.vd input:checked + span small {
  color: color-mix(in srgb, var(--bg) 70%, transparent);
}
.vd input:focus-visible + span,
.vt input:focus-visible + span {
  outline: 1px solid var(--ink);
  outline-offset: 3px;
}
.vt input:disabled + span {
  color: var(--ink-3);
  border-color: var(--line);
  text-decoration: line-through;
  text-decoration-color: var(--line-2);
  border-style: dashed;
}
.vt:has(input:disabled),
.vt input:disabled {
  cursor: not-allowed;
}
.vreq-times.swap .vt {
  animation: hv-in 0.52s var(--ease) both;
  animation-delay: calc(var(--i, 0) * 30ms);
}
.vreq-foot {
  border-top: 1px solid var(--line);
  grid-template-columns: minmax(150px, 210px) 1fr auto;
  align-items: end;
  gap: 20px;
  padding-top: 24px;
  display: grid;
}
.vreq-players {
  gap: 8px;
  display: grid;
}
.vreq-players .dd-btn {
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  min-height: 54px;
  transition: border-color var(--t) var(--ease);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 14px;
  display: flex;
}
.vreq-players .dd-btn:hover {
  border-color: var(--ink);
}
.vreq-players .dd-btn:after {
  content: "";
  width: 6px;
  height: 6px;
  transition: transform var(--t) var(--ease);
  border-bottom: 1px solid;
  border-right: 1px solid;
  transform: translateY(-2px) rotate(45deg);
}
.vreq-players .dd.open .dd-btn:after {
  transform: translateY(1px) rotate(-135deg);
}
.vreq-total {
  white-space: nowrap;
  justify-items: end;
  gap: 2px;
  display: grid;
}
.vreq-total .num {
  letter-spacing: -0.04em;
  font-size: 2.3rem;
  line-height: 1;
}
.vreq-fine {
  color: var(--ink-3);
  font-size: 0.85rem;
}
@media (width<=1100px) {
  .vreq-foot {
    grid-template-columns: 1fr 1fr;
  }
  .vreq-go {
    grid-column: 1/-1;
  }
}
@media (width<=900px) {
  .visit {
    grid-template-columns: 1fr;
  }
  .visit-media {
    aspect-ratio: 3/2;
    min-height: 0;
  }
  .visit-body {
    padding: 56px var(--gutter) 72px;
    max-width: none;
  }
}
@media (width<=520px) {
  .vreq-days {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .vreq-times {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
.member {
  padding-top: clamp(110px, 13vw, 200px);
  padding-bottom: clamp(110px, 13vw, 200px);
}
.member-head {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: clamp(16px, 2vw, 32px);
  display: grid;
}
.member-head .h2 {
  grid-column: 1/8;
  max-width: 13ch;
}
.member-head .lead {
  grid-column: 9/13;
}
.path {
  --pp: 0;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 28px;
  margin-top: clamp(56px, 7vw, 104px);
  padding-top: 26px;
  display: grid;
  position: relative;
}
.path:before,
.path:after {
  content: "";
  background: var(--line-2);
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.path:after {
  background: var(--gold);
  height: 2px;
  transform: scaleX(var(--pp));
  transform-origin: 0;
  top: -0.5px;
}
.path li {
  opacity: calc(0.35 + clamp(0, (var(--pp) * 4 - var(--i)) * 1.2, 1) * 0.65);
  align-content: start;
  gap: 10px;
  display: grid;
}
.path-n {
  color: var(--gold-2);
  font-size: 0.85rem;
}
.path-d {
  color: var(--ink-2);
  max-width: 30ch;
}
.no-js .path li {
  opacity: 1;
}
.finder {
  border-top: 1px solid var(--line-2);
  gap: 14px;
  margin-top: clamp(64px, 8vw, 112px);
  padding: 26px 0;
  display: grid;
}
.finder-q {
  grid-template-columns: minmax(140px, 3fr) 9fr;
  align-items: center;
  gap: 16px;
  display: grid;
}
.seg {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}
.seg button {
  border: 1px solid var(--line-2);
  border-radius: var(--r);
  min-height: 44px;
  color: var(--ink-2);
  transition:
    background-color var(--t) var(--ease),
    color var(--t) var(--ease),
    border-color var(--t) var(--ease);
  background: 0 0;
  padding: 0 16px;
  font-size: 0.92rem;
}
.seg button:hover {
  border-color: var(--ink);
  color: var(--ink);
}
.seg button[aria-checked="true"] {
  background: var(--ink);
  border-color: var(--ink);
  color: var(--bg);
}
.ledger {
  border-top: 1px solid var(--line-2);
}
.lg-row {
  border-bottom: 1px solid var(--line);
  transition: opacity 0.52s var(--ease);
  grid-template-columns: 1.1fr 2.2fr 0.8fr 0.8fr;
  align-items: baseline;
  gap: 20px;
  padding: 22px 0;
  display: grid;
  position: relative;
}
.lg-head {
  color: var(--ink-3);
  padding: 12px 0;
  font-size: 0.8rem;
}
.lg-name {
  letter-spacing: -0.03em;
  transition:
    color 0.52s var(--ease),
    transform 0.52s var(--ease);
  align-items: baseline;
  gap: 12px;
  font-size: clamp(1.4rem, 1.1rem + 0.8vw, 2rem);
  display: flex;
}
.lg-name em {
  letter-spacing: 0;
  border-radius: var(--r);
  background: var(--gold-2);
  color: #fff;
  opacity: 0;
  transition:
    opacity 0.42s var(--ease),
    transform 0.52s var(--ease);
  padding: 3px 8px;
  font-size: 0.72rem;
  font-style: normal;
  transform: translate(-6px);
}
.lg-who {
  color: var(--ink-2);
}
.lg-num {
  text-align: right;
  font-size: 1.15rem;
}
.lg-head .lg-num {
  font-size: 0.8rem;
}
.lg-row:before {
  content: "";
  left: calc(var(--gutter) * -1);
  background: var(--gold);
  width: 3px;
  transition: transform 0.52s var(--ease);
  position: absolute;
  top: 16px;
  bottom: 16px;
  transform: scaleY(0);
}
.ledger.filtered .lg-row:not(.lg-head):not(.is-match) {
  opacity: 0.34;
}
.lg-row.is-match .lg-name {
  color: var(--gold-2);
}
.lg-row.is-match .lg-name em {
  opacity: 1;
  transform: none;
}
.lg-row.is-match:before {
  transform: scaleY(1);
}
.member-cta {
  flex-wrap: wrap;
  align-items: center;
  gap: 18px 32px;
  margin-top: 40px;
  font-size: 0.9rem;
  display: flex;
}
@media (width<=1000px) {
  .member-head .h2 {
    grid-column: 1/-1;
    margin-bottom: 24px;
  }
  .member-head .lead {
    grid-column: 1/10;
  }
  .path {
    grid-template-columns: 1fr 1fr;
    row-gap: 40px;
  }
  .finder-q {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}
@media (width<=700px) {
  .member-head .lead {
    grid-column: 1/-1;
  }
  .path {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .lg-head {
    display: none;
  }
  .lg-row {
    grid-template-columns: 1fr auto;
    gap: 4px 16px;
    padding: 18px 0;
  }
  .lg-who {
    grid-area: 2/1 / auto/-1;
    font-size: 0.92rem;
  }
  .lg-row .lg-num:nth-of-type(3) {
    grid-area: 1/2;
  }
  .lg-row .lg-num:nth-of-type(4) {
    text-align: left;
    color: var(--ink-2);
    grid-area: 3/1 / auto/-1;
    font-size: 0.92rem;
  }
  .lg-row .lg-num:nth-of-type(4):before {
    content: "Annual subscription ";
  }
  .lg-row .lg-num:nth-of-type(3):before {
    content: "Entrance ";
    color: var(--ink-3);
    font-size: 0.75rem;
  }
  .lg-row:before {
    left: -12px;
  }
}
.house {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: clamp(16px, 2vw, 32px);
  padding-bottom: clamp(110px, 13vw, 200px);
  display: grid;
}
.house-fig {
  grid-column: 1/8;
}
.house-fig img {
  aspect-ratio: 3/2;
  object-fit: cover;
  width: 100%;
}
.house-body {
  grid-column: 9/13;
  justify-items: start;
  gap: 22px;
  display: grid;
}
.house-body > p {
  color: var(--ink-2);
}
.menu {
  width: 100%;
  margin-top: 6px;
}
.menu-tabs {
  border-bottom: 1px solid var(--line);
  gap: 26px;
  display: flex;
  position: relative;
}
.menu-tabs button {
  color: var(--ink-3);
  transition: color var(--t) var(--ease);
  background: 0 0;
  border: 0;
  padding: 10px 0 12px;
  font-size: 0.95rem;
}
.menu-tabs button:hover,
.menu-tabs button[aria-selected="true"] {
  color: var(--ink);
}
.menu-ind {
  height: 2px;
  width: var(--w, 0);
  background: var(--gold);
  transform: translateX(var(--x, 0));
  transition:
    transform 0.52s var(--ease),
    width 0.52s var(--ease);
  position: absolute;
  bottom: -1px;
  left: 0;
}
.menu-panes {
  display: grid;
}
.menu-pane {
  transition:
    opacity 0.42s var(--ease),
    visibility 0s linear 0.42s;
  opacity: 0;
  visibility: hidden;
  grid-area: 1/1;
}
.menu-pane.is-on {
  opacity: 1;
  visibility: visible;
  transition:
    opacity 0.52s var(--ease) 0.12s,
    visibility 0s;
}
.menu-pane li {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  gap: 18px;
  padding: 12px 0;
  font-size: 0.98rem;
  display: flex;
}
.menu-pane li .num {
  color: var(--ink-2);
}
.menu-pane.is-on li {
  animation: hv-in 0.56s var(--ease) both;
  animation-delay: calc(0.12s + var(--k) * 40ms);
}
@media (width<=1000px) {
  .house-fig {
    grid-column: 1/-1;
  }
  .house-body {
    grid-column: 1/-1;
    max-width: 640px;
    margin-top: 40px;
  }
}
.studio {
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: center;
  column-gap: clamp(16px, 2vw, 32px);
  padding-bottom: clamp(110px, 13vw, 200px);
  display: grid;
}
.studio-body {
  grid-column: 1/6;
  justify-items: start;
  gap: 22px;
  display: grid;
}
.studio-body > p {
  color: var(--ink-2);
}
.prices {
  border-top: 1px solid var(--line);
  width: 100%;
}
.prices li {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  gap: 16px;
  padding: 13px 0;
  display: flex;
}
.prices .num {
  color: var(--ink-2);
}
.studio-fig {
  grid-column: 7/13;
}
.studio-fig img {
  aspect-ratio: 5/5.4;
  object-fit: cover;
  object-position: 50% 40%;
  width: 100%;
}
@media (width<=1000px) {
  .studio-body {
    grid-area: 2/1 / auto/-1;
    max-width: 640px;
    margin-top: 40px;
  }
  .studio-fig {
    grid-column: 1/-1;
  }
  .studio-fig img {
    aspect-ratio: 4/3;
  }
}
figure.rv {
  opacity: 1;
  overflow: hidden;
  transform: none;
}
figure.rv img {
  opacity: 0;
  transition:
    opacity 1.2s var(--ease),
    transform 1.9s var(--ease);
  transition-delay: var(--d, 0s);
  transform: scale(1.06);
}
figure.rv.in img {
  opacity: 1;
  transform: none;
}
.close {
  --g: 0;
  height: 100svh;
  min-height: 620px;
  position: relative;
  overflow: hidden;
}
.close-media {
  clip-path: inset(0 calc(28% * (1 - var(--g))) 0 calc(28% * (1 - var(--g))));
  position: absolute;
  inset: 0;
  overflow: hidden;
}
.close-media img {
  object-fit: cover;
  object-position: 50% 45%;
  width: 100%;
  height: 100%;
  transform: scale(calc(1.1 - var(--g) * 0.1));
}
.close-media:after {
  content: "";
  pointer-events: none;
  background: linear-gradient(#0d12101a 40%, #0d1210e0);
  position: absolute;
  inset: 0;
}
.close-copy {
  z-index: 2;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  align-items: end;
  column-gap: clamp(16px, 2vw, 32px);
  display: grid;
  position: absolute;
  bottom: clamp(32px, 6vh, 64px);
  left: 0;
  right: 0;
}
.close-copy .h2 {
  grid-column: 1/8;
  max-width: 12ch;
}
.close-side {
  grid-column: 9/13;
  justify-items: start;
  gap: 24px;
  display: grid;
}
@media (width<=900px) {
  .close-copy .h2,
  .close-side {
    grid-column: 1/-1;
  }
  .close-side {
    margin-top: 24px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .close-media {
    clip-path: none;
  }
  .close-media img {
    transform: none;
  }
}