:root {
  color-scheme: dark;
  --paper: #f4f2ee;
  --quiet: #999ca6;
  --panel: #14161b;
  --edge: #ffffff13;
  --accent: #ff8058;
  --night: #0b0c0f;
  font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
  font-synthesis: none;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
body {
  margin: 0;
  background: var(--night);
  color: var(--paper);
  min-width: 320px;
  line-height: 1.65;
}
::selection {
  background: #ff80586b;
  color: white;
}
h1,
h2,
h3,
p,
figure,
blockquote,
ol,
ul {
  margin: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input {
  font: inherit;
  color: inherit;
}
button {
  cursor: pointer;
  border: 0;
  background: none;
  padding: 0;
}
a,
button,
summary {
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
button,
a,
input,
summary {
  outline-offset: 5px;
}
:focus-visible {
  outline: 2px solid #ffb98a;
}
img {
  display: block;
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[hidden] {
  display: none !important;
}
section,
nav[id] {
  scroll-margin-top: 28px;
}
h2 {
  font-size: clamp(25px, 2.3vw, 34px);
  letter-spacing: -0.04em;
  line-height: 1.4;
  font-weight: 750;
}
h3 {
  font-size: 17px;
  font-weight: 650;
}
.m4z7p2qa {
  width: min(1280px, calc(100% - 96px));
  margin-inline: auto;
}
.z7kq4m2x {
  position: fixed;
  top: -100px;
  left: 20px;
  padding: 12px 20px;
  color: #111;
  background: var(--accent);
  z-index: 20;
}
.z7kq4m2x:focus {
  top: 15px;
}
.c8nq2v5b {
  position: sticky;
  top: 0;
  z-index: 10;
  background: #0b0c0feb;
  border-bottom: 1px solid var(--edge);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.v2d8k6nx {
  height: 86px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.a9r3v7km {
  display: inline-flex;
  gap: 12px;
  align-items: center;
  font-size: 23px;
  font-weight: 750;
  flex-shrink: 0;
  line-height: 1.3;
}
.a9r3v7km small {
  display: block;
  color: #858995;
  letter-spacing: 0.2em;
  font:
    9px/1.7 Arial,
    sans-serif;
  margin-top: 5px;
}
.p5x8n3qw {
  display: flex;
  width: 43px;
  height: 46px;
  border-radius: 12px;
  background: linear-gradient(135deg, #ff9a63, #ff4f54);
  align-items: center;
  justify-content: center;
  position: relative;
  color: #191316;
  font:
    800 26px/1 Arial,
    sans-serif;
  letter-spacing: -3px;
  padding-right: 4px;
}
.p5x8n3qw > span {
  font-size: 8px;
  position: absolute;
  right: 4px;
  bottom: 5px;
  letter-spacing: 0;
}
.b6f9m2xr {
  display: flex;
  align-items: center;
  gap: 32px;
  font-size: 14px;
  color: #b8bac2;
}
.b6f9m2xr a {
  position: relative;
  padding-block: 30px;
  transition: color 0.2s;
  white-space: nowrap;
}
.b6f9m2xr a:hover,
.b6f9m2xr a[aria-current] {
  color: var(--accent);
}
.b6f9m2xr a[aria-current]::after {
  content: "";
  position: absolute;
  bottom: 17px;
  left: calc(50% - 3px);
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--accent);
}
.e4q7x9mn {
  display: flex;
  gap: 23px;
  align-items: center;
}
.r8b2p5vk {
  display: inline-flex;
  padding: 9px 19px;
  gap: 9px;
  align-items: center;
  background: #ff805811;
  border: 1px solid #ff805838;
  border-radius: 7px;
  color: #ffac88;
  font-size: 13px;
  white-space: nowrap;
  transition: background 0.2s;
}
.r8b2p5vk:hover {
  background: #ff80582c;
}
.t3n9c7wq {
  display: grid;
  align-content: center;
  gap: 5px;
  width: 28px;
  height: 44px;
}
.t3n9c7wq span {
  display: block;
  background: #c1c2c7;
  height: 2px;
  width: 22px;
  transition: transform 0.2s;
}
.t3n9c7wq[aria-expanded="true"] span:first-child {
  transform: translateY(3.5px) rotate(45deg);
}
.t3n9c7wq[aria-expanded="true"] span:last-child {
  transform: translateY(-3.5px) rotate(-45deg);
}
.f6v2n8qa {
  padding: 25px max(48px, calc((100vw - 1280px) / 2));
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 22px;
  border-top: 1px solid var(--edge);
  box-shadow: 0 30px 50px #0005;
}
.f6v2n8qa a {
  font-size: 13px;
  color: #c8c9d0;
}
.f6v2n8qa a:hover {
  color: var(--accent);
}
.u5w9m2ka {
  position: relative;
  min-height: 690px;
  overflow: hidden;
  isolation: isolate;
  background: #17161a;
}
.j3n7v9qx {
  position: absolute;
  inset: 0;
  z-index: -2;
}
.j3n7v9qx figure {
  position: absolute;
  inset: 0 0 0 29%;
  opacity: 0;
  transition: opacity 1.1s ease;
}
.j3n7v9qx figure[aria-hidden="false"] {
  opacity: 1;
}
.j3n7v9qx img {
  object-position: center 27%;
  filter: brightness(0.78) saturate(0.85);
}
.j3n7v9qx figcaption {
  position: absolute;
  right: 6%;
  top: 70%;
  font-size: 27px;
  letter-spacing: 0.1em;
  text-align: right;
  text-shadow: 0 2px 12px #000;
}
.j3n7v9qx figcaption span {
  display: block;
  font-size: 11px;
  letter-spacing: 0.06em;
  color: #dedbd6;
}
.u5w9m2ka::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, #0b0c0f 2%, #0b0c0ff5 23%, #0b0c0f8c 49%, #0b0c0f0a 76%),
    linear-gradient(0deg, #0b0c0f 1%, transparent 55%, #0b0c0f33);
}
.u5w9m2ka::after {
  content: "";
  position: absolute;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  background: #f8754d;
  opacity: 0.035;
  filter: blur(80px);
  left: -20%;
  bottom: -30%;
  z-index: -1;
}
.q8v4n6mk {
  position: relative;
  padding-top: 63px;
  padding-bottom: 40px;
}
.h2b7x5qp {
  max-width: 580px;
}
.n9f3k6vx {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  font-size: 11px;
  letter-spacing: 0.15em;
  color: #b7b5b5;
  margin-bottom: 21px;
}
.n9f3k6vx i {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 4px #ff805813;
}
h1 {
  font-size: clamp(44px, 4.9vw, 70px);
  font-weight: 800;
  letter-spacing: -0.06em;
  line-height: 1.22;
}
h1 a {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  letter-spacing: 0.08em;
  font-weight: 500;
  margin-bottom: 20px;
  color: #f4c3ad;
}
h1 a img {
  width: 20px;
  height: 20px;
  border-radius: 4px;
}
h1 > span {
  display: block;
}
h1 em {
  font-style: normal;
  color: #ff9469;
  background: linear-gradient(110deg, #ffb37d, #ff6f70);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.w6q8n2xb {
  font-size: 18px;
  letter-spacing: 0.04em;
  margin-top: 23px;
  color: #e7e2de;
}
.k4v9x7nm {
  margin-top: 15px;
  font-size: 13px;
  color: #a6a4a9;
  line-height: 1.9;
}
.s7m3q9vx {
  display: flex;
  align-items: center;
  gap: 27px;
  margin-top: 29px;
}
.d4x8p2kn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 14px 22px;
  border-radius: 7px;
  background: linear-gradient(115deg, #ff9b61, #ff5f64);
  color: #17100e;
  font-size: 13px;
  font-weight: 750;
  box-shadow: 0 5px 23px #ff704322;
  transition:
    transform 0.25s,
    box-shadow 0.25s;
}
.d4x8p2kn:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 30px #ff704344;
}
.g9q5m7nb {
  font-size: 13px;
  color: #d1d0d2;
}
.g9q5m7nb:hover {
  color: var(--accent);
}
.l3n8x5vq {
  font-size: 10px;
  color: #757681;
  margin-top: 16px;
}
.x9m2v7qk {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 32px;
  padding-top: 22px;
  border-top: 1px solid var(--edge);
}
.y5n8p3bx {
  color: #777b87;
  font-size: 11px;
  display: flex;
  align-items: center;
  gap: 17px;
}
.y5n8p3bx b {
  font-weight: 400;
  color: #b5b4bb;
}
.o6q9n3vx {
  display: flex;
  gap: 9px;
}
.o6q9n3vx button {
  width: 38px;
  height: 34px;
  border-bottom: 2px solid #ffffff32;
  color: #aaa;
  font:
    11px/1 Arial,
    sans-serif;
  transition:
    color 0.2s,
    border-color 0.2s;
}
.o6q9n3vx button[aria-pressed="true"] {
  color: var(--accent);
  border-color: var(--accent);
}
.o6q9n3vx [data-pause] {
  border: 1px solid #ffffff21;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin-left: 10px;
}
.i4x7q2nm {
  position: absolute;
  top: 46%;
  right: 17px;
  writing-mode: vertical-rl;
  font:
    9px/1 Arial,
    sans-serif;
  letter-spacing: 0.22em;
  color: #e6d4c370;
}
.f8x4p2mn {
  display: grid;
  grid-template-columns: 230px 1fr;
  gap: 35px;
  padding-block: 38px;
  border-bottom: 1px solid var(--edge);
}
.c5m9x7qb {
  color: var(--accent);
  font:
    9px/1.6 Arial,
    sans-serif;
  letter-spacing: 0.16em;
  margin-bottom: 12px;
}
.c5m9x7qb > span {
  color: #727681;
  margin-left: 13px;
  letter-spacing: 0.07em;
}
.u8n3k5vq h2 {
  font-size: 23px;
}
.u8n3k5vq > p:last-child {
  font-size: 11px;
  color: var(--quiet);
  margin-top: 9px;
}
.q2v6n9kx {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.q2v6n9kx article {
  padding-left: 23px;
  border-left: 1px solid var(--edge);
}
.q2v6n9kx article > span {
  font-size: 23px;
  color: #c9937e;
  display: block;
  line-height: 1;
  margin-bottom: 12px;
}
.q2v6n9kx h3 {
  font-size: 13px;
  margin-bottom: 6px;
}
.q2v6n9kx p {
  font-size: 11px;
  color: #888b96;
  line-height: 1.9;
}
.b7x3m9vq {
  padding-block: 68px 0;
}
.e8p4n6qx {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 28px;
}
.e8p4n6qx > div > p:last-child {
  color: var(--quiet);
  font-size: 12px;
  margin-top: 11px;
}
.k8q3n6vx {
  color: var(--accent);
}
.a3x7v9kn {
  color: #bdbdc6;
  font-size: 11px;
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding-block: 8px;
  white-space: nowrap;
}
.a3x7v9kn > span {
  color: var(--accent);
  font-size: 17px;
}
.a3x7v9kn:hover {
  color: var(--accent);
}
.v7q2m8nx {
  display: grid;
  grid-template-columns: 1.18fr 1fr 1fr;
  gap: 20px;
}
.r5x9n3kb {
  overflow: hidden;
  border-radius: 9px;
  border: 1px solid var(--edge);
  min-width: 0;
}
.r5x9n3kb > button {
  display: block;
  width: 100%;
  height: 285px;
  text-align: left;
  position: relative;
  overflow: hidden;
}
.r5x9n3kb button::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #050509ee 0%, #090a0f70 48%, #090a0f10);
}
.r5x9n3kb img {
  transition: transform 0.6s;
  object-position: center 30%;
}
.r5x9n3kb button:hover img {
  transform: scale(1.055);
}
.b2m8v6qx {
  position: absolute;
  top: 16px;
  left: 18px;
  background: #17171a90;
  border: 1px solid #ffffff2b;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 3px 9px;
  font-size: 10px;
  border-radius: 4px;
  z-index: 1;
}
.n3x6p9vk {
  display: grid;
  place-items: center;
  position: absolute;
  right: 19px;
  top: 19px;
  z-index: 1;
  width: 31px;
  height: 31px;
  border-radius: 50%;
  background: #ffffff1c;
  border: 1px solid #ffffff35;
}
.q4n7x2mb {
  position: absolute;
  bottom: 22px;
  left: 23px;
  right: 18px;
  z-index: 1;
}
.q4n7x2mb > small {
  font:
    8px/1.5 Arial,
    sans-serif;
  letter-spacing: 0.15em;
  color: #dfbdae;
}
.q4n7x2mb > strong {
  display: block;
  font-size: 27px;
  letter-spacing: -0.02em;
  margin-block: 7px 5px;
}
.q4n7x2mb > span {
  display: block;
  font-size: 11px;
  color: #c3bcc0;
}
.z8p5v2nq {
  font-size: 10px;
  color: #80838e;
  margin-top: 15px;
}
.d9n4v7qx {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 295px;
  gap: 44px;
  padding-top: 70px;
}
.p8x2m6kn {
  min-width: 0;
}
.p8x2m6kn h2 {
  font-size: 29px;
}
.n7v4q9xm {
  display: flex;
  gap: 18px;
  align-items: center;
  margin-bottom: 20px;
  font-size: 12px;
}
.n7v4q9xm > label {
  flex-shrink: 0;
  color: #8d919e;
}
.n7v4q9xm > div {
  flex: 1;
  display: flex;
  gap: 10px;
  background: #14161b;
  padding: 3px 5px 3px 12px;
  border: 1px solid #ffffff10;
  border-radius: 5px;
}
.n7v4q9xm input {
  width: 100%;
  min-width: 0;
  padding-block: 8px;
  border: 0;
  background: transparent;
  font-size: 12px;
}
.n7v4q9xm input::placeholder {
  color: #757985;
}
.n7v4q9xm button {
  color: #ffb08d;
  flex-shrink: 0;
  padding: 6px 12px;
  font-size: 11px;
}
.u2q9m4vx {
  display: flex;
  flex-wrap: wrap;
  gap: 9px;
}
.u2q9m4vx button {
  font-size: 11px;
  padding: 7px 17px;
  border-radius: 5px;
  background: #181a20;
  color: #a2a6b1;
  border: 1px solid transparent;
  transition: background 0.2s;
}
.u2q9m4vx button:hover {
  background: #242630;
}
.u2q9m4vx button[aria-pressed="true"] {
  color: #ffaf8d;
  background: #ff805815;
  border-color: #ff80583b;
}
.l5v8x3nq {
  color: #747986;
  font-size: 10px;
  margin-block: 12px 19px;
}
.w9p2n7kx {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px 19px;
}
.w9p2n7kx article {
  min-width: 0;
}
.w9p2n7kx button {
  width: 100%;
  text-align: left;
}
.v4x8n2qm {
  display: block;
  position: relative;
  aspect-ratio: 4/5;
  overflow: hidden;
  border-radius: 7px;
  background: #20222a;
  border: 1px solid #ffffff15;
}
.v4x8n2qm img {
  transition:
    transform 0.5s,
    filter 0.5s;
}
.v4x8n2qm > span {
  position: absolute;
  left: 10px;
  top: 11px;
  padding: 3px 7px;
  font-size: 9px;
  border-radius: 3px;
  background: #15151abf;
  border: 1px solid #ffffff32;
}
.v4x8n2qm > i {
  position: absolute;
  right: 10px;
  bottom: 10px;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  font-style: normal;
  background: #0b0c0faa;
  color: #ffba9a;
  transition: background 0.25s;
}
.w9p2n7kx button:hover img {
  transform: scale(1.05);
  filter: brightness(1.1);
}
.w9p2n7kx button:hover i {
  background: #c65d3d;
  color: white;
}
.w9p2n7kx h3 {
  margin-top: 12px;
  font-size: 14px;
}
.w9p2n7kx button > p {
  font-size: 10px;
  color: #838894;
  margin-top: 4px;
}
.a7m2v8qx {
  padding: 60px 20px;
  text-align: center;
  border: 1px dashed #ffffff1e;
  border-radius: 10px;
}
.a7m2v8qx p {
  color: var(--quiet);
  font-size: 12px;
  margin-block: 10px 15px;
}
.a7m2v8qx button {
  color: var(--accent);
  font-size: 12px;
}
.s3q8n5vx {
  padding-top: 4px;
}
.k9n3v7qx {
  border: 1px solid var(--edge);
  background: linear-gradient(160deg, #1d191b, #14161b 42%);
  border-radius: 10px;
  padding: 25px 23px 15px;
}
.f9q6m2vx {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 13px;
}
.f9q6m2vx h2 {
  font-size: 25px;
}
.f9q6m2vx h2 span {
  color: var(--accent);
  margin-left: 8px;
}
.f9q6m2vx > span {
  color: #eab197;
  background: #ff805810;
  padding: 3px 6px;
  border-radius: 3px;
  font-size: 8px;
}
.j7x2p9nq {
  color: #878995;
  font-size: 9px;
  margin-top: 12px;
}
.m8q3v6nx {
  padding: 0;
  list-style: none;
  margin-block: 17px 7px;
}
.m8q3v6nx li {
  border-bottom: 1px solid var(--edge);
}
.m8q3v6nx button {
  padding-block: 23px;
  display: flex;
  align-items: center;
  gap: 13px;
  width: 100%;
  text-align: left;
}
.m8q3v6nx b {
  font:
    italic 700 23px/1 Arial,
    sans-serif;
  color: #5d606d;
}
.m8q3v6nx li:first-child b {
  color: #ff875b;
}
.m8q3v6nx li:nth-child(2) b {
  color: #cfb3a6;
}
.m8q3v6nx strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.m8q3v6nx small {
  display: block;
  color: #858995;
  font-size: 9px;
  margin-top: 5px;
}
.m8q3v6nx button > span:last-child {
  margin-left: auto;
  color: #747b89;
}
.m8q3v6nx button:hover strong {
  color: var(--accent);
}
.k9n3v7qx > a {
  margin-top: 4px;
  font-size: 10px;
}
.h7v4x9mq {
  margin-top: 21px;
  border-radius: 9px;
  background: #13151a;
  padding: 22px;
  position: relative;
}
.h7v4x9mq > span {
  font:
    60px/0.7 Georgia,
    serif;
  color: #ff805873;
  position: absolute;
  right: 22px;
  top: 25px;
}
.h7v4x9mq p {
  color: #bfc0c7;
  font-size: 15px;
  line-height: 1.9;
}
.h7v4x9mq small {
  display: block;
  color: #747987;
  font-size: 10px;
  margin-top: 18px;
}
.l8n5q2vx {
  background: radial-gradient(ellipse at 65% 50%, #32221e44, transparent 55%), #111317;
  margin-top: 80px;
  border-block: 1px solid var(--edge);
  overflow: hidden;
}
.x3q7v9mn {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  min-height: 565px;
  align-items: center;
}
.y2m8n4qx {
  padding-block: 70px;
  max-width: 455px;
}
.y2m8n4qx h2 {
  font-size: 43px;
  line-height: 1.45;
}
.y2m8n4qx > p:not(.c5m9x7qb) {
  margin-top: 22px;
  color: #969aa6;
  font-size: 12px;
  line-height: 2;
}
.y2m8n4qx ul {
  list-style: none;
  padding: 0;
  margin-block: 23px;
}
.y2m8n4qx li {
  font-size: 12px;
  padding-block: 7px;
  color: #c9c9d0;
}
.y2m8n4qx li span {
  color: #d69b82;
  font:
    10px/1 Arial,
    sans-serif;
  margin-right: 15px;
}
.d8q4n7vx {
  position: relative;
  height: 520px;
  align-self: end;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  isolation: isolate;
}
.d8q4n7vx::before {
  content: "";
  position: absolute;
  width: 390px;
  height: 390px;
  border: 1px solid #ffae7021;
  border-radius: 50%;
  left: 9%;
  top: 22%;
  box-shadow:
    0 0 0 45px #ffffff02,
    0 0 0 85px #ffffff02;
  z-index: -1;
}
.w2x8m6nq {
  position: absolute;
  top: 32px;
  right: 20px;
  color: #6e6c70;
  font:
    9px/1 Arial,
    sans-serif;
  letter-spacing: 0.19em;
}
.g3v7n9qx {
  width: 253px;
  min-height: 460px;
  border: 7px solid #303137;
  outline: 1px solid #5b5050;
  border-radius: 36px 36px 0 0;
  padding: 11px 13px 20px;
  background: #0c0d11;
  transform: rotate(7deg) translateY(37px);
  box-shadow: 20px 30px 60px #0006;
}
.o4q9m2vx {
  display: flex;
  justify-content: space-between;
  font-size: 8px;
  padding: 2px 4px 12px;
}
.v9n5q3mx {
  font:
    800 21px/1.5 Arial,
    sans-serif;
  color: #ff9165;
  display: flex;
  gap: 3px;
  align-items: center;
  padding-bottom: 12px;
}
.v9n5q3mx > span {
  color: white;
  font:
    700 14px/1.4 "Microsoft YaHei",
    sans-serif;
}
.v9n5q3mx small {
  margin-left: auto;
  font-size: 8px;
  color: #848894;
  font-weight: 400;
}
.e2q8v4nx {
  height: 255px;
  overflow: hidden;
  border-radius: 10px;
  position: relative;
}
.e2q8v4nx::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #08090bf2, transparent 80%);
}
.e2q8v4nx > div {
  position: absolute;
  bottom: 15px;
  left: 13px;
  z-index: 1;
}
.e2q8v4nx small {
  color: #ffd0a7;
  font-size: 8px;
}
.e2q8v4nx strong {
  display: block;
  font-size: 21px;
  margin-block: 3px;
}
.e2q8v4nx span {
  font-size: 8px;
  color: #d3cad0;
}
.t7n3m9qx {
  padding-block: 20px 14px;
  display: grid;
  gap: 10px;
  font-size: 11px;
}
.t7n3m9qx span {
  color: #96939c;
  font-size: 9px;
}
.c4x8n6vq {
  display: flex;
  border-top: 1px solid var(--edge);
  padding-top: 11px;
  justify-content: space-around;
}
.c4x8n6vq span {
  color: var(--accent);
  text-align: center;
}
.c4x8n6vq small {
  display: block;
  font-size: 7px;
  color: #9495a0;
}
.b8q2n7mx {
  position: absolute;
  left: -13px;
  bottom: 71px;
  background: #242124ea;
  border: 1px solid #ffffff1c;
  border-radius: 9px;
  padding: 16px 21px;
  box-shadow: 10px 10px 30px #0003;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
}
.b8q2n7mx > span {
  color: var(--accent);
  float: left;
  font-size: 22px;
  padding-right: 14px;
}
.b8q2n7mx strong {
  display: block;
  font-size: 12px;
  font-weight: 500;
}
.b8q2n7mx small {
  display: block;
  color: #96949e;
  font-size: 9px;
  margin-top: 3px;
}
.q8n4v2mx {
  font:
    9px/1.4 Arial,
    sans-serif;
  color: #7f8490;
  letter-spacing: 0.1em;
}
.p4n8x6vq {
  list-style: none;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 22px 0 0;
  border-top: 1px solid var(--edge);
}
.p4n8x6vq li {
  display: flex;
  gap: 20px;
}
.p4n8x6vq li > span {
  font:
    700 44px/1.3 Arial,
    sans-serif;
  color: #2c2e37;
  letter-spacing: -0.06em;
}
.p4n8x6vq h3 {
  margin-top: 6px;
  font-size: 16px;
}
.p4n8x6vq p {
  font-size: 11px;
  color: #9095a1;
  margin-top: 12px;
  line-height: 1.9;
}
.p4n8x6vq a {
  display: inline-block;
  color: #d8b4a6;
  font-size: 10px;
  margin-top: 17px;
}
.p4n8x6vq a:hover {
  color: var(--accent);
}
.f4q8m2nx {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}
.f4q8m2nx figure {
  background: var(--panel);
  border: 1px solid var(--edge);
  border-radius: 8px;
  padding: 24px;
}
.u3x9n5vq {
  color: #ff805875;
  display: block;
  font:
    43px/0.9 Georgia,
    serif;
  height: 32px;
}
.f4q8m2nx blockquote {
  font-size: 12px;
  color: #c2c2cb;
  line-height: 2;
}
.f4q8m2nx figcaption {
  display: flex;
  gap: 11px;
  align-items: center;
  font-size: 11px;
  margin-top: 22px;
}
.f4q8m2nx figcaption > span {
  display: grid;
  place-items: center;
  width: 33px;
  height: 33px;
  border-radius: 50%;
  background: #362924;
  color: #eeb494;
  font-size: 12px;
}
.f4q8m2nx figure:nth-child(2) figcaption > span {
  background: #282e38;
  color: #a1b9dc;
}
.f4q8m2nx figure:nth-child(3) figcaption > span {
  background: #2b332e;
  color: #a3bca8;
}
.f4q8m2nx small {
  display: block;
  color: #7d828f;
  font-size: 9px;
  margin-top: 3px;
}
.z3q7n9vx {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 90px;
  padding-block: 85px;
}
.z3q7n9vx h2 {
  font-size: 35px;
}
.z3q7n9vx > div > p:not(.c5m9x7qb) {
  color: #9297a1;
  font-size: 12px;
  margin-block: 18px;
}
.n2x9v4mq details {
  border-bottom: 1px solid var(--edge);
}
.n2x9v4mq details:first-child {
  border-top: 1px solid var(--edge);
}
.n2x9v4mq summary {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-block: 21px;
  font-size: 13px;
  list-style: none;
  cursor: pointer;
  gap: 15px;
}
.n2x9v4mq summary::-webkit-details-marker {
  display: none;
}
.n2x9v4mq summary > span {
  color: #888d9b;
  font-size: 18px;
  transition: transform 0.25s;
}
.n2x9v4mq details[open] summary > span {
  transform: rotate(45deg);
  color: var(--accent);
}
.n2x9v4mq details[open] summary {
  color: #ffd0b7;
}
.n2x9v4mq details p {
  color: #9197a5;
  font-size: 11px;
  line-height: 2;
  padding: 0 25px 23px 0;
}
.n6v2q8mx {
  padding: 39px 42px;
  border: 1px solid #ff80582b;
  border-radius: 11px;
  background: radial-gradient(ellipse at 0% 0%, #83432731, transparent 70%), #171518;
  display: flex;
  align-items: center;
  gap: 30px;
}
.p7q3x9nv {
  width: 85px;
  height: 85px;
  border-radius: 22px;
  color: #261719;
  background: linear-gradient(135deg, #ffa870, #ff6f73);
  box-shadow: 0 9px 35px #ff70431a;
  font:
    800 48px/85px Arial,
    sans-serif;
  text-align: center;
  letter-spacing: -5px;
  position: relative;
  flex-shrink: 0;
  padding-right: 6px;
}
.p7q3x9nv > span {
  position: absolute;
  right: 6px;
  bottom: 10px;
  font-size: 15px;
  line-height: 1;
}
.n6v2q8mx h2 {
  font-size: 28px;
}
.n6v2q8mx div > p:not(.c5m9x7qb) {
  color: #a7a0a5;
  font-size: 12px;
  margin-top: 12px;
  line-height: 1.9;
}
.e7n4v9qx {
  font-size: 10px;
  color: #a6a1a5;
  display: block;
  margin-top: 16px;
}
.w4m8n2qx {
  display: flex;
  flex-direction: column;
  gap: 17px;
  align-items: center;
  margin-left: auto;
  flex-shrink: 0;
}
.v3n7q9mx {
  margin-top: 85px;
  border-top: 1px solid var(--edge);
  background: #090a0d;
}
.o8x4n2vq {
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  gap: 100px;
  padding-block: 50px 39px;
  border-bottom: 1px solid var(--edge);
}
.o8x4n2vq h2 {
  font-size: 17px;
  color: #a2a4ae;
  font-weight: 500;
  margin-top: 22px;
}
.o8x4n2vq > div > p:last-child {
  color: #848a98;
  font-size: 11px;
  line-height: 2.15;
}
.s8q5m3vx {
  display: grid;
  grid-template-columns: repeat(3, 1fr) 1.2fr;
  padding-block: 35px;
  gap: 35px;
}
.s8q5m3vx h3 {
  color: #c4c5cd;
  font-size: 12px;
  margin-bottom: 17px;
}
.s8q5m3vx a {
  display: block;
  color: #7f8593;
  font-size: 11px;
  padding-block: 5px;
  width: fit-content;
}
.s8q5m3vx a:hover {
  color: var(--accent);
}
.i7n3v9qx {
  text-align: right;
}
.i7n3v9qx h3 {
  font-size: 21px;
  line-height: 1.6;
}
.i7n3v9qx p {
  font-size: 10px;
  color: #666c7a;
}
.i7n3v9qx a {
  margin-left: auto;
  color: #c5947e;
  margin-top: 10px;
}
.q9x3m6nv {
  display: flex;
  gap: 25px;
  justify-content: space-between;
  padding-block: 23px;
  border-top: 1px solid var(--edge);
  color: #656c7a;
  font-size: 9px;
}
.j8n2v5qx {
  display: none;
}
.a4n8q2vx {
  background: #17191f;
  color: var(--paper);
  border: 1px solid #ffffff25;
  border-radius: 13px;
  width: min(550px, calc(100% - 32px));
  max-height: calc(100dvh - 40px);
  padding: 0;
  box-shadow: 0 30px 120px #000a;
}
.a4n8q2vx::backdrop {
  background: #000b;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
}
.v6q3m9nx {
  padding: 40px;
  position: relative;
}
.c9x2n7vq {
  position: absolute;
  right: 15px;
  top: 9px;
  width: 36px;
  height: 36px;
  font-size: 25px;
  color: #bcbfc9;
}
.n8v4q2mx {
  display: block;
  color: #a8aab5;
  font-size: 11px;
  margin-top: 23px;
}
.v6q3m9nx h2 {
  font-size: 31px;
  margin-top: 5px;
}
.v6q3m9nx > p:not(.c5m9x7qb) {
  color: #b1b4c0;
  font-size: 13px;
  margin-top: 19px;
  line-height: 2;
}
.t9q5n3vx {
  padding: 20px;
  margin-top: 23px;
  background: #21232b;
  border-left: 2px solid var(--accent);
}
.t9q5n3vx strong {
  font-size: 12px;
  color: #efb398;
}
.t9q5n3vx p {
  color: #b2b4c1;
  font-size: 12px;
  margin-top: 9px;
  line-height: 1.9;
}
.v6q3m9nx > a {
  margin-top: 23px;
}
body:has(dialog[open]) {
  overflow: hidden;
}
[data-reveal][data-ready] {
  opacity: 0;
  transform: translateY(18px);
  transition:
    opacity 0.65s,
    transform 0.65s;
}
[data-reveal][data-visible] {
  opacity: 1;
  transform: translateY(0);
}
@media (min-width: 1600px) {
  .u5w9m2ka {
    min-height: 740px;
  }
  .q8v4n6mk {
    padding-top: 85px;
  }
  .x9m2v7qk {
    margin-top: 52px;
  }
}
@media (max-width: 1180px) {
  .m4z7p2qa {
    width: calc(100% - 64px);
  }
  .b6f9m2xr {
    gap: 20px;
  }
  .b6f9m2xr a {
    font-size: 12px;
  }
  .v2d8k6nx {
    gap: 20px;
  }
  .a9r3v7km {
    font-size: 19px;
  }
  .f8x4p2mn {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .u8n3k5vq {
    display: flex;
    align-items: baseline;
    gap: 18px;
    flex-wrap: wrap;
  }
  .u8n3k5vq .c5m9x7qb {
    order: 2;
    margin: 0;
  }
  .q2v6n9kx article:first-child {
    padding-left: 0;
    border: 0;
  }
  .d9n4v7qx {
    gap: 27px;
    grid-template-columns: minmax(0, 1fr) 265px;
  }
  .p8x2m6kn h2 {
    font-size: 25px;
  }
  .k9n3v7qx {
    padding-inline: 18px;
  }
  .m8q3v6nx button {
    gap: 10px;
  }
  .w9p2n7kx {
    gap: 23px 14px;
  }
  .v4x8n2qm {
    aspect-ratio: 3/4;
  }
  .n6v2q8mx {
    padding: 30px;
    gap: 23px;
  }
  .p7q3x9nv {
    width: 65px;
    height: 65px;
    font-size: 35px;
    line-height: 65px;
    border-radius: 17px;
  }
  .b8q2n7mx {
    left: -30px;
  }
}
@media (max-width: 960px) {
  .b6f9m2xr {
    gap: 18px;
  }
  .b6f9m2xr a:last-child {
    display: none;
  }
  .r8b2p5vk {
    padding-inline: 11px;
  }
  .e4q7x9mn {
    gap: 15px;
  }
  .f6v2n8qa {
    grid-template-columns: repeat(4, 1fr);
  }
  .j3n7v9qx figure {
    left: 15%;
  }
  .u5w9m2ka::before {
    background:
      linear-gradient(90deg, #0b0c0ff5, #0b0c0f88 48%, #0b0c0f20),
      linear-gradient(0deg, #0b0c0f, transparent 85%);
  }
  .v7q2m8nx {
    gap: 14px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .r5x9n3kb > button {
    height: 250px;
  }
  .q4n7x2mb {
    left: 15px;
  }
  .q4n7x2mb strong {
    font-size: 22px;
  }
  .q4n7x2mb small {
    font-size: 7px;
  }
  .d9n4v7qx {
    grid-template-columns: 1fr;
  }
  .w9p2n7kx {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 28px 20px;
  }
  .s3q8n5vx {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    align-items: start;
    gap: 23px;
    margin-top: 15px;
  }
  .h7v4x9mq {
    margin-top: 0;
  }
  .m8q3v6nx button {
    padding-block: 17px;
  }
  .x3q7v9mn {
    gap: 20px;
  }
  .y2m8n4qx h2 {
    font-size: 34px;
  }
  .b8q2n7mx {
    left: -10px;
    bottom: 46px;
    padding: 13px;
  }
  .p4n8x6vq {
    gap: 20px;
  }
  .p4n8x6vq li {
    gap: 12px;
  }
  .p4n8x6vq li > span {
    font-size: 33px;
  }
  .f4q8m2nx figure {
    padding: 20px;
  }
  .z3q7n9vx {
    gap: 40px;
  }
  .n6v2q8mx {
    flex-wrap: wrap;
  }
  .w4m8n2qx {
    flex-direction: row;
    margin-left: 88px;
  }
  .o8x4n2vq {
    gap: 50px;
  }
}
@media (max-width: 720px) {
  html {
    scroll-padding-top: 80px;
  }
  body {
    padding-bottom: 65px;
  }
  .m4z7p2qa {
    width: calc(100% - 40px);
  }
  .v2d8k6nx {
    height: 70px;
  }
  .a9r3v7km {
    font-size: 19px;
    gap: 10px;
  }
  .p5x8n3qw {
    width: 36px;
    height: 39px;
    border-radius: 9px;
    font-size: 23px;
  }
  .b6f9m2xr {
    display: none;
  }
  .r8b2p5vk {
    padding: 7px 12px;
    font-size: 11px;
  }
  .f6v2n8qa {
    padding: 22px 20px;
    grid-template-columns: repeat(3, 1fr);
    gap: 19px 10px;
    max-height: calc(100dvh - 135px);
    overflow-y: auto;
  }
  .f6v2n8qa a {
    font-size: 11px;
  }
  .u5w9m2ka {
    min-height: 705px;
  }
  .j3n7v9qx figure {
    inset: 0 0 21% 0;
  }
  .j3n7v9qx img {
    object-position: 65% 30%;
    filter: brightness(0.8) saturate(0.8);
  }
  .j3n7v9qx figcaption {
    display: none;
  }
  .u5w9m2ka::before {
    background:
      linear-gradient(0deg, #0b0c0f 15%, #0b0c0fe8 37%, #0b0c0f55 76%, #0b0c0f11),
      linear-gradient(90deg, #0b0c0f80, transparent);
  }
  .q8v4n6mk {
    padding-top: 43px;
    padding-bottom: 25px;
  }
  .n9f3k6vx {
    font-size: 9px;
    letter-spacing: 0.13em;
    margin-bottom: 15px;
  }
  h1 {
    font-size: clamp(43px, 10.5vw, 66px);
    letter-spacing: -0.045em;
  }
  h1 a {
    font-size: 13px;
    margin-bottom: 17px;
  }
  .h2b7x5qp {
    padding-top: 125px;
  }
  .w6q8n2xb {
    font-size: 15px;
    margin-top: 19px;
  }
  .k4v9x7nm {
    font-size: 11px;
    margin-top: 12px;
  }
  .s7m3q9vx {
    gap: 22px;
    margin-top: 24px;
  }
  .d4x8p2kn {
    font-size: 12px;
    padding: 13px 17px;
    gap: 12px;
  }
  .g9q5m7nb {
    font-size: 11px;
  }
  .x9m2v7qk {
    margin-top: 24px;
    padding-top: 15px;
  }
  .y5n8p3bx {
    font-size: 9px;
    gap: 9px;
  }
  .o6q9n3vx {
    gap: 5px;
  }
  .o6q9n3vx button {
    width: 29px;
  }
  .i4x7q2nm {
    display: none;
  }
  .f8x4p2mn {
    padding-block: 30px;
    gap: 20px;
  }
  .u8n3k5vq {
    gap: 10px;
  }
  .u8n3k5vq > p:last-child {
    display: none;
  }
  .u8n3k5vq .c5m9x7qb {
    font-size: 8px;
    margin-left: auto;
  }
  .q2v6n9kx {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 25px;
  }
  .q2v6n9kx article {
    border: 1px solid var(--edge);
    border-radius: 7px;
    padding: 17px;
    background: #121419;
  }
  .q2v6n9kx article:first-child {
    padding: 17px;
    border: 1px solid var(--edge);
  }
  .q2v6n9kx article > span {
    font-size: 20px;
  }
  .q2v6n9kx p {
    font-size: 10px;
  }
  .b7x3m9vq {
    padding-top: 45px;
  }
  .e8p4n6qx {
    gap: 12px;
    margin-bottom: 23px;
  }
  .e8p4n6qx h2 {
    font-size: 25px;
  }
  .c5m9x7qb {
    font-size: 8px;
    letter-spacing: 0.13em;
  }
  .c5m9x7qb > span {
    font-size: 8px;
    margin-left: 7px;
  }
  .e8p4n6qx > div > p:last-child {
    font-size: 11px;
  }
  #picks .e8p4n6qx {
    align-items: start;
    flex-direction: column;
    gap: 7px;
  }
  #picks .a3x7v9kn {
    font-size: 10px;
  }
  .v7q2m8nx {
    grid-template-columns: 1fr 1fr;
    gap: 12px;
  }
  .v7q2m8nx article:first-child {
    grid-column: 1/-1;
  }
  .r5x9n3kb > button {
    height: 210px;
  }
  .v7q2m8nx article:first-child > button {
    height: 255px;
  }
  .q4n7x2mb {
    bottom: 17px;
    left: 14px;
  }
  .q4n7x2mb strong {
    font-size: 22px;
  }
  .q4n7x2mb > span {
    font-size: 10px;
    line-height: 1.8;
  }
  .v7q2m8nx article:not(:first-child) .q4n7x2mb small {
    display: none;
  }
  .b2m8v6qx {
    top: 12px;
    left: 12px;
    font-size: 9px;
  }
  .n3x6p9vk {
    right: 10px;
    top: 12px;
    width: 25px;
    height: 25px;
    font-size: 13px;
  }
  .z8p5v2nq {
    font-size: 9px;
    line-height: 1.9;
  }
  .d9n4v7qx {
    padding-top: 45px;
    gap: 28px;
  }
  .p8x2m6kn h2 {
    font-size: 25px;
  }
  .n7v4q9xm {
    gap: 10px;
  }
  .n7v4q9xm label {
    font-size: 11px;
  }
  .n7v4q9xm input {
    font-size: 11px;
  }
  .u2q9m4vx {
    gap: 6px;
  }
  .u2q9m4vx button {
    padding: 7px 12px;
    font-size: 10px;
  }
  .w9p2n7kx {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px 13px;
  }
  .v4x8n2qm {
    aspect-ratio: 3/4;
  }
  .w9p2n7kx h3 {
    font-size: 13px;
  }
  .w9p2n7kx button > p {
    font-size: 9px;
    line-height: 1.8;
  }
  .s3q8n5vx {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .h7v4x9mq {
    display: none;
  }
  .k9n3v7qx {
    padding: 25px;
  }
  .m8q3v6nx button {
    gap: 18px;
  }
  .m8q3v6nx strong {
    font-size: 13px;
  }
  .m8q3v6nx small {
    font-size: 10px;
  }
  .l8n5q2vx {
    margin-top: 45px;
  }
  .x3q7v9mn {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .y2m8n4qx {
    padding-block: 42px 0;
  }
  .y2m8n4qx h2 {
    font-size: 35px;
  }
  .y2m8n4qx > p:not(.c5m9x7qb) {
    font-size: 11px;
    margin-top: 17px;
  }
  .y2m8n4qx ul {
    margin-block: 15px;
  }
  .d8q4n7vx {
    height: 465px;
  }
  .g3v7n9qx {
    width: 238px;
  }
  .b8q2n7mx {
    left: 0;
    bottom: 40px;
  }
  .w2x8m6nq {
    top: 20px;
    right: 0;
    font-size: 7px;
  }
  .d8q4n7vx::before {
    width: 300px;
    height: 300px;
  }
  .q8n4v2mx {
    display: none;
  }
  .p4n8x6vq {
    grid-template-columns: 1fr;
    gap: 26px;
    padding-top: 25px;
  }
  .p4n8x6vq li {
    gap: 24px;
  }
  .p4n8x6vq li > span {
    font-size: 40px;
    min-width: 47px;
  }
  .p4n8x6vq p {
    margin-top: 8px;
  }
  .p4n8x6vq a {
    margin-top: 10px;
  }
  #voices .e8p4n6qx {
    flex-direction: column;
    align-items: start;
    gap: 0;
  }
  .f4q8m2nx {
    grid-template-columns: 1fr;
    gap: 13px;
  }
  .f4q8m2nx figure {
    padding: 22px;
  }
  .f4q8m2nx blockquote {
    font-size: 12px;
  }
  .z3q7n9vx {
    grid-template-columns: 1fr;
    gap: 25px;
    padding-block: 50px;
  }
  .z3q7n9vx h2 {
    font-size: 31px;
  }
  .n2x9v4mq summary {
    font-size: 12px;
    padding-block: 18px;
  }
  .n2x9v4mq details p {
    padding-right: 0;
  }
  .n6v2q8mx {
    padding: 26px 24px;
    gap: 20px;
    align-items: start;
  }
  .p7q3x9nv {
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 30px;
    border-radius: 13px;
  }
  .p7q3x9nv span {
    font-size: 10px;
  }
  .n6v2q8mx > div:nth-child(2) {
    flex: 1;
    min-width: 200px;
  }
  .n6v2q8mx .c5m9x7qb {
    font-size: 7px;
    letter-spacing: 0.04em;
  }
  .n6v2q8mx .c5m9x7qb span {
    display: none;
  }
  .n6v2q8mx h2 {
    font-size: 23px;
  }
  .n6v2q8mx div > p:not(.c5m9x7qb) {
    font-size: 11px;
  }
  .e7n4v9qx {
    font-size: 9px;
  }
  .w4m8n2qx {
    margin-left: 0;
    width: 100%;
    align-items: center;
    flex-direction: column;
    gap: 15px;
  }
  .w4m8n2qx > a:first-child {
    width: 100%;
  }
  .v3n7q9mx {
    margin-top: 50px;
  }
  .o8x4n2vq {
    grid-template-columns: 1fr;
    padding-block: 35px;
    gap: 28px;
  }
  .o8x4n2vq h2 {
    margin-top: 17px;
    font-size: 15px;
  }
  .s8q5m3vx {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    padding-block: 25px;
  }
  .s8q5m3vx a {
    font-size: 9px;
    padding-block: 6px;
  }
  .s8q5m3vx h3 {
    font-size: 11px;
  }
  .i7n3v9qx {
    display: none;
  }
  .q9x3m6nv {
    display: block;
    line-height: 2;
    font-size: 8px;
    padding-block: 18px;
  }
  .j8n2v5qx {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(62px + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    display: flex;
    justify-content: space-around;
    align-items: center;
    z-index: 11;
    background: #101216f5;
    border-top: 1px solid #ffffff19;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
  }
  .j8n2v5qx a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 9px;
    color: #9b9fab;
    width: 25%;
    padding-block: 7px;
    gap: 2px;
  }
  .j8n2v5qx a > span {
    font-size: 20px;
    line-height: 1.3;
  }
  .j8n2v5qx a[aria-current] {
    color: var(--accent);
  }
  .v6q3m9nx {
    padding: 30px 23px;
  }
  .v6q3m9nx h2 {
    font-size: 26px;
  }
}
@media (max-width: 370px) {
  .e4q7x9mn {
    gap: 9px;
  }
  .a9r3v7km {
    font-size: 17px;
    gap: 7px;
  }
  .r8b2p5vk {
    padding-inline: 8px;
  }
  .s7m3q9vx {
    gap: 15px;
  }
  .u2q9m4vx button {
    padding-inline: 9px;
  }
  .n6v2q8mx > div:nth-child(2) {
    min-width: 175px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
  }
  [data-reveal][data-ready] {
    opacity: 1;
    transform: none;
  }
}