@charset "UTF-8";
@layer foundation,composition,components,adaptations;
@layer foundation {
  :root {
    color-scheme: dark;
    --ink: #f7f2f3;
    --muted: #b4a8af;
    --red: #ff4057;
    --line: #ffffff14;
    --surface: #21171d;
    --base: #140f13;
    --round: 18px;
  }
  *,
  *:before,
  *:after {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 108px;
  }
  body {
    margin: 0;
    background: var(--base);
    color: var(--ink);
    font:
      15px/1.75 Microsoft YaHei,
      PingFang SC,
      Noto Sans CJK SC,
      sans-serif;
    -webkit-font-smoothing: antialiased;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    color: inherit;
    cursor: pointer;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  button {
    border: 0;
  }
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  h2 {
    font-size: clamp(27px, 2.5vw, 38px);
    line-height: 1.45;
    letter-spacing: -0.04em;
  }
  h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  p {
    color: var(--muted);
  }
  button,
  a,
  input,
  summary {
    touch-action: manipulation;
  }
  :focus-visible {
    outline: 3px solid #ffa1ae;
    outline-offset: 5px;
  }
  ::selection {
    background: #dc284d;
    color: #fff;
  }
  [hidden] {
    display: none !important;
  }
  section,
  aside,
  nav[id] {
    scroll-margin-top: 100px;
  }
  .a6x2q9mn {
    width: min(1280px, calc(100% - 96px));
    margin-inline: auto;
  }
  .b4vf8k2n {
    padding-block: 78px 15px;
  }
  .l4q8v2fj {
    color: #e4a3b0;
    font:
      600 10px/1.7 Arial,
      sans-serif;
    letter-spacing: 0.21em;
    margin-bottom: 15px;
  }
  .s5pw9n3k {
    color: var(--red);
  }
  .o7bv4x2m {
    font-size: 11px;
    line-height: 1.9;
    color: #b9a9b3;
    margin-top: 20px;
  }
  .f3qw8n6c {
    max-width: 440px;
    font-size: 14px;
    line-height: 1.95;
  }
  .q4bn7m2v {
    position: fixed;
    z-index: 100;
    left: 12px;
    top: -100px;
    padding: 12px 20px;
    background: var(--red);
    color: #fff;
  }
  .q4bn7m2v:focus {
    top: 12px;
  }
}
@layer composition {
  .w8j3p6kc {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #140f13f2;
    border-bottom: 1px solid var(--line);
    backdrop-filter: blur(18px);
  }
  .k3yv7b2f {
    min-height: 83px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
  }
  .t9d2m5xz {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    flex-shrink: 0;
    font-weight: 700;
    font-size: 22px;
    line-height: 1.35;
    letter-spacing: 0.03em;
  }
  .t9d2m5xz small {
    display: block;
    color: #a7949d;
    font-weight: 400;
    font-size: 9px;
    letter-spacing: 0.14em;
    margin-top: 4px;
  }
  .v6q4n8jp {
    width: 42px;
    height: 43px;
    border-radius: 13px 13px 13px 3px;
    display: grid;
    place-items: center;
    background: linear-gradient(140deg, #ff514f, #d9204d);
    font:
      18px/1 Arial,
      sans-serif;
    padding-left: 3px;
    box-shadow: 0 5px 20px #ff344e30;
  }
  .r5nz8w3a {
    display: flex;
    gap: 31px;
    align-self: stretch;
    align-items: center;
  }
  .r5nz8w3a a {
    height: 100%;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 13px;
    color: #c5b8c0;
  }
  .r5nz8w3a a:after {
    content: "";
    position: absolute;
    height: 2px;
    bottom: 17px;
    left: 15%;
    width: 70%;
    background: var(--red);
    transform: scaleX(0);
    transition: transform 0.2s;
  }
  .r5nz8w3a a:hover,
  .r5nz8w3a a[aria-current] {
    color: #fff;
  }
  .r5nz8w3a a[aria-current]:after,
  .r5nz8w3a a:hover:after {
    transform: scaleX(1);
  }
  .g2mv6f8q {
    display: flex;
    gap: 18px;
    align-items: center;
  }
  .e3kp8w5n {
    display: inline-flex;
    gap: 18px;
    padding: 8px 19px;
    border: 1px solid #ff566050;
    background: #b51d3526;
    border-radius: 7px;
    font-size: 12px;
    color: #ffb9c3;
    white-space: nowrap;
    transition: background 0.2s;
  }
  .e3kp8w5n:hover {
    background: #a82845;
  }
  .b9nx4q7v {
    width: 34px;
    height: 42px;
    display: grid;
    align-content: center;
    gap: 5px;
    padding: 7px;
    background: none;
  }
  .b9nx4q7v span {
    height: 1px;
    background: #f4cbd4;
    width: 100%;
    transition: transform 0.2s;
  }
  .b9nx4q7v[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
  }
  .b9nx4q7v[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
  }
  .b9nx4q7v[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
  }
  .c7pf2m9z {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #21151efc;
    border-block: 1px solid #ff71822b;
    box-shadow: 0 20px 35px #0005;
  }
  .c7pf2m9z > div {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    padding-block: 24px;
    gap: 16px 28px;
  }
  .c7pf2m9z a {
    font-size: 13px;
    padding: 7px 0;
    color: #dec8d3;
  }
  .c7pf2m9z a:hover {
    color: var(--red);
  }
  .u4hm8c2s {
    background:
      radial-gradient(ellipse at 8% 20%, #6c122c40, transparent 52%),
      linear-gradient(150deg, #28121b, #160e13 68%);
    overflow: clip;
  }
  .p8fd4x6w {
    display: grid;
    grid-template-columns: 0.86fr 1.14fr;
    min-height: 650px;
    align-items: center;
    gap: 38px;
    padding-top: 38px;
    padding-bottom: 42px;
  }
  .h2z7n4bm {
    position: relative;
    z-index: 2;
    padding-block: 20px;
  }
  .h2z7n4bm > .l4q8v2fj {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 9px;
  }
  .h2z7n4bm > .l4q8v2fj span {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--red);
    box-shadow: 0 0 12px var(--red);
  }
  .h2z7n4bm h1 {
    font-size: clamp(53px, 5.7vw, 82px);
    line-height: 1.17;
    font-weight: 800;
    letter-spacing: -0.055em;
    margin-bottom: 21px;
  }
  .h2z7n4bm h1 a {
    display: inline-block;
  }
  .y8c4n6qp {
    display: flex;
    align-items: center;
    gap: 9px;
    font-size: 19px;
    letter-spacing: 0.12em;
    line-height: 1.6;
    color: #ffbec8;
    margin: 21px 0 16px;
    font-weight: 500;
  }
  .y8c4n6qp img {
    width: 26px;
    height: 26px;
    border-radius: 6px;
  }
  .d6bk2v7r {
    font-size: 19px;
    line-height: 1.75;
    color: #eadce4;
    margin-bottom: 13px;
  }
  .m2xp7q4b {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 27px;
    margin-top: 28px;
  }
  .j6fw3r8z {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 28px;
    border-radius: 8px;
    padding: 12px 23px;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(105deg, #e72d48, #ff664d);
    box-shadow: 0 8px 25px #f4304030;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
    font-size: 13px;
  }
  .j6fw3r8z:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 30px #ff52614d;
  }
  .n8c4v6kf {
    display: inline-flex;
    align-items: center;
    gap: 25px;
    font-size: 12px;
    color: #e7c8d4;
    transition: color 0.2s;
  }
  .n8c4v6kf:hover {
    color: #ff6b80;
  }
  .h2z7n4bm > .o7bv4x2m {
    font-size: 10px;
    margin-top: 25px;
  }
  .x4kn7q2v {
    position: relative;
    height: 580px;
    border: 1px solid #ffcfdb18;
    border-radius: 24px 24px 80px;
    box-shadow: 0 25px 65px #03000388;
    background: #311e28;
    overflow: hidden;
  }
  .i3qm8z5c {
    position: absolute;
    inset: 0;
    isolation: isolate;
    animation: l8mv3q6n 0.6s both;
  }
  .i3qm8z5c > img {
    width: 100%;
    height: 100%;
    object-position: center 23%;
    filter: saturate(0.78) brightness(0.79);
  }
  .i3qm8z5c:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, #25101b00 25%, #1b0c17d9 80%, #1b0c17);
    z-index: 1;
  }
  .z9fj3w7q {
    position: absolute;
    z-index: 2;
    bottom: 78px;
    left: 35px;
    right: 30px;
  }
  .a5kv8n2d {
    display: inline-block;
    border: 1px solid #f8b7ce35;
    border-radius: 5px;
    padding: 3px 9px;
    font-size: 10px;
    color: #f4c8d4;
    background: #44253185;
  }
  .z9fj3w7q h2 {
    font-size: clamp(28px, 3vw, 40px);
    margin: 12px 0 5px;
    letter-spacing: 0.015em;
  }
  .z9fj3w7q p {
    color: #e3c8d5;
    font-size: 13px;
  }
  .d4qk7v9m {
    background: none;
    border-bottom: 1px solid #e4b1c280;
    padding: 0 0 5px;
    font-size: 12px;
    margin-top: 17px;
    display: inline-flex;
    gap: 30px;
  }
  .d4qk7v9m:hover {
    color: #f9a;
  }
  .v8n2k5mf {
    position: absolute;
    bottom: 23px;
    left: 35px;
    right: 36px;
    display: flex;
    align-items: center;
    gap: 19px;
    z-index: 3;
    font:
      10px/1 Arial,
      sans-serif;
    color: #f0c0d0;
  }
  .v8n2k5mf > button {
    margin-left: auto;
    font-size: 10px;
    background: none;
    padding: 8px;
  }
  .u9fv4x2q {
    display: flex;
    align-items: center;
  }
  .u9fv4x2q button {
    width: 27px;
    height: 28px;
    padding: 0;
    background: transparent;
    position: relative;
  }
  .u9fv4x2q button:after {
    content: "";
    height: 3px;
    border-radius: 2px;
    background: #bc8395;
    position: absolute;
    top: 12px;
    left: 3px;
    right: 3px;
  }
  .u9fv4x2q button[aria-pressed="true"]:after {
    background: #ff6377;
  }
  .e8zm5v3q {
    border-top: 1px solid var(--line);
    padding-block: 25px;
    display: flex;
    gap: 32px;
    align-items: center;
    font-size: 12px;
  }
  .e8zm5v3q > span {
    color: #baa4af;
    margin-right: auto;
  }
  .e8zm5v3q > a {
    display: flex;
    gap: 25px;
    white-space: nowrap;
  }
  .e8zm5v3q b {
    color: #e8859b;
    font-weight: 400;
  }
  .e8zm5v3q a:hover {
    color: var(--red);
  }
  .q7mc2f8v {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 28px;
  }
  .q7mc2f8v h2 {
    margin-bottom: 7px;
  }
  .q7mc2f8v p:not(.l4q8v2fj) {
    font-size: 13px;
  }
  .f8n3v6qm {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .c2wk7m9v {
    min-width: 0;
  }
  .c2wk7m9v > button {
    display: block;
    position: relative;
    width: 100%;
    padding: 0;
    border-radius: 12px;
    overflow: hidden;
    text-align: left;
    background: #34202b;
    aspect-ratio: 3/3.8;
    isolation: isolate;
  }
  .c2wk7m9v > button:after {
    content: "";
    position: absolute;
    inset: 55% 0 0;
    background: linear-gradient(transparent, #110b12d9);
  }
  .c2wk7m9v img {
    width: 100%;
    height: 100%;
    transition:
      transform 0.5s,
      filter 0.5s;
    filter: saturate(0.8);
  }
  .c2wk7m9v button:hover img {
    transform: scale(1.055);
    filter: saturate(1.05);
  }
  .c2wk7m9v button .a5kv8n2d {
    position: absolute;
    top: 14px;
    left: 14px;
    backdrop-filter: blur(8px);
  }
  .r2qm6v8f {
    position: absolute;
    bottom: 17px;
    left: 17px;
    z-index: 2;
    font-size: 12px;
  }
  .c2wk7m9v > div {
    padding: 16px 1px 0;
  }
  .c2wk7m9v > div > span {
    color: #e08e9f;
    font-size: 10px;
    letter-spacing: 0.05em;
  }
  .c2wk7m9v h3 {
    font-size: 18px;
    margin: 5px 0;
  }
  .c2wk7m9v p {
    font-size: 11px;
  }
  .h7qp3v6k {
    margin-top: 75px;
    border-block: 1px solid var(--line);
    background: linear-gradient(110deg, #2c1620, #1c151b);
  }
  .t5mq9v2n {
    display: grid;
    grid-template-columns: 0.8fr 2fr;
    gap: 65px;
    padding-block: 50px;
  }
  .t5mq9v2n > div:first-child > p:last-child {
    font-size: 13px;
    margin-top: 14px;
  }
  .x6qv2k8m {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px 36px;
  }
  .x6qv2k8m article {
    border-top: 1px solid #ef8fa72b;
    padding-top: 17px;
  }
  .x6qv2k8m article > span {
    font:
      11px/1 Arial,
      sans-serif;
    color: #f17c93;
  }
  .x6qv2k8m h3 {
    margin: 10px 0 6px;
    font-size: 16px;
  }
  .x6qv2k8m p {
    font-size: 12px;
  }
  .w3fv7k2m {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 36px;
    padding-top: 80px;
    align-items: start;
  }
  .k8nm4q7v {
    min-width: 0;
  }
  .g7vq3m8n {
    display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
  }
  .p6nk9w3f {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
  .p6nk9w3f button {
    padding: 6px 14px;
    border: 1px solid #e9c1d314;
    border-radius: 6px;
    background: #271c24;
    color: #c6aebd;
    font-size: 12px;
    transition: 0.2s;
  }
  .p6nk9w3f button:hover {
    border-color: #d053724d;
  }
  .p6nk9w3f button[aria-pressed="true"] {
    background: #d32949;
    color: #fff;
    border-color: #f34a67;
  }
  .n4wq8v2c {
    display: flex;
    gap: 10px;
    align-items: center;
    border: 1px solid #e8b1ca24;
    border-radius: 7px;
    background: #1c151d;
    padding: 3px 12px;
    width: 100%;
  }
  .n4wq8v2c > span {
    font:
      24px/1 Arial,
      sans-serif;
    color: #cfacbd;
  }
  .n4wq8v2c input {
    background: none;
    width: 100%;
    border: 0;
    color: #fff;
    min-height: 36px;
    font-size: 12px;
    min-width: 0;
  }
  .n4wq8v2c input::placeholder {
    color: #a38a99;
  }
  .n4wq8v2c:focus-within {
    outline: 2px solid #f79db3;
    outline-offset: 2px;
  }
  .n4wq8v2c input:focus-visible {
    outline: 0;
  }
  .v3kn7q8m {
    font-size: 11px;
    margin-block: 12px 18px;
    color: #a68e9e;
  }
  .d9mq2v6k {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }
  .r7nx3k5v {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 14px;
    padding: 12px;
    border: 1px solid #dec1d112;
    border-radius: 10px;
    background: #20171e;
    transition:
      border-color 0.2s,
      transform 0.2s;
  }
  .r7nx3k5v:hover {
    border-color: #e66d8c55;
    transform: translateY(-3px);
  }
  .r7nx3k5v > img {
    width: 100%;
    height: 100%;
    min-height: 170px;
    max-height: 195px;
    border-radius: 6px;
  }
  .r7nx3k5v > div {
    padding-block: 3px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
  .r7nx3k5v span {
    font-size: 10px;
    color: #e994aa;
  }
  .r7nx3k5v h3 {
    font-size: 15px;
    margin-block: 6px;
    overflow-wrap: anywhere;
  }
  .r7nx3k5v p {
    font-size: 11px;
    line-height: 1.8;
    margin-bottom: 12px;
  }
  .r7nx3k5v button {
    background: none;
    color: #f7bbce;
    font-size: 11px;
    display: flex;
    gap: 15px;
    padding: 0;
    margin-top: auto;
  }
  .r7nx3k5v button:hover {
    color: #fff;
  }
  .b2vx7m9q {
    padding: 50px 20px;
    border: 1px dashed #aa637c70;
    text-align: center;
    border-radius: 12px;
  }
  .b2vx7m9q button {
    background: #7d2b49;
    padding: 8px 15px;
    border-radius: 6px;
    margin-top: 15px;
  }
  .s3vk8m2q {
    background: linear-gradient(145deg, #321923, #21171e);
    border: 1px solid #f77b9a24;
    border-radius: 14px;
    padding: 26px 23px;
    margin-top: 2px;
  }
  .s3vk8m2q h2 {
    font-size: 27px;
  }
  .s3vk8m2q > p:not(.l4q8v2fj) {
    font-size: 11px;
    margin-top: 5px;
  }
  .m8qf2v6k {
    list-style: none;
    padding: 0;
    margin-block: 20px;
  }
  .m8qf2v6k li + li {
    border-top: 1px solid var(--line);
  }
  .m8qf2v6k button {
    display: flex;
    width: 100%;
    gap: 12px;
    align-items: center;
    padding: 17px 0;
    background: none;
    text-align: left;
  }
  .m8qf2v6k button > b {
    font:
      italic 26px/1 Arial,
      sans-serif;
    color: #9b6377;
  }
  .m8qf2v6k li:first-child button > b {
    color: #ff6778;
  }
  .m8qf2v6k strong {
    font-size: 13px;
    display: block;
    font-weight: 500;
  }
  .m8qf2v6k small {
    font-size: 10px;
    color: #ad8c9e;
    display: block;
    margin-top: 4px;
  }
  .m8qf2v6k button > span:last-child {
    margin-left: auto;
    color: #bd8198;
  }
  .m8qf2v6k button:hover strong {
    color: #ff8299;
  }
  .z4nv8q2m {
    border-left: 2px solid #bb415f;
    padding: 12px 14px;
    background: #3f22364d;
  }
  .z4nv8q2m > span,
  .z4nv8q2m h3 {
    font-size: 12px;
    color: #efb8cb;
  }
  .z4nv8q2m p {
    font-size: 11px;
    margin-top: 6px;
  }
  .z4nv8q2m time {
    display: block;
    font-size: 10px;
    color: #b696a6;
    margin-top: 12px;
  }
  .s3vk8m2q > a {
    margin-top: 24px;
    font-size: 11px;
  }
  .e5kv9q3m {
    margin-top: 90px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
    padding-block: 50px;
  }
  .y3nq8m6v {
    min-height: 520px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    isolation: isolate;
    background: radial-gradient(ellipse, #91234045 0%, #511d2c22 45%, transparent 68%);
  }
  .y3nq8m6v:before {
    content: "";
    position: absolute;
    width: 390px;
    height: 390px;
    max-width: 95%;
    border-radius: 50%;
    border: 1px solid #ff52642b;
    z-index: -1;
  }
  .u6xq3k8v {
    position: absolute;
    right: -8px;
    bottom: 13px;
    font:
      800 clamp(40px, 5vw, 68px)/0.96 Arial,
      sans-serif;
    letter-spacing: -0.04em;
    color: #d94d6a24;
    z-index: -1;
  }
  .f2kv7m4q {
    width: 255px;
    border: 6px solid #51404a;
    outline: 1px solid #b58e9d;
    border-radius: 36px;
    padding: 19px 12px 12px;
    background: #130f14;
    box-shadow: 18px 32px 70px #0009;
    position: relative;
    transform: rotate(-7deg);
  }
  .p4nm8v3k {
    width: 70px;
    height: 12px;
    background: #070609;
    border-radius: 0 0 10px 10px;
    position: absolute;
    left: calc(50% - 35px);
    top: 0;
  }
  .k5qv2m9n > span {
    font:
      7px/1 Arial,
      sans-serif;
    letter-spacing: 0.12em;
    color: #ff8c9a;
  }
  .k5qv2m9n > strong {
    font-size: 15px;
    display: block;
    margin-block: 10px;
  }
  .k5qv2m9n img {
    width: 100%;
    height: 270px;
    border-radius: 12px;
    object-position: center 25%;
  }
  .k5qv2m9n > b {
    font-size: 14px;
    display: block;
    margin-top: 10px;
  }
  .k5qv2m9n > p {
    font-size: 9px;
    margin-top: 3px;
    min-height: 30px;
  }
  .k5qv2m9n > div {
    display: flex;
    justify-content: space-around;
    padding-top: 15px;
    border-top: 1px solid var(--line);
    font-size: 8px;
    color: #c89fb3;
  }
  .k5qv2m9n > div span:first-child {
    color: #ff6b83;
  }
  .h5mv8q2n > p:not(.l4q8v2fj):not(.o7bv4x2m) {
    font-size: 13px;
    max-width: 430px;
    margin-top: 20px;
  }
  .h5mv8q2n h2 {
    font-size: clamp(30px, 3.7vw, 47px);
  }
  .a9qv4m6k {
    margin-top: 24px;
    display: grid;
    gap: 9px;
  }
  .a9qv4m6k button {
    display: flex;
    align-items: center;
    gap: 17px;
    text-align: left;
    background: transparent;
    border: 1px solid var(--line);
    border-radius: 8px;
    padding: 13px 18px;
    transition: background 0.2s;
  }
  .a9qv4m6k button[aria-pressed="true"] {
    background: #42203188;
    border-color: #f4567b5c;
  }
  .a9qv4m6k b {
    color: #e37c99;
    font:
      12px/1 Arial,
      sans-serif;
  }
  .a9qv4m6k strong {
    font-size: 13px;
    display: block;
    font-weight: 500;
  }
  .a9qv4m6k small {
    display: block;
    font-size: 10px;
    color: #b797aa;
  }
  .a9qv4m6k button > span:last-child {
    margin-left: auto;
    color: #d67d9d;
  }
  .w6mq3v8k {
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    padding: 0;
    margin-top: 40px;
  }
  .w6mq3v8k li {
    border-top: 1px solid #eb9bb83d;
    position: relative;
    padding: 30px 0 15px;
  }
  .w6mq3v8k li > span {
    font:
      italic 28px/1 Arial,
      sans-serif;
    color: #ff6b86;
    background: var(--base);
    position: absolute;
    top: -18px;
    left: 0;
    padding-right: 15px;
  }
  .w6mq3v8k h3 {
    font-size: 17px;
  }
  .w6mq3v8k p {
    font-size: 12px;
    max-width: 310px;
    margin: 12px 0 18px;
  }
  .w6mq3v8k a {
    font-size: 11px;
    color: #f6abc3;
  }
  .w6mq3v8k a:hover {
    text-decoration: underline;
    text-underline-offset: 5px;
  }
  .q2mv8k6n {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .q2mv8k6n figure {
    border: 1px solid var(--line);
    background: #20161f;
    border-radius: 10px;
    padding: 20px 26px 24px;
  }
  .q2mv8k6n figure > span {
    color: #d75b7f;
    font:
      50px/0.9 Georgia,
      serif;
  }
  .q2mv8k6n blockquote {
    font-size: 13px;
    line-height: 1.95;
    color: #d8c5d2;
    min-height: 100px;
  }
  .q2mv8k6n figcaption {
    border-top: 1px solid var(--line);
    padding-top: 15px;
    margin-top: 17px;
  }
  .q2mv8k6n figcaption b {
    font-size: 11px;
    display: block;
    font-weight: 500;
  }
  .q2mv8k6n figcaption span {
    font-size: 9px;
    color: #b18fa3;
    display: block;
    margin-top: 3px;
  }
  .j9vq3m7k {
    display: grid;
    grid-template-columns: 0.8fr 1.4fr;
    gap: 85px;
    padding-block: 95px 65px;
  }
  .j9vq3m7k > div:first-child > p:not(.l4q8v2fj) {
    font-size: 13px;
    margin-top: 20px;
  }
  .j9vq3m7k > div:first-child > a {
    margin-top: 25px;
  }
  .c6mq8v2n details {
    border-bottom: 1px solid #cba0b42b;
  }
  .c6mq8v2n details:first-child {
    border-top: 1px solid #cba0b42b;
  }
  .c6mq8v2n summary {
    list-style: none;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 18px;
    padding-block: 20px;
    font-size: 14px;
  }
  .c6mq8v2n summary::-webkit-details-marker {
    display: none;
  }
  .c6mq8v2n summary > span {
    color: #ef8cab;
    transition: transform 0.2s;
  }
  .c6mq8v2n details[open] summary > span {
    transform: rotate(45deg);
  }
  .c6mq8v2n details[open] summary {
    color: #ffa4bf;
  }
  .c6mq8v2n details > p {
    padding-bottom: 21px;
    font-size: 12px;
  }
  .k4mv9q2n {
    position: relative;
    overflow: hidden;
    border: 1px solid #ff617741;
    border-radius: 18px;
    background: radial-gradient(ellipse at 3% 30%, #a8213b66, transparent 70%), #30151f;
    padding: 45px 55px;
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 80px;
    align-items: center;
    margin-block: 20px 90px;
    isolation: isolate;
  }
  .k4mv9q2n h2 {
    font-size: 40px;
  }
  .k4mv9q2n h2 + p {
    font-size: 17px;
    color: #ffb4c9;
    margin-block: 13px 8px;
  }
  .k4mv9q2n .f3qw8n6c {
    font-size: 12px;
  }
  .x8qv3m6n {
    position: absolute;
    inset: 0;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
  }
  .x8qv3m6n span {
    position: absolute;
    top: -125px;
    right: -30px;
    font:
      600 570px/1 Arial,
      sans-serif;
    color: #ff75850a;
  }
  .r9mq4v2k > div {
    display: flex;
    align-items: center;
    gap: 16px;
    border: 1px solid #ffb0c32b;
    padding: 20px;
    border-radius: 10px;
    background: #28141de6;
    margin-bottom: 13px;
  }
  .r9mq4v2k > div > span:first-child {
    font-size: 25px;
    color: #f48ca7;
  }
  .r9mq4v2k b {
    display: block;
    font-size: 14px;
    font-weight: 500;
  }
  .r9mq4v2k small {
    display: block;
    font-size: 10px;
    color: #c79aaf;
    margin-top: 4px;
  }
  .r9mq4v2k > div > span:last-child {
    margin-left: auto;
    padding: 3px 9px;
    font-size: 9px;
    color: #c8a1b3;
    border: 1px solid #b2778d47;
    border-radius: 30px;
    white-space: nowrap;
  }
  .r9mq4v2k > p {
    font-size: 10px;
    text-align: right;
    line-height: 1.9;
    margin-top: 18px;
  }
  .m7xq2v9k {
    border-top: 1px solid var(--line);
    background: #100c10;
    padding-top: 42px;
  }
  .n6qv3m8k {
    display: grid;
    grid-template-columns: 0.7fr 2fr;
    gap: 65px;
    padding-block: 10px 40px;
    border-bottom: 1px solid var(--line);
  }
  .n6qv3m8k h2 {
    font-size: 12px;
    color: #c19faf;
    margin-top: 18px;
    font-weight: 400;
  }
  .n6qv3m8k > p {
    font-size: 12px;
    line-height: 2.1;
  }
  .f9vq2m6k {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.2fr;
    gap: 30px;
    padding-block: 35px;
  }
  .f9vq2m6k h3 {
    font-size: 12px;
    margin-bottom: 14px;
  }
  .f9vq2m6k a {
    display: block;
    font-size: 11px;
    color: #ad91a2;
    margin-top: 7px;
  }
  .f9vq2m6k a:hover {
    color: #ff98b4;
  }
  .f9vq2m6k > div:last-child {
    border-left: 1px solid var(--line);
    padding-left: 35px;
  }
  .f9vq2m6k > div:last-child > span {
    font:
      600 21px/1.2 Arial,
      sans-serif;
    letter-spacing: -0.01em;
    color: #705164;
  }
  .f9vq2m6k > div:last-child p {
    font-size: 10px;
    margin-top: 13px;
  }
  .u3mq7v9k {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--line);
    padding-block: 22px;
    font-size: 9px;
    color: #9d8192;
  }
  .p3vq8m2k {
    max-width: 600px;
    width: calc(100% - 40px);
    max-height: calc(100dvh - 60px);
    color: var(--ink);
    border: 1px solid #dd6f9a66;
    padding: 0;
    border-radius: 18px;
    background: #251821;
    box-shadow: 0 30px 120px #000c;
  }
  .p3vq8m2k::backdrop {
    background: #08040bd9;
    backdrop-filter: blur(7px);
  }
  .v4mq9k2n {
    padding: 44px 38px 32px;
    position: relative;
  }
  .b8qv3m6k {
    position: absolute;
    right: 12px;
    top: 7px;
    font-size: 30px;
    line-height: 1;
    width: 40px;
    height: 40px;
    background: none;
    color: #edb9d0;
  }
  .v4mq9k2n h2 {
    font-size: 29px;
    margin-block: 8px 17px;
  }
  .v4mq9k2n > p {
    font-size: 14px;
    line-height: 1.95;
  }
  .v4mq9k2n > .z4nv8q2m {
    margin-top: 20px;
  }
  .v4mq9k2n > .o7bv4x2m {
    font-size: 11px;
  }
  .v4mq9k2n > a {
    margin-top: 20px;
  }
  html:has(dialog[open]) {
    overflow: hidden;
  }
}
@layer components {
  @keyframes l8mv3q6n {
    0% {
      opacity: 0;
      transform: scale(1.025);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  [data-reveal][data-pending] {
    opacity: 0;
    transform: translateY(22px);
    transition:
      opacity 0.65s ease,
      transform 0.65s ease;
  }
  [data-reveal][data-visible] {
    opacity: 1;
    transform: none;
  }
}
@layer adaptations {
  @media (min-width: 1500px) {
    .p8fd4x6w {
      min-height: 700px;
    }
    .x4kn7q2v {
      height: 600px;
    }
  }
  @media (max-width: 1150px) {
    .a6x2q9mn {
      width: calc(100% - 64px);
    }
    .r5nz8w3a {
      gap: 20px;
    }
    .r5nz8w3a a {
      font-size: 12px;
    }
    .p8fd4x6w {
      gap: 25px;
    }
    .x4kn7q2v {
      height: 540px;
    }
    .h2z7n4bm h1 {
      font-size: 67px;
    }
    .w3fv7k2m {
      grid-template-columns: minmax(0, 1fr) 275px;
      gap: 24px;
    }
    .d9mq2v6k {
      grid-template-columns: 1fr;
    }
    .r7nx3k5v {
      grid-template-columns: 92px minmax(0, 1fr);
    }
    .r7nx3k5v > img {
      min-height: 140px;
      max-height: 150px;
    }
    .r7nx3k5v p {
      font-size: 12px;
    }
    .e5kv9q3m,
    .t5mq9v2n {
      gap: 40px;
    }
    .e8zm5v3q {
      gap: 20px;
    }
    .e8zm5v3q a {
      gap: 14px;
    }
    .k4mv9q2n {
      gap: 35px;
      padding: 35px;
    }
    .j9vq3m7k {
      gap: 45px;
    }
  }
  @media (max-width: 850px) {
    .a6x2q9mn {
      width: calc(100% - 44px);
    }
    .r5nz8w3a {
      display: none;
    }
    .c7pf2m9z > div {
      grid-template-columns: repeat(3, 1fr);
      gap: 9px 20px;
    }
    .p8fd4x6w {
      grid-template-columns: 0.9fr 1.1fr;
      gap: 20px;
      min-height: 600px;
      padding-top: 20px;
    }
    .h2z7n4bm h1 {
      font-size: 57px;
    }
    .h2z7n4bm .l4q8v2fj {
      font-size: 8px;
      letter-spacing: 0.13em;
    }
    .y8c4n6qp,
    .d6bk2v7r {
      font-size: 16px;
    }
    .f3qw8n6c {
      font-size: 12px;
    }
    .x4kn7q2v {
      height: 510px;
      border-bottom-right-radius: 50px;
    }
    .z9fj3w7q,
    .v8n2k5mf {
      left: 22px;
      right: 22px;
    }
    .z9fj3w7q h2 {
      font-size: 28px;
    }
    .e8zm5v3q {
      flex-wrap: wrap;
      gap: 14px 25px;
    }
    .e8zm5v3q > span {
      width: 100%;
    }
    .f8n3v6qm {
      gap: 16px;
      grid-template-columns: repeat(4, minmax(145px, 1fr));
      overflow-x: auto;
      padding-block: 0 12px;
      scroll-snap-type: x mandatory;
      scrollbar-width: thin;
      scrollbar-color: #83425e #261b24;
    }
    .c2wk7m9v {
      scroll-snap-align: start;
    }
    .c2wk7m9v h3 {
      font-size: 15px;
    }
    .c2wk7m9v p {
      font-size: 10px;
    }
    .t5mq9v2n {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .t5mq9v2n > div:first-child {
      display: grid;
      grid-template-columns: 1fr 1fr;
      align-items: center;
    }
    .t5mq9v2n > div:first-child .l4q8v2fj {
      grid-column: 1/-1;
    }
    .w3fv7k2m {
      grid-template-columns: 1fr;
    }
    .d9mq2v6k {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .r7nx3k5v {
      grid-template-columns: 83px minmax(0, 1fr);
      gap: 12px;
    }
    .r7nx3k5v p {
      font-size: 10px;
    }
    .s3vk8m2q {
      margin-top: 25px;
    }
    .m8qf2v6k {
      display: grid;
      grid-template-columns: 1fr 1fr;
      column-gap: 30px;
    }
    .m8qf2v6k li:last-child {
      grid-column: 1/-1;
    }
    .e5kv9q3m {
      grid-template-columns: 0.9fr 1.1fr;
      gap: 25px;
      padding-block: 0;
      margin-top: 65px;
    }
    .f2kv7m4q {
      width: 225px;
    }
    .k5qv2m9n img {
      height: 235px;
    }
    .h5mv8q2n h2 {
      font-size: 31px;
    }
    .w6mq3v8k {
      gap: 23px;
    }
    .w6mq3v8k h3 {
      font-size: 15px;
    }
    .q2mv8k6n {
      gap: 13px;
    }
    .q2mv8k6n figure {
      padding: 20px 18px;
    }
    .q2mv8k6n blockquote {
      font-size: 12px;
      min-height: 142px;
    }
    .j9vq3m7k,
    .k4mv9q2n {
      grid-template-columns: 1fr;
      gap: 30px;
    }
    .r9mq4v2k {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 14px;
    }
    .r9mq4v2k > div {
      padding: 15px;
      flex-wrap: wrap;
    }
    .r9mq4v2k > p {
      grid-column: 1/-1;
      text-align: left;
      margin: 0;
    }
    .n6qv3m8k {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .f9vq2m6k {
      grid-template-columns: 1fr 1fr 1fr;
    }
    .f9vq2m6k > div:last-child {
      grid-column: 1/-1;
      padding: 20px 0 0;
      border-left: 0;
      border-top: 1px solid var(--line);
    }
    .f9vq2m6k > div:last-child > span {
      font-size: 26px;
    }
  }
  @media (max-width: 600px) {
    html {
      scroll-padding-top: 85px;
    }
    section,
    aside,
    nav[id] {
      scroll-margin-top: 85px;
    }
    .a6x2q9mn {
      width: calc(100% - 36px);
    }
    .k3yv7b2f {
      min-height: 70px;
      gap: 10px;
    }
    .t9d2m5xz {
      font-size: 18px;
      gap: 8px;
    }
    .t9d2m5xz small {
      font-size: 8px;
      letter-spacing: 0.07em;
    }
    .v6q4n8jp {
      width: 35px;
      height: 37px;
      border-radius: 10px 10px 10px 2px;
      font-size: 16px;
    }
    .g2mv6f8q {
      gap: 5px;
    }
    .e3kp8w5n {
      padding: 6px 10px;
      gap: 9px;
      font-size: 10px;
    }
    .b9nx4q7v {
      width: 31px;
    }
    .c7pf2m9z > div {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding-block: 18px;
      gap: 5px 20px;
    }
    .c7pf2m9z a {
      font-size: 12px;
    }
    .p8fd4x6w {
      grid-template-columns: 1fr;
      padding-top: 24px;
      padding-bottom: 25px;
      gap: 14px;
    }
    .h2z7n4bm {
      padding-top: 4px;
    }
    .h2z7n4bm h1 {
      font-size: 67px;
      line-height: 1.12;
      margin-bottom: 20px;
    }
    .h2z7n4bm h1 > a > span:last-child br {
      display: none;
    }
    .h2z7n4bm h1 > a > span:last-child {
      font-size: clamp(37px, 9.6vw, 57px);
      letter-spacing: -0.06em;
      white-space: nowrap;
    }
    .y8c4n6qp {
      font-size: 18px;
      margin: 15px 0;
    }
    .d6bk2v7r {
      font-size: 17px;
    }
    .d6bk2v7r br {
      display: none;
    }
    .f3qw8n6c {
      font-size: 12px;
    }
    .m2xp7q4b {
      margin-top: 23px;
      gap: 23px;
    }
    .j6fw3r8z {
      padding: 11px 18px;
      font-size: 12px;
      gap: 22px;
    }
    .h2z7n4bm > .o7bv4x2m {
      margin-top: 17px;
    }
    .x4kn7q2v {
      height: 420px;
      border-radius: 17px 17px 45px;
    }
    .z9fj3w7q {
      bottom: 70px;
    }
    .z9fj3w7q h2 {
      font-size: 29px;
    }
    .z9fj3w7q p {
      font-size: 12px;
    }
    .v8n2k5mf {
      bottom: 20px;
    }
    .e8zm5v3q {
      padding-block: 20px 24px;
      gap: 12px 0;
    }
    .e8zm5v3q > span {
      font-size: 11px;
      margin-bottom: 3px;
    }
    .e8zm5v3q a {
      width: 50%;
      font-size: 12px;
      justify-content: space-between;
      padding-right: 25px;
    }
    .e8zm5v3q a:nth-of-type(2n) {
      padding-left: 20px;
      padding-right: 0;
      border-left: 1px solid var(--line);
    }
    .b4vf8k2n {
      padding-block: 50px 8px;
    }
    .q7mc2f8v {
      align-items: flex-start;
      gap: 17px;
      flex-wrap: wrap;
      margin-bottom: 23px;
    }
    .q7mc2f8v h2 {
      font-size: 27px;
    }
    .q7mc2f8v p:not(.l4q8v2fj) {
      font-size: 12px;
    }
    .q7mc2f8v > a {
      font-size: 11px;
    }
    .l4q8v2fj {
      font-size: 9px;
      letter-spacing: 0.15em;
      margin-bottom: 10px;
    }
    .f8n3v6qm {
      grid-template-columns: repeat(4, 175px);
      gap: 15px;
    }
    .c2wk7m9v h3 {
      font-size: 16px;
    }
    .c2wk7m9v p {
      font-size: 11px;
    }
    .h7qp3v6k {
      margin-top: 45px;
    }
    .t5mq9v2n {
      padding-block: 35px;
    }
    .t5mq9v2n h2 {
      font-size: 31px;
    }
    .t5mq9v2n > div:first-child > p:last-child {
      font-size: 12px;
    }
    .x6qv2k8m {
      gap: 23px;
    }
    .x6qv2k8m h3 {
      font-size: 14px;
    }
    .x6qv2k8m p {
      font-size: 11px;
    }
    .w3fv7k2m {
      padding-top: 50px;
      gap: 30px;
    }
    .p6nk9w3f {
      gap: 6px;
    }
    .p6nk9w3f button {
      font-size: 11px;
      padding: 6px 10px;
    }
    .d9mq2v6k {
      grid-template-columns: 1fr;
      gap: 13px;
    }
    .r7nx3k5v {
      grid-template-columns: 92px minmax(0, 1fr);
      gap: 16px;
      padding: 12px;
    }
    .r7nx3k5v > img {
      min-height: 147px;
      max-height: 147px;
    }
    .r7nx3k5v h3 {
      font-size: 17px;
    }
    .r7nx3k5v p {
      font-size: 12px;
    }
    .r7nx3k5v button {
      font-size: 12px;
      padding-block: 4px;
    }
    .s3vk8m2q {
      margin-top: 0;
      padding: 25px 22px;
    }
    .m8qf2v6k {
      display: block;
    }
    .m8qf2v6k button {
      padding-block: 16px;
    }
    .m8qf2v6k strong {
      font-size: 14px;
    }
    .e5kv9q3m {
      display: flex;
      flex-direction: column;
      gap: 25px;
      margin-top: 35px;
    }
    .y3nq8m6v {
      width: 100%;
      min-height: 470px;
    }
    .y3nq8m6v:before {
      width: 330px;
      height: 330px;
    }
    .u6xq3k8v {
      font-size: 58px;
      right: 0;
      bottom: 0;
    }
    .h5mv8q2n {
      width: 100%;
    }
    .h5mv8q2n h2 {
      font-size: 34px;
    }
    .h5mv8q2n > p:not(.l4q8v2fj):not(.o7bv4x2m) {
      font-size: 12px;
    }
    .w6mq3v8k {
      grid-template-columns: 1fr;
      gap: 25px;
      margin-top: 38px;
    }
    .w6mq3v8k li {
      padding: 23px 0 15px 48px;
      border-top: 1px solid var(--line);
    }
    .w6mq3v8k li > span {
      top: 26px;
      font-size: 25px;
    }
    .w6mq3v8k h3 {
      font-size: 17px;
    }
    .w6mq3v8k p {
      margin-block: 8px;
      max-width: none;
    }
    .q2mv8k6n {
      grid-template-columns: 1fr;
      gap: 14px;
    }
    .q2mv8k6n blockquote {
      min-height: 0;
      font-size: 13px;
    }
    .q2mv8k6n figcaption {
      margin-top: 16px;
      padding-top: 13px;
    }
    .j9vq3m7k {
      padding-block: 55px 40px;
    }
    .j9vq3m7k h2 {
      font-size: 32px;
    }
    .c6mq8v2n summary {
      font-size: 13px;
      padding-block: 18px;
    }
    .k4mv9q2n {
      width: calc(100% - 36px);
      padding: 30px 22px;
      margin-block: 10px 55px;
    }
    .k4mv9q2n h2 {
      font-size: 34px;
    }
    .k4mv9q2n h2 + p {
      font-size: 15px;
    }
    .k4mv9q2n .m2xp7q4b {
      gap: 18px;
    }
    .r9mq4v2k {
      grid-template-columns: 1fr;
      gap: 0;
    }
    .r9mq4v2k > div {
      flex-wrap: nowrap;
      padding: 16px;
    }
    .r9mq4v2k > p {
      margin-top: 5px;
    }
    .n6qv3m8k {
      padding-bottom: 28px;
      gap: 20px;
    }
    .n6qv3m8k > p {
      font-size: 11px;
    }
    .f9vq2m6k {
      gap: 25px 17px;
    }
    .f9vq2m6k h3 {
      font-size: 12px;
    }
    .f9vq2m6k a {
      font-size: 10px;
    }
    .u3mq7v9k {
      flex-direction: column;
      gap: 5px;
      font-size: 9px;
    }
    .v4mq9k2n {
      padding: 42px 23px 25px;
    }
    .v4mq9k2n h2 {
      font-size: 25px;
    }
    .v4mq9k2n > p {
      font-size: 13px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
    }
    [data-reveal][data-pending] {
      opacity: 1;
      transform: none;
    }
  }
}