/* source/atelier.css */
@layer foundation, cinema, collections, editorial, access, adaptation;
@layer foundation {
  :root {
    color-scheme: dark;
    --ink: #100e10;
    --panel: #1a171b;
    --muted: #aea7ae;
    --red: #f13b54;
    --edge: #ffffff12;
    --cream: #f8f3ef;
    font-family: "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;
    background: var(--ink);
    color: var(--cream);
    font-synthesis: none;
  }
  * {
    box-sizing: border-box;
  }
  html {
    scroll-behavior: smooth;
    scroll-padding-top: 150px;
  }
  body {
    margin: 0;
    line-height: 1.7;
    font-size: 14px;
    overflow-wrap: break-word;
  }
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a,
  summary {
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  button {
    cursor: pointer;
    color: inherit;
    background: none;
    border: 0;
  }
  img {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
  }
  button {
    padding: 0;
  }
  [hidden] {
    display: none !important;
  }
  ::selection {
    background: #f13b54;
    color: white;
  }
  h2 {
    font-size: 30px;
    line-height: 1.4;
    letter-spacing: -0.7px;
  }
  h3 {
    line-height: 1.5;
  }
  :focus-visible {
    outline: 3px solid #ffbd91;
    outline-offset: 5px;
  }
  section[id] {
    scroll-margin-top: 150px;
  }
  .b6n2y8k5 {
    width: min(1320px, calc(100% - 96px));
    margin-inline: auto;
  }
  .n2x7r4b8 {
    font-size: 10px;
    letter-spacing: 2px;
    color: var(--red);
    font-weight: 700;
    margin-bottom: 10px;
  }
  .w7k2n9c4 {
    color: var(--muted);
    line-height: 1.9;
  }
  .s2m9h5w7 {
    font-size: 12px;
    color: var(--muted);
    line-height: 1.8;
  }
  .v5b8n3r2 {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .y4g7q2m9,
  .e8s3v6p2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    min-height: 48px;
    padding: 12px 24px;
    border-radius: 7px;
    font-weight: 700;
    transition:
      transform 0.25s,
      box-shadow 0.25s,
      background 0.25s;
  }
  .y4g7q2m9 {
    background: linear-gradient(110deg, #f13b54, #d82648);
    box-shadow: 0 8px 35px #f13b5425;
    color: #fff;
  }
  .y4g7q2m9:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 38px #f13b544d;
  }
  .e8s3v6p2 {
    border: 1px solid #ffffff25;
    background: #ffffff04;
  }
  .e8s3v6p2:hover {
    background: #ffffff0e;
    transform: translateY(-2px);
  }
  .r4p8x2n6 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 24px;
    margin-bottom: 26px;
  }
  .r4p8x2n6 h2 > span {
    font-size: 13px;
    color: var(--muted);
    font-weight: 400;
    margin-left: 20px;
    letter-spacing: 0;
  }
  .p6q2c9v4 {
    color: var(--muted);
    font-size: 12px;
    white-space: nowrap;
  }
  .p6q2c9v4 span {
    margin-left: 20px;
    color: var(--red);
  }
  .p6q2c9v4:hover {
    color: white;
  }
  .u8p2r9v4 {
    font-size: 11px;
    color: var(--muted);
  }
  .f9m4c7v2 {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: var(--red);
    flex-shrink: 0;
  }
  .o4n8p3v6 {
    color: #e7c8c5;
    font-size: 12px;
  }
  .j4x8m2q9 {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  a.j4x8m2q9:focus {
    width: auto;
    height: auto;
    clip-path: none;
    top: 10px;
    left: 15px;
    z-index: 200;
    background: var(--red);
    padding: 10px 20px;
  }
}
@layer cinema {
  .r7c2v9a4 {
    position: sticky;
    top: 0;
    z-index: 40;
    background: #100e10ed;
    backdrop-filter: blur(20px);
    border-bottom: 1px solid var(--edge);
  }
  .p4v9w2r8 {
    display: flex;
    align-items: center;
    gap: 28px;
    height: 89px;
  }
  .d9w3f7s2 {
    font-size: 25px;
    font-weight: 800;
    letter-spacing: 1px;
    flex-shrink: 0;
  }
  .d9w3f7s2 a {
    display: flex;
    align-items: center;
    gap: 12px;
  }
  .d9w3f7s2 img {
    width: 43px;
    height: 43px;
    border-radius: 50%;
    border: 2px solid #e8424d;
    object-fit: cover;
  }
  .d9w3f7s2 small {
    display: block;
    font-size: 8px;
    letter-spacing: 2px;
    font-weight: 500;
    color: #9b939b;
    margin-top: -2px;
  }
  .v8g4m2z6 {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid #ffffff14;
    border-radius: 7px;
    background: #242025;
    width: 350px;
    margin-left: auto;
    height: 40px;
    padding: 0 12px;
  }
  .v8g4m2z6 > span {
    font-size: 24px;
    color: #b0a4ae;
    line-height: 1;
  }
  .v8g4m2z6 input {
    background: transparent;
    color: white;
    border: 0;
    min-width: 0;
    flex: 1;
    font-size: 12px;
    outline-offset: 1px;
  }
  .v8g4m2z6 input::placeholder {
    color: #a59ca4;
  }
  .v8g4m2z6 button {
    font-size: 12px;
    color: #f3b2bc;
  }
  .c5k8q3n7 {
    font-size: 12px;
    padding-left: 24px;
    border-left: 1px solid #ffffff20;
    white-space: nowrap;
  }
  .c5k8q3n7 span {
    color: var(--red);
    font-size: 20px;
    margin-right: 7px;
  }
  .t6p3h8v2 {
    display: none;
  }
  .z3n8c4m6 {
    border-top: 1px solid #ffffff06;
  }
  .z3n8c4m6 > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
  }
  .z3n8c4m6 a {
    font-size: 12px;
    color: #bfb6bf;
    line-height: 48px;
    white-space: nowrap;
    position: relative;
    transition: color 0.2s;
  }
  .z3n8c4m6 a[aria-current],
  .z3n8c4m6 a:hover {
    color: #fff;
  }
  .z3n8c4m6 a[aria-current]:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--red);
  }
  .u2h8w5n9 {
    position: relative;
    isolation: isolate;
    min-height: 610px;
    background: #1c1115;
    overflow: hidden;
  }
  .k6q9s3m8 {
    position: absolute;
    inset: 0 0 0 24%;
    z-index: -2;
    opacity: 1;
    transition:
      opacity 1s ease,
      transform 7s linear;
    transform: scale(1.035);
  }
  .k6q9s3m8[aria-hidden="true"] {
    opacity: 0;
    transform: scale(1);
  }
  .k6q9s3m8 img {
    object-position: 50% 35%;
    filter: saturate(0.8) brightness(0.74);
  }
  .u2h8w5n9:after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background:
      linear-gradient(90deg, #130e13 0%, #140f13f5 24%, #190d12b0 45%, #180e1140 70%, #160c1260),
      linear-gradient(0deg, #100e10, transparent 35%, #100e1020 80%);
  }
  .f4c7r2p9 {
    display: grid;
    grid-template-columns: 1.15fr 1fr;
    align-items: end;
    gap: 7%;
    padding-top: 65px;
    padding-bottom: 68px;
    min-height: 516px;
  }
  .a3v8k5t2 > .n2x7r4b8 {
    border: 1px solid #fa71813a;
    border-radius: 3px;
    background: #f13b540c;
    padding: 5px 10px;
    display: inline-block;
    letter-spacing: 2px;
    font-size: 11px;
    margin-bottom: 21px;
  }
  .a3v8k5t2 h2 {
    font-size: clamp(44px, 4.8vw, 68px);
    line-height: 1.25;
    letter-spacing: 1px;
    font-weight: 800;
  }
  .a3v8k5t2 h2 span {
    color: #ff5369;
  }
  .m8q3z6f2 {
    font-size: 18px;
    letter-spacing: 2px;
    margin-top: 20px;
  }
  .a3v8k5t2 .w7k2n9c4 {
    margin-top: 13px;
    font-size: 13px;
  }
  .a3v8k5t2 .v5b8n3r2 {
    margin-top: 25px;
    gap: 12px;
  }
  .a3v8k5t2 .s2m9h5w7 {
    margin-top: 18px;
    font-size: 11px;
    letter-spacing: 1px;
  }
  .q7f3k8c2 {
    max-width: 360px;
    margin: 0 10px 8px auto;
    padding: 24px 25px;
    background: linear-gradient(100deg, #190f16bd, #1c0f1740);
    backdrop-filter: blur(12px);
    border: 1px solid #ffffff20;
    border-left: 2px solid #f14e61;
    border-radius: 0 10px 10px 0;
  }
  .q7f3k8c2 .u8p2r9v4 {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    color: #e3c6c7;
  }
  .q7f3k8c2 b {
    font-weight: 400;
    color: #ffb3b7;
    font-variant-numeric: tabular-nums;
  }
  .q7f3k8c2 h3 {
    font-size: 27px;
    letter-spacing: 2px;
    margin-top: 9px;
  }
  .q7f3k8c2 > p {
    color: #c8b6bd;
    font-size: 12px;
    margin-top: 7px;
  }
  .q7f3k8c2 .v5b8n3r2 {
    margin-top: 18px;
    justify-content: space-between;
    gap: 10px;
  }
  .x9c2m7k4 {
    font-size: 12px;
    font-weight: 700;
  }
  .x9c2m7k4 span {
    color: var(--red);
    margin-left: 8px;
  }
  .h3r7v2k8 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 18px;
  }
  .i7q4m8t2 {
    display: flex;
    gap: 28px;
  }
  .i7q4m8t2 button {
    border-top: 2px solid #ffffff30;
    padding: 12px 0 0;
    font-size: 11px;
    min-width: 120px;
    text-align: left;
    color: #b2a6ad;
    transition:
      color 0.25s,
      border-color 0.25s;
  }
  .i7q4m8t2 button span {
    font-size: 10px;
    margin-right: 13px;
    font-family: monospace;
  }
  .i7q4m8t2 button[aria-pressed="true"] {
    border-color: var(--red);
    color: #fff;
  }
  .h9c3q7s2 {
    color: #b8aab4;
    font-size: 12px;
    padding: 8px;
    min-height: 40px;
  }
  .h9c3q7s2 span {
    margin-left: 7px;
    font-size: 10px;
  }
  .l4t8q3n9 {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 19px 0;
    border-bottom: 1px solid var(--edge);
    font-size: 10px;
    color: #a69ba4;
  }
  .l4t8q3n9 .f9m4c7v2 {
    margin-right: 8px;
  }
  .l4t8q3n9 > span {
    white-space: nowrap;
    color: #b38b93;
  }
}
@layer collections {
  .g3w9m5c2 {
    padding-top: 62px;
    padding-bottom: 64px;
  }
  .t8n2g7m4 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
  }
  .v3f9k2s8 {
    position: relative;
    overflow: hidden;
    border-radius: 9px;
    isolation: isolate;
    aspect-ratio: 1.27;
    background: #261e25;
    border: 1px solid #ffffff0c;
  }
  .v3f9k2s8:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #160d15f5 2%, #160d1560 56%, #160d150a);
    z-index: -1;
  }
  .v3f9k2s8 > img {
    position: absolute;
    inset: 0;
    z-index: -2;
    transition: transform 0.6s;
    object-position: center 30%;
    filter: saturate(0.7);
  }
  .v3f9k2s8:hover > img {
    transform: scale(1.065);
  }
  .v3f9k2s8 > div {
    position: absolute;
    bottom: 23px;
    left: 24px;
    right: 24px;
  }
  .z9q5h2w7 {
    font-size: 10px;
    letter-spacing: 2px;
    color: #ffc5b2;
  }
  .v3f9k2s8 h3 {
    font-size: 25px;
    margin-top: 5px;
    letter-spacing: 0.5px;
  }
  .v3f9k2s8 p {
    color: #c0aeb7;
    font-size: 11px;
    margin-top: 4px;
  }
  .v3f9k2s8 button {
    font-size: 11px;
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: left;
    color: #f0dcdf;
    padding-top: 11px;
    border-top: 1px solid #ffffff24;
  }
  .v3f9k2s8 button span {
    color: #ff9ba9;
    font-size: 18px;
    line-height: 1;
  }
  .g8p3m6c9 {
    position: absolute;
    top: 15px;
    right: 19px;
    font-family: Georgia, serif;
    font-size: 36px;
    font-style: italic;
    color: #fff8;
    line-height: 1;
  }
  .k2v8p5r3 {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 306px;
    gap: 36px;
    padding-bottom: 72px;
    align-items: start;
  }
  .c8w3n7q2 {
    min-width: 0;
  }
  .c8w3n7q2 .r4p8x2n6 {
    margin-bottom: 20px;
  }
  .c8w3n7q2 h2 {
    font-size: 28px;
  }
  .a8m5r2q7 {
    display: flex;
    gap: 8px;
    border-bottom: 1px solid var(--edge);
    padding-bottom: 20px;
    margin-bottom: 24px;
  }
  .a8m5r2q7 button {
    min-height: 34px;
    padding: 6px 17px;
    border-radius: 5px;
    color: #b7acb5;
    font-size: 12px;
    background: #ffffff04;
    border: 1px solid #ffffff08;
    transition:
      background 0.2s,
      color 0.2s;
  }
  .a8m5r2q7 button[aria-pressed="true"] {
    color: #ffadb9;
    background: #f13b5419;
    border-color: #f13b5430;
  }
  .a8m5r2q7 button:hover {
    color: white;
    background: #ffffff12;
  }
  .q4t8k3m9 {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px 22px;
  }
  .m5r2v8q7 {
    min-width: 0;
  }
  .f3p7c9w2 > button {
    position: absolute;
    inset: 0;
    z-index: 2;
    width: 100%;
    text-align: left;
  }
  .f3p7c9w2 {
    position: relative;
    aspect-ratio: 3/3.8;
    border-radius: 7px;
    overflow: hidden;
    background: #251d25;
  }
  .f3p7c9w2:after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(0deg, #21101d99, transparent 50%);
    pointer-events: none;
  }
  .f3p7c9w2 img {
    transition:
      transform 0.5s,
      filter 0.5s;
    filter: saturate(0.7);
    object-position: center 25%;
  }
  .m5r2v8q7:hover img {
    transform: scale(1.05);
    filter: saturate(1);
  }
  .f3p7c9w2 > span {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #161118ae;
    border: 1px solid #ffffff30;
    padding: 2px 7px;
    backdrop-filter: blur(8px);
    font-size: 9px;
    border-radius: 3px;
  }
  .f3p7c9w2 i {
    position: absolute;
    bottom: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    display: grid;
    place-items: center;
    background: #ff5369;
    color: white;
    border-radius: 50%;
    z-index: 1;
    font-style: normal;
    opacity: 0;
    transform: translateY(8px);
    transition:
      opacity 0.25s,
      transform 0.25s;
  }
  .m5r2v8q7 button:hover i,
  .m5r2v8q7:focus-within i {
    opacity: 1;
    transform: none;
  }
  .m5r2v8q7 h3 {
    font-size: 16px;
    margin-top: 12px;
  }
  .m5r2v8q7 p {
    font-size: 10px;
    color: var(--muted);
    margin-top: 5px;
  }
  .c8w3n7q2 > .s2m9h5w7 {
    margin-top: 22px;
    font-size: 10px;
  }
  .b8q4t2n7 {
    padding: 65px 20px;
    background: #ffffff04;
    border: 1px solid var(--edge);
    border-radius: 9px;
    text-align: center;
  }
  .b8q4t2n7 p {
    margin-bottom: 18px;
  }
  .w2c8m6q4 {
    background: linear-gradient(145deg, #21181e, #19161b 45%);
    border: 1px solid #f065771e;
    border-radius: 10px;
    padding: 25px 22px;
    margin-top: 5px;
  }
  .e3k7v9p2 {
    padding-bottom: 24px;
    border-bottom: 1px solid #ffffff12;
  }
  .e3k7v9p2 .n2x7r4b8 {
    font-size: 9px;
    color: #c69aa5;
  }
  .e3k7v9p2 h2 {
    font-size: 23px;
    letter-spacing: 1px;
  }
  .e3k7v9p2 h2 span {
    color: var(--red);
    margin-right: 6px;
  }
  .e3k7v9p2 > p:last-child {
    color: #ae939e;
    font-size: 10px;
    margin-top: 8px;
  }
  .n8v4r2m7 {
    list-style: none;
    padding: 4px 0 0;
    margin: 0;
  }
  .n8v4r2m7 li + li {
    border-top: 1px solid var(--edge);
  }
  .n8v4r2m7 button {
    display: flex;
    gap: 15px;
    align-items: center;
    width: 100%;
    text-align: left;
    padding: 23px 0;
  }
  .n8v4r2m7 b {
    font-family: Georgia, serif;
    font-size: 25px;
    font-weight: 400;
    font-style: italic;
    color: #797078;
  }
  .n8v4r2m7 li:nth-child(-n + 3) b {
    color: #ff6b77;
  }
  .n8v4r2m7 strong {
    font-size: 13px;
    font-weight: 500;
    display: block;
    transition: color 0.2s;
  }
  .n8v4r2m7 small {
    display: block;
    font-size: 10px;
    color: #a18e99;
    margin-top: 5px;
  }
  .n8v4r2m7 i {
    margin-left: auto;
    font-style: normal;
    color: #b17182;
    font-size: 14px;
  }
  .n8v4r2m7 button:hover strong {
    color: #ffa5b4;
  }
  .c3q8n2v6 {
    border: 1px solid #f33d5420;
    border-radius: 7px;
    padding: 20px;
    background: linear-gradient(135deg, #dc38541a, #ffffff02);
    margin-top: 15px;
  }
  .c3q8n2v6 > span {
    font-size: 14px;
    font-weight: 700;
  }
  .c3q8n2v6 p {
    font-size: 11px;
    color: #b6a3ae;
    margin-top: 9px;
    line-height: 1.9;
  }
  .c3q8n2v6 a {
    font-size: 11px;
    color: #fa8da0;
    display: block;
    margin-top: 19px;
  }
}
@layer editorial {
  .s7p2v5m9 {
    padding: 51px 0 55px;
    border-block: 1px solid #ffffff0b;
    background: radial-gradient(ellipse at 5% 0, #a9193824, transparent 50%), #171317;
  }
  .s7p2v5m9 .w7k2n9c4 {
    font-size: 12px;
  }
  .j8r3m7q2 {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
    margin-top: 33px;
  }
  .j8r3m7q2 article {
    padding: 25px 24px;
    background: #ffffff03;
    border: 1px solid #ffffff0e;
    border-radius: 7px;
    transition:
      transform 0.25s,
      border-color 0.25s;
  }
  .j8r3m7q2 article:hover {
    transform: translateY(-5px);
    border-color: #f13b5450;
  }
  .j8r3m7q2 article > span {
    display: grid;
    place-items: center;
    width: 37px;
    height: 37px;
    border-radius: 9px;
    color: #ff8ba0;
    background: linear-gradient(135deg, #f13b5430, #f13b5405);
    font-size: 22px;
    margin-bottom: 17px;
  }
  .j8r3m7q2 h3 {
    font-size: 16px;
    margin-bottom: 9px;
  }
  .j8r3m7q2 p {
    color: #b4a7b2;
    font-size: 12px;
    line-height: 1.9;
  }
  .x5n9c3r7 {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(300px, 1fr);
    gap: 55px;
    padding-block: 75px 70px;
    border-bottom: 1px solid var(--edge);
  }
  .g2q8p4m6 {
    display: grid;
    grid-template-columns: 1fr 228px;
    gap: 20px;
    align-items: center;
    background: radial-gradient(ellipse at 70% 55%, #9d163b26, transparent 65%);
    min-width: 0;
  }
  .g2q8p4m6 h2 {
    font-size: 28px;
    line-height: 1.6;
  }
  .g2q8p4m6 .w7k2n9c4 {
    font-size: 12px;
    margin-top: 18px;
  }
  .g2q8p4m6 .s2m9h5w7 {
    font-size: 10px;
    margin-top: 18px;
  }
  .p8c4m2v7 {
    display: flex;
    gap: 8px;
    margin-top: 25px;
  }
  .p8c4m2v7 button {
    font-size: 11px;
    border: 1px solid #ffffff20;
    padding: 5px 15px;
    border-radius: 20px;
  }
  .p8c4m2v7 button[aria-pressed="true"] {
    border-color: #ee4d69;
    color: #ff97ac;
    background: #f13b5415;
  }
  .v9w4n2k6 {
    transform: rotate(4deg);
    margin: 0 auto;
    max-width: 210px;
    width: 100%;
    position: relative;
  }
  .y8r2m5p7 {
    background: #1a161d;
    border: 5px solid #43323e;
    outline: 1px solid #806373;
    border-radius: 30px;
    padding: 12px;
    box-shadow: 10px 20px 50px #0006;
    overflow: hidden;
  }
  .h6q3c9v2 {
    display: flex;
    justify-content: space-between;
    font-size: 8px;
    font-weight: 700;
    margin: 0 5px 13px;
  }
  .h6q3c9v2 > span {
    font-size: 8px;
    letter-spacing: 1px;
  }
  .b3m9v2q8 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    font-weight: 700;
    margin-bottom: 12px;
  }
  .b3m9v2q8 small {
    font-size: 8px;
    color: #aa899b;
    font-weight: 400;
  }
  .m3q8v6n2 {
    position: relative;
    aspect-ratio: 3/3.6;
    border-radius: 10px;
    overflow: hidden;
  }
  .m3q8v6n2 span {
    position: absolute;
    bottom: 8px;
    left: 8px;
    font-size: 7px;
    background: #20101eaa;
    padding: 2px 6px;
    border-radius: 3px;
  }
  .y8r2m5p7 h3 {
    font-size: 12px;
    margin-top: 10px;
  }
  .y8r2m5p7 > p:not(.b3m9v2q8) {
    color: #bda6b6;
    font-size: 7px;
    margin-top: 4px;
  }
  .y8r2m5p7 > button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: linear-gradient(90deg, #ec3854, #bd2d5d);
    border-radius: 5px;
    padding: 8px;
    font-size: 8px;
    margin-top: 13px;
  }
  .q3v9k6m2 {
    display: flex;
    justify-content: space-around;
    font-size: 7px;
    color: #b3a2b1;
    padding-top: 14px;
  }
  .q3v9k6m2 > span:first-child {
    color: #ff7593;
  }
  .v9w4n2k6 figcaption {
    text-align: center;
    color: #9f8194;
    font-size: 9px;
    margin-top: 18px;
  }
  .k9p3m7r2 {
    border-left: 1px solid var(--edge);
    padding-left: 35px;
  }
  .k9p3m7r2 h2 {
    font-size: 24px;
  }
  .s8m3n6q2 {
    list-style: none;
    padding: 0;
    margin: 27px 0 0;
  }
  .s8m3n6q2 li {
    display: flex;
    gap: 20px;
    padding-bottom: 24px;
    position: relative;
  }
  .s8m3n6q2 li:not(:last-child):after {
    content: "";
    position: absolute;
    left: 17px;
    top: 40px;
    bottom: 5px;
    width: 1px;
    background: linear-gradient(#ee3f5260, #ee3f5200);
  }
  .s8m3n6q2 b {
    font-family: Georgia, serif;
    color: #fb778f;
    font-size: 14px;
    border: 1px solid #f13b5425;
    background: #f13b540b;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
  }
  .s8m3n6q2 h3 {
    font-size: 15px;
    margin-bottom: 6px;
  }
  .s8m3n6q2 p {
    font-size: 11px;
    color: #afa0ad;
    line-height: 1.9;
  }
  .s8m3n6q2 a,
  .s8m3n6q2 button {
    color: #e68b9f;
    font-size: 10px;
    display: inline-block;
    margin-top: 9px;
  }
  .f8w2q6m3 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
    padding-block: 66px 74px;
  }
  .f8w2q6m3 h2 {
    font-size: 27px;
  }
  .u3m7k2v8 > .s2m9h5w7 {
    margin-top: 13px;
    font-size: 10px;
    max-width: 480px;
  }
  .w6p3n8c2 {
    margin-top: 25px;
    display: grid;
    gap: 12px;
  }
  .w6p3n8c2 blockquote {
    display: grid;
    grid-template-columns: 25px 1fr;
    gap: 0 10px;
    padding: 19px 20px;
    background: #1a161b;
    border: 1px solid #ffffff09;
    border-radius: 6px;
  }
  .w6p3n8c2 blockquote > span {
    font-family: Georgia, serif;
    color: #e74465;
    font-size: 40px;
    line-height: 1;
  }
  .w6p3n8c2 blockquote > p {
    color: #c5b8c1;
    font-size: 12px;
    line-height: 1.9;
  }
  .w6p3n8c2 footer {
    grid-column: 2;
    display: flex;
    gap: 9px;
    align-items: center;
    margin-top: 12px;
  }
  .w6p3n8c2 footer > b {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #bf37552b;
    color: #f59aac;
    font-size: 11px;
    font-weight: 400;
  }
  .w6p3n8c2 footer > span {
    font-size: 10px;
    color: #d3bdcb;
  }
  .w6p3n8c2 small {
    color: #9e8697;
    font-size: 8px;
    margin-left: 11px;
  }
  .r8v3m6p2 {
    margin-top: 26px;
  }
  .r8v3m6p2 details {
    border-bottom: 1px solid #ffffff13;
  }
  .r8v3m6p2 summary {
    cursor: pointer;
    list-style: none;
    font-size: 13px;
    padding: 20px 25px 20px 0;
    position: relative;
  }
  .r8v3m6p2 summary::-webkit-details-marker {
    display: none;
  }
  .r8v3m6p2 summary:after {
    content: "+";
    position: absolute;
    right: 0;
    color: #d68b9f;
    font-size: 20px;
    line-height: 1;
  }
  .r8v3m6p2 details[open] summary:after {
    content: "\2212";
  }
  .r8v3m6p2 details[open] summary {
    color: #ff9cb2;
  }
  .r8v3m6p2 details > p {
    font-size: 12px;
    line-height: 2;
    color: #b6a5b1;
    padding-bottom: 20px;
    max-width: 95%;
  }
}
@layer access {
  .n3c7q9v2 {
    background:
      radial-gradient(ellipse at 5% 0, #eb29493d, transparent 60%),
      linear-gradient(110deg, #31141f, #21161f);
    border: 1px solid #ec426a30;
    border-radius: 12px;
    padding: 38px 43px;
    margin-bottom: 65px;
  }
  .j3q7m9p2 {
    display: flex;
    align-items: center;
    gap: 22px;
  }
  .j3q7m9p2 > span {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    border-radius: 16px;
    border: 1px solid #ff5d7840;
    background: #ed3c5c1a;
    font-size: 32px;
    color: #ff879d;
  }
  .j3q7m9p2 .n2x7r4b8 {
    font-size: 9px;
    color: #ff90a5;
    margin-bottom: 5px;
  }
  .j3q7m9p2 h2 {
    font-size: 28px;
  }
  .j3q7m9p2 p:last-child {
    font-size: 12px;
    color: #c19eae;
    margin-top: 6px;
  }
  .a5r9m2k7 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    padding-top: 30px;
    margin-top: 29px;
    border-top: 1px solid #ffffff15;
  }
  .a5r9m2k7 > div + div {
    border-left: 1px solid #ffffff13;
    padding-left: 40px;
  }
  .a5r9m2k7 strong {
    font-size: 14px;
    font-weight: 500;
    margin-left: 8px;
  }
  .a5r9m2k7 > div + div .f9m4c7v2 {
    background: #a9929d;
  }
  .a5r9m2k7 p {
    font-size: 11px;
    color: #bca3b2;
    margin-top: 8px;
  }
  .a5r9m2k7 a {
    font-size: 12px;
    margin-top: 20px;
    min-height: 42px;
    padding: 9px 22px;
  }
  .x8v2r5m9 {
    border-top: 1px solid var(--edge);
    background: #0c0a0d;
    padding-top: 43px;
  }
  .q8m2c6p9 {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 40px;
    align-items: start;
  }
  .q8m2c6p9 > div {
    display: grid;
    grid-template-columns: 35px 1fr;
    gap: 0 10px;
  }
  .m9q3v7c2 {
    color: #f44c69;
    grid-row: 1/3;
    font-size: 38px;
    line-height: 1.2;
  }
  .q8m2c6p9 h2 {
    font-size: 21px;
    letter-spacing: 2px;
  }
  .q8m2c6p9 > div p {
    font-size: 10px;
    color: #9f8496;
    margin-top: 5px;
  }
  .q8m2c6p9 > p {
    color: #9f919e;
    font-size: 11px;
    line-height: 2.1;
  }
  .r5n2q8v3 {
    margin-top: 35px;
    padding-top: 25px;
    border-top: 1px solid var(--edge);
    display: flex;
    gap: 35px;
    align-items: baseline;
  }
  .r5n2q8v3 h3 {
    font-size: 12px;
    white-space: nowrap;
    font-weight: 500;
  }
  .r5n2q8v3 > div {
    display: flex;
    flex-wrap: wrap;
    gap: 13px 22px;
  }
  .r5n2q8v3 a {
    font-size: 10px;
    color: #9d8e9b;
  }
  .r5n2q8v3 a:hover {
    color: #ff819f;
  }
  .p2c8m4q7 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid var(--edge);
    margin-top: 27px;
    padding: 22px 0;
    color: #867583;
    font-size: 9px;
  }
  .p2c8m4q7 a {
    color: #c395ab;
    white-space: nowrap;
  }
  .v4m8q2n7 {
    width: min(820px, calc(100% - 32px));
    padding: 0;
    background: #211a23;
    color: var(--cream);
    border: 1px solid #f37b9b40;
    border-radius: 14px;
    max-height: 90dvh;
    box-shadow: 0 30px 100px #000a;
  }
  .v4m8q2n7::backdrop {
    background: #070509cf;
    backdrop-filter: blur(8px);
  }
  .z2p7c9m4 {
    display: grid;
    grid-template-columns: 37% 1fr;
  }
  .z2p7c9m4 > img {
    min-height: 100%;
    object-position: 50% 25%;
  }
  .z2p7c9m4 > div {
    position: relative;
    padding: 45px 35px 35px;
  }
  .n9r3v6q2 {
    position: absolute;
    right: 14px;
    top: 9px;
    font-size: 26px;
    line-height: 1;
    min-width: 36px;
    min-height: 36px;
    color: #e8bacf;
    border-radius: 50%;
  }
  .n9r3v6q2:hover {
    background: #ffffff12;
  }
  .z2p7c9m4 .n2x7r4b8 {
    font-size: 9px;
    letter-spacing: 1px;
  }
  .z2p7c9m4 h2 {
    font-size: 28px;
    margin-bottom: 10px;
  }
  .z2p7c9m4 #story-description {
    font-size: 13px;
    line-height: 2;
    color: #d2bdce;
    margin-top: 22px;
  }
  .z2p7c9m4 h3 {
    font-size: 13px;
    color: #f6a3bf;
    margin-top: 22px;
    margin-bottom: 7px;
  }
  .z2p7c9m4 [data-dialog-angle] {
    font-size: 12px;
    line-height: 1.9;
    color: #bca3b9;
  }
  .z2p7c9m4 .s2m9h5w7 {
    font-size: 10px;
    margin-top: 20px;
    color: #a58ca1;
  }
  .z2p7c9m4 a {
    font-size: 12px;
    margin-top: 22px;
  }
  body:has(dialog[open]) {
    overflow: hidden;
  }
  [data-entrance] {
    transition:
      opacity 0.65s,
      transform 0.65s;
  }
  [data-entrance="waiting"] {
    opacity: 0;
    transform: translateY(20px);
  }
}
@layer adaptation {
  @media (min-width: 1600px) {
    .u2h8w5n9 {
      min-height: 660px;
    }
    .f4c7r2p9 {
      padding-top: 80px;
      min-height: 565px;
    }
  }
  @media (max-width: 1150px) {
    .b6n2y8k5 {
      width: calc(100% - 56px);
    }
    .z3n8c4m6 > div {
      gap: 26px;
      justify-content: flex-start;
      overflow-x: auto;
      scrollbar-width: thin;
    }
    .k2v8p5r3 {
      grid-template-columns: minmax(0, 1fr) 270px;
      gap: 25px;
    }
    .q4t8k3m9 {
      gap: 22px 16px;
    }
    .w2c8m6q4 {
      padding: 22px 18px;
    }
    .f3p7c9w2 {
      aspect-ratio: 3/4.5;
    }
    .x5n9c3r7 {
      gap: 30px;
      grid-template-columns: 1.5fr 1fr;
    }
    .g2q8p4m6 {
      grid-template-columns: 1fr 190px;
      gap: 12px;
    }
    .g2q8p4m6 h2 {
      font-size: 22px;
    }
    .k9p3m7r2 {
      padding-left: 25px;
    }
    .k9p3m7r2 h2 {
      font-size: 21px;
    }
    .f8w2q6m3 {
      gap: 40px;
    }
    .v3f9k2s8 h3 {
      font-size: 21px;
    }
    .v3f9k2s8 {
      aspect-ratio: 1.1;
    }
    .v3f9k2s8 > div {
      left: 19px;
      right: 19px;
    }
    .q7f3k8c2 {
      margin-right: 0;
    }
    .r4p8x2n6 h2 > span {
      display: none;
    }
    .t8n2g7m4 {
      gap: 16px;
    }
    .j8r3m7q2 article {
      padding: 22px 18px;
    }
    .q8m2c6p9 {
      grid-template-columns: 220px 1fr;
      gap: 30px;
    }
  }
  @media (max-width: 850px) {
    .k2v8p5r3 {
      grid-template-columns: 1fr;
    }
    .f3p7c9w2 {
      aspect-ratio: 3/3.8;
    }
    .w2c8m6q4 {
      margin-top: 7px;
      padding: 25px;
    }
    .w2c8m6q4 section {
      display: grid;
      grid-template-columns: 1fr 1.4fr;
      gap: 0 26px;
    }
    .e3k7v9p2 {
      border: 0;
    }
    .n8v4r2m7 {
      grid-column: 2;
      grid-row: 1/3;
    }
    .n8v4r2m7 button {
      padding: 15px 0;
    }
    .c3q8n2v6 {
      margin-top: 0;
    }
    .x5n9c3r7 {
      grid-template-columns: 1fr;
    }
    .g2q8p4m6 {
      grid-template-columns: 1fr 230px;
      max-width: 650px;
      margin-inline: auto;
      gap: 60px;
    }
    .g2q8p4m6 h2 {
      font-size: 30px;
    }
    .k9p3m7r2 {
      border-left: 0;
      border-top: 1px solid var(--edge);
      padding: 35px 0 0;
      margin-top: 15px;
    }
    .s8m3n6q2 {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 25px;
    }
    .s8m3n6q2 li {
      display: block;
      padding-bottom: 0;
    }
    .s8m3n6q2 li:after {
      display: none;
    }
    .s8m3n6q2 b {
      margin-bottom: 12px;
    }
    .j8r3m7q2 {
      grid-template-columns: repeat(2, 1fr);
    }
    .v3f9k2s8 p {
      display: none;
    }
    .q7f3k8c2 {
      max-width: 285px;
      padding: 20px;
    }
    .q7f3k8c2 h3 {
      font-size: 24px;
    }
    .f4c7r2p9 {
      gap: 15px;
    }
    .q7f3k8c2 .o4n8p3v6 {
      display: none;
    }
    .v8g4m2z6 {
      width: 280px;
    }
    .p4v9w2r8 {
      gap: 20px;
    }
    .c5k8q3n7 {
      padding-left: 15px;
    }
    .l4t8q3n9 > span {
      display: none;
    }
    .f8w2q6m3 {
      grid-template-columns: 1fr;
    }
    .w6p3n8c2 {
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .w6p3n8c2 blockquote {
      display: block;
      padding: 20px 16px;
    }
    .w6p3n8c2 blockquote > span {
      display: block;
      height: 25px;
    }
    .w6p3n8c2 small {
      display: block;
      margin-left: 0;
    }
    .w6p3n8c2 footer {
      gap: 7px;
    }
    .q8m2c6p9 {
      grid-template-columns: 1fr;
      gap: 22px;
    }
    .q8m2c6p9 > div {
      max-width: 220px;
    }
  }
  @media (max-width: 620px) {
    html {
      scroll-padding-top: 85px;
    }
    section[id] {
      scroll-margin-top: 85px;
    }
    .b6n2y8k5 {
      width: calc(100% - 36px);
    }
    h2 {
      font-size: 25px;
    }
    .p4v9w2r8 {
      height: auto;
      min-height: 76px;
      flex-wrap: wrap;
      padding-block: 13px;
      gap: 12px;
    }
    .d9w3f7s2 {
      font-size: 22px;
    }
    .d9w3f7s2 a {
      gap: 9px;
    }
    .d9w3f7s2 img {
      width: 35px;
      height: 35px;
    }
    .d9w3f7s2 small {
      font-size: 6px;
      letter-spacing: 1.7px;
    }
    .c5k8q3n7 {
      margin-left: auto;
      font-size: 10px;
      border: 0;
      padding: 0;
    }
    .c5k8q3n7 span {
      font-size: 17px;
      margin-right: 2px;
    }
    .t6p3h8v2 {
      display: block;
      font-size: 11px;
      padding: 5px 0 5px 9px;
      min-height: 38px;
    }
    .t6p3h8v2 span {
      margin-left: 5px;
      color: #f48ca6;
    }
    .v8g4m2z6 {
      order: 4;
      width: 100%;
      margin: 0;
      height: 36px;
    }
    .v8g4m2z6 input {
      font-size: 11px;
    }
    .r7c2v9a4 {
      position: relative;
    }
    .z3n8c4m6 {
      display: none;
    }
    .z3n8c4m6[data-expanded="true"] {
      display: block;
    }
    .z3n8c4m6 > div {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 0 20px;
      overflow: visible;
      padding-block: 7px;
    }
    .z3n8c4m6 a {
      line-height: 42px;
      font-size: 12px;
    }
    .z3n8c4m6 a[aria-current]:after {
      display: none;
    }
    .f4c7r2p9 {
      grid-template-columns: 1fr;
      padding-top: 38px;
      padding-bottom: 26px;
      min-height: 0;
      gap: 36px;
    }
    .u2h8w5n9 {
      min-height: 660px;
    }
    .k6q9s3m8 {
      inset: 0 0 0 0;
    }
    .k6q9s3m8 img {
      object-position: 60% center;
      filter: saturate(0.75) brightness(0.65);
    }
    .u2h8w5n9:after {
      background:
        linear-gradient(90deg, #170b15d9, #170b1530),
        linear-gradient(0deg, #100e10 0%, #100e1020 45%, #160d1560);
    }
    .a3v8k5t2 > .n2x7r4b8 {
      font-size: 9px;
      letter-spacing: 1px;
      margin-bottom: 17px;
    }
    .a3v8k5t2 h2 {
      font-size: 46px;
      line-height: 1.23;
    }
    .m8q3z6f2 {
      font-size: 14px;
      letter-spacing: 1px;
      margin-top: 17px;
    }
    .a3v8k5t2 .w7k2n9c4 {
      font-size: 11px;
      color: #d1bdcb;
      margin-top: 11px;
    }
    .a3v8k5t2 .v5b8n3r2 {
      gap: 9px;
      margin-top: 23px;
    }
    .a3v8k5t2 .y4g7q2m9,
    .a3v8k5t2 .e8s3v6p2 {
      font-size: 11px;
      gap: 9px;
      padding: 11px 16px;
      min-height: 44px;
    }
    .a3v8k5t2 .s2m9h5w7 {
      font-size: 9px;
      margin-top: 13px;
      color: #c1aaba;
    }
    .q7f3k8c2 {
      margin: 0;
      max-width: none;
      background: #1d1121a8;
      border-color: #ffffff15;
      padding: 15px 18px;
    }
    .q7f3k8c2 .u8p2r9v4 {
      font-size: 9px;
    }
    .q7f3k8c2 h3 {
      font-size: 23px;
      margin-top: 6px;
    }
    .q7f3k8c2 > p {
      font-size: 11px;
      margin-top: 2px;
    }
    .q7f3k8c2 .v5b8n3r2 {
      margin-top: 11px;
    }
    .q7f3k8c2 .o4n8p3v6 {
      display: block;
      font-size: 10px;
    }
    .x9c2m7k4 {
      font-size: 11px;
    }
    .h3r7v2k8 {
      padding-bottom: 17px;
      gap: 15px;
    }
    .i7q4m8t2 {
      flex: 1;
      gap: 14px;
    }
    .i7q4m8t2 button {
      min-width: 0;
      flex: 1;
      font-size: 9px;
      padding-top: 9px;
      min-height: 33px;
      white-space: nowrap;
    }
    .i7q4m8t2 button span {
      margin-right: 4px;
      font-size: 8px;
    }
    .h9c3q7s2 {
      font-size: 14px;
      padding: 8px 0;
      min-width: 25px;
    }
    .h9c3q7s2 span {
      display: none;
    }
    .l4t8q3n9 {
      font-size: 9px;
      line-height: 1.9;
      padding: 15px 0;
    }
    .g3w9m5c2 {
      padding-block: 40px;
    }
    .r4p8x2n6 {
      gap: 12px;
      margin-bottom: 22px;
    }
    .n2x7r4b8 {
      font-size: 8px;
      letter-spacing: 1.5px;
    }
    .p6q2c9v4 {
      font-size: 10px;
    }
    .p6q2c9v4 span {
      margin-left: 6px;
    }
    .t8n2g7m4 {
      grid-template-columns: 1fr;
      gap: 15px;
    }
    .v3f9k2s8 {
      aspect-ratio: 1.6;
    }
    .v3f9k2s8 h3 {
      font-size: 24px;
    }
    .v3f9k2s8 p {
      display: block;
      font-size: 10px;
    }
    .v3f9k2s8 > div {
      bottom: 18px;
      left: 20px;
      right: 20px;
    }
    .v3f9k2s8 button {
      margin-top: 12px;
      padding-top: 8px;
    }
    .g8p3m6c9 {
      font-size: 30px;
    }
    .k2v8p5r3 {
      padding-bottom: 42px;
      gap: 28px;
    }
    .c8w3n7q2 h2 {
      font-size: 24px;
    }
    .c8w3n7q2 .u8p2r9v4 {
      font-size: 9px;
    }
    .a8m5r2q7 {
      gap: 6px;
      padding-bottom: 16px;
      margin-bottom: 20px;
      flex-wrap: wrap;
    }
    .a8m5r2q7 button {
      font-size: 10px;
      padding: 7px 13px;
      min-height: 34px;
    }
    .q4t8k3m9 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px 15px;
    }
    .f3p7c9w2 {
      aspect-ratio: 3/4;
    }
    .m5r2v8q7 h3 {
      font-size: 13px;
      margin-top: 10px;
    }
    .m5r2v8q7 p {
      font-size: 9px;
      line-height: 1.7;
    }
    .f3p7c9w2 > span {
      font-size: 8px;
      top: 7px;
      left: 7px;
      padding: 2px 5px;
    }
    .f3p7c9w2 i {
      opacity: 1;
      transform: none;
      width: 25px;
      height: 25px;
      bottom: 10px;
      right: 10px;
      font-size: 12px;
    }
    .c8w3n7q2 > .s2m9h5w7 {
      font-size: 9px;
    }
    .w2c8m6q4 {
      padding: 23px 22px;
      margin-top: 0;
    }
    .w2c8m6q4 section {
      display: block;
    }
    .e3k7v9p2 {
      padding-bottom: 17px;
      border-bottom: 1px solid var(--edge);
    }
    .e3k7v9p2 h2 {
      font-size: 24px;
    }
    .n8v4r2m7 button {
      padding: 17px 0;
    }
    .n8v4r2m7 small {
      margin-top: 3px;
    }
    .c3q8n2v6 {
      margin-top: 15px;
    }
    .s7p2v5m9 {
      padding-block: 36px;
    }
    .s7p2v5m9 .r4p8x2n6 {
      display: block;
    }
    .s7p2v5m9 .w7k2n9c4 {
      font-size: 11px;
      margin-top: 12px;
    }
    .j8r3m7q2 {
      gap: 12px;
      margin-top: 25px;
    }
    .j8r3m7q2 article {
      padding: 20px 15px;
    }
    .j8r3m7q2 h3 {
      font-size: 14px;
    }
    .j8r3m7q2 p {
      font-size: 10px;
    }
    .j8r3m7q2 article > span {
      width: 32px;
      height: 32px;
      font-size: 20px;
      margin-bottom: 14px;
    }
    .x5n9c3r7 {
      padding-block: 40px;
      gap: 30px;
    }
    .g2q8p4m6 {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      width: 100%;
      margin: 0;
    }
    .g2q8p4m6 > div {
      width: 100%;
    }
    .g2q8p4m6 h2 {
      font-size: 27px;
    }
    .g2q8p4m6 .w7k2n9c4 {
      font-size: 11px;
      margin-top: 13px;
    }
    .p8c4m2v7 {
      margin-top: 19px;
    }
    .g2q8p4m6 .s2m9h5w7 {
      margin-top: 12px;
    }
    .v9w4n2k6 {
      max-width: 220px;
      transform: rotate(3deg);
      margin: 4px auto 10px;
    }
    .k9p3m7r2 {
      padding-top: 29px;
      margin-top: 5px;
    }
    .k9p3m7r2 h2 {
      font-size: 23px;
    }
    .s8m3n6q2 {
      display: block;
      margin-top: 24px;
    }
    .s8m3n6q2 li {
      display: flex;
      gap: 18px;
      padding-bottom: 24px;
    }
    .s8m3n6q2 li:last-child {
      padding-bottom: 0;
    }
    .s8m3n6q2 li:not(:last-child):after {
      display: block;
    }
    .s8m3n6q2 h3 {
      font-size: 14px;
    }
    .s8m3n6q2 p {
      font-size: 11px;
    }
    .f8w2q6m3 {
      padding-block: 39px 43px;
      gap: 42px;
    }
    .f8w2q6m3 h2 {
      font-size: 24px;
    }
    .w6p3n8c2 {
      grid-template-columns: 1fr;
      margin-top: 21px;
      gap: 10px;
    }
    .w6p3n8c2 blockquote {
      display: grid;
      grid-template-columns: 20px 1fr;
      gap: 0 10px;
      padding: 20px;
    }
    .w6p3n8c2 blockquote > p {
      font-size: 11px;
    }
    .w6p3n8c2 small {
      display: inline-block;
      margin-left: 10px;
    }
    .r8v3m6p2 {
      margin-top: 15px;
    }
    .r8v3m6p2 summary {
      font-size: 12px;
      padding-block: 19px;
    }
    .r8v3m6p2 details > p {
      font-size: 11px;
    }
    .n3c7q9v2 {
      padding: 27px 23px;
      margin-bottom: 40px;
      border-radius: 8px;
    }
    .j3q7m9p2 {
      gap: 14px;
      align-items: flex-start;
    }
    .j3q7m9p2 > span {
      width: 43px;
      height: 43px;
      flex-shrink: 0;
      font-size: 24px;
      border-radius: 10px;
    }
    .j3q7m9p2 .n2x7r4b8 {
      font-size: 6px;
      letter-spacing: 0.8px;
    }
    .j3q7m9p2 h2 {
      font-size: 21px;
      letter-spacing: -0.5px;
    }
    .j3q7m9p2 p:last-child {
      font-size: 10px;
      margin-top: 8px;
    }
    .a5r9m2k7 {
      grid-template-columns: 1fr;
      gap: 24px;
      margin-top: 24px;
      padding-top: 24px;
    }
    .a5r9m2k7 > div + div {
      padding-left: 0;
      border-left: 0;
      border-top: 1px solid #ffffff13;
      padding-top: 24px;
    }
    .a5r9m2k7 strong {
      font-size: 13px;
    }
    .a5r9m2k7 p {
      font-size: 10px;
    }
    .a5r9m2k7 a {
      font-size: 11px;
      min-height: 42px;
      margin-top: 15px;
    }
    .x8v2r5m9 {
      padding-top: 30px;
    }
    .q8m2c6p9 {
      gap: 22px;
    }
    .q8m2c6p9 > p {
      font-size: 10px;
      line-height: 2.2;
    }
    .r5n2q8v3 {
      display: block;
      margin-top: 25px;
      padding-top: 21px;
    }
    .r5n2q8v3 h3 {
      margin-bottom: 16px;
    }
    .r5n2q8v3 > div {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 12px;
    }
    .r5n2q8v3 a {
      font-size: 9px;
    }
    .p2c8m4q7 {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 5px 12px;
      font-size: 8px;
      padding-block: 18px;
    }
    .p2c8m4q7 > p:nth-child(2) {
      grid-column: 1;
      grid-row: 2;
    }
    .p2c8m4q7 > a {
      grid-column: 2;
      grid-row: 1/3;
    }
    .z2p7c9m4 {
      display: block;
    }
    .z2p7c9m4 > img {
      height: 190px;
      min-height: 0;
      object-position: center 30%;
    }
    .z2p7c9m4 > div {
      padding: 36px 24px 26px;
    }
    .z2p7c9m4 h2 {
      font-size: 24px;
    }
    .z2p7c9m4 #story-description {
      font-size: 12px;
      margin-top: 18px;
    }
    .z2p7c9m4 h3 {
      margin-top: 18px;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    html {
      scroll-behavior: auto;
    }
    *,
    *:before,
    *:after {
      animation: none !important;
      transition: none !important;
    }
    [data-entrance="waiting"] {
      opacity: 1;
      transform: none;
    }
    .k6q9s3m8 {
      transform: none !important;
    }
  }
}
@layer adaptation {
  .m5r2v8q7:focus-within .f3p7c9w2 {
    outline: 2px solid #ff879d;
    outline-offset: 4px;
  }
  @media (max-width: 620px) {
    .a3v8k5t2 .w7k2n9c4,
    .j8r3m7q2 p,
    .g2q8p4m6 .w7k2n9c4,
    .s8m3n6q2 p,
    .w6p3n8c2 blockquote > p,
    .r8v3m6p2 details > p,
    .a5r9m2k7 p,
    .q8m2c6p9 > p {
      font-size: 12px;
    }
    .m5r2v8q7 h3 {
      font-size: 14px;
    }
    .m5r2v8q7 p,
    .r5n2q8v3 a,
    .n8v4r2m7 small,
    .c3q8n2v6 p {
      font-size: 11px;
    }
    .r8v3m6p2 summary {
      font-size: 13px;
    }
    .p2c8m4q7 {
      font-size: 10px;
    }
    .l4t8q3n9,
    .c8w3n7q2 > .s2m9h5w7 {
      font-size: 10px;
    }
  }
}