@charset "UTF-8";
:root {
  color-scheme: dark;
  --ink: #091c1e;
  --panel: #10272a;
  --line: #294044;
  --mint: #9ce6d3;
  --teal: #42cfb9;
  --paper: #eff5ef;
  --muted: #a2b8b9;
  --peach: #f6bd8e;
  --radius: 12px;
  font-family:
    Microsoft YaHei,
    PingFang SC,
    Noto Sans SC,
    system-ui,
    sans-serif;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 104px;
}
body {
  margin: 0;
  background: var(--ink);
  color: var(--paper);
  font-size: 14px;
  line-height: 1.8;
}
body:before {
  content: "";
  position: absolute;
  pointer-events: none;
  z-index: -1;
  inset: 0 0 auto;
  height: 950px;
  background: radial-gradient(ellipse at 75% 0%, #16413f66, transparent 60%);
}
a {
  color: inherit;
  text-decoration: none;
}
button,
summary {
  -webkit-tap-highlight-color: transparent;
}
button {
  font: inherit;
  cursor: pointer;
  color: inherit;
}
button,
input {
  border-radius: 0;
}
button,
summary,
a {
  touch-action: manipulation;
}
button {
  border: 0;
}
a,
button,
summary {
  transition:
    color 0.2s,
    background 0.2s,
    border-color 0.2s,
    transform 0.2s;
}
:focus-visible {
  outline: 3px solid var(--peach);
  outline-offset: 5px;
}
[hidden] {
  display: none !important;
}
img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  max-width: 100%;
}
h1,
h2,
h3,
p,
figure,
blockquote {
  margin: 0;
}
h2 {
  font-size: clamp(24px, 2.5vw, 34px);
  line-height: 1.4;
  letter-spacing: -0.8px;
  font-weight: 650;
}
h3 {
  line-height: 1.5;
  font-weight: 600;
}
small {
  font-size: 11px;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
section,
article {
  scroll-margin-top: 104px;
}
.a8n4x6v2qp {
  width: min(1344px, calc(100% - 80px));
  margin-inline: auto;
}
.g4k8n2v6pq {
  position: fixed;
  z-index: 100;
  left: 20px;
  top: -100px;
  padding: 12px 20px;
  color: var(--ink);
  background: var(--mint);
}
.g4k8n2v6pq:focus {
  top: 10px;
}
.u7n3q9c2xa {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #091c1ef2;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--line);
}
.r5c9w2k7mx {
  min-height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 26px;
}
.k9p3m7v2xf {
  font-size: 22px;
  letter-spacing: 0.8px;
  line-height: 1.25;
  white-space: nowrap;
}
.k9p3m7v2xf a {
  display: flex;
  align-items: center;
  gap: 12px;
}
.k9p3m7v2xf small {
  font-size: 8px;
  letter-spacing: 2.3px;
  font-weight: 400;
  display: block;
  margin-top: 7px;
  color: var(--muted);
}
.b7q2n8m4vx {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 45px;
  height: 45px;
  background: var(--mint);
  color: var(--ink);
  border-radius: 12px 12px 12px 3px;
  font-size: 25px;
  font-weight: 800;
  flex: none;
}
.b7q2n8m4vx > span {
  position: absolute;
  color: var(--peach);
  font-size: 28px;
  right: -6px;
  top: -17px;
  text-shadow: 0 0 0 #000;
}
.p6x2c8n4vq {
  display: flex;
  align-self: stretch;
  gap: 30px;
  align-items: center;
}
.p6x2c8n4vq a {
  color: #c2d0d0;
  height: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.p6x2c8n4vq a:hover,
.p6x2c8n4vq a[aria-current] {
  color: var(--mint);
}
.p6x2c8n4vq a[aria-current]:after {
  content: "";
  position: absolute;
  height: 3px;
  bottom: 0;
  left: 12px;
  right: 12px;
  background: var(--mint);
}
.h8m3z7q2vn {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.e3p7v9m2xk {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  border: 1px solid #42746e;
  border-radius: 7px;
  padding: 8px 16px;
  font-size: 13px;
  color: var(--mint);
}
.e3p7v9m2xk:hover {
  background: #1c4541;
  border-color: var(--mint);
}
.j6c2w8n4vp {
  background: transparent;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 7px 0 7px 6px;
  color: #c2d0d0;
  font-size: 13px;
}
.j6c2w8n4vp > span:first-child {
  font-size: 20px;
}
.j6c2w8n4vp[aria-expanded="true"] {
  color: var(--mint);
}
.z2v8m4c6qp {
  padding-block: 20px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 10px 20px;
  border-top: 1px solid var(--line);
}
.z2v8m4c6qp a {
  padding: 8px 10px;
  border-radius: 5px;
  color: #c1d0cf;
}
.z2v8m4c6qp a:hover {
  background: var(--panel);
  color: var(--mint);
}
.m4v7q2n9xc {
  padding-top: 25px;
}
.v9n3k6x2pq {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 17px;
  font-size: 12px;
  color: var(--muted);
}
.v9n3k6x2pq p {
  display: flex;
  align-items: center;
  gap: 8px;
}
.v9n3k6x2pq > span {
  font-size: 10px;
  letter-spacing: 1.5px;
}
.v9n3k6x2pq > span > span {
  margin-inline: 12px;
  color: #547674;
}
.q2m8v4n7xc {
  display: inline-block;
  width: 7px;
  height: 7px;
  background: var(--teal);
  border-radius: 50%;
  flex: none;
}
.f7p2x8m4qn {
  display: grid;
  grid-template-columns: 0.92fr 1.27fr 0.72fr;
  min-height: 540px;
  border: 1px solid #2e4d4c;
  border-radius: var(--radius);
  overflow: hidden;
}
.n2c8v4q7mx {
  background: var(--mint);
  color: var(--ink);
  padding: 40px 31px 27px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.w9m3x7n2pq {
  display: block;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 1.8px;
  color: var(--mint);
  line-height: 1.6;
}
.n2c8v4q7mx > .w9m3x7n2pq {
  color: #345d54;
  font-size: 12px;
  letter-spacing: 5px;
  margin-bottom: 25px;
}
.n2c8v4q7mx h2 {
  font-size: clamp(32px, 3.4vw, 50px);
  line-height: 1.35;
  letter-spacing: -2px;
  font-weight: 750;
  white-space: nowrap;
}
.n2c8v4q7mx h2 span {
  position: relative;
  z-index: 1;
}
.n2c8v4q7mx h2 span:after {
  content: "";
  position: absolute;
  background: #d8f6ac;
  height: 14px;
  bottom: 0;
  left: -3px;
  right: -3px;
  z-index: -1;
  transform: rotate(-3deg);
}
.c4n8p2v6qx {
  font-size: 17px;
  line-height: 1.8;
}
.n2c8v4q7mx > .c4n8p2v6qx {
  margin-top: 25px;
  font-weight: 600;
  font-size: 15px;
}
.n2c8v4q7mx > p:not(.c4n8p2v6qx) {
  font-size: 13px;
  color: #355d55;
  line-height: 1.9;
  margin-top: 12px;
  max-width: 28em;
}
.x6q2m9c4vn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  background: linear-gradient(110deg, #0e5c59, #163b43);
  padding: 13px 21px;
  border-radius: 6px;
  color: #fff;
  box-shadow: 0 5px 14px #173a3920;
  font-weight: 500;
}
.x6q2m9c4vn:hover {
  transform: translateY(-3px);
  background: linear-gradient(110deg, #11726b, #1a5159);
  box-shadow: 0 9px 25px #001e2528;
}
.n2c8v4q7mx .x6q2m9c4vn {
  margin-top: 24px;
}
.s8v3n7q2mx {
  display: inline-flex;
  gap: 10px;
  padding-block: 10px;
  font-size: 13px;
}
.s8v3n7q2mx:hover {
  color: #17665b;
}
.n2c8v4q7mx > small {
  margin-top: auto;
  padding-top: 12px;
  color: #42685e;
  font-size: 10px;
}
.d9q3v7m2nx {
  overflow: hidden;
  position: relative;
  background: #1c3b3c;
  min-width: 0;
}
.t3n7q2v9mx {
  display: flex;
  height: 100%;
  transition: transform 0.8s cubic-bezier(0.22, 0.7, 0.15, 1);
}
.y4m8c2n6qp {
  width: 100%;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.y4m8c2n6qp > img {
  position: absolute;
  inset: 0;
  transition: transform 7s linear;
}
.y4m8c2n6qp:not([aria-hidden="true"]) > img {
  transform: scale(1.055);
}
.y4m8c2n6qp:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, #071b1c00 15%, #071b1c10 30%, #061819e8);
  z-index: 1;
}
.y4m8c2n6qp figcaption {
  position: absolute;
  inset: auto 30px 34px;
  z-index: 2;
}
.y4m8c2n6qp figcaption > span {
  font-size: 11px;
  letter-spacing: 2px;
  color: #d1e7e1;
}
.y4m8c2n6qp h3 {
  font-size: 34px;
  letter-spacing: 2px;
  margin: 9px 0;
}
.y4m8c2n6qp p {
  color: #c0cecd;
  font-size: 12px;
}
.y4m8c2n6qp a {
  font-size: 12px;
  color: var(--mint);
  display: inline-block;
  margin-top: 20px;
}
.y4m8c2n6qp a:hover {
  color: #fff;
}
.l7q2v8m4nc {
  position: absolute;
  top: 23px;
  left: 25px;
  right: 25px;
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 11px;
  letter-spacing: 3px;
}
.l7q2v8m4nc > span {
  background: #091c1e88;
  padding: 3px 10px;
  border-radius: 4px;
}
.l7q2v8m4nc button {
  background: #091c1e77;
  border: 1px solid #ffffff50;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  line-height: 1;
}
.l7q2v8m4nc button:hover {
  background: #0d3939;
}
.r8c4n2v7qm {
  background: #122d30;
  padding: 36px 23px 24px;
  display: flex;
  flex-direction: column;
}
.r8c4n2v7qm > .w9m3x7n2pq {
  font-size: 9px;
  letter-spacing: 2px;
  color: #739d96;
}
.r8c4n2v7qm > h3 {
  margin-top: 11px;
  font-size: 17px;
  font-weight: 500;
}
.i2v6q9n3mx {
  margin-top: 25px;
}
.i2v6q9n3mx button {
  width: 100%;
  background: transparent;
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 22px 0;
  text-align: left;
  border-bottom: 1px solid #34504f;
}
.i2v6q9n3mx button > span:first-child {
  font:
    13px Georgia,
    serif;
  color: #6b9190;
  margin-top: 5px;
}
.i2v6q9n3mx button > span:last-child {
  margin-left: auto;
  opacity: 0;
  color: var(--mint);
}
.i2v6q9n3mx strong {
  display: block;
  font-size: 15px;
  font-weight: 500;
}
.i2v6q9n3mx small {
  display: block;
  font-size: 10px;
  color: #8eaaa9;
  margin-top: 5px;
}
.i2v6q9n3mx button[aria-pressed="true"] strong,
.i2v6q9n3mx button:hover strong {
  color: var(--mint);
}
.i2v6q9n3mx button[aria-pressed="true"] > span:last-child {
  opacity: 1;
}
.o3n7m2v8qx {
  padding-top: 28px;
  margin-top: auto;
  color: #a9c0ba;
  font-size: 12px;
}
.o3n7m2v8qx > .q2m8v4n7xc {
  background: var(--peach);
  margin-bottom: 9px;
}
.o3n7m2v8qx a {
  display: inline-block;
  color: var(--mint);
  margin-top: 15px;
  font-size: 11px;
}
.e7m2q8c4vn {
  margin-block: 30px 70px;
  padding: 25px 0;
  display: grid;
  grid-template-columns: 215px 1fr;
  gap: 25px;
  border-block: 1px solid var(--line);
}
.e7m2q8c4vn > div:first-child {
  padding-top: 4px;
}
.e7m2q8c4vn .w9m3x7n2pq {
  color: #72928e;
  font-size: 9px;
}
.e7m2q8c4vn h2 {
  font-size: 19px;
  letter-spacing: 0;
  margin-top: 10px;
}
.b2v8m4q7nx {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}
.b2v8m4q7nx article {
  position: relative;
  padding-left: 21px;
  border-left: 1px solid var(--line);
}
.b2v8m4q7nx article > span {
  float: right;
  color: var(--mint);
  font-size: 23px;
  line-height: 1.2;
}
.b2v8m4q7nx h3 {
  font-size: 14px;
  margin-bottom: 8px;
}
.b2v8m4q7nx p {
  font-size: 11px;
  color: var(--muted);
  line-height: 1.8;
  padding-right: 8px;
}
.q8n3v7c2mx {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 40px;
}
.v3m8q2c7nx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 17px;
}
.v3m8q2c7nx .w9m3x7n2pq {
  margin-bottom: 9px;
}
.v3m8q2c7nx h2 > span {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0;
  color: var(--muted);
  margin-left: 18px;
}
.v3m8q2c7nx p:not(.w9m3x7n2pq) {
  margin-top: 10px;
  color: var(--muted);
  font-size: 13px;
}
.f8m2v6q4nc {
  font-size: 12px;
  color: var(--mint);
  white-space: nowrap;
  display: inline-block;
}
.f8m2v6q4nc:hover {
  color: var(--paper);
  transform: translate(3px);
}
.j2m7v4n9qx {
  font-size: 11px;
  color: #91aaa8;
  line-height: 1.8;
}
.c8q4n2m7vx {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  margin-top: 25px;
}
.p2v9m4q7nc {
  min-width: 0;
}
.u4q8n2v6mx {
  position: relative;
  overflow: hidden;
  border-radius: 9px;
  aspect-ratio: 3/4.35;
  display: block;
  background: var(--panel);
  isolation: isolate;
}
.u4q8n2v6mx > img {
  transition: transform 0.5s;
}
.u4q8n2v6mx:hover > img {
  transform: scale(1.06);
}
.u4q8n2v6mx:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, #0001 30%, #03171930 50%, #031719f2);
}
.u4q8n2v6mx > span {
  position: absolute;
  left: 15px;
  top: 15px;
  background: #091c1eb5;
  border: 1px solid #ffffff20;
  padding: 3px 9px;
  border-radius: 4px;
  font-size: 10px;
  z-index: 2;
}
.u4q8n2v6mx > div {
  position: absolute;
  bottom: 23px;
  left: 20px;
  right: 14px;
  z-index: 2;
}
.u4q8n2v6mx small {
  color: #a8c4bd;
  letter-spacing: 1.3px;
  font-size: 9px;
}
.u4q8n2v6mx h3 {
  font-size: 22px;
  margin-top: 7px;
}
.u4q8n2v6mx p {
  font-size: 11px;
  color: #bccfca;
  margin-top: 6px;
}
.u4q8n2v6mx > b {
  position: absolute;
  z-index: 2;
  right: 16px;
  top: 60px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  background: var(--mint);
  color: var(--ink);
  font-weight: 400;
  opacity: 0;
  transform: translateY(8px);
  transition: 0.3s;
}
.u4q8n2v6mx:hover > b,
.u4q8n2v6mx:focus-visible > b {
  opacity: 1;
  transform: translateY(0);
}
.t8n2m6q4vx {
  border-left: 1px solid var(--line);
  padding-left: 30px;
}
.t8n2m6q4vx h2 {
  font-size: 25px;
}
.t8n2m6q4vx h2 > span {
  color: var(--peach);
  font-size: 27px;
  margin-left: 45px;
}
.v6q2n8m4xc {
  margin-top: 14px;
}
.v6q2n8m4xc a {
  display: flex;
  gap: 16px;
  align-items: center;
  padding-block: 18px;
  border-bottom: 1px solid var(--line);
}
.v6q2n8m4xc a > span {
  font:
    italic 24px Georgia,
    serif;
  color: #6e9090;
}
.v6q2n8m4xc li:first-child a > span {
  color: var(--peach);
}
.v6q2n8m4xc h3 {
  font-size: 14px;
}
.v6q2n8m4xc p {
  color: var(--muted);
  font-size: 10px;
  margin-top: 5px;
}
.v6q2n8m4xc b {
  font-weight: 400;
  margin-left: auto;
  color: #638582;
}
.v6q2n8m4xc a:hover {
  transform: translate(3px);
  color: var(--mint);
}
.t8n2m6q4vx > .f8m2v6q4nc {
  margin-top: 19px;
  font-size: 11px;
}
.l2q7n4v9mx {
  padding-block: 85px;
}
.d4v8m2q6nx {
  color: #a6c2bc;
  font-size: 11px;
  border: 1px solid #35504d;
  border-radius: 4px;
  padding: 6px 12px;
  white-space: nowrap;
}
.a3m9v2q7nx {
  display: flex;
  gap: 8px;
  margin: 25px 0 13px;
  flex-wrap: wrap;
}
.a3m9v2q7nx button {
  background: transparent;
  border: 1px solid var(--line);
  color: #a8bfbc;
  padding: 8px 20px;
  border-radius: 5px;
  font-size: 12px;
}
.a3m9v2q7nx button:hover {
  border-color: var(--mint);
  color: var(--mint);
}
.a3m9v2q7nx button[aria-pressed="true"] {
  background: var(--mint);
  color: var(--ink);
  border-color: var(--mint);
}
.k4n8q2v6mx {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
  margin-top: 23px;
}
.m9q3v7n2xc {
  background: #11282b;
  border: 1px solid #294346;
  border-radius: 9px;
  overflow: hidden;
  min-width: 0;
  transition: border-color 0.25s;
}
.m9q3v7n2xc:hover {
  border-color: #628c80;
}
.n7v2m8q4xc {
  position: relative;
  height: 195px;
  overflow: hidden;
}
.n7v2m8q4xc > img {
  transition: transform 0.5s;
}
.m9q3v7n2xc:hover img {
  transform: scale(1.04);
}
.n7v2m8q4xc > span {
  position: absolute;
  bottom: 12px;
  left: 18px;
  background: #071b1dc7;
  color: #d8ebe4;
  font-size: 10px;
  padding: 3px 10px;
  border-radius: 4px;
}
.m9q3v7n2xc > div:last-child {
  padding: 21px 23px 16px;
}
.m9q3v7n2xc h3 {
  font-size: 19px;
}
.m9q3v7n2xc > div > p {
  font-size: 12px;
  color: #a3b9b6;
  line-height: 1.9;
  margin: 10px 0 17px;
}
.m9q3v7n2xc details {
  border-top: 1px solid #34504e;
}
.m9q3v7n2xc summary {
  color: var(--mint);
  padding-top: 12px;
  font-size: 12px;
}
summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
summary::-webkit-details-marker {
  display: none;
}
summary > span {
  font-size: 18px;
  transition: transform 0.2s;
}
details[open] > summary > span {
  transform: rotate(45deg);
}
details > p {
  font-size: 12px;
  line-height: 1.9;
  color: #b1c6c0;
  padding: 12px 0 5px;
}
.u2m8q4n7vx {
  padding-block: 64px;
  background: #123236;
  border-block: 1px solid #2c4c4e;
}
.z7m2v8q4nc {
  display: grid;
  grid-template-columns: 1fr 1.1fr;
  gap: 10%;
  align-items: center;
}
.z7m2v8q4nc h2 {
  margin-block: 15px 20px;
  font-size: 34px;
}
.z7m2v8q4nc .c4n8p2v6qx {
  color: #d0e3dc;
}
.z7m2v8q4nc > div > p:not(.w9m3x7n2pq, .c4n8p2v6qx) {
  font-size: 13px;
  margin-top: 18px;
  color: #a7c0ba;
  max-width: 34em;
}
.z7m2v8q4nc .f8m2v6q4nc {
  margin: 25px 0 12px;
}
.z7m2v8q4nc small {
  display: block;
}
.e8q2m6v4nx {
  background: #def0e5;
  color: #153b38;
  padding: 33px 38px 27px;
  border-radius: 3px 22px 3px 3px;
  position: relative;
  box-shadow: -12px 12px #ffffff08;
}
.e8q2m6v4nx > div:first-child {
  display: flex;
  justify-content: space-between;
  font-size: 10px;
  letter-spacing: 1.8px;
  color: #50716a;
  border-bottom: 1px solid #aac4b8;
  padding-bottom: 13px;
}
.e8q2m6v4nx h3 {
  font-size: 25px;
  margin-block: 22px 17px;
}
.e8q2m6v4nx > p {
  font-size: 12px;
  color: #4c6b64;
}
.h3v7m2q9nx {
  margin-top: 17px;
  padding-block: 12px;
  border-block: 1px solid #adc8bb;
}
.h3v7m2q9nx p {
  font-size: 11px;
  line-height: 2.3;
}
.h3v7m2q9nx strong {
  margin-right: 15px;
  font-weight: 600;
}
.e8q2m6v4nx > a {
  font-size: 11px;
  margin-top: 16px;
  display: inline-block;
}
.e8q2m6v4nx > a:hover {
  color: #008b73;
}
.g2q8v4n6mx {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 9%;
  padding-block: 95px;
}
.q4v9n2m7xc {
  position: relative;
  min-height: 510px;
  display: flex;
  align-items: center;
  justify-content: center;
  isolation: isolate;
}
.q4v9n2m7xc:before {
  content: "";
  position: absolute;
  width: 410px;
  height: 410px;
  max-width: 100%;
  border: 1px solid #2e4a46;
  border-radius: 50%;
  z-index: -1;
}
.q4v9n2m7xc:after {
  content: "";
  position: absolute;
  width: 340px;
  height: 340px;
  max-width: 85%;
  background: radial-gradient(ellipse, #1c5148 0%, #143b3450 65%, transparent 70%);
  z-index: -1;
}
.c2m8v4q7nx {
  width: 245px;
  background: #102729;
  border: 6px solid #39534f;
  box-shadow: 0 23px 40px #0003;
  border-radius: 32px;
  padding: 16px 12px 8px;
  transform: rotate(-7deg);
  overflow: hidden;
}
.k8q2v6m4nx {
  font-size: 10px;
  display: flex;
  justify-content: space-between;
  padding: 1px 4px 12px;
}
.c2m8v4q7nx > img {
  height: 210px;
  border-radius: 15px;
}
.c2m8v4q7nx > div:not(.k8q2v6m4nx) {
  padding: 15px 7px 10px;
}
.c2m8v4q7nx .w9m3x7n2pq {
  font-size: 8px;
  letter-spacing: 0.5px;
}
.c2m8v4q7nx h3 {
  margin-block: 8px;
  font-size: 19px;
}
.c2m8v4q7nx p {
  font-size: 10px;
  line-height: 1.8;
  color: #a6bdb5;
}
.c2m8v4q7nx a {
  display: block;
  margin-top: 16px;
  padding-block: 8px;
  background: var(--mint);
  border-radius: 6px;
  text-align: center;
  font-size: 10px;
  color: var(--ink);
}
.r2n7q4v8mx {
  display: block;
  height: 4px;
  width: 70px;
  background: #bfd3cc;
  border-radius: 10px;
  margin: 5px auto;
}
.x9m3q7v2nc {
  position: absolute;
  background: #e9e8d8;
  color: #21453d;
  left: 55%;
  bottom: 65px;
  padding: 16px 23px;
  border-radius: 7px;
  transform: rotate(7deg);
  box-shadow: 0 10px 30px #0003;
}
.x9m3q7v2nc > span {
  position: absolute;
  right: 12px;
  font-size: 18px;
  color: #32806c;
}
.x9m3q7v2nc p {
  margin-top: 20px;
  font-size: 13px;
  white-space: nowrap;
  line-height: 1.9;
}
.x9m3q7v2nc small {
  font-size: 9px;
  color: #60756b;
  display: block;
  margin-top: 9px;
}
.f3n9m2q7vx h2 {
  margin-block: 15px 21px;
  font-size: 40px;
}
.f3n9m2q7vx > p:not(.w9m3x7n2pq) {
  color: var(--muted);
  font-size: 13px;
  max-width: 33em;
}
.f3n9m2q7vx ul {
  margin-block: 25px;
}
.f3n9m2q7vx li {
  display: flex;
  gap: 19px;
  margin-top: 19px;
}
.f3n9m2q7vx li > span {
  color: var(--mint);
  font-size: 10px;
  line-height: 23px;
}
.f3n9m2q7vx h3 {
  font-size: 14px;
}
.f3n9m2q7vx li p {
  font-size: 12px;
  color: #93aba5;
  margin-top: 3px;
}
.y7q2m8v4nc {
  padding-bottom: 75px;
}
.n9m3v7q2xc {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px;
  margin-top: 28px;
  counter-reset: none;
}
.n9m3v7q2xc li {
  display: flex;
  align-items: flex-start;
  gap: 25px;
  padding-top: 27px;
  border-top: 1px solid #385451;
}
.n9m3v7q2xc li > span {
  font:
    italic 45px Georgia,
    serif;
  color: var(--mint);
  line-height: 1;
}
.n9m3v7q2xc h3 {
  font-size: 18px;
}
.n9m3v7q2xc p {
  font-size: 12px;
  color: var(--muted);
  margin-block: 11px;
  line-height: 1.9;
}
.n9m3v7q2xc a {
  font-size: 11px;
  color: var(--mint);
}
.n9m3v7q2xc a:hover {
  color: #fff;
}
.w4m8q2v6nc {
  padding-bottom: 80px;
}
.s2v8q4m7nx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  margin-top: 28px;
}
.s2v8q4m7nx figure {
  padding: 25px;
  border: 1px solid #2b4846;
  border-radius: 7px;
  background: linear-gradient(145deg, #122d2f, #102628);
  display: flex;
  flex-direction: column;
}
.s2v8q4m7nx figure > span {
  font:
    52px Georgia,
    serif;
  color: var(--mint);
  line-height: 1;
  height: 38px;
}
.s2v8q4m7nx blockquote {
  font-size: 13px;
  color: #c2d2cb;
  line-height: 2;
}
.s2v8q4m7nx figcaption {
  display: flex;
  gap: 12px;
  align-items: center;
  font-size: 11px;
  margin-top: auto;
  padding-top: 25px;
}
.s2v8q4m7nx figcaption > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  color: var(--mint);
  background: #244b43;
  font-size: 12px;
}
.s2v8q4m7nx figure:nth-child(2) figcaption > span {
  background: #4d4436;
  color: var(--peach);
}
.s2v8q4m7nx figure:nth-child(3) figcaption > span {
  background: #2b424c;
  color: #b3d6e6;
}
.s2v8q4m7nx small {
  display: block;
  color: #7f9d94;
  font-size: 9px;
  margin-top: 3px;
}
.b8n2m6q4vx {
  display: grid;
  grid-template-columns: 1fr 1.9fr;
  gap: 9%;
  padding-block: 55px 80px;
  border-top: 1px solid var(--line);
}
.b8n2m6q4vx h2 {
  margin: 13px 0 20px;
  font-size: 33px;
}
.b8n2m6q4vx > div:first-child > p:last-child {
  color: var(--muted);
  font-size: 12px;
}
.r4q8m2v6nx details {
  border-bottom: 1px solid var(--line);
}
.r4q8m2v6nx summary {
  font-size: 14px;
  padding-block: 20px;
}
.r4q8m2v6nx summary:hover {
  color: var(--mint);
}
.r4q8m2v6nx summary > span {
  color: #9ac7b8;
}
.r4q8m2v6nx details > p {
  padding: 0 27px 20px 0;
  font-size: 12px;
}
.c7q2m8v4nx {
  display: grid;
  grid-template-columns: 125px 1.5fr 1fr;
  gap: 40px;
  align-items: center;
  padding: 45px 40px;
  background: linear-gradient(115deg, #9ce6d3, #c3eddb);
  border-radius: 12px;
  color: var(--ink);
  margin-bottom: 80px;
}
.a2q7v9m4nx {
  align-self: start;
}
.a2q7v9m4nx > span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 65px;
  height: 65px;
  font-size: 39px;
  border: 1px solid #599f8d;
  border-radius: 16px;
  margin-top: 8px;
}
.a2q7v9m4nx > small {
  display: block;
  font-size: 8px;
  letter-spacing: 1.5px;
  line-height: 1.8;
  width: 110px;
  margin-top: 18px;
  color: #48766a;
}
.c7q2m8v4nx .w9m3x7n2pq {
  color: #316b5d;
  font-size: 11px;
  letter-spacing: 3px;
}
.c7q2m8v4nx h2 {
  font-size: 31px;
  margin: 15px 0;
}
.c7q2m8v4nx p {
  font-size: 12px;
  color: #416c60;
}
.c7q2m8v4nx .h8m3z7q2vn {
  margin-top: 20px;
}
.c7q2m8v4nx .x6q2m9c4vn {
  font-size: 12px;
  gap: 17px;
}
.c7q2m8v4nx .s8v3n7q2mx {
  font-size: 11px;
}
.c7q2m8v4nx aside {
  border-left: 1px solid #7bb8a6;
  padding-left: 30px;
  font-size: 10px;
  line-height: 1.9;
}
.c7q2m8v4nx aside > span:first-child {
  font-size: 11px;
  letter-spacing: 2px;
  color: #4b786b;
}
.c7q2m8v4nx strong {
  display: block;
  margin-block: 8px 13px;
  font-size: 22px;
  font-weight: 500;
}
.c7q2m8v4nx aside p {
  margin-bottom: 17px;
  font-size: 11px;
}
.c7q2m8v4nx .q2m8v4n7xc {
  background: #327562;
  margin-right: 5px;
}
.f4n8q2v6mx {
  background: #061619;
  border-top: 1px solid var(--line);
  padding-top: 46px;
}
.x2v8m4q7nc {
  display: grid;
  grid-template-columns: 1fr 1.6fr;
  gap: 80px;
  padding-bottom: 35px;
}
.x2v8m4q7nc > div {
  display: flex;
  align-items: flex-start;
  gap: 15px;
}
.x2v8m4q7nc h2 {
  font-size: 22px;
  letter-spacing: 1px;
}
.x2v8m4q7nc small {
  display: block;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 0;
  color: #90ada6;
  margin-top: 13px;
}
.x2v8m4q7nc > p {
  font-size: 11px;
  color: #8ca6a2;
  line-height: 2;
}
.d2m7q4v8nx {
  padding-block: 27px;
  border-block: 1px solid #213b3b;
  display: grid;
  grid-template-columns: 160px 1fr;
  gap: 15px;
  align-items: start;
}
.d2m7q4v8nx h2 {
  font-size: 13px;
  letter-spacing: 2px;
  margin-top: 4px;
}
.d2m7q4v8nx > div {
  display: flex;
  gap: 14px 26px;
  flex-wrap: wrap;
}
.d2m7q4v8nx a {
  font-size: 11px;
  color: #8ea9a4;
}
.d2m7q4v8nx a:hover {
  color: var(--mint);
}
.k2q8v4m7nx {
  display: flex;
  justify-content: space-between;
  gap: 15px;
  padding-block: 23px;
  font-size: 10px;
  color: #77918e;
}
.k2q8v4m7nx a {
  color: #aac4bb;
}
.m2q8n4v6xc {
  display: none;
}
html[data-motion="on"] [data-reveal] {
  opacity: 0;
  transform: translateY(22px);
  transition:
    opacity 0.65s,
    transform 0.65s;
}
html[data-motion="on"] [data-reveal][data-visible="true"] {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 1600px) {
  .f7p2x8m4qn {
    min-height: 590px;
  }
  .n2c8v4q7mx {
    padding-top: 50px;
  }
}
@media (max-width: 1180px) {
  .a8n4x6v2qp {
    width: calc(100% - 48px);
  }
  .p6x2c8n4vq {
    gap: 20px;
    font-size: 12px;
  }
  .f7p2x8m4qn {
    grid-template-columns: 1fr 1.25fr;
  }
  .n2c8v4q7mx {
    padding: 34px;
  }
  .n2c8v4q7mx h2 {
    font-size: 46px;
  }
  .r8c4n2v7qm {
    grid-column: 1/-1;
    padding: 12px 26px;
    flex-direction: row;
    align-items: center;
    gap: 15px;
  }
  .r8c4n2v7qm > h3 {
    margin: 0;
    font-size: 13px;
  }
  .r8c4n2v7qm > .w9m3x7n2pq,
  .o3n7m2v8qx {
    display: none;
  }
  .i2v6q9n3mx {
    display: flex;
    flex: 1;
    margin: 0;
    gap: 20px;
  }
  .i2v6q9n3mx button {
    padding: 9px 0;
    border: 0;
    align-items: center;
  }
  .i2v6q9n3mx small {
    display: none;
  }
  .i2v6q9n3mx strong {
    font-size: 12px;
  }
  .i2v6q9n3mx button > span:last-child {
    display: none;
  }
  .e7m2q8c4vn {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .e7m2q8c4vn > div:first-child {
    display: flex;
    align-items: center;
    gap: 24px;
  }
  .e7m2q8c4vn h2 {
    margin: 0;
  }
  .b2v8m4q7nx article {
    padding-left: 16px;
  }
  .q8n3v7c2mx {
    grid-template-columns: minmax(0, 1fr) 275px;
    gap: 25px;
  }
  .t8n2m6q4vx {
    padding-left: 23px;
  }
  .v3m8q2c7nx h2 > span {
    display: block;
    margin: 5px 0 0;
  }
  .t8n2m6q4vx h2 > span {
    display: inline;
    margin-left: 15px;
  }
  .c8q4n2m7vx {
    gap: 14px;
  }
  .u4q8n2v6mx {
    aspect-ratio: 3/5.3;
  }
  .u4q8n2v6mx > div {
    left: 14px;
  }
  .u4q8n2v6mx h3 {
    font-size: 18px;
  }
  .u4q8n2v6mx p {
    font-size: 10px;
  }
  .n7v2m8q4xc {
    height: 175px;
  }
  .z7m2v8q4nc {
    gap: 6%;
  }
  .e8q2m6v4nx {
    padding: 28px;
  }
  .x9m3q7v2nc {
    left: 52%;
    padding: 12px 16px;
  }
  .c7q2m8v4nx {
    grid-template-columns: 80px 1.6fr 1fr;
    padding: 35px 30px;
    gap: 25px;
  }
  .c7q2m8v4nx aside {
    padding-left: 23px;
  }
}
@media (max-width: 900px) {
  .p6x2c8n4vq {
    display: none;
  }
  .r5c9w2k7mx {
    min-height: 76px;
  }
  .z2v8m4c6qp {
    grid-template-columns: repeat(3, 1fr);
  }
  .q8n3v7c2mx {
    grid-template-columns: 1fr;
    gap: 42px;
  }
  .u4q8n2v6mx {
    aspect-ratio: 3/4;
  }
  .t8n2m6q4vx {
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 25px;
  }
  .v6q2n8m4xc {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 30px;
  }
  .v6q2n8m4xc li:last-child {
    display: none;
  }
  .k4n8q2v6mx {
    grid-template-columns: 1fr 1fr;
  }
  .z7m2v8q4nc {
    gap: 30px;
  }
  .z7m2v8q4nc h2 {
    font-size: 27px;
  }
  .e8q2m6v4nx h3 {
    font-size: 22px;
  }
  .g2q8v4n6mx {
    gap: 30px;
  }
  .f3n9m2q7vx h2 {
    font-size: 32px;
  }
  .x9m3q7v2nc {
    left: 45%;
    bottom: 38px;
  }
  .n9m3v7q2xc {
    gap: 25px;
  }
  .n9m3v7q2xc li {
    gap: 12px;
  }
  .n9m3v7q2xc li > span {
    font-size: 35px;
  }
  .s2v8q4m7nx {
    gap: 15px;
  }
  .s2v8q4m7nx figure {
    padding: 20px;
  }
  .s2v8q4m7nx blockquote {
    font-size: 12px;
  }
  .b8n2m6q4vx {
    gap: 35px;
  }
  .c7q2m8v4nx {
    grid-template-columns: 1.4fr 1fr;
  }
  .a2q7v9m4nx {
    display: none;
  }
  .x2v8m4q7nc {
    grid-template-columns: 1fr;
    gap: 27px;
  }
}
@media (max-width: 620px) {
  html {
    scroll-padding-top: 84px;
  }
  body {
    font-size: 13px;
    padding-bottom: 65px;
  }
  section,
  article {
    scroll-margin-top: 86px;
  }
  .a8n4x6v2qp {
    width: calc(100% - 32px);
  }
  .r5c9w2k7mx {
    min-height: 70px;
    gap: 12px;
  }
  .k9p3m7v2xf {
    font-size: 18px;
    letter-spacing: 0.2px;
  }
  .b7q2n8m4vx {
    width: 35px;
    height: 35px;
    font-size: 21px;
    border-radius: 9px 9px 9px 3px;
  }
  .k9p3m7v2xf a {
    gap: 8px;
  }
  .k9p3m7v2xf small {
    font-size: 6px;
    letter-spacing: 1.5px;
    margin-top: 5px;
  }
  .r5c9w2k7mx .e3p7v9m2xk {
    font-size: 10px;
    padding: 7px 9px;
    gap: 5px;
  }
  .h8m3z7q2vn {
    gap: 10px;
  }
  .j6c2w8n4vp {
    padding: 4px;
  }
  .j6c2w8n4vp > span:last-child {
    display: none;
  }
  .z2v8m4c6qp {
    grid-template-columns: repeat(2, 1fr);
    gap: 7px;
    font-size: 12px;
    max-height: calc(100dvh - 150px);
    overflow-y: auto;
  }
  .m4v7q2n9xc {
    padding-top: 17px;
  }
  .v9n3k6x2pq {
    font-size: 10px;
    margin-bottom: 12px;
  }
  .v9n3k6x2pq > span {
    font-size: 8px;
    letter-spacing: 0.5px;
  }
  .v9n3k6x2pq > span > span {
    margin-inline: 3px;
  }
  .f7p2x8m4qn {
    display: flex;
    flex-direction: column;
    min-height: 0;
  }
  .n2c8v4q7mx {
    padding: 26px 25px 21px;
  }
  .n2c8v4q7mx > .w9m3x7n2pq {
    margin-bottom: 14px;
    font-size: 10px;
    letter-spacing: 4px;
  }
  .n2c8v4q7mx h2 {
    font-size: clamp(32px, 9.2vw, 42px);
    line-height: 1.3;
    letter-spacing: -1.6px;
  }
  .n2c8v4q7mx > .c4n8p2v6qx {
    margin-top: 14px;
    font-size: 13px;
  }
  .n2c8v4q7mx .c4n8p2v6qx > br {
    display: none;
  }
  .n2c8v4q7mx > p:not(.c4n8p2v6qx) {
    margin-top: 8px;
    font-size: 11px;
    max-width: 28em;
  }
  .n2c8v4q7mx .x6q2m9c4vn {
    margin-top: 17px;
    padding: 10px 19px;
    font-size: 12px;
    gap: 38px;
  }
  .n2c8v4q7mx .s8v3n7q2mx {
    font-size: 11px;
    padding-block: 10px 4px;
  }
  .n2c8v4q7mx > small {
    padding-top: 9px;
    font-size: 9px;
  }
  .d9q3v7m2nx {
    height: 330px;
  }
  .l7q2v8m4nc {
    top: 18px;
    left: 22px;
    right: 22px;
  }
  .y4m8c2n6qp figcaption {
    left: 24px;
    right: 24px;
    bottom: 25px;
  }
  .y4m8c2n6qp h3 {
    font-size: 28px;
    margin-block: 7px;
  }
  .y4m8c2n6qp figcaption > span {
    font-size: 10px;
  }
  .y4m8c2n6qp p {
    font-size: 11px;
  }
  .y4m8c2n6qp a {
    margin-top: 13px;
    font-size: 11px;
  }
  .r8c4n2v7qm {
    padding: 12px 15px;
  }
  .r8c4n2v7qm > h3 {
    display: none;
  }
  .i2v6q9n3mx {
    gap: 10px;
  }
  .i2v6q9n3mx button {
    gap: 6px;
    padding: 6px 0;
  }
  .i2v6q9n3mx strong {
    font-size: 10px;
  }
  .i2v6q9n3mx button > span:first-child {
    font-size: 10px;
    margin: 0;
  }
  .e7m2q8c4vn {
    margin: 25px auto 45px;
    padding-block: 20px;
  }
  .e7m2q8c4vn > div:first-child {
    justify-content: space-between;
    gap: 15px;
  }
  .e7m2q8c4vn h2 {
    font-size: 16px;
  }
  .e7m2q8c4vn .w9m3x7n2pq {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .b2v8m4q7nx {
    grid-template-columns: 1fr 1fr;
    gap: 21px 16px;
  }
  .b2v8m4q7nx article {
    padding-left: 12px;
  }
  .b2v8m4q7nx h3 {
    font-size: 12px;
  }
  .b2v8m4q7nx p {
    font-size: 10px;
  }
  .b2v8m4q7nx article > span {
    font-size: 18px;
  }
  .v3m8q2c7nx {
    align-items: flex-start;
    gap: 12px;
  }
  .v3m8q2c7nx h2 {
    font-size: 24px;
  }
  .v3m8q2c7nx .w9m3x7n2pq {
    font-size: 8px;
    letter-spacing: 1.5px;
  }
  .v3m8q2c7nx h2 > span {
    font-size: 10px;
    margin-top: 7px;
  }
  .f8m2v6q4nc {
    font-size: 10px;
  }
  .s4q9m2n7vx > .v3m8q2c7nx > a {
    margin-top: 27px;
  }
  .j2m7v4n9qx {
    font-size: 10px;
  }
  .c8q4n2m7vx {
    gap: 12px;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    grid-template-columns: repeat(3, 65%);
    padding-bottom: 8px;
    scrollbar-width: thin;
    scrollbar-color: #527e70 transparent;
  }
  .p2v9m4q7nc {
    scroll-snap-align: start;
  }
  .u4q8n2v6mx {
    aspect-ratio: 3/4;
  }
  .u4q8n2v6mx h3 {
    font-size: 23px;
  }
  .u4q8n2v6mx > div {
    bottom: 22px;
    left: 20px;
  }
  .u4q8n2v6mx > b {
    display: none;
  }
  .q8n3v7c2mx {
    gap: 35px;
  }
  .t8n2m6q4vx {
    padding: 23px 20px;
  }
  .t8n2m6q4vx h2 > span {
    font-size: 24px;
    display: inline;
  }
  .v6q2n8m4xc {
    grid-template-columns: 1fr;
  }
  .v6q2n8m4xc li:last-child {
    display: list-item;
  }
  .v6q2n8m4xc a {
    padding-block: 16px;
  }
  .v6q2n8m4xc h3 {
    font-size: 13px;
  }
  .v6q2n8m4xc p {
    font-size: 10px;
  }
  .l2q7n4v9mx {
    padding-block: 50px;
  }
  .l2q7n4v9mx .v3m8q2c7nx {
    display: block;
  }
  .l2q7n4v9mx .d4v8m2q6nx {
    display: none;
  }
  .v3m8q2c7nx p:not(.w9m3x7n2pq) {
    font-size: 11px;
  }
  .a3m9v2q7nx {
    margin-top: 20px;
    gap: 7px;
  }
  .a3m9v2q7nx button {
    font-size: 10px;
    padding: 7px 12px;
  }
  .k4n8q2v6mx {
    grid-template-columns: 1fr;
    gap: 16px;
  }
  .m9q3v7n2xc {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: stretch;
  }
  .n7v2m8q4xc {
    height: 100%;
    min-height: 212px;
  }
  .n7v2m8q4xc > img {
    position: absolute;
    inset: 0;
  }
  .n7v2m8q4xc > span {
    left: 8px;
    right: 6px;
    bottom: 11px;
    padding: 3px 4px;
    font-size: 8px;
    text-align: center;
  }
  .m9q3v7n2xc > div:last-child {
    padding: 17px 15px 12px;
  }
  .m9q3v7n2xc h3 {
    font-size: 17px;
  }
  .m9q3v7n2xc > div > p {
    font-size: 11px;
    line-height: 1.9;
    margin: 8px 0 11px;
  }
  .m9q3v7n2xc summary {
    font-size: 10px;
    padding-top: 8px;
  }
  .m9q3v7n2xc details > p {
    font-size: 10px;
  }
  .u2m8q4n7vx {
    padding-block: 40px;
  }
  .z7m2v8q4nc {
    grid-template-columns: 1fr;
    gap: 28px;
  }
  .z7m2v8q4nc h2 {
    font-size: 25px;
    margin-block: 12px 14px;
  }
  .z7m2v8q4nc .c4n8p2v6qx {
    font-size: 14px;
  }
  .z7m2v8q4nc > div > p:not(.w9m3x7n2pq, .c4n8p2v6qx) {
    font-size: 11px;
    margin-top: 12px;
  }
  .z7m2v8q4nc .f8m2v6q4nc {
    margin: 15px 0 9px;
  }
  .e8q2m6v4nx {
    padding: 25px;
  }
  .e8q2m6v4nx h3 {
    font-size: 23px;
  }
  .e8q2m6v4nx > p {
    font-size: 11px;
    line-height: 2;
  }
  .h3v7m2q9nx p {
    font-size: 10px;
  }
  .h3v7m2q9nx strong {
    margin-right: 8px;
  }
  .g2q8v4n6mx {
    grid-template-columns: 1fr;
    padding-block: 40px 50px;
    gap: 25px;
  }
  .q4v9n2m7xc {
    min-height: 490px;
  }
  .q4v9n2m7xc:before {
    width: 320px;
    height: 320px;
  }
  .x9m3q7v2nc {
    bottom: 37px;
    left: 47%;
  }
  .x9m3q7v2nc p {
    font-size: 11px;
  }
  .f3n9m2q7vx h2 {
    font-size: 32px;
  }
  .f3n9m2q7vx > p:not(.w9m3x7n2pq) {
    font-size: 12px;
  }
  .y7q2m8v4nc {
    padding-bottom: 50px;
  }
  .y7q2m8v4nc .v3m8q2c7nx > p {
    display: none;
  }
  .n9m3v7q2xc {
    grid-template-columns: 1fr;
    gap: 23px;
  }
  .n9m3v7q2xc li {
    gap: 23px;
    padding-top: 22px;
  }
  .n9m3v7q2xc li > span {
    font-size: 40px;
  }
  .n9m3v7q2xc h3 {
    font-size: 17px;
  }
  .n9m3v7q2xc p {
    font-size: 11px;
  }
  .w4m8q2v6nc {
    padding-bottom: 48px;
  }
  .w4m8q2v6nc .v3m8q2c7nx {
    display: block;
  }
  .w4m8q2v6nc .d4v8m2q6nx {
    display: inline-block;
    margin-top: 18px;
    font-size: 9px;
  }
  .s2v8q4m7nx {
    grid-template-columns: 1fr;
    gap: 13px;
    margin-top: 20px;
  }
  .s2v8q4m7nx figure {
    padding: 22px;
  }
  .s2v8q4m7nx blockquote {
    font-size: 12px;
  }
  .s2v8q4m7nx figcaption {
    padding-top: 18px;
  }
  .b8n2m6q4vx {
    grid-template-columns: 1fr;
    padding-block: 35px 45px;
    gap: 13px;
  }
  .b8n2m6q4vx h2 {
    font-size: 27px;
    margin-bottom: 13px;
  }
  .b8n2m6q4vx h2 > br {
    display: none;
  }
  .b8n2m6q4vx > div:first-child > p:last-child {
    font-size: 11px;
  }
  .b8n2m6q4vx > div:first-child > p:last-child > br {
    display: none;
  }
  .r4q8m2v6nx summary {
    font-size: 12px;
    padding-block: 18px;
  }
  .r4q8m2v6nx details > p {
    font-size: 11px;
  }
  .c7q2m8v4nx {
    grid-template-columns: 1fr;
    padding: 30px 25px;
    gap: 25px;
    margin-bottom: 45px;
  }
  .c7q2m8v4nx h2 {
    font-size: 28px;
  }
  .c7q2m8v4nx p {
    font-size: 11px;
  }
  .c7q2m8v4nx .w9m3x7n2pq {
    font-size: 10px;
  }
  .c7q2m8v4nx .h8m3z7q2vn {
    gap: 10px;
  }
  .c7q2m8v4nx .x6q2m9c4vn {
    font-size: 11px;
    padding: 11px 15px;
  }
  .c7q2m8v4nx .s8v3n7q2mx {
    font-size: 10px;
  }
  .c7q2m8v4nx aside {
    padding: 22px 0 0;
    border-left: 0;
    border-top: 1px solid #80b7a7;
  }
  .c7q2m8v4nx strong {
    font-size: 20px;
    margin-block: 5px 10px;
  }
  .f4n8q2v6mx {
    padding-top: 32px;
  }
  .x2v8m4q7nc {
    gap: 22px;
  }
  .x2v8m4q7nc h2 {
    font-size: 20px;
  }
  .x2v8m4q7nc small {
    font-size: 10px;
    margin-top: 9px;
  }
  .x2v8m4q7nc > p {
    font-size: 10px;
  }
  .d2m7q4v8nx {
    grid-template-columns: 1fr;
  }
  .d2m7q4v8nx > div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .d2m7q4v8nx a {
    font-size: 10px;
  }
  .k2q8v4m7nx {
    flex-wrap: wrap;
    gap: 12px;
    font-size: 9px;
  }
  .k2q8v4m7nx > span {
    display: none;
  }
  .m2q8n4v6xc {
    position: fixed;
    z-index: 35;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #0d2528f5;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    border-top: 1px solid #34504f;
    padding: 8px 5px max(9px, env(safe-area-inset-bottom));
  }
  .m2q8n4v6xc a {
    display: flex;
    align-items: center;
    flex-direction: column;
    font-size: 9px;
    color: #b2c8c0;
    line-height: 1.3;
    gap: 3px;
  }
  .m2q8n4v6xc span {
    font-size: 20px;
    line-height: 1.2;
  }
  .m2q8n4v6xc a:hover,
  .m2q8n4v6xc a[aria-current] {
    color: var(--mint);
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    transition: none !important;
    animation: none !important;
  }
  html[data-motion="on"] [data-reveal] {
    opacity: 1;
    transform: none;
  }
  .y4m8c2n6qp > img {
    transform: none !important;
  }
}