@charset "UTF-8";
:root {
  font-family:
    PingFang SC,
    Microsoft YaHei,
    system-ui,
    sans-serif;
  color: #302f2c;
  background: #fffdf9;
  font-synthesis: none;
  color-scheme: light;
  --peach: #d65335;
  --dark: #302f2c;
  --quiet: #716e67;
  --line: #e9e5dc;
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 106px;
}
body {
  margin: 0;
  font-size: 14px;
  line-height: 1.75;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
p,
figure,
blockquote {
  margin: 0;
}
h2,
h3 {
  line-height: 1.4;
}
h2 {
  font-size: 28px;
  letter-spacing: -0.045em;
  font-weight: 650;
}
h3 {
  font-size: 17px;
  font-weight: 650;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input {
  font: inherit;
  color: inherit;
}
button {
  cursor: pointer;
}
button,
a,
summary {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
button {
  border: 0;
  background: none;
}
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  overflow: hidden;
}
a,
button,
summary {
  transition:
    color 0.2s,
    background 0.2s,
    transform 0.2s;
}
a:hover,
button:hover {
  color: var(--peach);
}
:focus-visible {
  outline: 3px solid #277b73;
  outline-offset: 5px;
}
button:disabled {
  cursor: default;
}
[hidden] {
  display: none !important;
}
section,
aside,
nav[id] {
  scroll-margin-top: 20px;
}
::selection {
  background: #ffd7bf;
  color: #362b25;
}
.q7x2n9c4ma {
  position: fixed;
  left: 20px;
  top: -70px;
  z-index: 50;
  padding: 12px 20px;
  background: #fff;
  border: 2px solid #277b73;
}
.q7x2n9c4ma:focus {
  top: 10px;
}
.s2g8u4y6pa {
  text-align: center;
  background: #f3f1e9;
  color: #68665e;
  font-size: 11px;
  letter-spacing: 0.1em;
  padding: 7px 16px;
}
.s2g8u4y6pa span {
  color: #aba79a;
  margin: 0 16px;
}
.b8t3k7w2fd {
  position: sticky;
  top: 0;
  z-index: 20;
  background: #fffdf9f5;
  backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}
.h6p4a8v9kc {
  max-width: 1320px;
  margin: auto;
  min-height: 87px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 35px;
  padding: 0 40px;
}
.w9c2f6m8la {
  font-size: 23px;
  line-height: 1.2;
  flex-shrink: 0;
}
.w9c2f6m8la a {
  display: grid;
  grid-template-columns: 34px auto;
  column-gap: 12px;
  align-items: center;
}
.r6n2v9c4su {
  grid-column: 2;
  font-size: 8px;
  letter-spacing: 0.27em;
  font-weight: 500;
  margin-top: 5px;
  color: #8b8375;
}
.p4u8z3k7nb {
  position: relative;
  display: inline-block;
  background: linear-gradient(130deg, #ffa57b, #e96f61);
  width: 31px;
  height: 31px;
  border-radius: 44% 44% 53% 53%;
  transform: rotate(-12deg);
  grid-row: 1/3;
  box-shadow: inset -7px -3px #df66491c;
}
.p4u8z3k7nb:before {
  content: "";
  position: absolute;
  width: 14px;
  height: 7px;
  border-radius: 0 90%;
  background: #62836a;
  top: -5px;
  right: 1px;
  transform: rotate(-18deg);
}
.p4u8z3k7nb:after {
  content: "";
  position: absolute;
  left: 15px;
  top: 4px;
  height: 23px;
  width: 8px;
  border-left: 1px solid #b9654d66;
  border-radius: 50%;
}
.u5e8k2q9rv {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 13px;
}
.u5e8k2q9rv a:first-child {
  color: var(--peach);
}
.u5e8k2q9rv a:last-child {
  padding-left: 28px;
  border-left: 1px solid var(--line);
}
.u5e8k2q9rv span {
  margin-left: 10px;
}
.k3y7f9d2wp {
  position: relative;
  font-size: 12px;
}
.k3y7f9d2wp summary {
  list-style: none;
  cursor: pointer;
  padding: 10px 0;
  white-space: nowrap;
}
.k3y7f9d2wp summary::-webkit-details-marker {
  display: none;
}
.k3y7f9d2wp summary span {
  font-size: 17px;
  margin-left: 10px;
}
.k3y7f9d2wp[open] summary span {
  display: inline-block;
  transform: rotate(45deg);
}
.k3y7f9d2wp nav {
  position: absolute;
  right: 0;
  top: 53px;
  width: 330px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
  padding: 18px;
  background: #fffdf9;
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 16px 45px #40311d14;
}
.k3y7f9d2wp nav a {
  padding: 9px 12px;
  border-radius: 7px;
}
.k3y7f9d2wp nav a:hover {
  background: #fff0e6;
}
main {
  max-width: 1320px;
  margin: auto;
  padding: 0 40px;
}
.a9r3x7m2bv {
  padding-top: 57px;
}
.m8q2h4t6vy {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 35px;
  margin-bottom: 35px;
}
.f7k3b9s2ne {
  font-size: 10px;
  letter-spacing: 0.16em;
  font-weight: 600;
  line-height: 1.6;
  color: #777369;
}
.f7k3b9s2ne span {
  color: #aca79b;
  margin-left: 12px;
}
.m8q2h4t6vy h2 {
  font-size: clamp(38px, 4.3vw, 60px);
  line-height: 1.22;
  letter-spacing: -0.055em;
  margin-top: 18px;
}
.m8q2h4t6vy h2 span {
  color: #df7559;
}
.c4v9j2p8tw {
  width: 355px;
  padding-bottom: 2px;
}
.c4v9j2p8tw > p {
  color: var(--quiet);
  line-height: 1.9;
  font-size: 14px;
  margin-bottom: 22px;
}
.v8d3k6m2yp {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 12px 22px;
  border-radius: 8px;
  background: linear-gradient(120deg, #ef8d64, #e77d70);
  color: #322821;
  font-size: 13px;
  font-weight: 650;
  box-shadow: 0 5px 12px #df89611a;
}
.v8d3k6m2yp:hover {
  color: #241c17;
  transform: translateY(-2px);
  box-shadow: 0 8px 15px #df896130;
}
.v8d3k6m2yp span {
  font-size: 18px;
}
.e2k8w4a9nz {
  font-size: 12px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
}
.c4v9j2p8tw > .e2k8w4a9nz {
  margin-left: 18px;
  font-size: 11px;
}
.n7s4q9c2ue {
  border-radius: 18px;
  overflow: hidden;
  background: #f0eee6;
  position: relative;
}
.j2h6w9p4sz {
  height: 416px;
  position: relative;
}
.g4r8b2n9kc {
  position: absolute;
  inset: 0;
  isolation: isolate;
  background: #637e68;
  overflow: hidden;
  color: #fff;
  animation: c2x8v4q9mn 0.65s var(--ease);
}
.g4r8b2n9kc:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #15251ed9, transparent 82%),
    linear-gradient(0deg, #10221a66, transparent 60%);
  z-index: -1;
}
.g4r8b2n9kc > img {
  position: absolute;
  inset: 0;
  z-index: -2;
  object-position: center 44%;
}
.x8k2v7p4me {
  position: absolute;
  left: 48px;
  bottom: 42px;
  max-width: 75%;
}
.t5n8y2q4bc {
  display: inline-block;
  border: 1px solid #ffffff70;
  padding: 4px 11px;
  border-radius: 3px;
  font-size: 10px;
  letter-spacing: 0.06em;
}
.x8k2v7p4me h3 {
  font-size: 39px;
  font-weight: 500;
  letter-spacing: 0.03em;
  margin-top: 20px;
}
.x8k2v7p4me p {
  font-size: 14px;
  color: #ffffffd4;
  margin-top: 8px;
}
.x8k2v7p4me button {
  padding: 9px 16px;
  margin-top: 23px;
  background: #fffdf9;
  color: #344237;
  border-radius: 6px;
  font-size: 11px;
  display: flex;
  gap: 28px;
  align-items: center;
}
.x8k2v7p4me button:hover {
  background: #ffe0cc;
  transform: translateY(-2px);
}
.x8k2v7p4me button span {
  font-size: 18px;
}
.o3w8f2k7ra {
  position: absolute;
  right: 42px;
  top: 35px;
  writing-mode: vertical-rl;
  letter-spacing: 0.25em;
  line-height: 2.3;
  font-size: 12px;
  opacity: 0.85;
}
.z9c4m7s2ka {
  display: flex;
  align-items: stretch;
  background: #f6f2e9;
  border: 1px solid #ebe5d9;
  border-top: 0;
}
.d6y2p8r4wv {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  flex: 1;
}
.d6y2p8r4wv button {
  text-align: left;
  font-size: 12px;
  padding: 17px 28px;
  border-right: 1px solid #e5dfd3;
  position: relative;
}
.d6y2p8r4wv button > span {
  font-size: 10px;
  margin-right: 18px;
  color: #8b8477;
}
.d6y2p8r4wv button[aria-pressed="true"] {
  color: var(--peach);
  background: #fffcf5;
}
.d6y2p8r4wv button[aria-pressed="true"]:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #e78a66;
}
.l3b8q2v6nx {
  min-width: 62px;
  font-size: 18px;
}
.i8e3t7q2vr {
  color: #8a857a;
  font-size: 10px;
  margin-top: 14px;
  line-height: 1.8;
}
.i8e3t7q2vr span {
  float: right;
  letter-spacing: 0.12em;
  font-size: 9px;
}
.y2w7n4b9cp {
  margin-top: 65px;
  display: grid;
  grid-template-columns: 240px 1fr;
  gap: 35px;
  padding: 30px 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.u7p3r8m2az h2 {
  font-size: 23px;
  margin-top: 10px;
  max-width: 220px;
}
.u7p3r8m2az > p:last-child {
  font-size: 11px;
  color: var(--quiet);
  margin-top: 13px;
  max-width: 200px;
}
.k6m2a9x4tv {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}
.k6m2a9x4tv article {
  border-left: 1px solid var(--line);
  padding: 3px 0 0 20px;
}
.k6m2a9x4tv article > span {
  font-size: 24px;
  color: #ba7454;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 9px;
  width: 39px;
  height: 39px;
  background: #f7f0e5;
  margin-bottom: 12px;
}
.k6m2a9x4tv h3 {
  font-size: 13px;
}
.k6m2a9x4tv p {
  font-size: 11px;
  color: var(--quiet);
  line-height: 1.9;
  margin-top: 8px;
}
.q4f8u2j9ns {
  margin-top: 70px;
}
.b3k7r9w2my {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 26px;
}
.b3k7r9w2my h2 {
  margin-top: 8px;
}
.b3k7r9w2my h2 span {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: #898477;
  margin-left: 20px;
  white-space: nowrap;
}
.b3k7r9w2my > a {
  font-size: 12px;
  padding-bottom: 4px;
}
.b3k7r9w2my > a span {
  margin-left: 15px;
  font-size: 17px;
}
.s8m2v6k4ra {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.c9n4w7p2ke button {
  width: 100%;
  padding: 0;
  text-align: left;
}
.c9n4w7p2ke button > div {
  aspect-ratio: 1.43;
  position: relative;
  overflow: hidden;
  border-radius: 11px;
  background: #ede9df;
}
.c9n4w7p2ke img {
  transition: transform 0.5s var(--ease);
}
.c9n4w7p2ke button:hover img {
  transform: scale(1.045);
}
.c9n4w7p2ke button > div > span {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 3px 9px;
  border-radius: 4px;
  background: #fffdf9eb;
  color: #554b3d;
  font-size: 9px;
}
.c9n4w7p2ke i {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background: #fffdf9;
  border-radius: 50%;
  width: 29px;
  height: 29px;
  text-align: center;
  font-style: normal;
  font-size: 19px;
  color: #554b3d;
}
.c9n4w7p2ke small {
  font-size: 10px;
  color: #8a7e6b;
  display: block;
  margin-top: 15px;
}
.c9n4w7p2ke h3 {
  margin-top: 5px;
  font-size: 16px;
}
.c9n4w7p2ke p {
  font-size: 11px;
  color: var(--quiet);
  margin-top: 6px;
}
.q4f8u2j9ns > .i8e3t7q2vr {
  margin-top: 21px;
}
.r8v2j6c9mt {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 315px;
  gap: 42px;
  margin-top: 66px;
  align-items: start;
}
.a4u7k2n9rw {
  color: var(--quiet);
  font-size: 11px;
}
.m4t8c2w7ks {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-bottom: 25px;
}
.m4t8c2w7ks > div {
  display: flex;
  gap: 7px;
}
.m4t8c2w7ks > div button {
  padding: 6px 14px;
  border-radius: 5px;
  font-size: 11px;
  background: #f3f0e9;
  color: #726958;
}
.m4t8c2w7ks > div button[aria-pressed="true"] {
  background: #323b33;
  color: #fffdf9;
}
.m4t8c2w7ks form {
  display: flex;
  align-items: center;
  border-bottom: 1px solid #cfc9bb;
  max-width: 200px;
}
.m4t8c2w7ks input {
  width: 100%;
  border: 0;
  background: transparent;
  padding: 6px 3px;
  min-width: 0;
  font-size: 11px;
  border-radius: 0;
}
.m4t8c2w7ks input::placeholder {
  color: #888172;
}
.m4t8c2w7ks form button {
  font-size: 23px;
  padding: 0 5px;
}
.f9b3x6q2mv {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.t9p2f6x4nb {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 22px;
  row-gap: 28px;
}
.j7a3r9v2wc button {
  padding: 0;
  text-align: left;
  width: 100%;
}
.j7a3r9v2wc figure {
  position: relative;
  aspect-ratio: 0.72;
  border-radius: 9px;
  overflow: hidden;
  background: #ede9df;
}
.j7a3r9v2wc img {
  transition: transform 0.5s var(--ease);
}
.j7a3r9v2wc button:hover img {
  transform: scale(1.035);
}
.j7a3r9v2wc figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 30px 12px 10px;
  background: linear-gradient(transparent, #12241ec9);
  color: #fff;
  font-size: 10px;
}
.j7a3r9v2wc figure > span {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #483f2e;
  background: #fffcf1e6;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  text-align: center;
  font-size: 17px;
}
.j7a3r9v2wc h3 {
  font-size: 14px;
  margin-top: 12px;
}
.j7a3r9v2wc p {
  font-size: 10px;
  color: var(--quiet);
  margin-top: 3px;
}
.d8m4y7r2qh {
  font-size: 10px;
  color: #817c70;
  margin-top: 20px;
}
.z6h2t9w4an {
  text-align: center;
  background: #f6f2e9;
  padding: 60px 20px;
  border-radius: 9px;
}
.z6h2t9w4an h3 {
  font-size: 18px;
}
.z6h2t9w4an p {
  font-size: 12px;
  margin: 10px 0 20px;
  color: var(--quiet);
}
.z6h2t9w4an button {
  border-bottom: 1px solid #c27252;
  font-size: 12px;
}
.v6b2p8t4nz {
  padding: 28px 25px 25px;
  background: #f4f2e9;
  border-radius: 12px;
  position: sticky;
  top: 115px;
  border: 1px solid #e9e5d8;
}
.v6b2p8t4nz .b3k7r9w2my {
  margin-bottom: 13px;
}
.v6b2p8t4nz h2 {
  font-size: 23px;
}
.v6b2p8t4nz h2 span {
  font-size: 10px;
  display: block;
  margin: 6px 0 0;
  letter-spacing: 0.03em;
}
.v6b2p8t4nz > .b3k7r9w2my > span {
  align-self: center;
  font-size: 25px;
  color: #7f8e70;
}
.v6b2p8t4nz > p {
  font-size: 11px;
  color: var(--quiet);
}
.p9w4n6k2ya {
  list-style: none;
  margin: 22px 0 0;
  padding: 0;
}
.p9w4n6k2ya li + li {
  border-top: 1px solid #e2dfd1;
}
.p9w4n6k2ya button {
  display: flex;
  gap: 15px;
  width: 100%;
  align-items: center;
  padding: 18px 0;
  text-align: left;
}
.p9w4n6k2ya button > span {
  font-size: 22px;
  color: #96947c;
  font-weight: 300;
}
.p9w4n6k2ya li:first-child button {
  padding-top: 0;
}
.p9w4n6k2ya li:first-child button > span {
  color: #c46442;
}
.p9w4n6k2ya img {
  width: 47px;
  height: 66px;
  border-radius: 4px;
  flex-shrink: 0;
}
.p9w4n6k2ya h3 {
  font-size: 12px;
}
.p9w4n6k2ya p {
  font-size: 9px;
  color: #85806f;
  margin-top: 5px;
}
.p9w4n6k2ya b {
  font-size: 14px;
  font-weight: 400;
  margin-left: auto;
  color: #96947c;
}
.e4r8s2c9kp {
  border-top: 1px solid #dbd7c9;
  margin-top: 3px;
  padding-top: 24px;
}
.e4r8s2c9kp > span {
  font-size: 14px;
  color: #66735c;
}
.e4r8s2c9kp p {
  font-size: 10px;
  color: #827e71;
  margin-top: 9px;
}
.e4r8s2c9kp time {
  display: block;
  font-size: 9px;
  color: #938b7a;
  margin-top: 17px;
}
.v6b2p8t4nz > .e2k8w4a9nz {
  margin-top: 23px;
  font-size: 11px;
}
.h4z8q2f7mb {
  margin-top: 65px;
  padding-top: 34px;
  border-top: 1px solid var(--line);
}
.w3k8c4n9yp {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.w3k8c4n9yp article {
  display: grid;
  grid-template-columns: 46% 1fr;
  border: 1px solid var(--line);
  border-radius: 11px;
  overflow: hidden;
}
.w3k8c4n9yp img {
  min-height: 232px;
}
.w3k8c4n9yp article > div {
  padding: 25px 24px;
}
.w3k8c4n9yp small {
  font-size: 10px;
  color: #9a7c62;
}
.w3k8c4n9yp h3 {
  margin-top: 10px;
  font-size: 19px;
}
.w3k8c4n9yp p {
  font-size: 11px;
  margin-top: 12px;
  color: var(--quiet);
  line-height: 1.9;
}
.w3k8c4n9yp button {
  font-size: 10px;
  padding: 0;
  margin-top: 22px;
  color: #9e593e;
  border-bottom: 1px solid #d8baa5;
}
.k2v9r4x7mt {
  display: grid;
  grid-template-columns: 1fr 1.35fr;
  gap: 40px;
  background: #eaf0e8;
  margin-top: 75px;
  padding: 55px 50px;
  border-radius: 15px;
  overflow: hidden;
}
.e7q3n8w2fc h2 {
  font-size: 35px;
  margin-top: 20px;
  line-height: 1.4;
}
.e7q3n8w2fc > p:not(.f7k3b9s2ne) {
  font-size: 12px;
  line-height: 2;
  margin-top: 22px;
  color: #6d7669;
}
.e7q3n8w2fc > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 12px;
  font-size: 9px;
  color: #65735e;
  margin-top: 18px;
}
.e7q3n8w2fc .v8d3k6m2yp {
  margin-top: 28px;
}
.q8m2t6c9rv {
  position: relative;
  align-self: center;
  padding: 10px 34px 40px 0;
  min-width: 0;
}
.x3k7w2p9nb {
  transform: rotate(-3deg);
  background: #fffcf6;
  padding: 10px;
  border: 1px solid #d4d8cc;
  box-shadow: 0 16px 35px #596f4d15;
  border-radius: 12px;
  width: 92%;
  position: relative;
}
.x3k7w2p9nb > div:first-child {
  display: flex;
  justify-content: space-between;
  gap: 8px;
  font-size: 7px;
  color: #aba79d;
  padding: 3px 4px 11px;
}
.x3k7w2p9nb > div:first-child > span:first-child {
  font-size: 6px;
  color: #b5b6a7;
  letter-spacing: 2px;
}
.x3k7w2p9nb > img {
  height: 196px;
  border-radius: 6px;
}
.x3k7w2p9nb > div:nth-of-type(2) {
  padding: 16px 6px 4px;
}
.x3k7w2p9nb b {
  display: block;
  font-size: 13px;
}
.x3k7w2p9nb > div:nth-of-type(2) > span {
  display: block;
  font-size: 8px;
  color: #8d897b;
  margin-top: 3px;
}
.x3k7w2p9nb > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 7px;
  padding: 10px 5px 5px;
}
.x3k7w2p9nb i {
  height: 8px;
  background: #e5eadb;
  border-radius: 3px;
}
.x3k7w2p9nb i:nth-child(2n) {
  background: #f4e0cb;
}
.a6y2v8k4mq {
  position: absolute;
  right: 0;
  bottom: 23px;
  width: 144px;
  background: #fffaf1;
  border: 5px solid #344337;
  border-radius: 25px;
  padding: 19px 9px 8px;
  box-shadow: 0 14px 24px #465c3c26;
  transform: rotate(5deg);
}
.a6y2v8k4mq > div {
  position: absolute;
  top: 6px;
  left: 43px;
  right: 43px;
  height: 6px;
  border-radius: 10px;
  background: #344337;
}
.a6y2v8k4mq > span:first-of-type {
  font-size: 9px;
  font-weight: 700;
  display: block;
  padding-bottom: 9px;
}
.a6y2v8k4mq img {
  height: 149px;
  border-radius: 5px;
}
.a6y2v8k4mq b {
  display: block;
  font-size: 12px;
  line-height: 1.5;
  margin: 10px 0;
}
.a6y2v8k4mq > span:last-child {
  font-size: 7px;
  border-top: 1px solid #e5dfd0;
  padding-top: 7px;
  display: block;
  color: #867c68;
}
.q8m2t6c9rv > figcaption {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 9px;
  color: #7a8771;
}
.f2n9v4c7ka {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 65px;
  margin-top: 75px;
}
.p8k4r2m9wf h2,
.u9c4h8q2mr h2 {
  font-size: 25px;
  margin-top: 10px;
}
.p8k4r2m9wf ol {
  list-style: none;
  padding: 0;
  margin: 23px 0 0;
}
.p8k4r2m9wf li {
  display: flex;
  gap: 22px;
  align-items: flex-start;
  padding: 23px 0;
  border-bottom: 1px solid var(--line);
}
.p8k4r2m9wf li > span {
  font-size: 30px;
  line-height: 1.3;
  color: #c2b7a3;
  font-weight: 300;
}
.p8k4r2m9wf h3 {
  font-size: 14px;
}
.p8k4r2m9wf li p {
  font-size: 11px;
  color: var(--quiet);
  margin-top: 6px;
  max-width: 310px;
}
.p8k4r2m9wf li > a {
  margin-left: auto;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  border: 1px solid var(--line);
  border-radius: 50%;
  font-size: 19px;
}
.p8k4r2m9wf li > a:hover {
  background: #f9e4d7;
}
.u9c4h8q2mr > .a4u7k2n9rw {
  margin-top: 12px;
  font-size: 10px;
}
.u9c4h8q2mr > div {
  display: grid;
  grid-template-columns: 1fr;
  gap: 11px;
  margin-top: 20px;
}
.u9c4h8q2mr figure {
  padding: 17px 20px;
  border-radius: 8px;
  background: #f7f4ed;
  display: grid;
  grid-template-columns: 1fr 110px;
  gap: 18px;
  align-items: center;
}
.u9c4h8q2mr blockquote {
  font-size: 11px;
  line-height: 1.9;
  color: #5e5c53;
}
.u9c4h8q2mr figcaption {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 10px;
}
.u9c4h8q2mr figcaption > span {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #eadfca;
  color: #796844;
  font-size: 11px;
}
.u9c4h8q2mr figure:nth-child(2) figcaption > span {
  background: #dfe6d9;
  color: #65755e;
}
.u9c4h8q2mr figure:nth-child(3) figcaption > span {
  background: #eeded4;
  color: #8d6754;
}
.u9c4h8q2mr figcaption small {
  display: block;
  font-size: 8px;
  color: #918776;
  margin-top: 3px;
  white-space: nowrap;
}
.n8q2r6w4vc {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 65px;
  margin: 75px 0 70px;
}
.w7m3b9k2pt h2 {
  font-size: 25px;
  margin: 10px 0 23px;
}
.w7m3b9k2pt details {
  border-bottom: 1px solid var(--line);
}
.w7m3b9k2pt summary {
  padding: 19px 0;
  display: flex;
  gap: 20px;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  font-weight: 500;
}
.w7m3b9k2pt summary::-webkit-details-marker {
  display: none;
}
.w7m3b9k2pt summary > span {
  font-size: 20px;
  color: #9a8f7a;
  font-weight: 300;
}
.w7m3b9k2pt details[open] summary > span {
  transform: rotate(45deg);
}
.w7m3b9k2pt details p {
  font-size: 11px;
  color: var(--quiet);
  padding: 0 30px 22px 0;
  line-height: 2;
}
.t3r8c2k6wp {
  background: #fae9da;
  border-radius: 12px;
  padding: 35px;
  position: relative;
  align-self: start;
}
.t3r8c2k6wp > .p4u8z3k7nb {
  position: absolute;
  right: 40px;
  top: 45px;
  width: 42px;
  height: 42px;
  opacity: 0.75;
}
.t3r8c2k6wp h2 {
  font-size: 15px;
  margin-top: 13px;
  font-weight: 500;
}
.b2k7n4v9mq {
  font-size: 31px;
  line-height: 1.5;
  margin-top: 16px;
  letter-spacing: -0.04em;
}
.z4v8q2m7nk {
  font-size: 10px;
  display: inline-block;
  padding: 3px 9px;
  background: #fff6eacc;
  border: 1px solid #e8cbb4;
  border-radius: 4px;
  margin-top: 17px;
  color: #825b41;
}
.t3r8c2k6wp > p:not(.f7k3b9s2ne):not(.b2k7n4v9mq) {
  font-size: 11px;
  color: #8b735e;
  line-height: 1.9;
  margin-top: 14px;
}
.t3r8c2k6wp > .v8d3k6m2yp {
  display: flex;
  margin-top: 23px;
}
.t3r8c2k6wp > .e2k8w4a9nz {
  display: block;
  text-align: center;
  margin-top: 15px;
  font-size: 11px;
}
.t3r8c2k6wp > small {
  display: block;
  font-size: 9px;
  color: #9b7f65;
  margin-top: 22px;
  text-align: center;
}
.y8r3n7v2kc {
  background: #f4f1e9;
  border-top: 1px solid #eae5da;
  padding: 50px max(40px, calc((100vw - 1240px) / 2)) 24px;
}
.c7m2k9w4qb {
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 100px;
  padding-bottom: 38px;
}
.c7m2k9w4qb section h2 {
  font-size: 23px;
  margin-top: 12px;
}
.c7m2k9w4qb section h2 span {
  font-size: 12px;
  letter-spacing: 0;
  font-weight: 400;
  color: #8e7e68;
  margin-left: 20px;
}
.c7m2k9w4qb section > p:last-child {
  font-size: 11px;
  line-height: 2.1;
  color: #8a8172;
  margin-top: 19px;
  max-width: 620px;
}
.c7m2k9w4qb nav h2 {
  font-size: 14px;
  letter-spacing: 0;
  margin-top: 4px;
  display: flex;
  justify-content: space-between;
}
.c7m2k9w4qb nav h2 span {
  font-size: 22px;
  font-weight: 400;
  color: #a39781;
}
.c7m2k9w4qb nav > div {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px 18px;
  margin-top: 22px;
  font-size: 10px;
  color: #8b806c;
}
.s4k9v2p7nm {
  border-top: 1px solid #ded7c9;
  padding-top: 21px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  font-size: 9px;
  color: #998e7b;
}
.s4k9v2p7nm > a {
  color: #756b57;
}
.v4n8t2q9cs {
  display: none;
}
.m7v2k8q4nr {
  border: 1px solid #ddd6c7;
  background: #fffdf9;
  color: var(--dark);
  border-radius: 16px;
  padding: 45px;
  width: min(540px, calc(100vw - 36px));
  box-shadow: 0 20px 100px #282e242e;
}
.m7v2k8q4nr::backdrop {
  background: #25342b88;
  backdrop-filter: blur(5px);
}
.q3k8n2v7mc {
  position: absolute;
  right: 14px;
  top: 9px;
  font-size: 25px;
  color: #8a7d67;
  padding: 3px 10px;
}
.m7v2k8q4nr > small {
  font-size: 11px;
  display: block;
  margin-top: 30px;
  color: #a27454;
}
.m7v2k8q4nr h2 {
  margin-top: 7px;
}
.m7v2k8q4nr > p:not(.f7k3b9s2ne) {
  font-size: 14px;
  line-height: 2;
  margin-top: 19px;
  color: #706b5f;
}
.m7v2k8q4nr > aside {
  font-size: 10px;
  background: #f3f1e8;
  color: #89806d;
  border-radius: 5px;
  padding: 10px 12px;
  margin-top: 23px;
}
.m7v2k8q4nr form {
  margin-top: 25px;
}
.j4r9t2c7vx {
  padding: 15px 30px;
  background: #fff2d5;
  color: #6f5632;
  text-align: center;
  font-size: 12px;
}
html[data-motion="on"] [data-reveal] {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.65s var(--ease),
    transform 0.65s var(--ease);
}
html[data-motion="on"] [data-reveal][data-seen] {
  opacity: 1;
  transform: translateY(0);
}
@keyframes c2x8v4q9mn {
  0% {
    opacity: 0.3;
    transform: scale(1.015);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (min-width: 1500px) {
  .j2h6w9p4sz {
    height: 455px;
  }
}
@media (max-width: 1100px) {
  .h6p4a8v9kc {
    gap: 20px;
    padding: 0 28px;
  }
  .u5e8k2q9rv {
    gap: 22px;
  }
  .u5e8k2q9rv a:last-child {
    padding-left: 18px;
  }
  main {
    padding: 0 28px;
  }
  .y2w7n4b9cp {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .u7p3r8m2az {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .u7p3r8m2az > .f7k3b9s2ne {
    max-width: 160px;
  }
  .u7p3r8m2az h2 {
    max-width: none;
    margin: 0;
    font-size: 22px;
  }
  .u7p3r8m2az > p:last-child {
    margin: 0;
    max-width: 210px;
  }
  .k6m2a9x4tv {
    gap: 18px;
  }
  .k6m2a9x4tv article:first-child {
    border-left: 0;
    padding-left: 0;
  }
  .r8v2j6c9mt {
    grid-template-columns: minmax(0, 1fr) 275px;
    gap: 28px;
  }
  .v6b2p8t4nz {
    padding: 23px 19px;
  }
  .m4t8c2w7ks {
    align-items: flex-start;
    flex-direction: column;
    gap: 13px;
  }
  .m4t8c2w7ks form {
    max-width: none;
    width: 100%;
  }
  .t9p2f6x4nb {
    gap: 20px 16px;
  }
  .s8m2v6k4ra {
    gap: 18px;
  }
  .c4v9j2p8tw {
    width: 330px;
  }
  .c4v9j2p8tw > .e2k8w4a9nz {
    margin-left: 12px;
  }
  .c4v9j2p8tw > .v8d3k6m2yp {
    padding: 12px 17px;
    gap: 20px;
  }
  .w3k8c4n9yp article {
    grid-template-columns: 42% 1fr;
  }
  .w3k8c4n9yp article > div {
    padding: 21px 18px;
  }
  .w3k8c4n9yp h3 {
    font-size: 16px;
  }
  .k2v9r4x7mt {
    padding: 40px 30px;
    gap: 25px;
  }
  .e7q3n8w2fc h2 {
    font-size: 30px;
  }
  .x3k7w2p9nb > img {
    height: 165px;
  }
  .q8m2t6c9rv {
    padding-right: 20px;
  }
  .a6y2v8k4mq {
    width: 123px;
    padding: 17px 8px 8px;
  }
  .a6y2v8k4mq img {
    height: 125px;
  }
  .a6y2v8k4mq > div {
    left: 35px;
    right: 35px;
  }
  .f2n9v4c7ka,
  .n8q2r6w4vc {
    gap: 35px;
  }
  .u9c4h8q2mr figure {
    grid-template-columns: 1fr 88px;
    padding: 15px;
    gap: 10px;
  }
  .u9c4h8q2mr figcaption {
    gap: 6px;
  }
  .u9c4h8q2mr figcaption > span {
    width: 24px;
    height: 24px;
  }
  .u9c4h8q2mr figcaption small {
    font-size: 7px;
    white-space: normal;
  }
  .t3r8c2k6wp {
    padding: 28px;
  }
  .y8r3n7v2kc {
    padding-left: 28px;
    padding-right: 28px;
  }
  .c7m2k9w4qb {
    gap: 60px;
  }
}
@media (max-width: 760px) {
  html {
    scroll-padding-top: 85px;
  }
  .s2g8u4y6pa {
    font-size: 9px;
    padding: 6px 10px;
    letter-spacing: 0.02em;
  }
  .s2g8u4y6pa span {
    margin: 0 8px;
  }
  .h6p4a8v9kc {
    padding: 0 20px;
    min-height: 72px;
  }
  .w9c2f6m8la {
    font-size: 21px;
  }
  .w9c2f6m8la a {
    grid-template-columns: 28px auto;
    gap: 4px 10px;
  }
  .p4u8z3k7nb {
    width: 27px;
    height: 27px;
  }
  .r6n2v9c4su {
    font-size: 7px;
    margin: 0;
  }
  .u5e8k2q9rv {
    display: none;
  }
  .k3y7f9d2wp {
    font-size: 11px;
  }
  .k3y7f9d2wp nav {
    top: 48px;
    width: min(330px, calc(100vw - 40px));
    max-height: 70vh;
    overflow: auto;
  }
  .k3y7f9d2wp summary span {
    margin-left: 6px;
  }
  main {
    padding: 0 20px;
  }
  .a9r3x7m2bv {
    padding-top: 34px;
  }
  .m8q2h4t6vy {
    display: block;
    margin-bottom: 25px;
  }
  .f7k3b9s2ne {
    font-size: 8px;
  }
  .m8q2h4t6vy h2 {
    font-size: 41px;
    margin-top: 14px;
  }
  .c4v9j2p8tw {
    width: auto;
    margin-top: 21px;
  }
  .c4v9j2p8tw > p {
    font-size: 12px;
    margin-bottom: 17px;
  }
  .c4v9j2p8tw > p br {
    display: none;
  }
  .c4v9j2p8tw > .v8d3k6m2yp {
    font-size: 11px;
    padding: 9px 16px;
    gap: 28px;
  }
  .c4v9j2p8tw > .e2k8w4a9nz {
    font-size: 10px;
    margin-left: 18px;
  }
  .j2h6w9p4sz {
    height: 370px;
  }
  .g4r8b2n9kc:after {
    background: linear-gradient(0deg, #14291ee8, transparent 95%);
  }
  .g4r8b2n9kc > img {
    object-position: 58% center;
  }
  .x8k2v7p4me {
    left: 23px;
    bottom: 25px;
    max-width: 85%;
  }
  .x8k2v7p4me h3 {
    font-size: 29px;
    margin-top: 14px;
  }
  .x8k2v7p4me p {
    font-size: 11px;
    margin-top: 9px;
  }
  .t5n8y2q4bc {
    font-size: 8px;
    padding: 3px 8px;
  }
  .x8k2v7p4me button {
    font-size: 10px;
    padding: 7px 12px;
    gap: 20px;
    margin-top: 19px;
  }
  .o3w8f2k7ra {
    right: 19px;
    top: 22px;
    font-size: 9px;
  }
  .d6y2p8r4wv button {
    font-size: 9px;
    padding: 14px 4px;
    text-align: center;
  }
  .d6y2p8r4wv button > span {
    display: none;
  }
  .l3b8q2v6nx {
    min-width: 38px;
    font-size: 15px;
  }
  .n7s4q9c2ue {
    border-radius: 11px;
  }
  .i8e3t7q2vr {
    font-size: 8px;
    margin-top: 11px;
  }
  .i8e3t7q2vr > span {
    display: none;
  }
  .y2w7n4b9cp {
    margin-top: 38px;
    padding: 24px 0;
    gap: 24px;
  }
  .u7p3r8m2az {
    display: block;
  }
  .u7p3r8m2az > .f7k3b9s2ne {
    max-width: none;
  }
  .u7p3r8m2az h2 {
    font-size: 22px;
    margin-top: 8px;
  }
  .u7p3r8m2az > p:last-child {
    max-width: none;
    margin-top: 8px;
    font-size: 10px;
  }
  .k6m2a9x4tv {
    grid-template-columns: 1fr 1fr;
    gap: 24px 20px;
  }
  .k6m2a9x4tv article {
    padding-left: 16px;
  }
  .k6m2a9x4tv article:nth-child(odd) {
    padding-left: 0;
    border-left: 0;
  }
  .k6m2a9x4tv article > span {
    width: 32px;
    height: 32px;
    font-size: 21px;
    margin-bottom: 9px;
  }
  .k6m2a9x4tv h3 {
    font-size: 12px;
  }
  .k6m2a9x4tv p {
    font-size: 10px;
    margin-top: 5px;
  }
  .q4f8u2j9ns {
    margin-top: 40px;
  }
  .b3k7r9w2my {
    gap: 12px;
    margin-bottom: 20px;
  }
  h2 {
    font-size: 23px;
  }
  .b3k7r9w2my h2 span {
    font-size: 9px;
    margin-left: 12px;
  }
  .b3k7r9w2my > a {
    font-size: 10px;
    white-space: nowrap;
  }
  .b3k7r9w2my > a span {
    margin-left: 5px;
    font-size: 13px;
  }
  .s8m2v6k4ra {
    grid-template-columns: 1fr 1fr;
    gap: 23px 15px;
  }
  .c9n4w7p2ke button > div {
    aspect-ratio: 1.15;
    border-radius: 8px;
  }
  .c9n4w7p2ke button > div > span {
    font-size: 8px;
    left: 8px;
    top: 8px;
    padding: 2px 7px;
  }
  .c9n4w7p2ke i {
    width: 24px;
    height: 24px;
    font-size: 15px;
    right: 8px;
    bottom: 8px;
  }
  .c9n4w7p2ke small {
    font-size: 8px;
    margin-top: 11px;
  }
  .c9n4w7p2ke h3 {
    font-size: 13px;
    margin-top: 5px;
  }
  .c9n4w7p2ke p {
    font-size: 9px;
    line-height: 1.8;
  }
  .r8v2j6c9mt {
    grid-template-columns: 1fr;
    gap: 35px;
    margin-top: 40px;
  }
  .n5q9b3k7ue > .b3k7r9w2my > .a4u7k2n9rw {
    font-size: 9px;
  }
  .m4t8c2w7ks {
    gap: 17px;
    margin-bottom: 22px;
  }
  .m4t8c2w7ks > div {
    gap: 10px;
  }
  .m4t8c2w7ks > div button {
    font-size: 10px;
    padding: 5px 15px;
  }
  .m4t8c2w7ks form {
    max-width: none;
  }
  .m4t8c2w7ks input {
    font-size: 11px;
    padding: 8px 3px;
  }
  .t9p2f6x4nb {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 23px 12px;
  }
  .j7a3r9v2wc figure {
    border-radius: 6px;
    aspect-ratio: 0.67;
  }
  .j7a3r9v2wc h3 {
    font-size: 11px;
    line-height: 1.6;
    margin-top: 9px;
  }
  .j7a3r9v2wc p {
    font-size: 8px;
    line-height: 1.7;
    margin-top: 4px;
  }
  .j7a3r9v2wc figcaption {
    font-size: 8px;
    padding: 25px 7px 7px;
  }
  .j7a3r9v2wc figure > span {
    width: 21px;
    height: 21px;
    top: 7px;
    right: 7px;
    font-size: 13px;
  }
  .d8m4y7r2qh {
    font-size: 9px;
    margin-top: 17px;
  }
  .v6b2p8t4nz {
    position: static;
    padding: 23px 22px;
  }
  .v6b2p8t4nz .b3k7r9w2my {
    margin-bottom: 13px;
  }
  .v6b2p8t4nz h2 span {
    display: inline-block;
    margin-left: 13px;
  }
  .v6b2p8t4nz > p {
    font-size: 10px;
  }
  .p9w4n6k2ya button {
    gap: 17px;
    padding: 17px 0;
  }
  .p9w4n6k2ya li:first-child button {
    padding-top: 0;
  }
  .p9w4n6k2ya h3 {
    font-size: 12px;
  }
  .p9w4n6k2ya img {
    width: 44px;
    height: 60px;
  }
  .p9w4n6k2ya button > span {
    font-size: 23px;
  }
  .e4r8s2c9kp {
    margin-top: 6px;
    padding-top: 20px;
  }
  .e4r8s2c9kp > span {
    font-size: 13px;
  }
  .e4r8s2c9kp p {
    font-size: 10px;
  }
  .e4r8s2c9kp time {
    margin-top: 12px;
  }
  .v6b2p8t4nz > .e2k8w4a9nz {
    margin-top: 16px;
  }
  .h4z8q2f7mb {
    margin-top: 40px;
    padding-top: 27px;
  }
  .h4z8q2f7mb .b3k7r9w2my h2 span {
    display: block;
    margin: 7px 0 0;
  }
  .h4z8q2f7mb .b3k7r9w2my > .a4u7k2n9rw {
    font-size: 9px;
  }
  .w3k8c4n9yp {
    grid-template-columns: 1fr;
    gap: 17px;
  }
  .w3k8c4n9yp article {
    grid-template-columns: 42% 1fr;
  }
  .w3k8c4n9yp img {
    min-height: 192px;
  }
  .w3k8c4n9yp article > div {
    padding: 20px 17px;
  }
  .w3k8c4n9yp small {
    font-size: 8px;
  }
  .w3k8c4n9yp h3 {
    font-size: 16px;
    margin-top: 9px;
  }
  .w3k8c4n9yp p {
    font-size: 10px;
    margin-top: 10px;
  }
  .w3k8c4n9yp button {
    font-size: 9px;
    margin-top: 17px;
  }
  .k2v9r4x7mt {
    margin-top: 40px;
    grid-template-columns: 1fr;
    padding: 28px 22px;
    gap: 35px;
  }
  .e7q3n8w2fc h2 {
    font-size: 30px;
    margin-top: 15px;
  }
  .e7q3n8w2fc > p:not(.f7k3b9s2ne) {
    font-size: 11px;
    line-height: 2;
    margin-top: 17px;
  }
  .e7q3n8w2fc > p:not(.f7k3b9s2ne) br {
    display: none;
  }
  .e7q3n8w2fc > div {
    font-size: 8px;
    gap: 5px 10px;
    margin-top: 13px;
  }
  .e7q3n8w2fc .v8d3k6m2yp {
    font-size: 11px;
    margin-top: 21px;
    padding: 9px 16px;
  }
  .q8m2t6c9rv {
    padding: 0 20px 32px 0;
    margin-top: 5px;
  }
  .x3k7w2p9nb {
    width: 92%;
    padding: 8px;
  }
  .x3k7w2p9nb > img {
    height: 145px;
  }
  .x3k7w2p9nb b {
    font-size: 11px;
  }
  .x3k7w2p9nb > div:nth-of-type(2) {
    padding-top: 12px;
  }
  .x3k7w2p9nb > div:last-child {
    gap: 5px;
  }
  .a6y2v8k4mq {
    width: 107px;
    padding: 17px 7px 7px;
    border-width: 4px;
    border-radius: 20px;
    bottom: 25px;
  }
  .a6y2v8k4mq img {
    height: 112px;
  }
  .a6y2v8k4mq > span:first-of-type {
    font-size: 7px;
    padding-bottom: 7px;
  }
  .a6y2v8k4mq b {
    font-size: 10px;
    margin: 8px 0;
  }
  .a6y2v8k4mq > span:last-child {
    font-size: 6px;
  }
  .a6y2v8k4mq > div {
    left: 30px;
    right: 30px;
    height: 4px;
  }
  .q8m2t6c9rv > figcaption {
    font-size: 7px;
    bottom: 0;
    white-space: nowrap;
  }
  .f2n9v4c7ka {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-top: 40px;
  }
  .p8k4r2m9wf h2,
  .u9c4h8q2mr h2 {
    font-size: 22px;
  }
  .p8k4r2m9wf ol {
    margin-top: 15px;
  }
  .p8k4r2m9wf li {
    padding: 21px 0;
    gap: 18px;
  }
  .p8k4r2m9wf li p {
    font-size: 10px;
    max-width: 245px;
  }
  .p8k4r2m9wf li > span {
    font-size: 28px;
  }
  .p8k4r2m9wf h3 {
    font-size: 13px;
  }
  .p8k4r2m9wf li > a {
    width: 27px;
    height: 27px;
    font-size: 17px;
  }
  .u9c4h8q2mr figure {
    grid-template-columns: 1fr 90px;
    padding: 17px 14px;
    gap: 15px;
  }
  .u9c4h8q2mr blockquote {
    font-size: 10px;
  }
  .u9c4h8q2mr figcaption {
    font-size: 9px;
  }
  .u9c4h8q2mr > .a4u7k2n9rw {
    font-size: 9px;
  }
  .n8q2r6w4vc {
    grid-template-columns: 1fr;
    gap: 35px;
    margin: 40px 0;
  }
  .w7m3b9k2pt h2 {
    font-size: 22px;
    margin-bottom: 18px;
  }
  .w7m3b9k2pt summary {
    font-size: 11px;
    padding: 17px 0;
    gap: 15px;
  }
  .w7m3b9k2pt details p {
    font-size: 10px;
    padding-right: 18px;
  }
  .t3r8c2k6wp {
    padding: 28px;
  }
  .t3r8c2k6wp h2 {
    font-size: 14px;
    margin-top: 12px;
  }
  .b2k7n4v9mq {
    font-size: 30px;
    margin-top: 13px;
  }
  .t3r8c2k6wp > .p4u8z3k7nb {
    top: 46px;
    right: 30px;
  }
  .t3r8c2k6wp > .v8d3k6m2yp {
    font-size: 12px;
  }
  .y8r3n7v2kc {
    padding: 32px 20px 95px;
  }
  .c7m2k9w4qb {
    grid-template-columns: 1fr;
    gap: 30px;
    padding-bottom: 27px;
  }
  .c7m2k9w4qb section h2 {
    font-size: 21px;
    margin-top: 10px;
  }
  .c7m2k9w4qb section h2 span {
    font-size: 10px;
    margin-left: 15px;
  }
  .c7m2k9w4qb section > p:last-child {
    font-size: 10px;
    line-height: 2;
    margin-top: 15px;
  }
  .c7m2k9w4qb nav h2 {
    font-size: 13px;
  }
  .c7m2k9w4qb nav > div {
    gap: 10px 16px;
    margin-top: 14px;
    font-size: 10px;
  }
  .s4k9v2p7nm {
    display: grid;
    grid-template-columns: 1fr auto;
    font-size: 8px;
    gap: 6px;
  }
  .s4k9v2p7nm > p:nth-child(2) {
    grid-row: 2;
  }
  .s4k9v2p7nm > a {
    grid-column: 2;
    grid-row: 1/3;
  }
  .v4n8t2q9cs {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 7px 15px max(7px, env(safe-area-inset-bottom));
    background: #fffdf9f7;
    backdrop-filter: blur(15px);
    border-top: 1px solid #e8e2d6;
  }
  .v4n8t2q9cs a {
    text-align: center;
    font-size: 20px;
    line-height: 1.3;
    color: #7a7262;
  }
  .v4n8t2q9cs a span {
    display: block;
    font-size: 8px;
    margin-top: 4px;
  }
  .v4n8t2q9cs a:first-child {
    color: #bc6244;
  }
  .m7v2k8q4nr {
    padding: 35px 25px 26px;
  }
  .m7v2k8q4nr h2 {
    font-size: 25px;
  }
  .m7v2k8q4nr > p:not(.f7k3b9s2ne) {
    font-size: 12px;
  }
  .m7v2k8q4nr > small {
    margin-top: 23px;
  }
  .m7v2k8q4nr > aside {
    font-size: 9px;
  }
  .j4r9t2c7vx {
    padding-bottom: 80px;
    font-size: 10px;
  }
}
@media (max-width: 360px) {
  main {
    padding: 0 16px;
  }
  .h6p4a8v9kc {
    padding: 0 16px;
  }
  .m8q2h4t6vy h2 {
    font-size: 36px;
  }
  .c4v9j2p8tw > .e2k8w4a9nz {
    margin-left: 12px;
    font-size: 9px;
  }
  .c4v9j2p8tw > .v8d3k6m2yp {
    gap: 15px;
  }
  .b3k7r9w2my h2 span {
    display: block;
    margin: 6px 0 0;
  }
  .b3k7r9w2my > a {
    font-size: 9px;
  }
  .j7a3r9v2wc h3 {
    font-size: 10px;
  }
  .w3k8c4n9yp article {
    grid-template-columns: 38% 1fr;
  }
  .u9c4h8q2mr figure {
    grid-template-columns: 1fr 80px;
    gap: 10px;
  }
  .c7m2k9w4qb section h2 span {
    display: block;
    margin: 8px 0 0;
  }
  .x8k2v7p4me h3 {
    font-size: 25px;
  }
  .q8m2t6c9rv > figcaption {
    font-size: 6px;
  }
}
.k6m2a9x4tv p,
.c9n4w7p2ke p,
.w3k8c4n9yp p,
.p8k4r2m9wf li p,
.u9c4h8q2mr blockquote,
.w7m3b9k2pt details p,
.c7m2k9w4qb section > p:last-child {
  font-size: 12px;
}
.j7a3r9v2wc p {
  font-size: 11px;
}
@media (max-width: 760px) {
  .k6m2a9x4tv p,
  .c9n4w7p2ke p,
  .w3k8c4n9yp p,
  .p8k4r2m9wf li p,
  .u9c4h8q2mr blockquote,
  .w7m3b9k2pt details p,
  .c7m2k9w4qb section > p:last-child {
    font-size: 12px;
  }
  .j7a3r9v2wc h3 {
    font-size: 13px;
  }
  .j7a3r9v2wc p {
    font-size: 11px;
  }
  .c9n4w7p2ke h3 {
    font-size: 14px;
  }
  .u9c4h8q2mr figure {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .u9c4h8q2mr figcaption {
    font-size: 11px;
  }
  .u9c4h8q2mr figcaption small {
    font-size: 9px;
    white-space: nowrap;
  }
  .w7m3b9k2pt summary {
    font-size: 13px;
  }
  .p8k4r2m9wf h3 {
    font-size: 14px;
  }
  .c7m2k9w4qb nav > div {
    font-size: 12px;
  }
}
@media (max-width: 360px) {
  .t9p2f6x4nb {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
  html[data-motion="on"] [data-reveal] {
    opacity: 1;
    transform: none;
  }
}