@charset "UTF-8";

/* source/scene.css */
:root {
  color-scheme: light;
  --ink: #23271f;
  --muted: #676c61;
  --paper: #fbfaf5;
  --yellow: #ffcf24;
  --line: #e4e4d8;
  --curve: cubic-bezier(0.2, 0.75, 0.25, 1);
}
*,
:before,
:after {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 104px;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font:
    15px/1.75 Microsoft YaHei,
    PingFang SC,
    system-ui,
    sans-serif;
  -webkit-font-smoothing: antialiased;
}
h1,
h2,
h3,
p,
figure,
blockquote {
  margin: 0;
}
h1,
h2,
h3 {
  line-height: 1.35;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  font: inherit;
  color: inherit;
  cursor: pointer;
}
a,
button,
summary {
  touch-action: manipulation;
  -webkit-tap-highlight-color: transparent;
}
button {
  border: 0;
  background: none;
}
a:focus-visible,
button:focus-visible,
summary:focus-visible {
  outline: 3px solid #936000;
  outline-offset: 5px;
}
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
em {
  font-style: normal;
}
[hidden] {
  display: none !important;
}
section[id],
aside[id] {
  scroll-margin-top: 0;
}
.k8zq2m4p {
  position: fixed;
  top: 12px;
  left: 12px;
  z-index: 100;
  background: var(--ink);
  color: #fff;
  padding: 10px 20px;
  transform: translateY(-170%);
}
.k8zq2m4p:focus {
  transform: none;
}
.n7x2f9ka {
  position: sticky;
  top: 0;
  z-index: 40;
  background: #fbfaf5f5;
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(14px);
}
.b3m9r5td {
  max-width: 1320px;
  margin: auto;
  min-height: 90px;
  display: flex;
  align-items: center;
  gap: 36px;
  padding: 14px 30px;
}
.x4v8p2ka {
  font-size: 24px;
  flex-shrink: 0;
}
.x4v8p2ka a {
  display: flex;
  gap: 10px;
  align-items: center;
}
.x4v8p2ka img {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  border: 2px solid var(--yellow);
}
.x4v8p2ka small {
  display: block;
  font-size: 8px;
  letter-spacing: 1.6px;
  margin-top: 3px;
  font-weight: 500;
}
.m2j6t8qx {
  display: flex;
  gap: 27px;
  align-items: center;
  margin: auto;
  font-size: 14px;
  font-weight: 600;
}
.m2j6t8qx a {
  position: relative;
  padding: 10px 0;
  white-space: nowrap;
}
.m2j6t8qx a:after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 2px;
  left: 0;
  right: 0;
  background: var(--yellow);
  transform: scaleX(0);
  transition: transform 0.2s;
}
.m2j6t8qx a:hover:after,
.m2j6t8qx a[aria-current]:after {
  transform: scaleX(1);
}
.s9k3w6pr {
  display: flex;
  align-items: center;
  gap: 12px;
}
.a5t9d2mn {
  background: var(--ink);
  color: #fff;
  font-size: 13px;
  border-radius: 30px;
  padding: 11px 20px;
  white-space: nowrap;
  transition:
    background 0.2s,
    transform 0.2s;
}
.a5t9d2mn:hover {
  background: #505341;
  transform: translateY(-2px);
}
.a5t9d2mn span {
  margin-left: 15px;
}
.p4n8h2vb {
  display: none;
}
.c9a3d7kr {
  padding: 20px 24px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
  background: #fffdf2;
  box-shadow: 0 12px 25px #24281c12;
}
.c9a3d7kr a {
  padding: 8px;
  border-bottom: 1px solid var(--line);
  font-size: 14px;
}
.f8q2z5ma {
  background: #fff3bd;
}
.j6r3v8pc {
  max-width: 1320px;
  margin: auto;
  padding: 34px 30px 0;
}
.t5a9w4nk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #67634d;
}
.r3e7u9xc {
  display: inline-block;
  font-size: 11px;
  letter-spacing: 1px;
  border: 1px solid currentColor;
  border-radius: 20px;
  padding: 4px 12px;
}
.t5a9w4nk .r3e7u9xc {
  border: 0;
  background: var(--yellow);
  color: var(--ink);
}
.u8m4z2ep {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0 30px;
}
.u8m4z2ep h2 {
  font-size: clamp(34px, 4.1vw, 56px);
  letter-spacing: -2px;
  font-weight: 900;
}
.u8m4z2ep em {
  margin-left: 5px;
  position: relative;
}
.u8m4z2ep em:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 10px;
  bottom: 4px;
  background: #ffc91488;
  z-index: 0;
}
.u8m4z2ep p {
  margin-top: 10px;
  color: #6f6a51;
  font-size: 14px;
}
.u8m4z2ep > a {
  font-size: 15px;
  font-weight: 700;
  text-align: right;
}
.u8m4z2ep > a > span {
  font-size: 23px;
  margin-left: 25px;
}
.u8m4z2ep small {
  font-size: 11px;
  color: #78705a;
  font-weight: 400;
  display: block;
}
.e7c4p8ht {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 250px;
  min-height: 445px;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 20px 40px #80701d16;
  background: #1e2728;
}
.w2n8k5zr {
  position: relative;
  min-width: 0;
}
.q6v3y9am {
  height: 445px;
  position: relative;
  overflow: hidden;
  color: #fff;
  isolation: isolate;
  animation: scene-entry 0.65s var(--curve);
}
.q6v3y9am img {
  position: absolute;
  inset: 0;
  z-index: -2;
  filter: brightness(0.83);
  object-position: center 55%;
}
.q6v3y9am:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #111f23e8, #12242a87 46%, #14242d08);
  z-index: -1;
}
.q6v3y9am figcaption {
  position: relative;
  padding: 52px 48px;
  max-width: 600px;
}
.q6v3y9am figcaption > span {
  font-size: 12px;
  letter-spacing: 2px;
  color: #e6e9dc;
}
.q6v3y9am h3 {
  font-size: 49px;
  line-height: 1.3;
  letter-spacing: 3px;
  margin: 17px 0;
}
.q6v3y9am p {
  font-size: 13px;
  color: #e1e6df;
  margin-bottom: 24px;
}
.g4p7x2nt {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  background: linear-gradient(115deg, #ffe87b, #ffc61a);
  padding: 12px 20px;
  font-size: 13px;
  font-weight: 700;
  border-radius: 7px;
  color: #2a2b20;
  box-shadow: 0 5px 16px #0000000e;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.g4p7x2nt:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 20px #00000020;
}
.v9t3j6kp {
  display: flex;
  flex-direction: column;
  padding: 14px;
  background: #252b27;
  color: #e6e7df;
  gap: 5px;
}
.v9t3j6kp > button {
  width: 100%;
  display: flex;
  text-align: left;
  gap: 14px;
  align-items: center;
  padding: 22px 12px;
  border-bottom: 1px solid #ffffff15;
  flex: 1;
  transition:
    background 0.25s,
    color 0.25s;
  border-radius: 9px;
}
.v9t3j6kp > button[aria-pressed="true"] {
  background: var(--yellow);
  color: #262c21;
  border-color: transparent;
}
.v9t3j6kp > button > b {
  font:
    italic 25px Georgia,
    serif;
  font-weight: 400;
  opacity: 0.65;
}
.v9t3j6kp > button > span {
  font-size: 16px;
  font-weight: 700;
}
.v9t3j6kp > button > span:last-child {
  margin-left: auto;
}
.v9t3j6kp small {
  display: block;
  font-size: 11px;
  opacity: 0.72;
  margin-top: 5px;
  font-weight: 400;
}
.h7d3u6xm {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 10px 3px;
  font-size: 11px;
  color: #b6bbae;
}
.h7d3u6xm button {
  font-size: 11px;
  color: #f4f5eb;
  border: 1px solid #6e7567;
  border-radius: 20px;
  padding: 4px 10px;
}
.d4f8n2ja {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 0;
  font-size: 11px;
  color: #716c51;
}
.d4f8n2ja p span {
  margin-right: 7px;
}
.d4f8n2ja a {
  white-space: nowrap;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.l9y3c6ev {
  border-bottom: 1px solid var(--line);
  background: #fffdf7;
}
.l9y3c6ev > div {
  max-width: 1260px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  gap: 26px;
  overflow: auto;
  scrollbar-width: thin;
  padding: 18px 0;
}
.l9y3c6ev a {
  white-space: nowrap;
  font-size: 12px;
  transition: color 0.2s;
}
.l9y3c6ev a:hover {
  color: #906300;
}
.y2j6v9pm {
  max-width: 1260px;
  margin: auto;
}
.z4b8q2ku,
.q9n4b7zx,
.r8n4j2vq {
  padding: 72px 30px;
}
.o7r2m5ta > span,
.t8r3n5mc > div > span {
  font-size: 11px;
  letter-spacing: 1.5px;
  color: #858a79;
  display: block;
  margin-bottom: 13px;
}
.o7r2m5ta h2 {
  font-size: 29px;
  letter-spacing: -0.7px;
}
.o7r2m5ta > p {
  font-size: 13px;
  color: var(--muted);
  margin-top: 12px;
  max-width: 650px;
}
.i5v9n3cx {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 32px;
  border: 1px solid var(--line);
  border-radius: 14px;
  overflow: hidden;
  background: #fffdf8;
}
.i5v9n3cx article {
  padding: 27px 25px;
  border-right: 1px solid var(--line);
}
.i5v9n3cx article:last-child {
  border: 0;
}
.f5m2z8yr {
  width: 37px;
  height: 37px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: #fff0b3;
  font-size: 24px;
  margin-bottom: 18px;
}
.i5v9n3cx h3 {
  font-size: 16px;
  margin-bottom: 9px;
}
.i5v9n3cx p {
  color: var(--muted);
  font-size: 12px;
}
.a8k4c2mu {
  max-width: 1320px;
  padding: 0 30px 74px;
  margin: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 322px;
  gap: 40px;
  align-items: end;
}
.a8k4c2mu > * {
  min-width: 0;
}
.s4x8r2vc {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 28px;
}
.t3q7m9hn a {
  display: block;
}
.t3q7m9hn a > div {
  aspect-ratio: 3/4;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
  background: #d8dfcd;
}
.t3q7m9hn img {
  transition: transform 0.55s var(--curve);
}
.t3q7m9hn a:hover img {
  transform: scale(1.055);
}
.t3q7m9hn a > div:after {
  content: "";
  position: absolute;
  inset: 50% 0 0;
  background: linear-gradient(transparent, #0c1c20aa);
}
.t3q7m9hn a > div > span {
  position: absolute;
  bottom: 16px;
  left: 15px;
  z-index: 1;
  color: #fff;
  font-size: 10px;
}
.t3q7m9hn b {
  position: absolute;
  right: 12px;
  top: 12px;
  background: #fffdf4;
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-weight: 400;
}
.t3q7m9hn h3 {
  font-size: 18px;
  margin: 16px 0 4px;
}
.t3q7m9hn p {
  font-size: 12px;
  color: var(--muted);
}
.w6e3k9ba {
  background: #f6d553;
  border-radius: 12px;
  padding: 22px;
  position: relative;
  isolation: isolate;
}
.w6e3k9ba:before,
.w6e3k9ba:after {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: var(--paper);
  top: 49px;
  z-index: 1;
}
.w6e3k9ba:before {
  left: -10px;
}
.w6e3k9ba:after {
  right: -10px;
}
.d8t2a4pk {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #292d2150;
  padding-bottom: 14px;
  margin-bottom: 24px;
  font-size: 10px;
  letter-spacing: 2px;
}
.w6e3k9ba .o7r2m5ta > span {
  color: #625323;
  margin-bottom: 7px;
}
.w6e3k9ba .o7r2m5ta h2 {
  font-size: 25px;
}
.w6e3k9ba .o7r2m5ta p {
  font-size: 10px;
  color: #65572e;
}
.k3r8z5vn {
  padding: 0;
  list-style: none;
  margin: 20px 0 15px;
}
.k3r8z5vn li {
  display: flex;
  gap: 12px;
  align-items: center;
  border-bottom: 1px solid #272c2325;
  padding: 16px 0;
}
.k3r8z5vn li > b {
  font:
    italic 30px Georgia,
    serif;
  color: #746327;
}
.k3r8z5vn li > a {
  flex: 1;
}
.k3r8z5vn strong {
  display: block;
  font-size: 15px;
}
.k3r8z5vn a span {
  font-size: 10px;
  color: #746327;
}
.h9u3m6cx > span {
  font-size: 10px;
  color: #695b31;
  display: block;
  margin-bottom: 9px;
}
.h9u3m6cx a {
  display: block;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #272c2345;
}
.h9u3m6cx a:hover {
  background: #fff1ba;
}
.q9n4b7zx {
  background: #f0f0e8;
}
.e4p8v2tr {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 25px;
}
.e4p8v2tr > .r3e7u9xc {
  font-size: 10px;
  white-space: nowrap;
}
.u4z9e6pc {
  display: flex;
  gap: 9px;
  margin: 28px 0 25px;
  flex-wrap: wrap;
}
.u4z9e6pc button {
  padding: 8px 18px;
  border: 1px solid #d5d8ca;
  border-radius: 25px;
  font-size: 12px;
  background: #f9f9f3;
  transition: background 0.2s;
}
.u4z9e6pc button[aria-pressed="true"] {
  color: #fff;
  background: var(--ink);
  border-color: var(--ink);
}
.b6r2k8mx {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 25px;
}
.j3v8a5qr {
  background: var(--paper);
  border-radius: 12px;
  overflow: hidden;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}
.j3v8a5qr:hover {
  transform: translateY(-5px);
  box-shadow: 0 12px 25px #2a302712;
}
.j3v8a5qr > img {
  aspect-ratio: 16/8.6;
  height: auto;
}
.j3v8a5qr > div {
  padding: 20px 23px 24px;
}
.j3v8a5qr span {
  font-size: 10px;
  color: #7e8376;
}
.j3v8a5qr h3 {
  font-size: 20px;
  margin: 8px 0;
}
.j3v8a5qr p {
  font-size: 12px;
  color: var(--muted);
}
.m6t3x8ve {
  background: #ffe273;
  padding: 76px 30px;
  overflow: hidden;
}
.c2a8n5rv {
  max-width: 1190px;
  margin: auto;
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 70px;
  align-items: center;
}
.m6t3x8ve .o7r2m5ta > span {
  color: #806b25;
}
.m6t3x8ve .o7r2m5ta h2 {
  font-size: 34px;
  line-height: 1.5;
}
.m6t3x8ve .o7r2m5ta > p {
  margin-top: 22px;
  color: #706339;
}
.m6t3x8ve .o7r2m5ta > a {
  font-size: 12px;
  border-bottom: 1px solid #6d602b;
  padding-bottom: 7px;
}
.m6t3x8ve .o7r2m5ta > a > span {
  margin-left: 30px;
}
.s6p9d3ka {
  display: inline-flex;
  padding: 5px;
  background: #f4d46b;
  border-radius: 9px;
  gap: 4px;
  margin: 26px 0;
  align-self: start;
}
.s6p9d3ka button {
  font-size: 12px;
  padding: 8px 16px;
  border-radius: 6px;
}
.s6p9d3ka button[aria-pressed="true"] {
  background: #fff9e8;
  box-shadow: 0 2px 6px #594c1510;
}
.m6t3x8ve .o7r2m5ta > a {
  display: block;
  width: max-content;
}
.z8d4k2ua {
  width: 100%;
  max-width: 610px;
  justify-self: center;
  background: #fffef6;
  border: 9px solid #272e28;
  border-radius: 15px;
  box-shadow: 15px 22px #c4a84138;
  position: relative;
  transition:
    width 0.4s var(--curve),
    border-radius 0.4s var(--curve);
}
.v3w7q9rm {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #272e28;
  color: #aab1a4;
  font-size: 8px;
  padding: 1px 5px 8px;
  gap: 12px;
}
.v3w7q9rm > span:first-child {
  letter-spacing: 3px;
  font-size: 7px;
}
.a2r9t6xn {
  padding: 15px;
}
.n3k7p8az {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 10px;
  margin-bottom: 12px;
}
.n3k7p8az > span {
  font-size: 8px;
  color: #85897e;
}
.e5x2r8vc {
  position: relative;
  border-radius: 6px;
  height: 210px;
  overflow: hidden;
  isolation: isolate;
}
.e5x2r8vc img {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.e5x2r8vc:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, #13262be6, #13262b09);
  z-index: -1;
}
.e5x2r8vc > div {
  padding: 25px;
  color: #fff;
}
.e5x2r8vc span {
  font-size: 9px;
  color: #f5d654;
}
.e5x2r8vc strong {
  font-size: 27px;
  line-height: 1.45;
  display: block;
  margin-top: 13px;
}
.t9v3b6kr {
  display: flex;
  gap: 6px;
  margin: 15px 0 10px;
}
.t9v3b6kr span {
  flex: 1;
  text-align: center;
  font-size: 8px;
  background: #f2eedb;
  padding: 8px 3px;
  border-radius: 5px;
}
.a2r9t6xn > p {
  font-size: 9px;
  color: #8b8d7f;
  text-align: center;
}
.x8c2m7ea {
  position: absolute;
  right: 10px;
  bottom: -40px;
  font-size: 10px;
  color: #6e6028;
}
.z8d4k2ua[data-device="compact"] {
  width: 260px;
  border-radius: 29px;
  border-width: 10px;
}
.z8d4k2ua[data-device="compact"] .v3w7q9rm {
  border-radius: 12px 12px 0 0;
}
.z8d4k2ua[data-device="compact"] .v3w7q9rm span:first-child {
  display: none;
}
.z8d4k2ua[data-device="compact"] .n3k7p8az > span {
  display: none;
}
.z8d4k2ua[data-device="compact"] .e5x2r8vc {
  height: 240px;
}
.z8d4k2ua[data-device="compact"] .e5x2r8vc > div {
  padding: 20px;
}
.z8d4k2ua[data-device="compact"] .e5x2r8vc strong {
  font-size: 23px;
}
.z8d4k2ua[data-device="compact"] .t9v3b6kr {
  flex-wrap: wrap;
}
.z8d4k2ua[data-device="compact"] .t9v3b6kr span {
  min-width: 40%;
  font-size: 9px;
}
.f7u3w9pa {
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 35px;
  margin: 35px 0 0;
}
.f7u3w9pa li {
  display: flex;
  gap: 20px;
  border-top: 2px solid #d9dbcc;
  padding-top: 24px;
}
.f7u3w9pa li > b {
  font:
    italic 36px Georgia,
    serif;
  color: #b39a35;
  line-height: 1.1;
}
.f7u3w9pa h3 {
  font-size: 17px;
  margin-bottom: 12px;
}
.f7u3w9pa p {
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 17px;
}
.f7u3w9pa a {
  font-size: 11px;
  font-weight: 700;
}
.r8n4j2vq {
  padding-top: 10px;
}
.r8n4j2vq .e4p8v2tr > p {
  font-size: 11px;
  color: #7c8174;
}
.k6a3p9xd {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 25px;
  margin-top: 30px;
}
.k6a3p9xd figure {
  padding: 28px;
  background: #f0f0e7;
  border-radius: 11px;
}
.k6a3p9xd blockquote {
  font-size: 14px;
  line-height: 1.9;
  min-height: 108px;
}
.k6a3p9xd figcaption {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 24px;
  font-size: 11px;
}
.k6a3p9xd figcaption > span {
  width: 33px;
  height: 33px;
  display: grid;
  place-items: center;
  background: #e4e5d7;
  border-radius: 50%;
  font-family: Georgia, serif;
}
.k6a3p9xd small {
  display: block;
  font-size: 9px;
  color: #858b7b;
  margin-top: 3px;
}
.g9m4u2cp {
  max-width: 1320px;
  margin: auto;
  padding: 0 30px 80px;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr;
  gap: 75px;
  align-items: start;
}
.n8p4v6xa {
  margin-top: 30px;
  border-top: 1px solid var(--line);
}
.n8p4v6xa details {
  border-bottom: 1px solid var(--line);
  padding: 20px 0;
}
.n8p4v6xa summary {
  list-style: none;
  cursor: pointer;
  position: relative;
  padding-right: 30px;
  font-size: 14px;
  font-weight: 600;
}
.n8p4v6xa summary::-webkit-details-marker {
  display: none;
}
.n8p4v6xa summary:after {
  content: "+";
  position: absolute;
  right: 5px;
  top: -3px;
  font-size: 22px;
  font-weight: 400;
  color: #7c826d;
}
.n8p4v6xa details[open] summary:after {
  content: "−";
}
.n8p4v6xa details > p {
  font-size: 12px;
  color: var(--muted);
  padding: 15px 24px 0 0;
  line-height: 1.9;
}
.v8c3k7mr {
  padding: 32px 35px;
  background: #262e28;
  border-radius: 15px;
  color: #f7f6e9;
  position: relative;
  overflow: hidden;
}
.v8c3k7mr > .r3e7u9xc {
  color: #f8d35f;
  font-size: 10px;
}
.u7x3m9pb {
  position: absolute;
  top: 15px;
  right: -8px;
  font-size: 83px;
  line-height: 1;
  font-weight: 900;
  color: #ffffff05;
  writing-mode: vertical-rl;
  letter-spacing: 5px;
}
.v8c3k7mr h2 {
  font-size: 35px;
  margin-top: 22px;
  line-height: 1.4;
}
.v8c3k7mr > p {
  font-size: 11px;
  color: #c7cdba;
  margin: 16px 0 24px;
}
.y9a4e2nk {
  display: flex;
  gap: 10px;
  padding: 16px 0 22px;
  border-top: 1px solid #ffffff20;
}
.y9a4e2nk > span {
  color: #fbd13c;
  font-size: 25px;
  line-height: 1.25;
}
.y9a4e2nk strong {
  font-size: 13px;
  font-weight: 500;
  color: #ffe378;
}
.y9a4e2nk p {
  font-size: 11px;
  color: #b6beac;
  line-height: 1.8;
  margin-top: 6px;
}
.v8c3k7mr > .g4p7x2nt {
  display: flex;
}
.h3b8q2vr {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 15px;
  color: #e0e3d6;
}
.v8c3k7mr > small {
  display: block;
  border-top: 1px solid #ffffff15;
  font-size: 9px;
  color: #a0aa96;
  margin-top: 22px;
  padding-top: 14px;
}
.x6k2v9ap {
  background: #eeefe5;
  padding: 52px 30px 0;
}
.t8r3n5mc {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 80px;
  border-bottom: 1px solid #d5d8c7;
  padding-bottom: 35px;
}
.t8r3n5mc h2 {
  font-size: 27px;
}
.t8r3n5mc h2 small {
  display: block;
  font-size: 12px;
  color: #7d8570;
  font-weight: 400;
  margin-top: 9px;
}
.t8r3n5mc > p {
  font-size: 12px;
  color: #6c7460;
  line-height: 2;
}
.j8v4c2qa {
  display: flex;
  gap: 45px;
  padding: 29px 0;
  border-bottom: 1px solid #d5d8c7;
  align-items: start;
}
.j8v4c2qa > strong {
  font-size: 12px;
  white-space: nowrap;
}
.j8v4c2qa > div {
  display: flex;
  gap: 13px 24px;
  flex-wrap: wrap;
}
.j8v4c2qa a {
  font-size: 11px;
  color: #707861;
}
.j8v4c2qa a:hover {
  text-decoration: underline;
}
.q3a7m9kx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  font-size: 10px;
  color: #7c846f;
  padding: 23px 0;
}
.q3a7m9kx > a {
  font-size: 11px;
}
.q3a7m9kx > span {
  color: #949a88;
}
[data-enhanced] [data-reveal] {
  transition:
    opacity 0.6s var(--curve),
    transform 0.6s var(--curve);
}
[data-enhanced] [data-reveal][data-waiting] {
  opacity: 0;
  transform: translateY(20px);
}
@keyframes scene-entry {
  0% {
    opacity: 0.55;
    transform: scale(1.012);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@media (min-width: 1450px) {
  .q6v3y9am {
    height: 475px;
  }
  .q6v3y9am figcaption {
    padding-top: 64px;
  }
}
@media (max-width: 1100px) {
  .m2j6t8qx {
    gap: 18px;
  }
  .b3m9r5td {
    gap: 20px;
  }
  .a5t9d2mn {
    display: none;
  }
  .e7c4p8ht {
    grid-template-columns: minmax(0, 1fr) 220px;
  }
  .q6v3y9am figcaption {
    padding: 45px 35px;
  }
  .a8k4c2mu {
    gap: 25px;
    grid-template-columns: minmax(0, 1fr) 285px;
  }
  .s4x8r2vc {
    gap: 14px;
  }
  .t3q7m9hn a > div > span {
    font-size: 9px;
    left: 10px;
  }
  .t3q7m9hn h3 {
    font-size: 16px;
  }
  .l9y3c6ev > div {
    padding-left: 30px;
    padding-right: 30px;
  }
  .c2a8n5rv {
    gap: 40px;
  }
  .m6t3x8ve .o7r2m5ta h2 {
    font-size: 28px;
  }
  .g9m4u2cp {
    gap: 40px;
  }
  .i5v9n3cx article {
    padding: 23px 19px;
  }
  .i5v9n3cx h3 {
    font-size: 14px;
  }
}
@media (max-width: 800px) {
  .b3m9r5td {
    min-height: 76px;
    padding: 13px 22px;
    justify-content: space-between;
  }
  .x4v8p2ka {
    font-size: 21px;
  }
  .x4v8p2ka small {
    font-size: 7px;
  }
  .m2j6t8qx {
    display: none;
  }
  .p4n8h2vb {
    display: block;
    font-size: 12px;
    border: 1px solid #dedfce;
    padding: 7px 11px;
    border-radius: 6px;
  }
  .p4n8h2vb span {
    margin-left: 8px;
  }
  .t5a9w4nk > span:last-child {
    font-size: 10px;
  }
  .j6r3v8pc {
    padding: 24px 22px 0;
  }
  .u8m4z2ep > a {
    display: none;
  }
  .u8m4z2ep h2 {
    font-size: 42px;
  }
  .u8m4z2ep p {
    font-size: 12px;
  }
  .e7c4p8ht {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .q6v3y9am {
    height: 390px;
  }
  .q6v3y9am h3 {
    font-size: 42px;
  }
  .v9t3j6kp {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    padding: 9px;
    gap: 7px;
  }
  .v9t3j6kp > button {
    padding: 12px 9px;
    gap: 9px;
    border: 0;
  }
  .v9t3j6kp > button > b {
    font-size: 20px;
  }
  .v9t3j6kp > button > span {
    font-size: 13px;
  }
  .v9t3j6kp > button > span:last-child {
    display: none;
  }
  .v9t3j6kp small {
    font-size: 9px;
  }
  .h7d3u6xm {
    grid-column: 1/-1;
    padding: 3px 10px;
  }
  .d4f8n2ja {
    font-size: 10px;
    padding: 16px 0;
  }
  .d4f8n2ja a {
    display: none;
  }
  .l9y3c6ev > div {
    padding: 15px 22px;
  }
  .z4b8q2ku,
  .q9n4b7zx,
  .r8n4j2vq {
    padding: 48px 22px;
  }
  .o7r2m5ta h2 {
    font-size: 25px;
  }
  .i5v9n3cx {
    grid-template-columns: repeat(2, 1fr);
  }
  .i5v9n3cx article:nth-child(2) {
    border-right: 0;
  }
  .i5v9n3cx article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }
  .a8k4c2mu {
    grid-template-columns: 1fr;
    padding: 0 22px 50px;
    gap: 35px;
  }
  .s4x8r2vc {
    gap: 20px;
  }
  .w6e3k9ba {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 0 25px;
  }
  .d8t2a4pk {
    grid-column: 1/-1;
    margin-bottom: 20px;
  }
  .w6e3k9ba .o7r2m5ta {
    align-self: center;
  }
  .k3r8z5vn {
    grid-column: 2;
    grid-row: 2/4;
    margin: 0;
  }
  .k3r8z5vn li:first-child {
    padding-top: 0;
  }
  .h9u3m6cx {
    grid-column: 1;
    align-self: end;
  }
  .b6r2k8mx {
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
  }
  .e4p8v2tr {
    align-items: start;
  }
  .e4p8v2tr > .r3e7u9xc {
    display: none;
  }
  .c2a8n5rv {
    grid-template-columns: 1fr;
    gap: 35px;
  }
  .m6t3x8ve {
    padding: 48px 22px 65px;
  }
  .m6t3x8ve .o7r2m5ta h2 {
    font-size: 30px;
  }
  .m6t3x8ve .o7r2m5ta > p {
    max-width: 550px;
  }
  .s6p9d3ka {
    margin: 20px 0;
  }
  .z8d4k2ua {
    max-width: 580px;
  }
  .f7u3w9pa {
    gap: 20px;
  }
  .f7u3w9pa li {
    gap: 13px;
  }
  .f7u3w9pa li > b {
    font-size: 27px;
  }
  .f7u3w9pa h3 {
    font-size: 14px;
  }
  .k6a3p9xd {
    gap: 15px;
  }
  .k6a3p9xd figure {
    padding: 20px;
  }
  .k6a3p9xd blockquote {
    font-size: 12px;
  }
  .r8n4j2vq {
    padding-top: 0;
  }
  .r8n4j2vq .e4p8v2tr {
    display: block;
  }
  .r8n4j2vq .e4p8v2tr > p {
    margin-top: 14px;
  }
  .g9m4u2cp {
    grid-template-columns: 1fr;
    padding: 0 22px 50px;
    gap: 35px;
  }
  .v8c3k7mr {
    max-width: none;
  }
  .v8c3k7mr h2 br {
    display: none;
  }
  .v8c3k7mr > p {
    margin-top: 10px;
  }
  .y9a4e2nk {
    padding-top: 16px;
  }
  .u7x3m9pb {
    font-size: 100px;
    right: 25px;
    top: 28px;
  }
  .t8r3n5mc {
    gap: 30px;
    grid-template-columns: 1fr 1.8fr;
  }
  .x6k2v9ap {
    padding: 35px 22px 0;
  }
  .q3a7m9kx > span {
    display: none;
  }
  .j8v4c2qa {
    gap: 25px;
  }
}
@media (max-width: 520px) {
  html {
    scroll-padding-top: 86px;
  }
  .b3m9r5td {
    padding-left: 18px;
    padding-right: 18px;
  }
  .x4v8p2ka img {
    width: 33px;
    height: 33px;
  }
  .x4v8p2ka {
    font-size: 20px;
  }
  .x4v8p2ka small {
    font-size: 6px;
    letter-spacing: 1.2px;
  }
  .j6r3v8pc {
    padding: 21px 18px 0;
  }
  .t5a9w4nk > span:last-child {
    display: none;
  }
  .u8m4z2ep {
    padding: 18px 0 22px;
  }
  .u8m4z2ep h2 {
    font-size: 35px;
    letter-spacing: -1.5px;
  }
  .u8m4z2ep em {
    margin: 0;
  }
  .u8m4z2ep p {
    font-size: 11px;
    margin-top: 12px;
  }
  .e7c4p8ht {
    border-radius: 12px;
  }
  .q6v3y9am {
    height: 370px;
  }
  .q6v3y9am figcaption {
    padding: 35px 26px;
  }
  .q6v3y9am figcaption > span {
    font-size: 10px;
    letter-spacing: 1px;
  }
  .q6v3y9am h3 {
    font-size: 39px;
    margin: 17px 0 14px;
  }
  .q6v3y9am p {
    font-size: 11px;
    max-width: 245px;
    line-height: 1.9;
    margin-bottom: 22px;
  }
  .q6v3y9am img {
    object-position: 65% center;
  }
  .q6v3y9am:after {
    background: linear-gradient(90deg, #12242bd9, #11282c50);
  }
  .v9t3j6kp {
    gap: 3px;
    padding: 7px;
  }
  .v9t3j6kp > button {
    padding: 12px 7px;
    gap: 7px;
    border-radius: 7px;
  }
  .v9t3j6kp > button > b {
    font-size: 16px;
  }
  .v9t3j6kp > button > span {
    font-size: 11px;
  }
  .v9t3j6kp small {
    font-size: 8px;
    white-space: nowrap;
  }
  .d4f8n2ja p {
    line-height: 1.8;
  }
  .l9y3c6ev > div {
    padding: 14px 18px;
    gap: 23px;
  }
  .z4b8q2ku,
  .q9n4b7zx,
  .r8n4j2vq {
    padding: 40px 18px;
  }
  .o7r2m5ta h2 {
    font-size: 23px;
    letter-spacing: -0.6px;
  }
  .o7r2m5ta > p {
    font-size: 11px;
    line-height: 1.9;
  }
  .o7r2m5ta > span {
    font-size: 9px;
    margin-bottom: 10px;
  }
  .i5v9n3cx {
    margin-top: 25px;
  }
  .i5v9n3cx article {
    padding: 23px 17px;
  }
  .i5v9n3cx h3 {
    font-size: 13px;
  }
  .i5v9n3cx p {
    font-size: 10px;
  }
  .f5m2z8yr {
    width: 31px;
    height: 31px;
    font-size: 21px;
    margin-bottom: 14px;
  }
  .a8k4c2mu {
    padding: 0 18px 40px;
    gap: 30px;
  }
  .s4x8r2vc {
    gap: 12px;
    overflow: auto;
    grid-template-columns: repeat(3, 155px);
    padding-bottom: 10px;
    scroll-snap-type: x mandatory;
  }
  .t3q7m9hn {
    scroll-snap-align: start;
  }
  .t3q7m9hn h3 {
    font-size: 15px;
    margin-top: 12px;
  }
  .t3q7m9hn p {
    font-size: 10px;
  }
  .t3q7m9hn a > div {
    border-radius: 8px;
  }
  .w6e3k9ba {
    display: block;
    padding: 23px;
  }
  .k3r8z5vn {
    margin: 12px 0 16px;
  }
  .k3r8z5vn li {
    padding: 14px 0;
  }
  .k3r8z5vn li:first-child {
    padding-top: 14px;
  }
  .h9u3m6cx {
    margin-top: 16px;
  }
  .h9u3m6cx > span {
    display: none;
  }
  .b6r2k8mx {
    grid-template-columns: 1fr;
    gap: 18px;
  }
  .j3v8a5qr {
    display: grid;
    grid-template-columns: 115px minmax(0, 1fr);
    border-radius: 9px;
  }
  .j3v8a5qr > img {
    height: 100%;
    aspect-ratio: auto;
    min-height: 158px;
  }
  .j3v8a5qr > div {
    padding: 17px 16px;
  }
  .j3v8a5qr span {
    font-size: 9px;
  }
  .j3v8a5qr h3 {
    font-size: 18px;
    margin: 6px 0;
  }
  .j3v8a5qr p {
    font-size: 10px;
    line-height: 1.9;
  }
  .u4z9e6pc {
    gap: 6px;
    margin: 23px 0;
  }
  .u4z9e6pc button {
    font-size: 10px;
    padding: 7px 12px;
  }
  .m6t3x8ve {
    padding: 40px 18px 65px;
  }
  .m6t3x8ve .o7r2m5ta h2 {
    font-size: 27px;
  }
  .m6t3x8ve .o7r2m5ta > p {
    font-size: 11px;
  }
  .c2a8n5rv {
    gap: 30px;
  }
  .z8d4k2ua {
    box-shadow: 9px 13px #c4a84138;
    border-width: 7px;
  }
  .a2r9t6xn {
    padding: 11px;
  }
  .e5x2r8vc {
    height: 185px;
  }
  .e5x2r8vc > div {
    padding: 20px;
  }
  .e5x2r8vc strong {
    font-size: 25px;
  }
  .f7u3w9pa {
    grid-template-columns: 1fr;
    gap: 23px;
    margin-top: 25px;
  }
  .f7u3w9pa li {
    gap: 20px;
    padding-top: 20px;
  }
  .f7u3w9pa li > b {
    font-size: 32px;
  }
  .f7u3w9pa h3 {
    font-size: 16px;
    margin-bottom: 9px;
  }
  .f7u3w9pa p {
    font-size: 11px;
    margin-bottom: 10px;
  }
  .k6a3p9xd {
    grid-template-columns: 1fr;
    gap: 12px;
    margin-top: 23px;
  }
  .k6a3p9xd blockquote {
    min-height: 0;
    font-size: 12px;
  }
  .k6a3p9xd figure {
    padding: 23px;
  }
  .k6a3p9xd figcaption {
    margin-top: 18px;
  }
  .r8n4j2vq {
    padding-top: 0;
  }
  .g9m4u2cp {
    padding: 0 18px 40px;
  }
  .n8p4v6xa {
    margin-top: 23px;
  }
  .n8p4v6xa summary {
    font-size: 12px;
  }
  .n8p4v6xa details > p {
    font-size: 11px;
  }
  .v8c3k7mr {
    padding: 29px 25px;
  }
  .v8c3k7mr h2 {
    font-size: 30px;
  }
  .v8c3k7mr h2 br {
    display: block;
  }
  .u7x3m9pb {
    font-size: 80px;
    right: 5px;
    top: 20px;
  }
  .x6k2v9ap {
    padding: 32px 18px 0;
  }
  .t8r3n5mc {
    display: block;
    padding-bottom: 25px;
  }
  .t8r3n5mc > p {
    margin-top: 23px;
    font-size: 11px;
  }
  .t8r3n5mc h2 small {
    font-size: 11px;
  }
  .j8v4c2qa {
    display: block;
    padding: 24px 0;
  }
  .j8v4c2qa > div {
    margin-top: 17px;
    gap: 13px 20px;
  }
  .j8v4c2qa a {
    font-size: 10px;
  }
  .q3a7m9kx {
    align-items: start;
    font-size: 9px;
    gap: 10px;
    padding: 20px 0;
  }
  .q3a7m9kx a {
    font-size: 10px;
    white-space: nowrap;
  }
  .c9a3d7kr {
    grid-template-columns: repeat(2, 1fr);
    padding: 14px 18px;
    gap: 8px 16px;
  }
  .c9a3d7kr a {
    font-size: 12px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation: none !important;
    transition: none !important;
  }
  [data-enhanced] [data-reveal][data-waiting] {
    opacity: 1;
    transform: none;
  }
}
.p8v2j6qa {
  display: inline-block;
  color: #f5f7ed;
  margin-left: 18px;
  font-size: 12px;
  padding: 8px 0;
  border-bottom: 1px solid #ffffff55;
}