/* source/cinema.css */
@layer reset, base, components, responsive, motion;
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  summary,
  a,
  input {
    -webkit-tap-highlight-color: transparent;
  }
  button,
  summary {
    cursor: pointer;
  }
  button {
    color: inherit;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  button {
    border: 0;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    --ink: #222024;
    --quiet: #756e72;
    --paper: #fbf9f6;
    --line: #e6dfda;
    --red: #c9273c;
    --hot: #f44856;
    --wine: #5d1926;
    --soft: #f1ece6;
    --radius: 14px;
    color-scheme: light;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 110px;
  }
  body {
    background: var(--paper);
    color: var(--ink);
    font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    font-size: 15px;
    line-height: 1.8;
  }
  h1,
  h2,
  h3 {
    line-height: 1.3;
  }
  h2 {
    font-size: clamp(27px, 2.5vw, 38px);
    font-weight: 800;
    letter-spacing: -0.035em;
  }
  h3 {
    font-size: 19px;
  }
  button,
  a,
  summary {
    touch-action: manipulation;
  }
  button:disabled {
    cursor: default;
    opacity: 0.35;
  }
  a,
  button,
  summary,
  input {
    outline-offset: 5px;
  }
  :focus-visible {
    outline: 3px solid #e24831;
  }
  section[id],
  article[id],
  nav[id] {
    scroll-margin-top: 110px;
  }
  ::selection {
    color: #fff;
    background: var(--red);
  }
  .fa7dsbpf6q {
    width: min(1240px, calc(100% - 88px));
    margin-inline: auto;
  }
  .f204b3q2it {
    color: var(--quiet);
  }
  .s3ki4jk69y {
    font-size: 12px;
    color: var(--quiet);
    line-height: 1.7;
  }
  .ngjitswoga {
    position: fixed;
    left: 20px;
    top: -100px;
    z-index: 100;
    padding: 8px 18px;
    background: white;
    color: var(--red);
    border-radius: 5px;
  }
  .ngjitswoga:focus {
    top: 10px;
  }
  .zr7ney44i8 {
    color: var(--red);
    font-size: 11px;
    letter-spacing: 0.15em;
    font-weight: 700;
    margin-bottom: 10px;
  }
  .zgw79v05oi {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 24px;
    margin-bottom: 16px;
  }
  .n36v8jmibn {
    font-size: 12px;
    color: var(--quiet);
    border: 1px solid var(--line);
    padding: 5px 12px;
    border-radius: 100px;
    white-space: nowrap;
  }
  .iqfkkxjhzn,
  .xt1o1xuxkk {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    font-size: 14px;
    font-weight: 700;
    min-height: 48px;
    transition:
      transform 0.2s ease,
      background 0.2s ease,
      box-shadow 0.2s ease;
  }
  .iqfkkxjhzn {
    color: white;
    background: linear-gradient(115deg, #ee334d, #f45d57);
    padding: 12px 24px;
    border-radius: 7px;
    box-shadow: 0 6px 22px #ef3d4920;
  }
  .iqfkkxjhzn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 25px #c427333d;
  }
  .xt1o1xuxkk {
    color: var(--red);
    padding-block: 10px;
    border-bottom: 1px solid currentColor;
  }
  .xt1o1xuxkk:hover {
    transform: translateX(4px);
  }
  .gq5t9jta6r {
    display: flex;
    gap: 28px;
    align-items: center;
    flex-wrap: wrap;
  }
  .n9za1f6awi {
    font-size: 11px;
    color: var(--quiet);
    margin-top: 23px;
    line-height: 1.8;
  }
}
@layer components {
  .vsavfn18p3 {
    height: 88px;
    background: #fbf9f6f5;
    border-bottom: 1px solid var(--line);
    position: sticky;
    top: 0;
    z-index: 30;
    backdrop-filter: blur(15px);
  }
  .i0vh7pxhee {
    height: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
  }
  .jpsspwwjmy {
    font-size: 23px;
    letter-spacing: -0.04em;
    white-space: nowrap;
    margin-right: auto;
  }
  .jpsspwwjmy a {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .jpsspwwjmy small {
    display: block;
    font-size: 9px;
    letter-spacing: 0.21em;
    color: var(--red);
    margin-top: 4px;
    font-weight: 600;
  }
  .mpnw8z4sbv {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
    background: #f9e1df;
    border: 3px solid white;
    box-shadow: 0 0 0 1px #eadbd7;
  }
  .mpnw8z4sbv img {
    width: 100%;
    height: 100%;
  }
  .iri7c0m5ap {
    display: flex;
    gap: 28px;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
  }
  .iri7c0m5ap a {
    padding-block: 10px;
    transition: color 0.2s;
    position: relative;
  }
  .iri7c0m5ap a:hover,
  .iri7c0m5ap a[aria-current="location"] {
    color: var(--red);
  }
  .iri7c0m5ap a:last-child {
    border-left: 1px solid var(--line);
    padding-left: 28px;
  }
  .xy2qibho28 {
    position: relative;
    border-left: 1px solid var(--line);
    padding-left: 24px;
    font-size: 12px;
  }
  .xy2qibho28 summary {
    list-style: none;
    min-height: 44px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 600;
  }
  .xy2qibho28 summary::-webkit-details-marker {
    display: none;
  }
  .xy2qibho28 nav {
    position: absolute;
    top: 58px;
    right: 0;
    background: white;
    border: 1px solid var(--line);
    padding: 16px;
    width: 390px;
    box-shadow: 0 18px 40px #32102018;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
  }
  .xy2qibho28 nav a {
    padding: 9px;
    border-radius: 5px;
  }
  .xy2qibho28 nav a:hover {
    background: #f9eeeb;
    color: var(--red);
  }
  .nfmek0v54n {
    color: #fff9f3;
    background:
      radial-gradient(ellipse at 65% 60%, #a12b3c 0%, transparent 50%),
      linear-gradient(115deg, #3c1420, #6c1b2b 70%, #831c2c);
    position: relative;
    isolation: isolate;
    overflow: hidden;
  }
  .nfmek0v54n::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background: repeating-linear-gradient(135deg, transparent 0 80px, #ffffff03 80px 81px);
  }
  .ji9df4p7zd {
    position: absolute;
    left: -12px;
    bottom: -65px;
    z-index: -1;
    font-family: Impact, sans-serif;
    font-size: clamp(100px, 16vw, 245px);
    color: #ffffff04;
    white-space: nowrap;
    letter-spacing: -0.05em;
    line-height: 1;
  }
  .q0w8yopd7c {
    min-height: 645px;
    padding-block: 42px;
    display: grid;
    grid-template-columns: 1fr 0.95fr;
    gap: 65px;
    align-items: center;
  }
  .jb5c3fhxrb {
    padding-block: 25px;
  }
  .ra7deic8d2 {
    letter-spacing: 0.12em;
    font-size: 11px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 9px;
    margin-bottom: 25px;
    color: #f5bcbb;
  }
  .ra7deic8d2 > span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ff675f;
    box-shadow: 0 0 0 4px #ff675f20;
  }
  .nfmek0v54n h2 {
    font-size: clamp(36px, 4.35vw, 64px);
    line-height: 1.28;
    letter-spacing: -0.06em;
    margin-bottom: 22px;
  }
  .nfmek0v54n h2 span {
    color: #ff9a92;
  }
  .nfmek0v54n .kanqnxmtwd {
    color: #fff1e8;
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: 17px;
  }
  .jb5c3fhxrb > p:not(.ra7deic8d2):not(.kanqnxmtwd):not(.n9za1f6awi) {
    max-width: 400px;
    color: #e5bfc2;
    font-size: 13px;
    line-height: 2;
  }
  .nfmek0v54n .gq5t9jta6r {
    margin-top: 29px;
  }
  .nfmek0v54n .xt1o1xuxkk {
    color: #fae2dc;
  }
  .nfmek0v54n .n9za1f6awi {
    color: #e2b2b6;
    font-size: 10px;
  }
  .vrg3rpqqin {
    position: relative;
    width: 100%;
    max-width: 535px;
    justify-self: end;
    padding: 14px;
    border: 1px solid #ffffff2e;
    border-radius: 18px 18px 8px 8px;
    background: #290e1733;
    box-shadow: 22px 24px 0 -9px #ffffff04;
    transform: rotate(2deg);
  }
  .vrg3rpqqin > div:first-child {
    border-radius: 8px;
    overflow: hidden;
    position: relative;
  }
  .vppv9rt7h1 {
    position: relative;
    height: 444px;
    overflow: hidden;
    background: #3c2830;
  }
  .vppv9rt7h1::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #130b1200 20%, #170a1380 55%, #170a13f2 100%);
    pointer-events: none;
  }
  .vppv9rt7h1 > img {
    width: 100%;
    height: 100%;
    object-position: center 22%;
  }
  .zldkb1ju5n {
    position: absolute;
    bottom: 24px;
    left: 28px;
    right: 25px;
    z-index: 2;
  }
  .zldkb1ju5n > span {
    font-size: 11px;
    letter-spacing: 0.15em;
    color: #f7bdb5;
  }
  .zldkb1ju5n h3 {
    font-size: 43px;
    letter-spacing: 0.05em;
    margin: 5px 0;
  }
  .zldkb1ju5n p {
    font-size: 12px;
    color: #e8d9d7;
    margin-bottom: 10px;
  }
  .zldkb1ju5n a {
    font-size: 12px;
    border-bottom: 1px solid #ffffff6b;
    padding-bottom: 4px;
  }
  .zldkb1ju5n a span {
    margin-left: 28px;
  }
  .t9m6ldoi28 {
    position: absolute;
    top: 17px;
    left: 23px;
    font-family: Georgia, serif;
    font-size: 50px;
    line-height: 1;
    color: #fff9;
    z-index: 2;
  }
  .wrn4m69z31 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 13px;
    font-family: Arial, sans-serif;
    font-size: 18px;
  }
  .wrn4m69z31 > span {
    padding-left: 4px;
    font-weight: 700;
  }
  .wrn4m69z31 > span span {
    font-size: 11px;
    color: #e2b2b6;
    margin-left: 4px;
  }
  .wtx6wg6zhq {
    display: flex;
    gap: 10px;
    align-items: center;
  }
  .wtx6wg6zhq > button {
    width: 38px;
    min-width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid currentColor;
    background: transparent;
    font-size: 17px;
    transition:
      background 0.2s,
      color 0.2s;
  }
  .wtx6wg6zhq > button:hover {
    color: white;
    background: var(--red);
    border-color: var(--red);
  }
  .wrn4m69z31 .wtx6wg6zhq {
    gap: 8px;
  }
  .wrn4m69z31 .wtx6wg6zhq > button {
    width: 32px;
    min-width: 32px;
    height: 32px;
    border-color: #ffffff30;
    font-size: 14px;
  }
  .k2j2pm3lcc {
    display: flex;
    gap: 1px;
    align-items: center;
  }
  .k2j2pm3lcc button {
    width: 24px;
    height: 30px;
    padding: 10px 5px;
    background: transparent;
  }
  .k2j2pm3lcc button::after {
    content: "";
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    background: #ffffff4d;
    transition:
      background 0.2s,
      width 0.2s;
  }
  .k2j2pm3lcc button[aria-pressed="true"]::after {
    background: #ffad9f;
    width: 15px;
  }
  .rvu70d617m {
    display: grid;
    grid-template-columns: 190px 1fr;
    gap: 35px;
    padding-block: 43px;
    border-bottom: 1px solid var(--line);
    align-items: center;
  }
  .j50m1ij7vt h2 {
    font-size: 23px;
  }
  .j50m1ij7vt .zr7ney44i8 {
    font-size: 10px;
    margin-bottom: 8px;
    letter-spacing: 0.1em;
  }
  .ibzotmp91g {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
  }
  .g917mkcq16 {
    display: flex;
    gap: 10px;
    align-items: start;
    padding: 12px;
    border: 1px solid #e9e0da;
    border-radius: 7px;
    background: #f6f1ec;
  }
  .i88a0gdzb5 {
    color: var(--red);
    font-size: 27px;
    line-height: 1;
  }
  .g917mkcq16 h3 {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .g917mkcq16 p {
    color: var(--quiet);
    font-size: 11px;
    line-height: 1.8;
  }
  .pexrvlzxkn {
    padding-block: 72px 65px;
  }
  .jlynnl34xq {
    margin-top: 28px;
    display: grid;
    grid-auto-flow: column;
    grid-auto-columns: calc((100% - 72px) / 4);
    gap: 24px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: x mandatory;
    padding: 5px 0 14px;
    scrollbar-width: thin;
    scrollbar-color: #cbbab5 transparent;
  }
  .wdj7h566nz {
    min-width: 0;
    scroll-snap-align: start;
  }
  .endzlz5gus {
    aspect-ratio: 3 / 3.8;
    overflow: hidden;
    border-radius: 9px;
    background: #e5deda;
    position: relative;
  }
  .endzlz5gus img {
    width: 100%;
    height: 100%;
    transition: transform 0.45s ease;
    object-position: center 25%;
  }
  .wdj7h566nz a:hover .endzlz5gus img {
    transform: scale(1.045);
  }
  .endzlz5gus::after {
    content: "";
    position: absolute;
    inset: 45% 0 0;
    background: linear-gradient(transparent, #1d0b145c);
    pointer-events: none;
  }
  .r0621lfm47 {
    position: absolute;
    top: 12px;
    left: 12px;
    font-size: 10px;
    line-height: 1.5;
    padding: 5px 9px;
    border: 1px solid #ffffff4d;
    border-radius: 4px;
    color: white;
    background: #3417259c;
    backdrop-filter: blur(5px);
  }
  .nj1h9xr81l {
    position: absolute;
    right: 14px;
    bottom: 15px;
    border: 1px solid #ffffff7a;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    color: white;
    display: grid;
    place-items: center;
    z-index: 1;
    transition: background 0.2s;
  }
  .wdj7h566nz a:hover .nj1h9xr81l {
    background: var(--red);
    border-color: var(--red);
  }
  .ezd4jc5ev8 {
    display: flex;
    gap: 12px;
    padding-top: 17px;
    align-items: start;
  }
  .ezd4jc5ev8 > span {
    color: #c7b4ad;
    font-family: Georgia, serif;
    font-size: 25px;
    line-height: 1;
  }
  .ezd4jc5ev8 h3 {
    font-size: 18px;
    margin-bottom: 6px;
  }
  .ezd4jc5ev8 p {
    color: var(--quiet);
    font-size: 11px;
  }
  .vbk8nnqtc8 {
    padding-block: 65px 55px;
    background: #f1ede8;
    border-block: 1px solid #e9e2dc;
  }
  .x1r2vr1jpw {
    display: flex;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    margin-top: 28px;
  }
  .wlgt4ovh8k {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
  }
  .wlgt4ovh8k button,
  .pxn8wuksh9 button {
    padding: 8px 20px;
    min-height: 42px;
    background: transparent;
    font-size: 13px;
    color: #665d61;
    border: 1px solid #dcd3ce;
    border-radius: 6px;
    transition:
      color 0.2s,
      background 0.2s;
  }
  .wlgt4ovh8k button[aria-pressed="true"],
  .pxn8wuksh9 button[aria-pressed="true"] {
    color: white;
    background: var(--red);
    border-color: var(--red);
  }
  .wlgt4ovh8k button:hover,
  .pxn8wuksh9 button:hover {
    border-color: var(--red);
  }
  .e5754c16hc {
    display: flex;
    align-items: center;
    border: 1px solid #d9cfca;
    background: #fbf9f6;
    border-radius: 6px;
    padding: 0 4px 0 15px;
    width: 320px;
  }
  .e5754c16hc label {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
  }
  .e5754c16hc input {
    min-width: 0;
    width: 100%;
    border: 0;
    background: transparent;
    color: var(--ink);
    height: 42px;
    font-size: 12px;
  }
  .e5754c16hc input::-webkit-search-cancel-button {
    display: none;
  }
  .e5754c16hc button {
    min-width: 36px;
    height: 36px;
    font-size: 23px;
    border-radius: 5px;
    background: transparent;
    color: #806b6e;
  }
  .e5754c16hc button:hover {
    background: #f0e3df;
  }
  .dc4ufldfd2 {
    color: var(--quiet);
    font-size: 11px;
    padding: 14px 0 22px;
  }
  .d0ezbth0a4 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
  }
  .vfk1xtj3o4 {
    display: grid;
    grid-template-columns: 100px 1fr;
    background: #fbf9f6;
    border-radius: 9px;
    border: 1px solid #e4dcd6;
    overflow: hidden;
    min-width: 0;
    transition:
      border-color 0.2s,
      box-shadow 0.2s;
  }
  .vfk1xtj3o4:hover {
    border-color: #d4a8a6;
    box-shadow: 0 8px 22px #44232e09;
  }
  .vfk1xtj3o4:target {
    outline: 2px solid var(--red);
    outline-offset: 4px;
  }
  .a4q9u59mmg {
    overflow: hidden;
    background: #e3d8d0;
  }
  .a4q9u59mmg img {
    width: 100%;
    height: 100%;
    min-height: 210px;
    object-position: center 20%;
  }
  .esqk3pqswu {
    min-width: 0;
    padding: 17px 15px 15px;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .esqk3pqswu .s3ki4jk69y {
    color: #a75059;
    font-size: 10px;
  }
  .vfk1xtj3o4 h3 {
    font-size: 18px;
    margin: 3px 0 9px;
  }
  .vfk1xtj3o4 p {
    color: #75686c;
    font-size: 11px;
    line-height: 1.9;
    margin-bottom: 11px;
  }
  .vfk1xtj3o4 a {
    color: var(--red);
    font-size: 10px;
    border-bottom: 1px solid #e5c7c6;
    margin-top: auto;
  }
  .vfk1xtj3o4 a:hover {
    border-color: var(--red);
  }
  .jv769w3n3y {
    padding: 45px 20px;
    text-align: center;
    border: 1px dashed #d6c1bc;
    border-radius: 8px;
  }
  .jv769w3n3y p {
    margin: 12px 0 20px;
    color: var(--quiet);
    font-size: 13px;
  }
  .blqw8kcaxn {
    padding-block: 72px;
    background: #211d22;
    color: #f8f1ea;
  }
  .tri9bofbyo {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 85px;
    align-items: center;
  }
  .xympnu9t7d .zr7ney44i8 {
    color: #e88b90;
  }
  .xympnu9t7d h2 {
    font-size: 18px;
    font-weight: 600;
    margin: 20px 0;
  }
  .xympnu9t7d h2 > span {
    display: block;
    font-size: clamp(30px, 3.2vw, 45px);
    margin-top: 15px;
    color: #f3e4dc;
  }
  .xympnu9t7d > p:not(.zr7ney44i8) {
    font-size: 13px;
    color: #c8afb5;
  }
  .xympnu9t7d > .s3ki4jk69y {
    font-size: 11px;
    margin-top: 14px;
  }
  .pm9vj91srb {
    display: flex;
    gap: 10px;
    margin-top: 25px;
  }
  .pm9vj91srb button {
    padding: 8px 18px;
    border: 1px solid #5e484f;
    background: transparent;
    color: #d8b9bf;
    font-size: 12px;
    border-radius: 100px;
    min-height: 40px;
  }
  .pm9vj91srb button[aria-pressed="true"] {
    background: #a32e41;
    color: #fff;
    border-color: #a32e41;
  }
  .kuz75dtde3 {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .kuz75dtde3 li {
    border-bottom: 1px solid #4f3c43;
  }
  .kuz75dtde3 li:first-child {
    border-top: 1px solid #4f3c43;
  }
  .lfkpxfmr5e {
    display: flex;
    gap: 25px;
    align-items: center;
    padding: 23px 4px;
    transition:
      background 0.2s,
      padding 0.2s;
  }
  .lfkpxfmr5e:hover {
    background: #6b2b382b;
    padding-left: 12px;
  }
  .wny4a8utx4 {
    color: #e27985;
    font-size: 35px;
    font-family: Georgia, serif;
    line-height: 1;
  }
  .p5me72qrry {
    flex: 1;
  }
  .p5me72qrry h3 {
    font-size: 20px;
    margin-bottom: 6px;
  }
  .p5me72qrry p {
    color: #b49ba3;
    font-size: 11px;
  }
  .lfkpxfmr5e > span:last-child {
    color: #d99aa4;
    font-size: 22px;
  }
  .okxblxo5qj {
    padding-block: 85px;
  }
  .csslnfcxyt {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    gap: 70px;
    align-items: center;
  }
  .kbvq2ltq7w h2 {
    font-size: clamp(30px, 3.2vw, 45px);
    margin: 20px 0 25px;
  }
  .kbvq2ltq7w > p:not(.zr7ney44i8):not(.s3ki4jk69y) {
    max-width: 355px;
    color: var(--quiet);
    font-size: 14px;
    line-height: 2;
  }
  .pxn8wuksh9 {
    display: flex;
    gap: 12px;
    margin: 24px 0 14px;
  }
  .kbvq2ltq7w > .xt1o1xuxkk {
    margin-top: 20px;
    font-size: 12px;
  }
  .klmik4lug8 {
    min-height: 490px;
    background: repeating-linear-gradient(90deg, transparent 0 49px, #d8c9c133 49px 50px), #efe6de;
    position: relative;
    border-radius: 160px 160px 16px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 30px 25px;
  }
  .fehqi17edx {
    width: 225px;
    height: 420px;
    padding: 8px;
    border-radius: 29px;
    border: 2px solid #2c2529;
    background: #30292c;
    box-shadow: 18px 22px 30px #4c283c26;
    transition:
      width 0.55s ease,
      height 0.55s ease,
      border-radius 0.55s ease;
    transform: rotate(-4deg);
  }
  .lnep9f3oxu {
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
    background: #fcf7f1;
  }
  .xx26eetc55 {
    padding: 15px 12px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .xx26eetc55 strong {
    font-size: 12px;
    white-space: nowrap;
  }
  .xx26eetc55 strong span {
    color: var(--red);
    font-size: 7px;
    margin-left: 3px;
  }
  .xx26eetc55 > span {
    font-size: 7px;
    color: #99848c;
    white-space: nowrap;
  }
  .pbt8muunub {
    height: 175px;
    margin: 0 10px;
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    background: #473940;
  }
  .pbt8muunub::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(transparent 30%, #24111cdb);
  }
  .pbt8muunub img {
    width: 100%;
    height: 100%;
    object-position: center 20%;
  }
  .pbt8muunub > span {
    position: absolute;
    z-index: 1;
    left: 14px;
    bottom: 12px;
    color: white;
    font-size: 25px;
    line-height: 1.4;
  }
  .pbt8muunub small {
    display: block;
    font-size: 8px;
    color: #f3d8d5;
  }
  .qlq2k0rbkp {
    padding: 13px 12px;
  }
  .qlq2k0rbkp > p {
    font-weight: 700;
    font-size: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
  }
  .qlq2k0rbkp > p > span {
    font-size: 7px;
    color: var(--red);
    font-weight: 400;
  }
  .paix2w0e4q {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    margin-top: 10px;
  }
  .paix2w0e4q > div {
    min-width: 0;
  }
  .paix2w0e4q img {
    width: 100%;
    height: 72px;
    border-radius: 4px;
    object-position: center 23%;
  }
  .paix2w0e4q span {
    display: block;
    font-size: 9px;
    margin-top: 5px;
    line-height: 1.5;
  }
  .paix2w0e4q small {
    display: block;
    font-size: 7px;
    color: var(--quiet);
  }
  [data-device="desktop"] .fehqi17edx {
    width: min(100%, 440px);
    height: 320px;
    border-radius: 12px;
    transform: rotate(0);
  }
  [data-device="desktop"] .lnep9f3oxu {
    border-radius: 5px;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    grid-template-rows: 48px 1fr;
    padding-bottom: 10px;
  }
  [data-device="desktop"] .xx26eetc55 {
    grid-column: 1 / -1;
  }
  [data-device="desktop"] .pbt8muunub {
    height: 100%;
    margin-right: 0;
  }
  [data-device="desktop"] .qlq2k0rbkp {
    padding-top: 0;
  }
  [data-device="desktop"] .qlq2k0rbkp > p {
    display: block;
  }
  [data-device="desktop"] .qlq2k0rbkp > p > span {
    display: block;
    margin-top: 3px;
  }
  [data-device="desktop"] .paix2w0e4q {
    gap: 8px;
  }
  [data-device="desktop"] .paix2w0e4q img {
    height: 145px;
  }
  .utqybrf5iu {
    background: #f5f0e9;
    padding-block: 62px;
    border-block: 1px solid var(--line);
  }
  .guwe0l7h9n {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 0;
    margin: 33px 0 0;
    gap: 45px;
    counter-reset: step;
  }
  .y4i84u8oiy {
    border-top: 1px solid #d8c8c1;
    position: relative;
    padding-top: 25px;
  }
  .y4i84u8oiy > span {
    font-family: Georgia, serif;
    color: var(--red);
    font-size: 35px;
    display: block;
    margin-bottom: 15px;
    line-height: 1;
  }
  .y4i84u8oiy h3 {
    font-size: 18px;
    margin-bottom: 13px;
  }
  .y4i84u8oiy p {
    color: var(--quiet);
    font-size: 12px;
    max-width: 300px;
    min-height: 48px;
  }
  .y4i84u8oiy a {
    font-size: 12px;
    display: inline-block;
    color: var(--red);
    padding-top: 15px;
  }
  .y4i84u8oiy a:hover {
    text-decoration: underline;
  }
  .m4usdkpz94 {
    padding-block: 70px;
  }
  .xfe1ip1859 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-top: 28px;
  }
  .qiqwyetkmn {
    padding: 26px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: #fffdfa;
  }
  .qiqwyetkmn > span {
    font-family: Georgia, serif;
    color: #d4747b;
    font-size: 55px;
    display: block;
    height: 35px;
    line-height: 1;
  }
  .qiqwyetkmn blockquote {
    color: #5b5057;
    font-size: 13px;
    line-height: 2;
    min-height: 80px;
  }
  .qiqwyetkmn figcaption {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-top: 22px;
    font-size: 12px;
  }
  .zejka51s3y {
    width: 36px;
    height: 36px;
    background: #f4e4de;
    border-radius: 50%;
    display: grid;
    place-items: center;
    font-size: 12px;
    color: var(--red);
  }
  .qiqwyetkmn small {
    display: block;
    font-size: 9px;
    color: var(--quiet);
    margin-top: 3px;
  }
  .a5ccumyioy {
    padding-block: 0 75px;
  }
  .dyxv44ajbq {
    display: grid;
    grid-template-columns: 0.6fr 1.4fr;
    gap: 90px;
    border-top: 1px solid var(--line);
    padding-top: 60px;
  }
  .mpa3xvts8n > p:not(.zr7ney44i8) {
    font-size: 13px;
    color: var(--quiet);
    margin-top: 23px;
  }
  .mpa3xvts8n .xt1o1xuxkk {
    margin-top: 18px;
    font-size: 12px;
  }
  .nwwdbe5hpe details {
    border-bottom: 1px solid var(--line);
  }
  .nwwdbe5hpe summary {
    list-style: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 0;
    font-size: 14px;
    font-weight: 600;
  }
  .nwwdbe5hpe summary::-webkit-details-marker {
    display: none;
  }
  .nwwdbe5hpe summary > span {
    color: var(--red);
    font-size: 21px;
    font-weight: 400;
    transition: transform 0.2s;
  }
  .nwwdbe5hpe details[open] summary > span {
    transform: rotate(45deg);
  }
  .nwwdbe5hpe details[open] summary {
    color: var(--red);
  }
  .nwwdbe5hpe details > p {
    color: var(--quiet);
    padding: 0 30px 23px 0;
    font-size: 12px;
    line-height: 2;
  }
  .nl3ebez1uo {
    color: #fff5ed;
    background: radial-gradient(ellipse at 5% 100%, #bc303f, transparent 65%), #6e1b2c;
    padding-block: 60px;
  }
  .qi9ogyrp1p {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 100px;
    align-items: center;
  }
  .nl3ebez1uo .ra7deic8d2 {
    color: #efb2b4;
  }
  .nl3ebez1uo h2 {
    font-size: 40px;
    line-height: 1.4;
  }
  .nl3ebez1uo h2 span {
    color: #ffb7a8;
  }
  .qi9ogyrp1p > div > p:not(.ra7deic8d2) {
    color: #efc4c0;
    font-size: 13px;
    margin-top: 16px;
  }
  .nl3ebez1uo .gq5t9jta6r {
    margin-top: 25px;
  }
  .nl3ebez1uo .xt1o1xuxkk {
    color: #ffe7dc;
  }
  .g3nuncow9e {
    border: 1px solid #ffffff26;
    border-radius: 10px;
    padding: 28px;
    background: #ffffff06;
  }
  .cdgs44qmlu {
    display: inline-flex;
    font-size: 10px;
    border: 1px solid #db797b;
    color: #ffcebd;
    border-radius: 100px;
    padding: 3px 10px;
  }
  .g3nuncow9e h3 {
    font-size: 21px;
    margin: 15px 0 20px;
  }
  .g3nuncow9e dl > div {
    display: flex;
    justify-content: space-between;
    padding-block: 10px;
    border-top: 1px solid #ffffff20;
    font-size: 12px;
  }
  .g3nuncow9e dt {
    font-family: Arial, sans-serif;
    font-weight: 600;
  }
  .g3nuncow9e dd {
    color: #ecc1c2;
  }
  .g3nuncow9e > p {
    color: #e4b0b5;
    font-size: 11px;
    margin-top: 15px;
    line-height: 1.9;
  }
  .cuhzg335e5 {
    background: #eae3dc;
  }
  .qyagbz0nd8 {
    padding-block: 58px 45px;
  }
  .wyyjrmei8l {
    display: grid;
    grid-template-columns: 1.5fr 0.65fr;
    gap: 100px;
  }
  .qyagbz0nd8 h2 {
    font-size: 27px;
    display: flex;
    align-items: center;
    gap: 25px;
    margin-bottom: 18px;
  }
  .qyagbz0nd8 h2 span {
    font-size: 12px;
    color: var(--red);
    letter-spacing: 0.06em;
    font-weight: 500;
  }
  .qyagbz0nd8 p:not(.zr7ney44i8) {
    color: #746970;
    font-size: 12px;
    line-height: 2.1;
  }
  .wyyjrmei8l aside {
    border-left: 1px solid #d6c8c0;
    padding-left: 35px;
  }
  .wyyjrmei8l aside strong {
    display: block;
    font-size: 17px;
    margin-bottom: 15px;
  }
  .wyyjrmei8l aside p {
    margin-top: 7px;
  }
  .xeinh00o5b {
    border-top: 1px solid #d6c8c0;
    padding-block: 26px;
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 25px;
  }
  .xeinh00o5b h2 {
    font-size: 13px;
    letter-spacing: 0;
    padding-top: 3px;
  }
  .xeinh00o5b > div {
    display: flex;
    gap: 9px 24px;
    flex-wrap: wrap;
  }
  .xeinh00o5b a {
    color: #74646a;
    font-size: 11px;
  }
  .xeinh00o5b a:hover {
    color: var(--red);
    text-decoration: underline;
  }
  .iygag94hw2 {
    padding-block: 21px 25px;
    border-top: 1px solid #d6c8c0;
    display: flex;
    justify-content: space-between;
    gap: 15px;
    color: #8a777b;
    font-size: 10px;
    align-items: center;
  }
  .iygag94hw2 a {
    color: var(--red);
    white-space: nowrap;
  }
  .h26lg8r3ul {
    display: none;
  }
}
@layer responsive {
  @media (min-width: 1450px) {
    .nfmek0v54n h2 {
      font-size: 66px;
    }
    .q0w8yopd7c {
      min-height: 680px;
    }
    .vppv9rt7h1 {
      height: 470px;
    }
  }
  @media (max-width: 1150px) {
    .fa7dsbpf6q {
      width: calc(100% - 56px);
    }
    .i0vh7pxhee {
      gap: 20px;
    }
    .iri7c0m5ap {
      gap: 20px;
    }
    .iri7c0m5ap a:last-child {
      padding-left: 20px;
    }
    .xy2qibho28 {
      padding-left: 20px;
    }
    .q0w8yopd7c {
      gap: 40px;
      min-height: 610px;
    }
    .vppv9rt7h1 {
      height: 420px;
    }
    .rvu70d617m {
      grid-template-columns: 150px 1fr;
      gap: 25px;
    }
    .ibzotmp91g {
      grid-template-columns: 1fr 1fr;
      gap: 20px 25px;
    }
    .d0ezbth0a4 {
      grid-template-columns: 1fr 1fr;
    }
    .vfk1xtj3o4 {
      grid-template-columns: 100px 1fr;
    }
    .tri9bofbyo {
      gap: 50px;
    }
    .csslnfcxyt {
      gap: 35px;
    }
    .qi9ogyrp1p {
      gap: 60px;
    }
    .wyyjrmei8l {
      gap: 60px;
    }
  }
  @media (max-width: 860px) {
    .iri7c0m5ap {
      gap: 18px;
      font-size: 12px;
    }
    .iri7c0m5ap a:nth-child(2),
    .iri7c0m5ap a:nth-child(4) {
      display: none;
    }
    .q0w8yopd7c {
      gap: 30px;
      min-height: 580px;
    }
    .nfmek0v54n h2 {
      font-size: 37px;
    }
    .nfmek0v54n .kanqnxmtwd {
      font-size: 15px;
    }
    .nfmek0v54n .gq5t9jta6r {
      gap: 18px;
    }
    .nfmek0v54n .iqfkkxjhzn {
      gap: 12px;
      padding-inline: 15px;
      font-size: 12px;
    }
    .nfmek0v54n .xt1o1xuxkk {
      font-size: 12px;
    }
    .vppv9rt7h1 {
      height: 385px;
    }
    .vrg3rpqqin {
      padding: 9px;
    }
    .zldkb1ju5n {
      left: 20px;
      bottom: 18px;
    }
    .zldkb1ju5n h3 {
      font-size: 35px;
    }
    .jlynnl34xq {
      grid-auto-columns: calc((100% - 48px) / 3);
    }
    .tri9bofbyo {
      grid-template-columns: 0.8fr 1.2fr;
      gap: 30px;
    }
    .p5me72qrry p {
      max-width: 250px;
    }
    .csslnfcxyt {
      grid-template-columns: 0.85fr 1.15fr;
      gap: 25px;
    }
    .klmik4lug8 {
      padding-inline: 18px;
    }
    .xfe1ip1859 {
      gap: 14px;
    }
    .qiqwyetkmn {
      padding: 20px;
    }
    .qiqwyetkmn blockquote {
      min-height: 110px;
    }
    .dyxv44ajbq {
      gap: 45px;
    }
    .qi9ogyrp1p {
      gap: 35px;
    }
    .nl3ebez1uo h2 {
      font-size: 35px;
    }
    .g3nuncow9e {
      padding: 22px;
    }
  }
  @media (max-width: 680px) {
    html {
      scroll-padding-top: 85px;
    }
    section[id],
    article[id],
    nav[id] {
      scroll-margin-top: 85px;
    }
    body {
      padding-bottom: 64px;
    }
    .fa7dsbpf6q {
      width: calc(100% - 40px);
    }
    .vsavfn18p3 {
      height: 72px;
    }
    .jpsspwwjmy {
      font-size: 20px;
    }
    .jpsspwwjmy small {
      font-size: 8px;
    }
    .mpnw8z4sbv {
      width: 35px;
      height: 35px;
    }
    .iri7c0m5ap {
      display: none;
    }
    .xy2qibho28 {
      border: 0;
    }
    .xy2qibho28 summary {
      font-size: 13px;
    }
    .xy2qibho28 nav {
      width: min(350px, calc(100vw - 40px));
      top: 50px;
    }
    .q0w8yopd7c {
      grid-template-columns: 1fr;
      gap: 22px;
      padding-block: 30px 32px;
    }
    .jb5c3fhxrb {
      padding-block: 10px 0;
    }
    .ra7deic8d2 {
      margin-bottom: 20px;
      font-size: 10px;
    }
    .nfmek0v54n h2 {
      font-size: clamp(35px, 9vw, 53px);
      margin-bottom: 19px;
    }
    .nfmek0v54n .kanqnxmtwd {
      font-size: 16px;
      margin-bottom: 13px;
    }
    .jb5c3fhxrb > p:not(.ra7deic8d2):not(.kanqnxmtwd):not(.n9za1f6awi) {
      max-width: 470px;
      font-size: 12px;
    }
    .nfmek0v54n .gq5t9jta6r {
      margin-top: 22px;
      gap: 26px;
    }
    .nfmek0v54n .iqfkkxjhzn {
      font-size: 13px;
      padding-inline: 21px;
      gap: 22px;
    }
    .nfmek0v54n .n9za1f6awi {
      margin-top: 18px;
    }
    .vrg3rpqqin {
      max-width: none;
      width: calc(100% - 12px);
      justify-self: center;
      transform: rotate(1deg);
      padding: 9px;
    }
    .vppv9rt7h1 {
      height: 285px;
    }
    .vppv9rt7h1 > img {
      object-position: center 28%;
    }
    .zldkb1ju5n h3 {
      font-size: 34px;
    }
    .zldkb1ju5n > span {
      font-size: 10px;
    }
    .zldkb1ju5n p {
      font-size: 11px;
      margin-bottom: 7px;
    }
    .t9m6ldoi28 {
      font-size: 37px;
      top: 18px;
      left: 18px;
    }
    .wrn4m69z31 {
      padding-top: 8px;
      font-size: 16px;
    }
    .ji9df4p7zd {
      font-size: 100px;
      bottom: -20px;
    }
    .rvu70d617m {
      grid-template-columns: 1fr;
      gap: 25px;
      padding-block: 32px;
    }
    .j50m1ij7vt {
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 20px;
    }
    .j50m1ij7vt .zr7ney44i8 {
      margin: 0;
    }
    .j50m1ij7vt h2 {
      font-size: 21px;
    }
    .ibzotmp91g {
      gap: 24px 15px;
    }
    .g917mkcq16 h3 {
      font-size: 12px;
    }
    .g917mkcq16 p {
      font-size: 10px;
    }
    .i88a0gdzb5 {
      font-size: 23px;
    }
    .pexrvlzxkn {
      padding-block: 45px 35px;
    }
    .zgw79v05oi {
      gap: 15px;
      align-items: center;
    }
    .zgw79v05oi h2 {
      font-size: 27px;
    }
    .zr7ney44i8 {
      font-size: 9px;
    }
    .pexrvlzxkn > .f204b3q2it {
      font-size: 12px;
    }
    .jlynnl34xq {
      grid-auto-columns: 61%;
      gap: 18px;
      margin-top: 21px;
    }
    .endzlz5gus {
      aspect-ratio: 3 / 3.7;
    }
    .ezd4jc5ev8 {
      gap: 9px;
    }
    .ezd4jc5ev8 h3 {
      font-size: 17px;
    }
    .ezd4jc5ev8 > span {
      font-size: 22px;
    }
    .ezd4jc5ev8 p {
      font-size: 10px;
    }
    .vbk8nnqtc8 {
      padding-block: 40px;
    }
    .vbk8nnqtc8 .zgw79v05oi {
      align-items: start;
    }
    .vbk8nnqtc8 .n36v8jmibn {
      font-size: 9px;
      padding: 5px 8px;
      margin-top: 28px;
    }
    .x1r2vr1jpw {
      flex-direction: column;
      align-items: stretch;
      gap: 16px;
      margin-top: 22px;
    }
    .wlgt4ovh8k {
      gap: 8px;
    }
    .wlgt4ovh8k button {
      padding-inline: 18px;
      font-size: 12px;
      min-height: 40px;
    }
    .e5754c16hc {
      width: 100%;
    }
    .dc4ufldfd2 {
      padding-block: 12px 17px;
    }
    .d0ezbth0a4 {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .vfk1xtj3o4 {
      grid-template-columns: 106px 1fr;
    }
    .a4q9u59mmg img {
      min-height: 186px;
    }
    .esqk3pqswu {
      padding: 16px;
    }
    .vfk1xtj3o4 h3 {
      font-size: 19px;
    }
    .vfk1xtj3o4 p {
      font-size: 11px;
    }
    .vfk1xtj3o4 a {
      font-size: 11px;
    }
    .blqw8kcaxn {
      padding-block: 40px;
    }
    .tri9bofbyo {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .xympnu9t7d h2 {
      margin: 12px 0;
    }
    .xympnu9t7d h2 > span {
      font-size: 32px;
      margin-top: 10px;
    }
    .xympnu9t7d h2 br {
      display: none;
    }
    .xympnu9t7d > .s3ki4jk69y br {
      display: none;
    }
    .pm9vj91srb {
      margin-top: 20px;
    }
    .lfkpxfmr5e {
      padding-block: 21px;
      gap: 20px;
    }
    .wny4a8utx4 {
      font-size: 29px;
    }
    .p5me72qrry h3 {
      font-size: 19px;
    }
    .p5me72qrry p {
      max-width: none;
      font-size: 10px;
    }
    .okxblxo5qj {
      padding-block: 48px;
    }
    .csslnfcxyt {
      grid-template-columns: 1fr;
      gap: 32px;
    }
    .kbvq2ltq7w h2 {
      font-size: 34px;
      margin-block: 15px 20px;
    }
    .kbvq2ltq7w > p:not(.zr7ney44i8):not(.s3ki4jk69y) {
      max-width: none;
      font-size: 12px;
    }
    .klmik4lug8 {
      min-height: 470px;
      border-radius: 130px 130px 12px 12px;
      padding-inline: 16px;
    }
    [data-device="desktop"] .fehqi17edx {
      height: 290px;
    }
    [data-device="desktop"] .lnep9f3oxu {
      grid-template-columns: 1fr 0.9fr;
    }
    [data-device="desktop"] .paix2w0e4q {
      grid-template-columns: 1fr;
      gap: 7px;
    }
    [data-device="desktop"] .paix2w0e4q > div {
      display: grid;
      grid-template-columns: 40px 1fr;
      gap: 7px;
      align-items: center;
    }
    [data-device="desktop"] .paix2w0e4q img {
      height: 73px;
    }
    .utqybrf5iu {
      padding-block: 40px;
    }
    .utqybrf5iu .zgw79v05oi h2 {
      font-size: clamp(23px, 6vw, 28px);
    }
    .utqybrf5iu .f204b3q2it {
      font-size: 12px;
    }
    .guwe0l7h9n {
      grid-template-columns: 1fr;
      gap: 24px;
      margin-top: 27px;
    }
    .y4i84u8oiy {
      padding: 20px 0 0 50px;
    }
    .y4i84u8oiy > span {
      position: absolute;
      left: 0;
      top: 25px;
      font-size: 27px;
    }
    .y4i84u8oiy h3 {
      font-size: 17px;
      margin-bottom: 9px;
    }
    .y4i84u8oiy p {
      max-width: none;
      min-height: 0;
    }
    .y4i84u8oiy a {
      padding-top: 10px;
    }
    .m4usdkpz94 {
      padding-block: 45px;
    }
    .m4usdkpz94 .zgw79v05oi {
      display: block;
    }
    .m4usdkpz94 .n36v8jmibn {
      display: inline-block;
      margin-top: 15px;
    }
    .xfe1ip1859 {
      grid-template-columns: 1fr;
      margin-top: 20px;
      gap: 15px;
    }
    .qiqwyetkmn {
      padding: 22px;
    }
    .qiqwyetkmn blockquote {
      min-height: 0;
      font-size: 12px;
    }
    .qiqwyetkmn figcaption {
      margin-top: 16px;
    }
    .a5ccumyioy {
      padding-bottom: 45px;
    }
    .dyxv44ajbq {
      grid-template-columns: 1fr;
      gap: 25px;
      padding-top: 40px;
    }
    .mpa3xvts8n > p:not(.zr7ney44i8) {
      margin-top: 15px;
    }
    .mpa3xvts8n > p br {
      display: none;
    }
    .nwwdbe5hpe summary {
      font-size: 13px;
    }
    .nwwdbe5hpe details > p {
      font-size: 12px;
    }
    .nl3ebez1uo {
      padding-block: 40px;
    }
    .qi9ogyrp1p {
      grid-template-columns: 1fr;
      gap: 28px;
    }
    .nl3ebez1uo h2 {
      font-size: 36px;
    }
    .nl3ebez1uo .ra7deic8d2 {
      font-size: 9px;
    }
    .g3nuncow9e h3 {
      font-size: 19px;
    }
    .qyagbz0nd8 {
      padding-block: 40px 30px;
    }
    .wyyjrmei8l {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .qyagbz0nd8 h2 {
      font-size: 25px;
      gap: 20px;
    }
    .qyagbz0nd8 h2 span {
      font-size: 10px;
    }
    .qyagbz0nd8 p:not(.zr7ney44i8) {
      font-size: 11px;
    }
    .wyyjrmei8l aside {
      padding-left: 15px;
    }
    .wyyjrmei8l aside strong {
      font-size: 15px;
      margin-bottom: 9px;
    }
    .xeinh00o5b {
      grid-template-columns: 1fr;
      gap: 15px;
      padding-block: 25px;
    }
    .xeinh00o5b > div {
      gap: 10px 20px;
    }
    .iygag94hw2 {
      flex-direction: column;
      align-items: start;
      gap: 7px;
      padding-block: 20px;
      font-size: 9px;
    }
    .h26lg8r3ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      background: #fbf9f6f7;
      border-top: 1px solid #e1d7d0;
      position: fixed;
      z-index: 29;
      inset: auto 0 0;
      min-height: 62px;
      padding-bottom: env(safe-area-inset-bottom);
      backdrop-filter: blur(12px);
    }
    .h26lg8r3ul a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      font-size: 10px;
      line-height: 1.5;
      gap: 2px;
      color: #8a727b;
      min-height: 62px;
    }
    .h26lg8r3ul a > span {
      font-size: 22px;
      line-height: 1.1;
    }
    .h26lg8r3ul a[aria-current="location"] {
      color: var(--red);
    }
  }
  @media (max-width: 360px) {
    .fa7dsbpf6q {
      width: calc(100% - 30px);
    }
    .nfmek0v54n h2 {
      font-size: 33px;
    }
    .nfmek0v54n .iqfkkxjhzn {
      padding-inline: 15px;
    }
    .vbk8nnqtc8 .zgw79v05oi {
      display: block;
    }
    .vbk8nnqtc8 .n36v8jmibn {
      display: inline-block;
      margin-top: 12px;
    }
    .wlgt4ovh8k button {
      padding-inline: 16px;
    }
    .vfk1xtj3o4 {
      grid-template-columns: 88px 1fr;
    }
    .esqk3pqswu {
      padding: 14px;
    }
    .nl3ebez1uo .gq5t9jta6r {
      gap: 20px;
    }
  }
}
@layer motion {
  .vppv9rt7h1.c7mdzbaolg {
    animation: enter-frame 0.55s ease both;
  }
  @keyframes enter-frame {
    from {
      opacity: 0.3;
      transform: translateX(15px);
    }
    to {
      opacity: 1;
      transform: translateX(0);
    }
  }
  .uk33lrbkra {
    opacity: 0;
    transform: translateY(22px);
  }
  [data-reveal] {
    transition:
      opacity 0.7s ease,
      transform 0.7s ease;
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation: none !important;
      transition: none !important;
      scroll-behavior: auto !important;
    }
    .uk33lrbkra {
      opacity: 1;
      transform: none;
    }
  }
}