@charset "utf-8";
/* ============================================================================
   新城娱乐 XINCHENG · 页面层
   ----------------------------------------------------------------------------
   首页段落、内页页头、直播/矩阵/厨房/团队/开户/门户/案例/动态/关于/联系/404
   所有页面共用 tokens.css → core.css → blocks.css → views.css
   ============================================================================ */

@layer view {

  /* ================================================================ 首页首屏 */
  .xc-hero {
    position: relative;
    padding-block: clamp(34px, 5vw, 66px) clamp(38px, 5.4vw, 74px);
    overflow: clip;
  }
  .xc-hero::before {
    content: "";
    position: absolute;
    inset-block-start: -34%;
    inset-inline-end: -18%;
    inline-size: 62vw;
    block-size: 62vw;
    max-inline-size: 760px;
    max-block-size: 760px;
    border: 2px dashed rgba(23, 17, 13, .16);
    border-radius: 50%;
    z-index: -1;
  }
  .xc-hero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
    gap: clamp(26px, 4vw, 60px);
    align-items: center;
  }
  .xc-hero__eyebrow {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 12px;
    margin-block-end: 18px;
    font-size: .8rem;
    letter-spacing: .08em;
    color: var(--xc-ink-3);
  }
  .xc-hero__title { margin-block-end: 18px; }
  .xc-hero__title .xc-hero__hl {
    position: relative;
    display: inline-block;
    z-index: 0;
  }
  .xc-hero__title .xc-hero__hl::after {
    content: "";
    position: absolute;
    inset-inline: -6px;
    inset-block-end: .06em;
    block-size: .32em;
    background: var(--xc-yolk);
    z-index: -1;
    transform: rotate(-1.2deg);
  }
  .xc-hero__lead {
    max-inline-size: 54ch;
    font-size: clamp(.97rem, 1.2vw, 1.08rem);
    color: var(--xc-ink-2);
  }
  .xc-hero__cta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-block: 26px 30px;
  }
  .xc-hero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding-block-start: 20px;
    border-block-start: 2px solid var(--xc-ink);
  }
  .xc-hero__stats .xc-stat + .xc-stat {
    border-inline-start: 1.5px dashed var(--xc-line-2);
    padding-inline-start: 14px;
  }

  /* 首屏舞台 */
  .xc-stage {
    position: relative;
    display: grid;
    place-items: center;
    padding-block: 20px;
  }
  .xc-stage__float {
    position: absolute;
    z-index: 2;
    background: var(--xc-card);
    border: 2px solid var(--xc-ink);
    border-radius: 12px;
    padding: 10px 14px;
    box-shadow: var(--xc-lift-sm);
    display: grid;
    gap: 2px;
    font-size: .76rem;
    color: var(--xc-ink-2);
  }
  .xc-stage__float b { font-size: .98rem; color: var(--xc-ink); }
  .xc-stage__float--a { inset-block-start: 6%; inset-inline-start: 0; transform: rotate(-3deg); }
  .xc-stage__float--b { inset-block-end: 12%; inset-inline-end: 0; transform: rotate(2.4deg); }
  .xc-stage__float--c {
    inset-block-end: 2%;
    inset-inline-start: 8%;
    transform: rotate(-1.6deg);
    background: var(--xc-ink);
    color: var(--xc-ink-inv);
    border-color: var(--xc-ink);
  }
  .xc-stage__float--c b { color: var(--xc-yolk); }
  .xc-stage__tag {
    position: absolute;
    inset-block-start: 2%;
    inset-inline-end: 10%;
    z-index: 3;
    inline-size: 84px;
    block-size: 84px;
    background: var(--xc-yolk);
    border: 2px solid var(--xc-ink);
    border-radius: 50%;
    display: grid;
    place-items: center;
    text-align: center;
    font-family: var(--xc-num);
    font-size: .62rem;
    font-weight: 700;
    line-height: 1.35;
    letter-spacing: .04em;
    transform: rotate(9deg);
  }

  /* ================================================================ 内页页头 */
  .xc-pagehead {
    position: relative;
    padding-block: clamp(28px, 4vw, 52px) clamp(26px, 3.4vw, 44px);
    border-block-end: 2px solid var(--xc-ink);
    overflow: clip;
  }
  .xc-pagehead__no {
    position: absolute;
    inset-block-start: 50%;
    inset-inline-end: 1.5%;
    transform: translateY(-50%);
    font-family: var(--xc-num);
    font-size: clamp(5rem, 14vw, 12rem);
    font-weight: 700;
    line-height: 1;
    color: transparent;
    -webkit-text-stroke: 1.5px rgba(23, 17, 13, .16);
    pointer-events: none;
    user-select: none;
  }
  .xc-pagehead__inner {
    position: relative;
    display: grid;
    gap: 14px;
    max-inline-size: 76ch;
  }
  .xc-pagehead__title { font-size: clamp(2rem, 4.4vw, 3.3rem); }
  .xc-pagehead__lead { color: var(--xc-ink-2); font-size: .98rem; }
  .xc-pagehead__tags { display: flex; flex-wrap: wrap; gap: 8px; margin-block-start: 4px; }

  /* ================================================================ 业务 / 栏目 */
  .xc-biz {
    display: grid;
    grid-template-columns: minmax(0, .38fr) minmax(0, .62fr);
    gap: clamp(24px, 4vw, 60px);
    align-items: start;
  }
  .xc-biz__note {
    position: sticky;
    inset-block-start: calc(var(--xc-bar) + 24px);
    display: grid;
    gap: 14px;
  }
  .xc-biz__note h3 { font-size: clamp(1.5rem, 2.4vw, 2rem); }
  .xc-biz__note p { font-size: .9rem; color: var(--xc-ink-2); }
  .xc-biz__thumb {
    border: 2px solid var(--xc-ink);
    border-radius: var(--xc-radius);
    background:
      radial-gradient(circle at 30% 26%, rgba(240, 178, 60, .9) 0 12%, transparent 13%),
      radial-gradient(circle at 68% 32%, rgba(214, 58, 37, .85) 0 16%, transparent 17%),
      radial-gradient(circle at 44% 68%, rgba(61, 122, 85, .8) 0 14%, transparent 15%),
      linear-gradient(135deg, #f7e3bd, #e8cfa2 48%, #f3dfc0);
    aspect-ratio: 16 / 9;
    position: relative;
    overflow: hidden;
  }
  .xc-biz__thumb::after {
    content: "明档 · 现炒";
    position: absolute;
    inset-block-end: 12px;
    inset-inline-start: 12px;
    padding: 4px 10px;
    border: 1.5px solid var(--xc-ink);
    border-radius: var(--xc-radius-pill);
    background: var(--xc-card);
    font-size: .7rem;
    letter-spacing: .1em;
  }

  /* ================================================================ 直播中台 */
  .xc-board {
    display: grid;
    gap: 0;
    border: 2px solid var(--xc-line-inv);
    border-radius: var(--xc-radius);
    overflow: hidden;
    background: rgba(253, 247, 234, .04);
  }
  .xc-board__row {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px 18px;
    padding: 16px 20px;
    border-block-end: 1px solid rgba(253, 247, 234, .14);
  }
  .xc-board__row:last-child { border-block-end: 0; }
  .xc-board__k {
    font-family: var(--xc-num);
    font-size: .68rem;
    letter-spacing: .14em;
    color: var(--xc-yolk);
  }
  .xc-board__t { font-size: .95rem; font-weight: 700; }
  .xc-board__d { font-size: .8rem; color: rgba(253, 247, 234, .62); }
  .xc-board__s {
    font-family: var(--xc-num);
    font-size: .74rem;
    padding: 3px 9px;
    border: 1px solid rgba(253, 247, 234, .3);
    border-radius: var(--xc-radius-pill);
    white-space: nowrap;
  }
  .xc-board__s--ok { color: #9fd7ae; border-color: rgba(159, 215, 174, .5); }

  /* 深色区块内的表格反色处理 */
  .xc-sec--ink .xc-sched th,
  .xc-sec--ink .xc-sched td { border-block-end-color: rgba(253, 247, 234, .16); }
  .xc-sec--ink .xc-sched thead th {
    color: rgba(253, 247, 234, .56);
    border-block-end-color: rgba(253, 247, 234, .55);
  }
  .xc-sec--ink .xc-sched td:first-child { color: var(--xc-yolk); }
  .xc-sec--ink .xc-sched tbody tr:hover { background: rgba(240, 178, 60, .08); }

  /* ================================================================ 直播厨房 */
  .xc-studio {
    display: grid;
    gap: 4px;
    padding: 0;
    overflow: hidden;
  }
  .xc-studio__view {
    position: relative;
    aspect-ratio: 4 / 3;
    border-block-end: 2px solid var(--xc-ink);
    background:
      radial-gradient(ellipse at 50% 88%, rgba(23, 17, 13, .18), transparent 60%),
      repeating-linear-gradient(90deg, rgba(23, 17, 13, .08) 0 1px, transparent 1px 26px),
      linear-gradient(160deg, #f7e6c4, #ecd4ab);
    display: grid;
    place-items: center;
    overflow: hidden;
  }
  .xc-studio__view::before {
    content: "";
    inline-size: 46%;
    aspect-ratio: 1;
    border-radius: 50%;
    border: 2px solid rgba(23, 17, 13, .4);
    background: radial-gradient(circle, #fff8ea 0 40%, #e3c9a0 70%, #c9a878 100%);
    box-shadow: 0 18px 26px -20px rgba(23, 17, 13, .8);
  }
  .xc-studio__view::after {
    content: attr(data-label);
    position: absolute;
    inset-block-start: 10px;
    inset-inline-start: 10px;
    padding: 3px 9px;
    border-radius: var(--xc-radius-pill);
    background: var(--xc-ink);
    color: var(--xc-yolk);
    font-family: var(--xc-num);
    font-size: .64rem;
    letter-spacing: .1em;
  }
  .xc-studio__body { padding: 18px 20px 22px; display: grid; gap: 8px; }
  .xc-studio__spec {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 16px;
    font-size: .78rem;
    color: var(--xc-ink-3);
    padding-block-start: 8px;
    border-block-start: 1.5px dashed var(--xc-line-2);
  }
  .xc-studio__spec b { color: var(--xc-ink); font-family: var(--xc-num); }

  /* ================================================================ 人物卡 */
  .xc-person { display: grid; gap: 12px; }
  .xc-person__top { display: flex; align-items: center; gap: 14px; }
  .xc-person__name { font-size: 1.05rem; font-weight: 800; }
  .xc-person__role { font-size: .78rem; color: var(--xc-ink-3); }
  .xc-person__quote {
    font-size: .87rem;
    color: var(--xc-ink-2);
    padding-inline-start: 12px;
    border-inline-start: 3px solid var(--xc-yolk);
  }
  .xc-person__tags { display: flex; flex-wrap: wrap; gap: 6px; }
  .xc-sec--ink .xc-person__role { color: rgba(253, 247, 234, .6); }
  .xc-sec--ink .xc-person__quote {
    color: rgba(253, 247, 234, .78);
    border-inline-start-color: var(--xc-yolk);
  }
  .xc-sec--ink .xc-tag {
    border-color: rgba(253, 247, 234, .3);
    color: rgba(253, 247, 234, .76);
    background: rgba(253, 247, 234, .06);
  }

  /* ================================================================ 案例 */
  .xc-case {
    display: grid;
    grid-template-rows: auto 1fr auto;
    gap: 14px;
    padding: 0;
    overflow: hidden;
  }
  .xc-case__cover {
    position: relative;
    aspect-ratio: 16 / 10;
    border-block-end: 2px solid var(--xc-ink);
    display: grid;
    place-items: center;
    overflow: hidden;
  }
  .xc-case__cover--a { background: linear-gradient(150deg, #f3c96f, #d63a25 78%); }
  .xc-case__cover--b { background: linear-gradient(150deg, #cfe3cf, #3d7a55 82%); }
  .xc-case__cover--c { background: linear-gradient(150deg, #f8ddc0, #a92a18 84%); }
  .xc-case__cover span {
    font-family: var(--xc-num);
    font-size: clamp(1.4rem, 3vw, 2.1rem);
    font-weight: 700;
    letter-spacing: .06em;
    color: #fff8ee;
    text-shadow: 0 2px 0 rgba(23, 17, 13, .35);
    transform: rotate(-4deg);
    border-block: 2px solid rgba(255, 248, 238, .7);
    padding: 6px 14px;
  }
  .xc-case__body { padding: 0 22px; display: grid; gap: 8px; }
  .xc-case__foot {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 18px;
    padding: 14px 22px 20px;
    border-block-start: 1.5px dashed var(--xc-line-2);
    font-size: .8rem;
    color: var(--xc-ink-3);
  }
  .xc-case__foot b { font-family: var(--xc-num); color: var(--xc-tomato-d); font-size: .95rem; }

  /* ================================================================ 动态卡片 */
  .xc-post {
    display: grid;
    gap: 10px;
    align-content: start;
    padding-block-end: 18px;
    border-block-end: 2px solid var(--xc-ink);
    transition: transform var(--xc-fast) var(--xc-ease);
  }
  .xc-post:hover { transform: translateY(-4px); }
  .xc-post__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 12px;
    font-family: var(--xc-num);
    font-size: .7rem;
    letter-spacing: .08em;
    color: var(--xc-ink-3);
  }
  .xc-post__title { font-size: 1.1rem; }
  .xc-post__text { font-size: .87rem; color: var(--xc-ink-2); }
  .xc-post__more { font-size: .8rem; font-weight: 700; color: var(--xc-tomato); }

  /* ================================================================ 行动条 */
  .xc-cta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 22px;
    padding: clamp(24px, 3.4vw, 40px);
    background: var(--xc-yolk);
    border: 2px solid var(--xc-ink);
    border-radius: var(--xc-radius-lg);
    box-shadow: var(--xc-lift);
  }
  .xc-cta h2 { font-size: clamp(1.4rem, 2.6vw, 2.1rem); }
  .xc-cta p { color: var(--xc-ink-2); font-size: .9rem; margin-block-start: 6px; }
  .xc-cta__actions { display: flex; flex-wrap: wrap; gap: 10px; }

  /* ================================================================ 开户方案 */
  .xc-plan {
    display: grid;
    gap: 14px;
    align-content: start;
    padding: 24px;
    border: 2px solid var(--xc-ink);
    border-radius: var(--xc-radius);
    background: var(--xc-card);
    box-shadow: var(--xc-lift-sm);
  }
  .xc-plan--pick { background: var(--xc-ink); color: var(--xc-ink-inv); }
  .xc-plan--pick .xc-plan__desc,
  .xc-plan--pick .xc-card__list { color: rgba(253, 247, 234, .72); }
  .xc-plan__price {
    font-family: var(--xc-num);
    font-size: 1.9rem;
    font-weight: 700;
    line-height: 1.1;
  }
  .xc-plan__price small { font-size: .5em; font-weight: 500; color: var(--xc-ink-3); }
  .xc-plan--pick .xc-plan__price small { color: rgba(253, 247, 234, .6); }
  .xc-plan__desc { font-size: .85rem; color: var(--xc-ink-2); }

  /* ================================================================ 登录门户 */
  .xc-auth {
    display: grid;
    grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr);
    gap: clamp(22px, 4vw, 52px);
    align-items: start;
  }
  .xc-auth__panel {
    padding: clamp(22px, 3vw, 34px);
    background: var(--xc-card);
    border: 2px solid var(--xc-ink);
    border-radius: var(--xc-radius);
    box-shadow: var(--xc-lift);
  }
  .xc-auth__tabs {
    display: flex;
    gap: 6px;
    padding: 4px;
    background: var(--xc-paper-2);
    border: 1.5px solid var(--xc-line-2);
    border-radius: var(--xc-radius-pill);
    margin-block-end: 20px;
  }
  .xc-auth__tab {
    flex: 1;
    padding: 8px 10px;
    border-radius: var(--xc-radius-pill);
    font-size: .84rem;
    font-weight: 700;
    color: var(--xc-ink-3);
  }
  .xc-auth__tab[aria-selected="true"] {
    background: var(--xc-ink);
    color: var(--xc-ink-inv);
  }
  .xc-auth__aside { display: grid; gap: 18px; align-content: start; }
  .xc-auth__mini {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0;
    border-block-end: 1.5px dashed var(--xc-line-2);
    font-size: .86rem;
  }
  .xc-auth__mini b { display: block; color: var(--xc-ink); }
  .xc-auth__mini span { color: var(--xc-ink-3); }
  .xc-auth__mini em {
    font-family: var(--xc-num);
    font-style: normal;
    color: var(--xc-tomato);
    font-size: .78rem;
  }

  /* ================================================================ 联系方式 */
  .xc-contact {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: clamp(24px, 4vw, 56px);
    align-items: start;
  }
  .xc-contact__list { display: grid; gap: 0; }
  .xc-contact__row {
    display: grid;
    grid-template-columns: 106px minmax(0, 1fr);
    gap: 12px;
    padding: 14px 0;
    border-block-end: 1.5px dashed var(--xc-line-2);
    font-size: .9rem;
  }
  .xc-contact__row dt {
    font-family: var(--xc-num);
    font-size: .72rem;
    letter-spacing: .12em;
    color: var(--xc-ink-3);
    padding-block-start: 4px;
  }
  .xc-contact__row dd { color: var(--xc-ink); }
  .xc-map {
    position: relative;
    aspect-ratio: 16 / 11;
    border: 2px solid var(--xc-ink);
    border-radius: var(--xc-radius);
    overflow: hidden;
    background:
      repeating-linear-gradient(0deg, rgba(23, 17, 13, .09) 0 1px, transparent 1px 34px),
      repeating-linear-gradient(90deg, rgba(23, 17, 13, .09) 0 1px, transparent 1px 34px),
      linear-gradient(160deg, #f6e8cc, #ead6b3);
  }
  .xc-map::before {
    content: "";
    position: absolute;
    inset-block-start: 44%;
    inset-inline: -10%;
    block-size: 12px;
    background: var(--xc-yolk);
    border-block: 2px solid var(--xc-ink);
    transform: rotate(-7deg);
  }
  .xc-map::after {
    content: "新城 · 明档直播基地";
    position: absolute;
    inset-block-start: 40%;
    inset-inline-start: 42%;
    padding: 8px 12px;
    background: var(--xc-tomato);
    color: #fff8ee;
    border: 2px solid var(--xc-ink);
    border-radius: 10px;
    font-size: .78rem;
    font-weight: 700;
    box-shadow: var(--xc-lift-sm);
  }

  /* ================================================================ 文章正文 */
  .xc-article {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 270px;
    gap: clamp(24px, 4vw, 56px);
    align-items: start;
  }
  .xc-article__body { max-inline-size: 74ch; font-size: 1rem; color: var(--xc-ink-2); }
  .xc-article__body > * + * { margin-block-start: 1.15em; }
  .xc-article__body h2 {
    font-size: clamp(1.34rem, 2.2vw, 1.72rem);
    color: var(--xc-ink);
    margin-block-start: 1.9em;
    padding-block-start: .5em;
    border-block-start: 2px solid var(--xc-ink);
  }
  .xc-article__body h3 {
    font-size: 1.1rem;
    color: var(--xc-ink);
    margin-block-start: 1.5em;
  }
  .xc-article__body ul,
  .xc-article__body ol { display: grid; gap: 8px; padding-inline-start: 4px; }
  .xc-article__body ul li { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 9px; }
  .xc-article__body ul li::before { content: "◆"; font-size: .6rem; color: var(--xc-tomato); padding-block-start: .55em; }
  .xc-article__body strong { color: var(--xc-ink); }
  .xc-article__body blockquote {
    padding: 16px 20px;
    background: var(--xc-yolk-l);
    border: 2px solid var(--xc-ink);
    border-inline-start-width: 8px;
    border-radius: 8px;
    font-size: .93rem;
    color: var(--xc-ink);
  }
  .xc-article__lead {
    font-size: 1.04rem;
    color: var(--xc-ink);
    padding: 16px 20px;
    background: var(--xc-card);
    border: 2px solid var(--xc-ink);
    border-radius: 10px;
  }
  .xc-article__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    padding-block: 14px;
    border-block: 1.5px dashed var(--xc-line-2);
    font-family: var(--xc-num);
    font-size: .74rem;
    letter-spacing: .06em;
    color: var(--xc-ink-3);
  }
  .xc-article__foot {
    margin-block-start: 30px;
    padding-block-start: 18px;
    border-block-start: 2px solid var(--xc-ink);
    font-size: .8rem;
    color: var(--xc-ink-3);
  }
  .xc-aside {
    position: sticky;
    inset-block-start: calc(var(--xc-bar) + 22px);
    display: grid;
    gap: 16px;
  }
  .xc-aside__box {
    padding: 18px;
    border: 2px solid var(--xc-ink);
    border-radius: var(--xc-radius);
    background: var(--xc-card);
    display: grid;
    gap: 8px;
  }
  .xc-aside__box h2 { font-size: .92rem; letter-spacing: .06em; }
  .xc-aside__box a { font-size: .84rem; color: var(--xc-ink-2); padding-block: 3px; }
  .xc-aside__box a:hover { color: var(--xc-tomato); }
  .xc-aside__box--dark { background: var(--xc-ink); color: var(--xc-ink-inv); }
  .xc-aside__box--dark a { color: rgba(253, 247, 234, .78); }

  /* ================================================================ 404 */
  .xc-404 {
    padding-block: clamp(56px, 9vw, 120px);
    text-align: center;
    display: grid;
    gap: 18px;
    justify-items: center;
  }
  .xc-404__no {
    font-family: var(--xc-num);
    font-size: clamp(5rem, 18vw, 12rem);
    font-weight: 700;
    line-height: .9;
    letter-spacing: -.04em;
    color: var(--xc-tomato);
    text-shadow: 5px 5px 0 var(--xc-ink);
  }
  .xc-404 p { max-inline-size: 52ch; color: var(--xc-ink-2); }
  .xc-404__links { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; }

  /* ================================================================ 响应式 */
  @media (max-width: 1080px) {
    .xc-nav { display: none; }
    .xc-burger { display: inline-flex; }
    .xc-top__actions .xc-btn--ghost { display: none; }

    .xc-nav.is-open {
      display: grid;
      position: absolute;
      inset-block-start: 100%;
      inset-inline: 0;
      padding: 14px var(--xc-gutter) 22px;
      background: var(--xc-paper);
      border-block-end: 2px solid var(--xc-ink);
      box-shadow: 0 22px 30px -26px rgba(23, 17, 13, .8);
      gap: 2px;
      max-block-size: calc(100vh - var(--xc-bar));
      overflow-y: auto;
    }
    .xc-nav.is-open .xc-nav__link { padding: 12px 8px; border-block-end: 1px dashed var(--xc-line); border-radius: 0; }
    .xc-nav.is-open .xc-nav__link[aria-current="page"]::after { inset-inline: 8px; }

    .xc-article { grid-template-columns: minmax(0, 1fr); }
    .xc-aside { position: static; }
  }

  @media (max-width: 900px) {
    .xc-hero__grid,
    .xc-split,
    .xc-biz,
    .xc-auth,
    .xc-contact { grid-template-columns: minmax(0, 1fr); }
    .xc-biz__note { position: static; }
    .xc-grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xc-grid--3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xc-foot__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xc-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xc-steps__item:nth-child(2) { border-inline-end: 0; }
    .xc-steps__item:nth-child(-n + 2) { border-block-end: 1.5px dashed var(--xc-line-2); }
    .xc-cta { grid-template-columns: minmax(0, 1fr); }
    .xc-hero__stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .xc-hero__stats .xc-stat:nth-child(odd) { border-inline-start: 0; padding-inline-start: 0; }
    .xc-stage { max-inline-size: 460px; margin-inline: auto; }
    .xc-article__body h2 { scroll-margin-block-start: 90px; }
  }

  @media (max-width: 620px) {
    .xc-grid--2,
    .xc-grid--3,
    .xc-grid--4 { grid-template-columns: minmax(0, 1fr); }
    .xc-foot__grid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
    .xc-form__row { grid-template-columns: minmax(0, 1fr); }
    .xc-steps { grid-template-columns: minmax(0, 1fr); }
    .xc-steps__item { border-inline-end: 0; border-block-end: 1.5px dashed var(--xc-line-2); }
    .xc-steps__item:last-child { border-block-end: 0; }
    .xc-menu__row { grid-template-columns: auto minmax(0, 1fr); row-gap: 6px; }
    .xc-menu__dots { display: none; }
    .xc-menu__meta { grid-column: 2; text-align: start; }
    .xc-head { grid-template-columns: minmax(0, 1fr); align-items: start; }
    .xc-head__aside { justify-items: start; text-align: start; }
    .xc-hero__stats { gap: 14px 10px; }
    .xc-stage__float--b { inset-inline-end: -6px; }
    .xc-ticket::before,
    .xc-ticket::after { display: none; }
    .xc-article__body { font-size: .97rem; }
    .xc-contact__row { grid-template-columns: minmax(0, 1fr); gap: 2px; }
    .xc-contact__row dt { padding-block-start: 0; }
  }
}