@charset "UTF-8";

/* taozishiping.net.cn/src/site.css */
@layer reset, base, layout, 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,
  a,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    cursor: pointer;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    color: inherit;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    color-scheme: light;
    --paper: #faf9f6;
    --ink: #272d36;
    --muted: #6e7378;
    --peach: #e76a52;
    --line: #e5e4de;
    --cream: #efede7;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 100px;
  }
  body {
    background: var(--paper);
    color: var(--ink);
    font-family: "Microsoft YaHei", "PingFang SC", "Noto Sans SC", sans-serif;
    font-size: 15px;
    line-height: 1.75;
  }
  h1,
  h2,
  h3 {
    line-height: 1.35;
  }
  h2 {
    font-size: 30px;
    letter-spacing: -1px;
    font-weight: 700;
  }
  h3 {
    font-size: 19px;
  }
  button,
  input {
    border: 0;
  }
  button {
    background: none;
  }
  a,
  button,
  summary,
  input {
    touch-action: manipulation;
  }
  :focus-visible {
    outline: 3px solid #6653ba;
    outline-offset: 5px;
  }
  ::selection {
    background: #f9c9b7;
    color: #272d36;
  }
  section[id] {
    scroll-margin-top: 100px;
  }
  .gbgt1fqe1a {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .sk7o2p0usk {
    position: fixed;
    top: -90px;
    left: 20px;
    z-index: 30;
    padding: 10px 20px;
    border-radius: 8px;
    background: white;
  }
  .sk7o2p0usk:focus {
    top: 14px;
  }
}
@layer layout {
  .amdymb3tbn {
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
  }
  .v5b4db9u0w {
    position: sticky;
    z-index: 20;
    top: 0;
    background: #faf9f6f2;
    -webkit-backdrop-filter: blur(18px);
    backdrop-filter: blur(18px);
    border-bottom: 1px solid var(--line);
  }
  .tb1ncefnpm {
    min-height: 84px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
  }
  .ryw8t43hvl {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 750;
    font-size: 23px;
    white-space: nowrap;
    letter-spacing: -1px;
  }
  .ryw8t43hvl small {
    display: block;
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 2.1px;
    margin-top: 1px;
  }
  .z45hqwwzmw {
    display: grid;
    place-items: center;
    width: 38px;
    height: 40px;
    padding-left: 3px;
    border-radius: 15px 15px 19px 19px;
    color: white;
    background: linear-gradient(145deg, #f6a081, #e86756);
    font-size: 17px;
    box-shadow: inset 0 0 0 1px #ffffff4a;
  }
  .do5a9bzykl {
    display: flex;
    align-items: center;
    gap: 35px;
    margin-left: auto;
  }
  .do5a9bzykl a {
    font-size: 14px;
    position: relative;
    padding: 26px 0;
  }
  .do5a9bzykl a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 19px;
    height: 2px;
    background: var(--peach);
    transform: scaleX(0);
    transition: transform 0.2s;
  }
  .do5a9bzykl a:hover::after {
    transform: scaleX(1);
  }
  .x9qld09sx2 {
    display: flex;
    align-items: center;
    gap: 22px;
  }
  .kk3ex89ula {
    border: 1px solid var(--line);
    border-radius: 30px;
    padding: 7px 17px;
    font-size: 13px;
    white-space: nowrap;
  }
  .kk3ex89ula span {
    margin-left: 14px;
  }
  .iawm6qc6jm {
    position: relative;
  }
  .iawm6qc6jm summary {
    display: grid;
    place-items: center;
    width: 36px;
    height: 40px;
    list-style: none;
    cursor: pointer;
    font-size: 24px;
  }
  .iawm6qc6jm summary::-webkit-details-marker {
    display: none;
  }
  .iawm6qc6jm nav {
    position: absolute;
    right: 0;
    top: 52px;
    width: 400px;
    padding: 24px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6px;
    background: white;
    border: 1px solid var(--line);
    border-radius: 16px;
    box-shadow: 0 20px 50px #252d3618;
  }
  .iawm6qc6jm nav a {
    padding: 8px;
    font-size: 13px;
    border-radius: 6px;
  }
  .iawm6qc6jm nav a:hover {
    background: #fff0e8;
  }
  .gf5krxqsa6 {
    overflow: hidden;
    padding-top: 23px;
    background: radial-gradient(ellipse at 15% 30%, #fff0e370, transparent 60%);
  }
  .er6az2s48n {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--muted);
    font-size: 11px;
    letter-spacing: 1px;
    padding-bottom: 28px;
  }
  .qdf709z9fb {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--peach);
    margin: 0 9px 2px 0;
  }
  .uz944g9ha6 {
    display: grid;
    grid-template-columns: 0.88fr 1.12fr;
    align-items: center;
    gap: 42px;
  }
  .lclh3dyy6y {
    padding: 5px 0 35px;
    position: relative;
  }
  .v4e2m3kcy5 {
    font-size: 10px;
    line-height: 1.5;
    letter-spacing: 2px;
    color: var(--muted);
    font-weight: 600;
  }
  .lclh3dyy6y h1 {
    font-size: 16px;
    margin: 26px 0 13px;
    letter-spacing: 1px;
  }
  .lclh3dyy6y h1 a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  .d2v8nofxaa {
    width: 25px;
    height: 25px;
    border-radius: 50%;
  }
  .lclh3dyy6y h2 {
    font-size: clamp(42px, 4.4vw, 66px);
    font-weight: 750;
    line-height: 1.3;
    letter-spacing: -3px;
  }
  .lclh3dyy6y h2 span {
    color: var(--peach);
  }
  .lwr2jiexuu {
    color: #6b7078;
    margin-top: 24px;
    line-height: 1.95;
    font-size: 14px;
  }
  .slmhnqx1oz {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
    margin-top: 28px;
  }
  .g5jyfkewfm {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    min-height: 48px;
    padding: 12px 23px;
    border-radius: 9px;
    color: white;
    background: linear-gradient(115deg, #eb7861, #d95652);
    box-shadow: 0 8px 20px #de6b4c20;
    font-size: 13px;
    font-weight: 600;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .g5jyfkewfm:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 23px #de6b4c35;
  }
  .hwy9x5cxed {
    display: inline-flex;
    align-items: center;
    gap: 18px;
    font-size: 13px;
    line-height: 1.7;
  }
  .hwy9x5cxed:hover {
    color: var(--peach);
  }
  .lkbmd9ipah {
    color: var(--muted);
    font-size: 10px;
    margin-top: 18px;
    letter-spacing: 0.5px;
  }
  .pyh05oviqh {
    min-width: 0;
  }
  .hfrmi75029 {
    height: 473px;
    position: relative;
    border-radius: 140px 16px 16px 16px;
    overflow: hidden;
    background: #dbe4e3;
    isolation: isolate;
  }
  .w5jtfm4a28 {
    width: 100%;
    height: 100%;
    object-position: center;
  }
  .hfrmi75029::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent 35%, #111e27b5);
    pointer-events: none;
  }
  .hfrmi75029 figcaption {
    position: absolute;
    inset: 28px 30px;
    z-index: 1;
    color: white;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
  }
  .hfrmi75029 figcaption div {
    align-self: flex-start;
  }
  .hfrmi75029 figcaption p {
    font-size: 12px;
    letter-spacing: 1px;
    opacity: 0.9;
    margin-bottom: 8px;
  }
  .hfrmi75029 h3 {
    font-size: 34px;
    font-weight: 500;
    letter-spacing: 2px;
  }
  .x8rxzj0xsr {
    background: #ffffff20;
    border: 1px solid #ffffff65;
    border-radius: 25px;
    padding: 5px 13px;
    font-size: 10px;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
  }
  .v2b8u4gqp3 {
    display: flex;
    align-items: center;
    gap: 22px;
    height: 57px;
  }
  .yvsbahjb14 {
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 1px;
    min-width: 68px;
  }
  .yvsbahjb14 span {
    font-size: 10px;
    color: #8c9093;
    font-weight: 400;
  }
  .ofe1vyshp7 {
    display: flex;
    gap: 1px;
  }
  .ofe1vyshp7 button {
    width: 26px;
    height: 32px;
    padding: 10px 4px;
  }
  .ofe1vyshp7 button::after {
    content: "";
    display: block;
    height: 3px;
    background: #d9d9d3;
    border-radius: 3px;
    transition: background 0.25s;
  }
  .ofe1vyshp7 button[aria-pressed="true"]::after {
    background: var(--peach);
  }
  .c8wxf56faf {
    margin-left: auto;
    display: flex;
    gap: 5px;
  }
  .c8wxf56faf button {
    width: 35px;
    height: 35px;
    border: 1px solid var(--line);
    border-radius: 50%;
    font-size: 14px;
  }
  .c8wxf56faf button:hover {
    background: #efece5;
  }
  .ayr6zbhqzj {
    margin-top: 28px;
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    display: flex;
    align-items: center;
    min-height: 80px;
    gap: 34px;
  }
  .ayr6zbhqzj > span {
    font-size: 12px;
    color: var(--muted);
    margin-right: auto;
  }
  .ayr6zbhqzj a {
    display: flex;
    align-items: center;
    gap: 40px;
    padding: 12px 0;
    font-size: 13px;
  }
  .ayr6zbhqzj a span {
    color: var(--peach);
  }
  .coirvkifqp {
    padding-block: 65px;
  }
  .afse9hdswz {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
  }
  .afse9hdswz h2 {
    margin-top: 10px;
  }
  .afse9hdswz h2 > span {
    display: inline-block;
    font-size: 12px;
    color: var(--muted);
    letter-spacing: 0;
    font-weight: 400;
    margin-left: 20px;
  }
  .rhijm6porx {
    color: var(--muted);
    font-size: 12px;
    margin-top: 13px;
  }
  .mbgbu2j5c8 {
    margin-top: 28px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
  }
  .dfrudzi5hm {
    min-width: 0;
  }
  .icnchylbyf {
    aspect-ratio: 0.8;
    overflow: hidden;
    border-radius: 11px;
    position: relative;
    background: #deddd5;
  }
  .icnchylbyf img {
    width: 100%;
    height: 100%;
    transition:
      transform 0.5s,
      filter 0.5s;
  }
  .dfrudzi5hm:hover img {
    transform: scale(1.045);
    filter: brightness(0.85);
  }
  .r2auyltus9 {
    position: absolute;
    top: 12px;
    left: 14px;
    color: white;
    font-size: 20px;
    text-shadow: 0 1px 8px #0008;
    font-family: Georgia, serif;
  }
  .fhomtpub4t {
    position: absolute;
    bottom: 13px;
    left: 13px;
    right: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 9px 13px;
    background: #fffffff0;
    border-radius: 6px;
    font-size: 12px;
    opacity: 0;
    transform: translateY(8px);
    transition:
      opacity 0.2s,
      transform 0.2s;
  }
  .dfrudzi5hm:hover .fhomtpub4t,
  .dfrudzi5hm:focus-within .fhomtpub4t {
    opacity: 1;
    transform: translateY(0);
  }
  .i5zh4hyyiy {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    font-size: 10px;
    color: var(--muted);
    margin-top: 14px;
  }
  .i5zh4hyyiy span:last-child {
    color: #ad6655;
  }
  .dfrudzi5hm h3 {
    margin-top: 6px;
  }
  .dfrudzi5hm p {
    font-size: 12px;
    color: var(--muted);
    margin-top: 5px;
  }
  .ac26wnbm0p {
    background: var(--cream);
    padding-block: 40px;
  }
  .wmi5rk0sjh {
    display: grid;
    grid-template-columns: 1.3fr repeat(4, 1fr);
    gap: 25px;
    align-items: start;
  }
  .wmi5rk0sjh > div h2 {
    font-size: 24px;
    margin-top: 15px;
  }
  .wmi5rk0sjh > div > p:last-child {
    font-size: 11px;
    margin-top: 12px;
    color: var(--muted);
  }
  .wmi5rk0sjh article {
    padding: 10px 0 0 22px;
    border-left: 1px solid #d9d8d0;
    min-height: 172px;
  }
  .wmi5rk0sjh article > span {
    font-size: 12px;
    color: #9b6b5d;
  }
  .wmi5rk0sjh article h3 {
    font-size: 15px;
    margin: 24px 0 10px;
  }
  .wmi5rk0sjh article p {
    font-size: 12px;
    color: var(--muted);
  }
  .qpxjg4zzwu {
    display: grid;
    grid-template-columns: minmax(0, 2.1fr) minmax(260px, 1fr);
    gap: 55px;
    padding-block: 75px;
  }
  .jrf8icl294 {
    font-size: 11px;
    color: var(--muted);
  }
  .yh6naiv5vr {
    margin-top: 27px;
    display: flex;
    align-items: center;
    background: white;
    border: 1px solid #deded7;
    border-radius: 7px;
    padding: 5px 6px 5px 14px;
  }
  .yh6naiv5vr > span {
    font-size: 24px;
    line-height: 1;
    margin-right: 10px;
  }
  .yh6naiv5vr input {
    width: 100%;
    min-width: 0;
    background: transparent;
    font-size: 12px;
    padding: 10px 3px;
    outline-offset: 0;
  }
  .yh6naiv5vr button {
    font-size: 11px;
    padding: 8px 15px;
    background: #efeee8;
    border-radius: 4px;
    flex-shrink: 0;
  }
  .retjz96r7y {
    display: flex;
    align-items: center;
    gap: 7px;
    margin: 18px 0 27px;
    flex-wrap: wrap;
  }
  .retjz96r7y button {
    padding: 6px 15px;
    border-radius: 5px;
    font-size: 12px;
  }
  .retjz96r7y button[aria-pressed="true"] {
    background: #2d333c;
    color: white;
  }
  .retjz96r7y > span {
    font-size: 10px;
    color: var(--muted);
    margin-left: auto;
  }
  .qco3w73d9k {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 27px 22px;
  }
  .n5jydi8srh {
    display: grid;
    grid-template-columns: 95px 1fr;
    gap: 15px;
    border-bottom: 1px solid var(--line);
    padding-bottom: 22px;
    min-width: 0;
  }
  .r4h2cfhtrq {
    height: 144px;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    background: #e8e4da;
  }
  .r4h2cfhtrq img {
    height: 100%;
    width: 100%;
    transition: transform 0.3s;
  }
  .n5jydi8srh:hover img {
    transform: scale(1.05);
  }
  .r4h2cfhtrq > span {
    position: absolute;
    bottom: 5px;
    left: 5px;
    padding: 2px 6px;
    font-size: 9px;
    border-radius: 3px;
    color: white;
    background: #30313ab0;
  }
  .n5jydi8srh > div:last-child {
    min-width: 0;
    padding-top: 2px;
  }
  .n5jydi8srh .v4e2m3kcy5 {
    color: #ac745e;
    font-size: 9px;
    letter-spacing: 1px;
  }
  .n5jydi8srh h3 {
    font-size: 17px;
    margin-top: 6px;
  }
  .n5jydi8srh h3 + p {
    font-size: 11px;
    margin-top: 8px;
    line-height: 1.7;
    color: var(--muted);
  }
  .jf2yv91jgw {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    font-size: 10px;
    border-bottom: 1px solid #ccc9bd;
    padding: 0 0 4px;
    margin-top: 15px;
  }
  .jf2yv91jgw:hover {
    color: var(--peach);
  }
  .pe66khjtc6 {
    min-width: 0;
  }
  .htl7wg5z7y {
    background: #f0eee8;
    border-radius: 12px;
    padding: 28px 25px 20px;
  }
  .cb91x8jg7f {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cb91x8jg7f > span {
    color: var(--peach);
    font-size: 25px;
  }
  .htl7wg5z7y h2 {
    font-size: 26px;
    margin-top: 5px;
  }
  .htl7wg5z7y h2 + p {
    font-size: 11px;
    color: var(--muted);
    margin-top: 7px;
  }
  .htl7wg5z7y ol {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
  }
  .htl7wg5z7y li {
    display: flex;
    align-items: center;
    gap: 15px;
    border-top: 1px solid #dddcd3;
    padding: 16px 0;
  }
  .fklk1v1kh3 {
    font-size: 24px;
    color: #8e9398;
    font-family: Georgia, serif;
    line-height: 1;
  }
  .htl7wg5z7y li:first-child .fklk1v1kh3 {
    color: var(--peach);
  }
  .htl7wg5z7y li h3 {
    font-size: 14px;
  }
  .htl7wg5z7y li p {
    font-size: 10px;
    color: var(--muted);
    margin-top: 3px;
  }
  .b66acff0ve {
    font-size: 10px;
    margin-left: auto;
    padding: 8px 0 8px 8px;
    white-space: nowrap;
  }
  .b66acff0ve span {
    margin-left: 9px;
  }
  .d1xab120dc {
    font-size: 10px;
    color: var(--muted);
    border-top: 1px solid #dddcd3;
    padding-top: 15px;
  }
  .htl7wg5z7y > a {
    display: block;
    font-size: 11px;
    margin-top: 18px;
  }
  .ifo70n8f78 {
    position: relative;
    padding: 28px 8px 0 35px;
  }
  .ifo70n8f78 > span {
    position: absolute;
    left: 0;
    top: 10px;
    font:
      60px Georgia,
      serif;
    color: #dba18d;
  }
  .ifo70n8f78 p {
    font-size: 13px;
  }
  .ifo70n8f78 small {
    color: #85888c;
    font-size: 8px;
    letter-spacing: 2px;
    display: block;
    margin-top: 12px;
  }
  .u1f34duoav {
    padding: 30px;
    border: 1px dashed #d9d6c8;
    border-radius: 8px;
  }
  .u1f34duoav p {
    color: var(--muted);
    font-size: 13px;
    margin-top: 10px;
  }
  .tthx7wswmp {
    background: #e9eced;
    overflow: hidden;
    padding-block: 65px;
  }
  .x32p3fuvuo {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 60px;
    align-items: center;
  }
  .otu8nre4ns h2 {
    font-size: 38px;
    line-height: 1.5;
    margin-top: 15px;
    letter-spacing: -1.5px;
  }
  .otu8nre4ns h2 span {
    color: #6c7088;
  }
  .otu8nre4ns h2 + p {
    color: var(--muted);
    font-size: 13px;
    line-height: 1.9;
    margin-top: 18px;
  }
  .tp4q5z5kng {
    display: inline-flex;
    background: #dce0e2;
    padding: 4px;
    border-radius: 7px;
    margin: 23px 0 11px;
  }
  .tp4q5z5kng button {
    padding: 8px 20px;
    font-size: 12px;
    border-radius: 5px;
  }
  .tp4q5z5kng button[aria-pressed="true"] {
    background: white;
    box-shadow: 0 2px 5px #00000008;
  }
  .otu8nre4ns .hwy9x5cxed {
    margin-top: 18px;
  }
  .fjoujj3wy8 {
    min-height: 375px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    position: relative;
  }
  .fjoujj3wy8::before {
    content: "";
    position: absolute;
    width: 360px;
    height: 360px;
    background: #d6dde0;
    border-radius: 50%;
    z-index: 0;
  }
  .ro4m4jpknn {
    border: 7px solid #353a44;
    background: #faf9f6;
    border-radius: 14px;
    width: 100%;
    max-width: 590px;
    box-shadow: 20px 28px 35px #39465425;
    overflow: hidden;
    position: relative;
    z-index: 1;
    transition: max-width 0.4s;
  }
  .inwagxvrhz {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 11px 13px;
    font-size: 8px;
    border-bottom: 1px solid #e6e5df;
  }
  .inwagxvrhz span:first-child {
    font-size: 7px;
    letter-spacing: 2px;
    color: #c9b8a8;
  }
  .s20m0vu6rz {
    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    padding: 20px;
    gap: 10px;
    align-items: center;
  }
  .s20m0vu6rz img {
    width: 100%;
    height: 235px;
    border-radius: 60px 5px 5px 5px;
  }
  .bxuuxkl398 {
    font-size: 7px;
    letter-spacing: 2px;
    color: #987d6d;
  }
  .s20m0vu6rz h3 {
    font-size: 27px;
    letter-spacing: -1px;
    margin-top: 12px;
  }
  .s20m0vu6rz p {
    font-size: 8px;
    margin-top: 12px;
    color: var(--muted);
  }
  .g61sd4ohjl {
    display: inline-block;
    padding: 6px 10px;
    background: #e97e68;
    color: white;
    font-size: 8px;
    border-radius: 4px;
    margin-top: 16px;
  }
  .vhpwv3idmo {
    display: flex;
    justify-content: space-around;
    font-size: 8px;
    padding: 12px;
    border-top: 1px solid var(--line);
  }
  .uikpf067jx {
    position: relative;
    margin-top: 24px;
    font-size: 8px;
    letter-spacing: 2px;
    color: #7a8187;
  }
  [data-device-scene="mobile"] .ro4m4jpknn {
    max-width: 205px;
    border-radius: 28px;
    border-width: 7px;
  }
  [data-device-scene="mobile"] .inwagxvrhz {
    font-size: 6px;
    gap: 8px;
    padding-top: 16px;
  }
  [data-device-scene="mobile"] .s20m0vu6rz {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    padding: 15px;
    gap: 13px;
  }
  [data-device-scene="mobile"] .s20m0vu6rz h3 {
    font-size: 21px;
  }
  [data-device-scene="mobile"] .s20m0vu6rz img {
    height: 130px;
    border-radius: 40px 5px 5px 5px;
  }
  [data-device-scene="mobile"] .s20m0vu6rz h3 br {
    display: none;
  }
  [data-device-scene="mobile"] .g61sd4ohjl {
    display: none;
  }
  [data-device-scene="mobile"] .s20m0vu6rz p {
    margin-top: 7px;
  }
  .cec5z348xv {
    padding-block: 65px;
  }
  .cec5z348xv h2 {
    margin-top: 12px;
  }
  .cec5z348xv ol {
    list-style: none;
    padding: 0;
    margin: 38px 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
  }
  .cec5z348xv li {
    display: flex;
    gap: 23px;
    padding-top: 24px;
    border-top: 1px solid var(--line);
  }
  .cec5z348xv li > span {
    font:
      32px Georgia,
      serif;
    color: #c8a08d;
  }
  .cec5z348xv li h3 {
    font-size: 17px;
  }
  .cec5z348xv li p {
    font-size: 12px;
    color: var(--muted);
    margin-top: 9px;
  }
  .cec5z348xv li a {
    display: inline-block;
    font-size: 11px;
    margin-top: 14px;
  }
  .fkceujdmbq {
    background: #f0eee8;
    padding-block: 50px;
  }
  .v8gxjywbu9 {
    color: #7d6d63;
    font-size: 10px;
    border: 1px solid #d8cfc6;
    border-radius: 20px;
    padding: 4px 10px;
    white-space: nowrap;
  }
  .mu1kajtzlx {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 26px;
    margin-top: 30px;
  }
  .mu1kajtzlx figure {
    padding: 26px;
    background: #faf9f6;
    border-radius: 9px;
  }
  .mu1kajtzlx blockquote {
    font-size: 13px;
    line-height: 1.95;
    color: #535a62;
  }
  .mu1kajtzlx figcaption {
    display: flex;
    align-items: center;
    gap: 11px;
    font-size: 11px;
    margin-top: 22px;
  }
  .mu1kajtzlx figcaption > span {
    display: grid;
    place-items: center;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    background: #eaded3;
    color: #906c57;
    font-size: 12px;
  }
  .mu1kajtzlx figure:nth-child(2) figcaption > span {
    background: #dce1da;
    color: #68785f;
  }
  .mu1kajtzlx figure:nth-child(3) figcaption > span {
    background: #e4dfe8;
    color: #7d6b8d;
  }
  .mu1kajtzlx small {
    display: block;
    color: var(--muted);
    font-size: 9px;
    margin-top: 2px;
  }
  .i0zm251n8y {
    padding-block: 75px;
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 100px;
  }
  .i0zm251n8y h2 {
    margin-top: 15px;
    font-size: 36px;
    line-height: 1.5;
  }
  .i0zm251n8y h2 + p {
    color: var(--muted);
    font-size: 12px;
    margin-top: 20px;
  }
  .egzsgphgsn details {
    border-bottom: 1px solid var(--line);
  }
  .egzsgphgsn details:first-child {
    border-top: 1px solid var(--line);
  }
  .egzsgphgsn summary {
    list-style: none;
    cursor: pointer;
    padding: 21px 40px 21px 0;
    position: relative;
    font-size: 14px;
  }
  .egzsgphgsn summary::-webkit-details-marker {
    display: none;
  }
  .egzsgphgsn summary::after {
    content: "+";
    position: absolute;
    right: 5px;
    top: 18px;
    font-size: 22px;
    color: #8b8b84;
  }
  .egzsgphgsn details[open] summary::after {
    content: "−";
  }
  .egzsgphgsn details p {
    padding: 0 45px 23px 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.9;
  }
  .o24lhf82x0 {
    display: grid;
    grid-template-columns: 1.45fr 1fr;
    gap: 55px;
    align-items: center;
    background: #f9e7dc;
    border-radius: 17px;
    padding: 45px 55px;
    margin-bottom: 65px;
  }
  .kegibqr8oi h2 {
    margin-top: 16px;
  }
  .icxftgxh02 {
    font-size: 20px;
    margin-top: 8px;
  }
  .icxftgxh02 + p {
    font-size: 12px;
    color: #806f64;
    margin-top: 15px;
  }
  .scjjxpwvom {
    background: #fff8f1;
    border: 1px solid #f0d8c5;
    padding: 23px;
    border-radius: 11px;
    display: grid;
    grid-template-columns: 45px 1fr;
    gap: 10px 13px;
  }
  .yzjlurgsu5 {
    width: 44px;
    height: 46px;
    border-radius: 14px;
    display: grid;
    place-items: center;
    color: white;
    background: linear-gradient(140deg, #f4a17f, #df665b);
    font-size: 17px;
  }
  .scjjxpwvom strong {
    font-size: 16px;
    display: block;
  }
  .scjjxpwvom > div > span {
    font-size: 10px;
    color: #8e7c6f;
  }
  .scjjxpwvom dl {
    grid-column: 1/-1;
    margin-top: 8px;
  }
  .scjjxpwvom dl > div {
    display: flex;
    justify-content: space-between;
    padding: 8px 0;
    border-top: 1px solid #ebdfd3;
    font-size: 12px;
  }
  .scjjxpwvom dd {
    color: #967d6b;
    font-size: 10px;
  }
  .scjjxpwvom > p {
    grid-column: 1/-1;
    font-size: 9px;
    color: #8a7e72;
  }
  .q6gz6s2ihi {
    border-top: 1px solid var(--line);
    padding-top: 45px;
  }
  .scf94ngimt {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 40px;
  }
  .scf94ngimt h2 {
    font-size: 23px;
    margin-top: 14px;
  }
  .scf94ngimt > p {
    color: var(--muted);
    font-size: 12px;
    line-height: 2;
  }
  .puxegz06ll {
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 40px;
    padding: 28px 0 35px;
    margin-top: 30px;
    border-top: 1px solid var(--line);
  }
  .puxegz06ll h2 {
    font-size: 13px;
    letter-spacing: 0;
  }
  .puxegz06ll nav {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
  }
  .puxegz06ll a {
    font-size: 10px;
    color: var(--muted);
  }
  .puxegz06ll a:hover {
    color: var(--peach);
  }
  .cw2284rl3q {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 25px 0 30px;
    border-top: 1px solid var(--line);
  }
  .cw2284rl3q .ryw8t43hvl {
    font-size: 17px;
    letter-spacing: 0;
  }
  .cw2284rl3q .z45hqwwzmw {
    width: 26px;
    height: 28px;
    font-size: 11px;
    border-radius: 9px;
  }
  .cw2284rl3q p {
    font-size: 9px;
    color: #777e83;
    margin-left: auto;
    text-align: right;
  }
  .cw2284rl3q > a:last-child {
    font-size: 10px;
    color: var(--muted);
    margin-left: 15px;
  }
  .s6zns00mqb {
    display: none;
  }
  .fhy20b00j1 {
    border: 1px solid var(--line);
    background: var(--paper);
    color: var(--ink);
    padding: 36px;
    border-radius: 16px;
    width: min(750px, calc(100% - 30px));
    max-height: calc(100dvh - 40px);
    overflow: auto;
    box-shadow: 0 25px 100px #1119;
  }
  .fhy20b00j1::backdrop {
    background: #202832b0;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
  }
  .gcd483vwlg {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 28px;
    padding: 0 10px;
    z-index: 1;
  }
  .e4zo0wtdu0 {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 30px;
    align-items: center;
  }
  .e4zo0wtdu0 > img {
    width: 100%;
    height: 350px;
    border-radius: 8px;
  }
  .e4zo0wtdu0 h2 {
    margin-top: 15px;
    font-size: 27px;
  }
  .ozmvy6qar6 {
    font-size: 14px;
    margin-top: 17px;
    color: #99644d;
  }
  .ozmvy6qar6 + p {
    font-size: 12px;
    line-height: 1.9;
    margin-top: 15px;
  }
  .e4zo0wtdu0 aside {
    font-size: 10px;
    color: var(--muted);
    border-top: 1px solid var(--line);
    padding-top: 16px;
    margin: 18px 0;
  }
  .o3qi2xdwf6 {
    padding: 20px;
    text-align: center;
    background: #fae1cf;
    font-size: 13px;
  }
}
@layer responsive {
  @media (min-width: 1500px) {
    .hfrmi75029 {
      height: 510px;
    }
  }
  @media (max-width: 1150px) {
    .amdymb3tbn {
      width: calc(100% - 60px);
    }
    .do5a9bzykl {
      gap: 22px;
    }
    .tb1ncefnpm {
      gap: 20px;
    }
    .uz944g9ha6 {
      gap: 25px;
    }
    .hfrmi75029 {
      height: 440px;
    }
    .lclh3dyy6y h2 {
      font-size: 51px;
    }
    .ayr6zbhqzj {
      gap: 22px;
    }
    .ayr6zbhqzj a {
      gap: 18px;
    }
    .wmi5rk0sjh {
      gap: 17px;
    }
    .wmi5rk0sjh article {
      padding-left: 17px;
    }
    .qpxjg4zzwu {
      gap: 30px;
      grid-template-columns: minmax(0, 1fr) 280px;
    }
    .qco3w73d9k {
      grid-template-columns: 1fr;
    }
    .n5jydi8srh {
      grid-template-columns: 85px 1fr;
    }
    .r4h2cfhtrq {
      height: 125px;
    }
    .x32p3fuvuo {
      gap: 35px;
    }
    .otu8nre4ns h2 {
      font-size: 31px;
    }
    .i0zm251n8y {
      gap: 50px;
    }
    .o24lhf82x0 {
      gap: 30px;
      padding-inline: 35px;
    }
  }
  @media (max-width: 850px) {
    .do5a9bzykl {
      display: none;
    }
    .tb1ncefnpm {
      min-height: 73px;
    }
    .x9qld09sx2 {
      margin-left: auto;
    }
    .uz944g9ha6 {
      grid-template-columns: 0.9fr 1.1fr;
      gap: 22px;
    }
    .lclh3dyy6y h2 {
      font-size: 40px;
      letter-spacing: -2px;
    }
    .hfrmi75029 {
      height: 395px;
      border-top-left-radius: 100px;
    }
    .lclh3dyy6y .slmhnqx1oz {
      gap: 13px;
    }
    .lclh3dyy6y .g5jyfkewfm {
      padding: 10px 16px;
      gap: 15px;
      min-height: 43px;
    }
    .lclh3dyy6y .hwy9x5cxed {
      font-size: 11px;
    }
    .ayr6zbhqzj {
      gap: 20px;
    }
    .ayr6zbhqzj > span {
      display: none;
    }
    .ayr6zbhqzj a {
      flex: 1;
      justify-content: space-between;
    }
    .afse9hdswz h2 > span {
      display: block;
      margin: 7px 0 0;
    }
    .mbgbu2j5c8 {
      gap: 18px;
    }
    .dfrudzi5hm h3 {
      font-size: 17px;
    }
    .i5zh4hyyiy span:last-child {
      display: none;
    }
    .fhomtpub4t {
      opacity: 1;
      transform: none;
      font-size: 10px;
      padding: 6px 9px;
      left: 8px;
      right: 8px;
      bottom: 8px;
    }
    .wmi5rk0sjh {
      grid-template-columns: repeat(4, 1fr);
    }
    .wmi5rk0sjh > div {
      grid-column: 1/-1;
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 20px;
    }
    .wmi5rk0sjh > div h2 {
      margin: 0;
      font-size: 22px;
    }
    .wmi5rk0sjh > div h2 br {
      display: none;
    }
    .wmi5rk0sjh > div .v4e2m3kcy5 {
      max-width: 160px;
    }
    .wmi5rk0sjh > div > p:last-child {
      display: none;
    }
    .wmi5rk0sjh article {
      min-height: auto;
    }
    .wmi5rk0sjh article h3 {
      margin-top: 18px;
    }
    .qpxjg4zzwu {
      gap: 25px;
      grid-template-columns: minmax(0, 1fr) 250px;
    }
    .lvjmrikecj .afse9hdswz {
      flex-direction: column;
      align-items: flex-start;
      gap: 8px;
    }
    .lvjmrikecj h2 {
      font-size: 26px;
    }
    .htl7wg5z7y {
      padding: 24px 18px;
    }
    .x32p3fuvuo {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .otu8nre4ns {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 8px 30px;
    }
    .otu8nre4ns .v4e2m3kcy5 {
      grid-column: 1/-1;
    }
    .otu8nre4ns h2 {
      grid-row: span 3;
      font-size: 33px;
    }
    .otu8nre4ns h2 + p {
      margin-top: 15px;
    }
    .tp4q5z5kng {
      margin-top: 15px;
      justify-self: start;
    }
    .otu8nre4ns .hwy9x5cxed {
      grid-column: 1/-1;
      margin-top: 10px;
    }
    .fjoujj3wy8 {
      min-height: 385px;
    }
    .mu1kajtzlx {
      gap: 15px;
    }
    .mu1kajtzlx figure {
      padding: 20px;
    }
    .mu1kajtzlx blockquote {
      font-size: 12px;
    }
    .cec5z348xv ol {
      gap: 24px;
    }
    .cec5z348xv li {
      gap: 12px;
    }
    .i0zm251n8y {
      grid-template-columns: 1fr 2fr;
      gap: 30px;
    }
    .o24lhf82x0 {
      grid-template-columns: 1.25fr 1fr;
      padding: 35px 25px;
      gap: 25px;
    }
    .kegibqr8oi h2 {
      font-size: 25px;
    }
    .icxftgxh02 {
      font-size: 16px;
    }
    .kegibqr8oi br {
      display: none;
    }
    .kegibqr8oi .slmhnqx1oz {
      gap: 15px;
    }
  }
  @media (max-width: 600px) {
    html {
      scroll-padding-top: 84px;
    }
    body {
      font-size: 14px;
      padding-bottom: calc(63px + env(safe-area-inset-bottom));
    }
    .amdymb3tbn {
      width: calc(100% - 38px);
    }
    .tb1ncefnpm {
      min-height: 67px;
      gap: 10px;
    }
    .ryw8t43hvl {
      font-size: 20px;
      gap: 8px;
    }
    .ryw8t43hvl small {
      font-size: 7px;
      letter-spacing: 1.3px;
    }
    .z45hqwwzmw {
      width: 32px;
      height: 34px;
      border-radius: 12px;
      font-size: 14px;
    }
    .x9qld09sx2 {
      gap: 10px;
    }
    .kk3ex89ula {
      font-size: 10px;
      padding: 5px 11px;
    }
    .kk3ex89ula span {
      margin-left: 7px;
    }
    .iawm6qc6jm summary {
      width: 29px;
      font-size: 21px;
    }
    .iawm6qc6jm nav {
      width: min(340px, calc(100vw - 38px));
      top: 47px;
      padding: 15px;
      gap: 3px;
    }
    .iawm6qc6jm nav a {
      font-size: 11px;
    }
    .gf5krxqsa6 {
      padding-top: 20px;
    }
    .er6az2s48n {
      font-size: 9px;
      letter-spacing: 0.3px;
      padding-bottom: 23px;
    }
    .uz944g9ha6 {
      grid-template-columns: 1fr;
      gap: 4px;
    }
    .lclh3dyy6y {
      padding: 2px 0 30px;
    }
    .lclh3dyy6y > .v4e2m3kcy5 {
      font-size: 8px;
      letter-spacing: 1.8px;
    }
    .lclh3dyy6y h1 {
      font-size: 14px;
      margin: 17px 0 10px;
    }
    .lclh3dyy6y h2 {
      font-size: clamp(39px, 10.7vw, 58px);
      line-height: 1.3;
    }
    .lwr2jiexuu {
      font-size: 12px;
      margin-top: 18px;
    }
    .lclh3dyy6y .slmhnqx1oz {
      margin-top: 23px;
      gap: 23px;
    }
    .lclh3dyy6y .g5jyfkewfm {
      font-size: 12px;
      padding: 12px 19px;
    }
    .lkbmd9ipah {
      font-size: 9px;
      margin-top: 12px;
    }
    .hfrmi75029 {
      height: 300px;
      border-radius: 90px 10px 10px 10px;
    }
    .hfrmi75029 figcaption {
      inset: 22px;
    }
    .hfrmi75029 figcaption p {
      font-size: 10px;
    }
    .hfrmi75029 h3 {
      font-size: 27px;
    }
    .x8rxzj0xsr {
      font-size: 9px;
    }
    .v2b8u4gqp3 {
      height: 52px;
    }
    .yvsbahjb14 {
      font-size: 14px;
    }
    .c8wxf56faf button {
      width: 32px;
      height: 32px;
    }
    .ayr6zbhqzj {
      margin-top: 13px;
      gap: 10px;
      min-height: 65px;
      flex-wrap: wrap;
      padding-block: 12px;
    }
    .ayr6zbhqzj a {
      min-width: calc(50% - 10px);
      flex-basis: calc(50% - 10px);
      font-size: 11px;
      padding: 5px 7px;
    }
    .ayr6zbhqzj a:nth-last-child(-n + 2) {
      border-top: 1px solid var(--line);
      padding-top: 12px;
    }
    .coirvkifqp {
      padding-block: 39px;
    }
    h2 {
      font-size: 25px;
    }
    .afse9hdswz {
      align-items: center;
      gap: 12px;
    }
    .afse9hdswz h2 {
      margin-top: 8px;
    }
    .afse9hdswz h2 > span {
      font-size: 10px;
    }
    .afse9hdswz > .hwy9x5cxed {
      font-size: 10px;
      max-width: 76px;
    }
    .v4e2m3kcy5 {
      font-size: 8px;
      letter-spacing: 1.5px;
    }
    .rhijm6porx {
      font-size: 11px;
    }
    .mbgbu2j5c8 {
      grid-template-columns: 1fr 1fr;
      gap: 25px 15px;
      margin-top: 23px;
    }
    .icnchylbyf {
      border-radius: 7px;
      aspect-ratio: 0.75;
    }
    .r2auyltus9 {
      font-size: 18px;
      left: 10px;
      top: 8px;
    }
    .dfrudzi5hm h3 {
      font-size: 16px;
    }
    .dfrudzi5hm p {
      font-size: 10px;
    }
    .i5zh4hyyiy {
      margin-top: 10px;
      font-size: 9px;
    }
    .ac26wnbm0p {
      padding-block: 28px;
    }
    .wmi5rk0sjh {
      grid-template-columns: 1fr 1fr;
      gap: 27px 20px;
    }
    .wmi5rk0sjh > div {
      align-items: flex-start;
    }
    .wmi5rk0sjh > div h2 {
      font-size: 20px;
    }
    .wmi5rk0sjh > div .v4e2m3kcy5 {
      font-size: 7px;
      max-width: 110px;
    }
    .wmi5rk0sjh article {
      padding-left: 15px;
    }
    .wmi5rk0sjh article h3 {
      font-size: 14px;
      margin: 9px 0 7px;
    }
    .wmi5rk0sjh article p {
      font-size: 11px;
    }
    .qpxjg4zzwu {
      grid-template-columns: 1fr;
      gap: 35px;
      padding-block: 40px;
    }
    .lvjmrikecj h2 {
      font-size: 25px;
    }
    .lvjmrikecj .afse9hdswz {
      gap: 4px;
    }
    .yh6naiv5vr {
      margin-top: 20px;
    }
    .retjz96r7y {
      gap: 3px;
      margin: 13px 0 23px;
    }
    .retjz96r7y button {
      padding: 6px 12px;
      font-size: 11px;
    }
    .retjz96r7y > span {
      font-size: 9px;
    }
    .qco3w73d9k {
      grid-template-columns: 1fr;
      gap: 20px;
    }
    .n5jydi8srh {
      grid-template-columns: 88px 1fr;
      gap: 17px;
      padding-bottom: 20px;
    }
    .r4h2cfhtrq {
      height: 130px;
    }
    .n5jydi8srh h3 {
      font-size: 17px;
    }
    .n5jydi8srh h3 + p {
      font-size: 11px;
    }
    .jf2yv91jgw {
      font-size: 11px;
      margin-top: 14px;
    }
    .htl7wg5z7y {
      padding: 23px;
    }
    .htl7wg5z7y li {
      padding: 13px 0;
      gap: 20px;
    }
    .b66acff0ve {
      font-size: 11px;
    }
    .ifo70n8f78 {
      padding-top: 22px;
    }
    .tthx7wswmp {
      padding-block: 38px;
    }
    .x32p3fuvuo {
      gap: 28px;
    }
    .otu8nre4ns {
      display: block;
    }
    .otu8nre4ns h2 {
      font-size: 31px;
      margin-top: 13px;
    }
    .otu8nre4ns h2 + p {
      font-size: 12px;
      margin-top: 15px;
    }
    .tp4q5z5kng {
      margin-top: 20px;
    }
    .otu8nre4ns .hwy9x5cxed {
      margin-top: 13px;
    }
    .fjoujj3wy8 {
      min-height: 325px;
    }
    .fjoujj3wy8::before {
      width: 270px;
      height: 270px;
    }
    .ro4m4jpknn {
      border-width: 5px;
    }
    .s20m0vu6rz {
      padding: 13px;
    }
    .s20m0vu6rz h3 {
      font-size: 23px;
    }
    .s20m0vu6rz img {
      height: 185px;
      border-top-left-radius: 45px;
    }
    .inwagxvrhz {
      font-size: 7px;
      padding: 9px;
    }
    .uikpf067jx {
      font-size: 6px;
      letter-spacing: 1px;
    }
    .cec5z348xv {
      padding-block: 40px;
    }
    .cec5z348xv h2 {
      font-size: 24px;
    }
    .cec5z348xv ol {
      grid-template-columns: 1fr;
      gap: 20px;
      margin-top: 26px;
    }
    .cec5z348xv li {
      gap: 22px;
      padding-top: 20px;
    }
    .cec5z348xv li > span {
      font-size: 28px;
    }
    .cec5z348xv li p {
      font-size: 12px;
    }
    .fkceujdmbq {
      padding-block: 35px;
    }
    .fkceujdmbq .afse9hdswz {
      display: block;
    }
    .v8gxjywbu9 {
      display: inline-block;
      margin-top: 15px;
      font-size: 9px;
    }
    .mu1kajtzlx {
      grid-template-columns: 1fr;
      margin-top: 22px;
      gap: 14px;
    }
    .mu1kajtzlx figure {
      padding: 22px;
    }
    .mu1kajtzlx blockquote {
      font-size: 12px;
    }
    .mu1kajtzlx figcaption {
      margin-top: 16px;
    }
    .i0zm251n8y {
      padding-block: 40px;
      grid-template-columns: 1fr;
      gap: 26px;
    }
    .i0zm251n8y h2 {
      font-size: 29px;
    }
    .i0zm251n8y h2 br {
      display: none;
    }
    .i0zm251n8y h2 + p {
      margin-top: 12px;
      font-size: 12px;
    }
    .i0zm251n8y h2 + p br {
      display: none;
    }
    .egzsgphgsn summary {
      font-size: 12px;
      padding-block: 19px;
    }
    .egzsgphgsn details p {
      font-size: 11px;
      padding-right: 15px;
    }
    .o24lhf82x0 {
      grid-template-columns: 1fr;
      gap: 28px;
      padding: 28px 23px;
      border-radius: 12px;
      margin-bottom: 40px;
    }
    .kegibqr8oi h2 {
      font-size: 24px;
    }
    .icxftgxh02 {
      font-size: 17px;
    }
    .icxftgxh02 + p {
      font-size: 11px;
    }
    .kegibqr8oi .slmhnqx1oz {
      margin-top: 22px;
      gap: 20px;
    }
    .kegibqr8oi .g5jyfkewfm {
      font-size: 12px;
      padding: 10px 17px;
      gap: 20px;
    }
    .kegibqr8oi .hwy9x5cxed {
      font-size: 11px;
    }
    .scjjxpwvom {
      padding: 20px;
    }
    .q6gz6s2ihi {
      padding-top: 30px;
    }
    .scf94ngimt {
      grid-template-columns: 1fr;
      gap: 18px;
    }
    .scf94ngimt h2 {
      font-size: 22px;
      margin-top: 10px;
    }
    .scf94ngimt > p {
      font-size: 11px;
    }
    .puxegz06ll {
      grid-template-columns: 1fr;
      gap: 17px;
      padding-block: 23px;
      margin-top: 23px;
    }
    .puxegz06ll nav {
      gap: 11px 20px;
    }
    .puxegz06ll a {
      font-size: 10px;
    }
    .cw2284rl3q {
      flex-wrap: wrap;
      gap: 18px;
      padding: 23px 0;
    }
    .cw2284rl3q p {
      text-align: left;
      margin: 0;
      flex-basis: 100%;
      order: 3;
      font-size: 8px;
    }
    .cw2284rl3q > a:last-child {
      margin-left: auto;
    }
    .s6zns00mqb {
      display: flex;
      justify-content: space-around;
      position: fixed;
      z-index: 22;
      bottom: 0;
      left: 0;
      right: 0;
      min-height: 63px;
      padding: 6px 15px calc(6px + env(safe-area-inset-bottom));
      background: #faf9f6f5;
      -webkit-backdrop-filter: blur(18px);
      backdrop-filter: blur(18px);
      border-top: 1px solid var(--line);
    }
    .s6zns00mqb a {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 2px;
      width: 25%;
      font-size: 9px;
      color: #72767a;
    }
    .s6zns00mqb span {
      font-size: 20px;
      line-height: 1.4;
    }
    .s6zns00mqb a:hover,
    .s6zns00mqb a:focus {
      color: var(--peach);
    }
    .fhy20b00j1 {
      padding: 30px 23px;
      max-height: calc(100dvh - 30px);
    }
    .e4zo0wtdu0 {
      grid-template-columns: 1fr;
      gap: 19px;
    }
    .e4zo0wtdu0 > img {
      height: 190px;
      width: 130px;
      margin-inline: auto;
    }
    .e4zo0wtdu0 h2 {
      font-size: 24px;
      margin-top: 10px;
    }
    .e4zo0wtdu0 .g5jyfkewfm {
      width: 100%;
    }
  }
  @media (hover: none) {
    .fhomtpub4t {
      opacity: 1;
      transform: none;
    }
  }
}
@layer motion {
  @keyframes r8j4k2vn {
    from {
      opacity: 0.5;
      transform: scale(1.035);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  [data-image-changing] {
    animation: r8j4k2vn 0.7s ease-out;
  }
  @media (prefers-reduced-motion: no-preference) {
    [data-reveal-ready] {
      opacity: 0;
      transform: translateY(18px);
      transition:
        opacity 0.65s,
        transform 0.65s;
    }
    [data-reveal-ready][data-visible] {
      opacity: 1;
      transform: none;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
      animation: none !important;
      transition: none !important;
    }
  }
}