/* 309: independent assets share a width/height-aware composition unit;
   tablet/phone reflow into document order rather than shrinking a desktop canvas. */
.yuanji-page { background:#160b07; color:#ffedc0; }
.yj-hero {
  position:relative; isolation:isolate; display:grid; justify-items:center;
  min-height:100svh; overflow-x:hidden; background:#241008; container-type:inline-size;
}
.yj-layout {
  /* Width is the primary composition axis. Height only caps the scale so a short
     viewport can scroll without creating the narrow centered board seen before. */
  --u:min(1cqw, 1.76svh);
  --edge:clamp(12px, calc(.95 * var(--u)), 28px);
  --header-height:clamp(64px, calc(5.1 * var(--u)), 132px);
  width:100%; max-width:none;
  position:relative;
  min-height:100svh; padding:0 clamp(10px, 1.2vw, 28px) 14px; display:grid;
  grid-template-rows:var(--header-height) minmax(min-content,1fr) auto;
}
.yj-backdrop { position:absolute; inset:0; z-index:-3; background:none; background-image:var(--yj-backdrop-url, none); background-position:center top; background-size:cover; background-repeat:no-repeat; }
.yj-backdrop::after {
  content:""; position:absolute; inset:0; pointer-events:none;
  box-shadow:inset 0 0 78px 18px #170a0968;
  background:
    radial-gradient(ellipse at center, transparent 54%, #170a0914 76%, #1206058a 100%),
    linear-gradient(180deg,#19080688 0%,#19080622 8%,transparent 19%,transparent 80%,#19080672 100%),
    linear-gradient(90deg,#19080650 0%,transparent 9%,transparent 91%,#19080650 100%);
}

/* 342 桌面端把背景、Logo、文案和五位人物合并为一次首屏请求；下载区仍独立保留。 */
.yj-top-composite {
  position:absolute;
  top:0;
  left:0;
  width:calc(113.12 * var(--u));
  max-width:none;
  height:auto;
  transform:none;
  z-index:0;
  pointer-events:none;
}
.yj-top-composite picture,.yj-top-composite img { display:block; width:100%; height:auto; }
.yj-art { display:block; width:100%; height:100%; overflow:hidden; }
.yj-header { display:flex; align-items:center; gap:0; padding:0 calc(2.8 * var(--u)) 0 calc(3.45 * var(--u)); z-index:10; background:transparent; border-bottom:0; color:#fff0c8; }
.yj-brand { width:calc(10.8 * var(--u)); max-width:290px; min-width:148px; aspect-ratio:1795/668; display:block; flex-shrink:0; transform:translateY(0); }
.yj-nav { display:flex; align-items:center; gap:calc(3.6 * var(--u)); margin-left:calc(8.1 * var(--u)); font-size:clamp(14px,calc(1 * var(--u)),24px); font-weight:700; white-space:nowrap; transform:translateY(0); }
.yj-nav a { position:relative; padding:20px 0; }
.yj-nav a::after { content:""; position:absolute; left:0; right:0; bottom:8px; height:2px; background:#f8cd52; transform:scaleX(0); transition:transform .2s; }
.yj-nav a.active::after,.yj-nav a:hover::after { transform:scaleX(1); }
.yj-menu { display:none; }
.yj-bronze-button { border:1px solid #ffd185; border-radius:5px; background:linear-gradient(110deg,#a65a1f,#90411e); box-shadow:inset 0 0 0 3px #5b2b1555,0 2px 6px #17070077; color:#fff0ce; cursor:pointer; font-weight:700; text-align:center; transition:filter .2s; }
.yj-bronze-button:hover,.yj-platform-card:hover { filter:brightness(1.2); }
.yj-header-cta { display:grid; place-items:center; margin-left:auto; width:calc(8.25 * var(--u)); height:calc(3 * var(--u)); min-height:44px; font-size:clamp(14px,calc(.9 * var(--u)),22px); transform:translateY(0); }
.yj-stage { position:relative; min-height:calc(33.5 * var(--u)); overflow:visible; }
/* 328 人物主体明显右移：利用删除 QUICK 后释放的右侧空间，左侧文案保持独立呼吸区。 */
.yj-characters { position:absolute; width:calc(72 * var(--u)); max-width:none; height:auto; left:calc(26 * var(--u)); top:calc(4.6 * var(--u)); z-index:-1; clip-path:inset(0 0 calc(1.4 * var(--u)) 0); pointer-events:none; }
.yj-shade { position:absolute; inset:calc(-2 * var(--u)) calc(-1 * var(--u)) calc(-4 * var(--u)); background:linear-gradient(180deg,transparent 0%,#2008062e 14%,#20080646 46%,transparent 100%),linear-gradient(90deg,#200806b8 0%,#20080678 24%,#20080618 48%,transparent 64%); -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 68%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0%,#000 12%,#000 68%,transparent 100%); z-index:-2; pointer-events:none; }
.yj-copy { position:relative; width:calc(40.3 * var(--u)); margin-top:calc(2.2 * var(--u)); display:flex; flex-direction:column; align-items:center; z-index:2; }
.yj-logo { width:calc(39 * var(--u)); aspect-ratio:1795/668; margin:0 0 calc(.7 * var(--u)); padding:0; line-height:1; }
.yj-subtitles { display:flex; flex-direction:column; align-items:center; margin-left:calc(-3.2 * var(--u)); }
.yj-subtitle-first { width:calc(24 * var(--u)); height:calc(24 * var(--u) * 390 / 2120); }
.yj-subtitle-second { display:block; width:calc(21 * var(--u)); height:auto; aspect-ratio:2043/468; object-fit:contain; }
.yj-update { position:relative; width:calc(22 * var(--u)); aspect-ratio:2172/318; height:auto; margin-top:calc(.45 * var(--u)); padding:0; display:block; overflow:visible; background:transparent; }
.yj-update-frame,.yj-update-text { position:absolute; display:block; }
.yj-update-frame { inset:0; width:100%; height:100%; object-fit:fill; }
.yj-update-text { top:50%; left:18%; width:64%; height:auto; transform:translateY(-50%); object-fit:contain; }
.yj-download { position:relative; z-index:5; width:66%; margin:calc(.5 * var(--u)) auto calc(.8 * var(--u)); padding:calc(1.15 * var(--u)) calc(3.6 * var(--u)); display:grid; grid-template-columns:35% 30% 35%; min-height:calc(11.4 * var(--u)); color:#ffdc8a; isolation:isolate; transform:scale(.985); transform-origin:center; }
.yj-download::before { content:""; position:absolute; inset:1% 2.6%; z-index:-2; border-radius:24px; background:radial-gradient(ellipse at 48% 115%,#c7761dcc,transparent 60%),repeating-linear-gradient(45deg,transparent 0 15px,#f0b94a05 16px 17px,transparent 18px 32px),linear-gradient(110deg,#6b2d12df,#4b1d0ddd 52%,#642912df); box-shadow:0 5px 24px #f1852222; }
.yj-panel-frame { position:absolute; inset:0; display:grid; grid-template-columns:8.8% 1fr 8.8%; z-index:0; pointer-events:none; }
.yj-panel-frame .yj-art { width:100%; height:100%; }
.yj-mobile-download { position:relative; z-index:1; display:grid; grid-template-columns:calc(1.7 * var(--u)) calc(7.2 * var(--u)) minmax(0,1fr); gap:calc(.55 * var(--u)); align-items:stretch; padding-left:calc(.45 * var(--u)); padding-right:calc(1 * var(--u)); transform:scale(.91,.88); transform-origin:center; }
.yj-scan-label { display:grid; place-items:center; writing-mode:vertical-rl; text-orientation:upright; justify-self:stretch; align-self:stretch; margin-inline:calc(.9 * var(--u)); padding:calc(.4 * var(--u)) calc(.2 * var(--u)); text-align:center; border:1px solid #b3752d; border-radius:6px; color:#ffdb82; font-family:var(--serif); font-size:clamp(14px,calc(1.1 * var(--u)),28px); letter-spacing:.04em; background:#31100666; }
.yj-qr { position:relative; display:block; aspect-ratio:1; align-self:center; width:100%; padding:calc(.45 * var(--u)); background:linear-gradient(135deg,#ffeaa7,#ce8833); border:1px solid #b26e25; border-radius:5px; box-shadow:0 0 0 3px #50200a, inset 0 0 7px #f3ac36; cursor:pointer; }
.yj-qr svg { display:block; width:100%; height:auto; }
.yj-qr span { position:absolute; left:27%; right:27%; top:41%; border:1px solid #ffdb85; border-radius:5px; padding:calc(.25 * var(--u)) 0; background:#994b1c; font-size:clamp(11px,calc(.85 * var(--u)),20px); color:#fff3cb; }
/* 335-336 下载平台独立背景与下载区上下框之间留出可见间距。 */
.yj-mobile-platforms { display:grid; grid-template-rows:1fr 1fr; gap:0; margin-block:calc(.9 * var(--u)); padding:calc(.35 * var(--u)) calc(.35 * var(--u)); border:1px solid #b98433; border-radius:5px; background:linear-gradient(130deg,#6a3116d2,#3f1a0bc9); }
.yj-platform-card { display:grid; grid-template-columns:calc(1.6 * var(--u)) 1fr; gap:calc(.4 * var(--u)); align-items:center; padding:calc(.4 * var(--u)) calc(.45 * var(--u)); border:0; border-bottom:1px solid rgba(185,132,51,.62); border-radius:0; background:transparent; color:#f5c263; text-align:left; text-decoration:none; cursor:pointer; font-size:clamp(12px,calc(.78 * var(--u)),22px); }
.yj-platform-card:last-child { border-bottom:0; }
.yj-device-icon { display:block; width:100%; height:auto; fill:currentColor; }
.yj-platform-card:first-child .yj-device-icon { color:#fff9eb; }
.yj-platform-card strong { display:block; text-align:center; margin-top:calc(.15 * var(--u)); padding:calc(.1 * var(--u)) calc(.45 * var(--u)); background:linear-gradient(90deg,#ad601e,#8e3f1b); border:1px solid #d3a756; border-radius:4px; color:#ffefcc; font-size:clamp(12px,calc(.76 * var(--u)),20px); font-weight:600; }
.yj-status { position:relative; z-index:1; width:84%; min-width:0; justify-self:center; margin-inline:0; padding:0 calc(1.4 * var(--u)); border:0; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; isolation:isolate; overflow:visible; transform:scale(.91,.88); transform-origin:center; background:transparent; }
.yj-status::before { display:none; }
.yj-status-side { display:none; }
.yj-status-side-left { left:calc(.3 * var(--u)); }
.yj-status-side-right { right:calc(.3 * var(--u)); transform:scaleX(-1); }
.yj-status-title { position:relative; z-index:2; width:min(100%,calc(17.8 * var(--u))); aspect-ratio:2152/311; margin:calc(-.15 * var(--u)) auto calc(.35 * var(--u)); }
.yj-status-title-frame,.yj-status-title-text,.yj-status-copy,.yj-status-button-frame,.yj-status-button-text { display:block; }
.yj-status-title-frame,.yj-status-title-text { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; }
.yj-status-title-text { object-fit:contain; transform:scale(.82); }
.yj-status-copy { position:relative; z-index:2; width:min(100%,calc(13.8 * var(--u))); height:auto; margin:calc(.1 * var(--u)) auto calc(.35 * var(--u)); object-fit:contain; }
.yj-status-button { position:relative; z-index:2; display:block; width:min(100%,calc(16.6 * var(--u))); aspect-ratio:2078/374; margin:0 auto; padding:0; border:0; background:transparent; cursor:pointer; transition:filter .2s,transform .2s; }
.yj-status-button:hover { filter:brightness(1.13); transform:translateY(-1px); }
.yj-status-button-frame,.yj-status-button-text { position:absolute; inset:0; width:100%; height:100%; object-fit:fill; }
.yj-status-button-text { object-fit:contain; transform:scale(.58); }
.yj-desktop-download { position:relative; z-index:1; padding-left:calc(2.3 * var(--u)); padding-right:calc(.7 * var(--u)); transform:scale(.91,.88); transform-origin:center; }
.yj-desktop-card { position:relative; isolation:isolate; width:86%; height:100%; margin-inline:auto; display:grid; grid-template-columns:calc(2.9 * var(--u)) 1fr; gap:calc(.35 * var(--u)) calc(.9 * var(--u)); align-content:center; padding:calc(.75 * var(--u)) calc(1.5 * var(--u)); background:transparent; border:0; border-radius:5px; box-shadow:none; text-shadow:0 2px 5px #170700b8; }
.yj-desktop-card::before { content:""; position:absolute; inset:calc(.9 * var(--u)) 0; z-index:-1; border:1px solid #c69338; border-radius:5px; background:linear-gradient(125deg,#5b2a14dc,#3f1a0dd8 58%,#6e3216d2); box-shadow:inset 0 0 0 3px #eeb14511,0 1px 5px #18080066,0 0 18px #ff9d3420; }
.yj-desktop-card .yj-device-icon { margin-top:calc(.1 * var(--u)); }
.yj-desktop-copy { min-width:0; }
.yj-card-kicker { display:block; color:#d7a74f; font-size:clamp(9px,calc(.55 * var(--u)),14px); letter-spacing:.22em; line-height:1; margin-bottom:calc(.15 * var(--u)); }
.yj-desktop-card h2 { margin:0; font-family:var(--sans); font-weight:700; font-size:clamp(16px,calc(1.24 * var(--u)),32px); line-height:1.4; }
.yj-desktop-card p { margin:0; color:#ffcf72; font-size:clamp(13px,calc(1.05 * var(--u)),27px); line-height:1.6; }
.yj-desktop-card small { font-size:clamp(11px,calc(.85 * var(--u)),22px); }
.yj-desktop-card button { grid-column:1/-1; position:relative; width:82%; justify-self:center; min-height:40px; padding:calc(.2 * var(--u)) calc(1 * var(--u)); font-size:clamp(13px,calc(1 * var(--u)),26px); }
.yj-desktop-card button span { position:absolute; right:calc(.9 * var(--u)); color:#ffdf75; }
.yj-hero :focus-visible { outline:3px solid #fff1b4; outline-offset:4px; }
.yj-hero button,.yj-hero a { touch-action:manipulation; }

@media(max-width:760px), (max-aspect-ratio:6/5) {
  .yj-top-composite { display:none; }
  .yj-layout { --u:1cqw; width:calc(100% - 24px); max-width:none; padding-bottom:20px; --header-height:76px; }
  .yj-header { padding:0 18px; }
  .yj-brand { width:160px; min-width:0; transform:none; }
  .yj-nav { margin-left:auto; gap:20px; font-size:13px; transform:none; }
  .yj-header-cta { margin-left:24px; padding:9px 16px; width:auto; height:auto; transform:none; }
  .yj-stage { min-height:0; padding:32px 0 0; display:grid; grid-template-columns:1fr; }
  .yj-copy { width:min(560px,86%,70svh); margin:0 auto; order:0; }
  .yj-logo { width:100%; margin-bottom:8px; }
  .yj-subtitles { width:90%; margin:0; }
  .yj-subtitle-first { width:90%; height:auto; aspect-ratio:2120/390; }
  .yj-subtitle-second { width:80%; height:auto; aspect-ratio:2043/468; }
  .yj-update { width:78%; height:auto; aspect-ratio:2172/318; min-height:30px; margin-top:10px; padding:0; }
  .yj-characters { position:relative; top:auto; left:auto; order:1; width:min(96%,760px); height:auto; margin:10px auto 0; z-index:1; clip-path:none; }
  .yj-shade { background:linear-gradient(180deg,#240b07b0,transparent 85%); }
  .yj-download { width:100%; margin:12px 0 0; padding:30px 34px; grid-template-columns:1fr 1fr; gap:24px 0; transform:none; }
  .yj-download::before { inset:4px 10px; border:2px solid #d6a44f; box-shadow:inset 0 0 0 4px #582b13,0 0 0 1px #f9d48e; border-radius:18px; }
  .yj-panel-frame { display:none; }
  .yj-mobile-download { grid-template-columns:28px 116px minmax(120px,1fr); gap:8px; padding-right:20px; }
  .yj-scan-label { font-size:16px; padding:5px 2px; }
  .yj-qr { padding:5px; }
  .yj-qr span { font-size:12px; padding:3px 0; }
  .yj-platform-card { grid-template-columns:24px 1fr; gap:8px; padding:8px; font-size:13px; }
  .yj-platform-card strong { margin-top:4px; padding:2px 6px; font-size:12px; }
  .yj-status { min-height:184px; padding:22px 30px; border-right:0; }
  .yj-status-side { top:8%; bottom:8%; width:12px; }
  .yj-status-side-left { left:5px; }
  .yj-status-side-right { right:5px; }
  .yj-status-title { width:min(88%,420px); margin:0 auto 8px; }
  .yj-status-copy { width:min(86%,390px); margin:2px auto 8px; }
  .yj-status-button { width:min(82%,390px); }
  .yj-desktop-download { grid-column:1/-1; padding:0; }
  .yj-desktop-card { grid-template-columns:40px 1fr 180px; align-items:center; gap:16px; padding:15px 24px; }
  .yj-desktop-card h2 { font-size:19px; } .yj-desktop-card p { font-size:16px; } .yj-desktop-card small { font-size:12px; }
  .yj-desktop-card button { grid-column:auto; width:100%; min-height:44px; font-size:15px; }
}
@media(max-width:760px) {
  .yj-layout { width:calc(100% - 20px); --edge:10px; --header-height:64px; }
  .yj-header { padding:0 14px; position:relative; }
  .yj-brand { width:138px; }
  .yj-menu { display:block; margin-left:auto; border:1px solid #b88c44; border-radius:3px; background:#49200f; color:#ffebbf; min-height:44px; padding:7px 12px; cursor:pointer; font-size:13px; }
  .yj-header-cta { display:none; }
  .yj-nav { position:absolute; left:0; right:0; top:100%; display:none; flex-direction:column; align-items:stretch; gap:0; margin:0; padding:10px 20px; background:#251009fa; border:1px solid #a17334; }
  .yj-nav.open { display:flex; }
  .yj-nav a { padding:14px 0; }
  .yj-stage { padding-top:25px; }
  .yj-copy { width:min(96%,400px,60svh); }
  .yj-characters { width:100%; margin-top:20px; }
  .yj-download { grid-template-columns:1fr; gap:22px; padding:28px 22px; }
  .yj-mobile-download { grid-template-columns:24px minmax(88px,.9fr) minmax(128px,1.2fr); padding:0; }
  .yj-mobile-download,.yj-status,.yj-desktop-download { transform:none; }
  .yj-scan-label { font-size:14px; }
  .yj-platform-card { padding:6px; grid-template-columns:22px 1fr; gap:6px; min-height:54px; }
  .yj-platform-card strong { padding:2px; }
  .yj-status { border:0; border-top:1px solid #b8853f80; border-bottom:1px solid #b8853f80; padding:22px 10px; }
  .yj-status-title { width:min(88%,360px); }
  .yj-status-copy { width:min(88%,340px); }
  .yj-status-button { width:min(84%,340px); }
  .yj-desktop-card { grid-template-columns:38px 1fr; padding:16px; gap:10px; }
  .yj-desktop-card button { grid-column:1/-1; width:86%; margin-top:4px; }
  .yj-desktop-card button span { right:15px; }
}

@media(min-width:761px) and (min-aspect-ratio:6/5) {
  .yj-backdrop { background:none; }
  .yj-header,.yj-stage { opacity:0; pointer-events:none; }
}

@media(min-width:761px) and (min-aspect-ratio:6/5) and (max-width:1200px) {
  .yj-layout { --u:1cqw; --header-height:64px; }
  .yj-brand { min-width:124px; }
  .yj-nav { margin-left:auto; gap:22px; font-size:13px; }
  .yj-header-cta { margin-left:22px; min-width:90px; font-size:13px; }
  .yj-download { padding:24px 50px; grid-template-columns:1fr 1fr; gap:16px 0; }
  .yj-mobile-download { grid-template-columns:26px 104px minmax(100px,1fr); gap:8px; padding-right:20px; }
  .yj-status { margin-inline:0; padding:0 20px; border-right:0; }
  .yj-status-title { width:calc(17.6 * var(--u)); }
  .yj-status-copy { width:calc(16.8 * var(--u)); }
  .yj-status-button { width:calc(16.6 * var(--u)); }
  .yj-desktop-download { grid-column:1/-1; padding-left:0; }
  .yj-desktop-card { grid-template-columns:32px 1fr 180px; gap:14px; padding:12px 20px; }
  .yj-desktop-card button { grid-column:auto; width:100%; }
  .yj-panel-frame { display:none; }
  .yj-download::before { border:2px solid #d6a44f; box-shadow:inset 0 0 0 4px #582b13; }
}

/* Short desktop windows keep the full composition inside the first view. */
@media(min-width:761px) and (max-height:800px) {
  .yj-layout { --u:min(1cqw, 1.55svh); }
}

@media(min-width:2000px) and (min-height:801px) and (max-height:1100px) {
  .yj-layout { --u:min(1cqw, 1.72svh); }
}

/* 325 首页风格活动中心：沿用首屏的暖金、棕红和牌匾边框语言。 */
.showcase {
  background:
    linear-gradient(180deg,rgba(25,9,7,.82) 0%,rgba(48,20,12,.5) 24%,rgba(29,13,10,.72) 70%,rgba(14,7,6,.95) 100%),
    linear-gradient(90deg,rgba(18,8,7,.64) 0%,rgba(78,37,18,.2) 50%,rgba(18,8,7,.68) 100%),
    url('assets/activity-night-market-background.webp') center top / cover no-repeat;
  color:#ffedc0;
}
.showcase::before,.showcase::after {
  opacity:.72;
  z-index:0;
  background:linear-gradient(90deg,transparent 3%,rgba(243,193,103,.48) 15%,transparent 27%,transparent 73%,rgba(243,193,103,.48) 85%,transparent 97%);
}
.showcase::before {
  height:112px;
  opacity:1;
  border-top-color:rgba(255,213,133,.32);
  background:linear-gradient(180deg,rgba(24,9,7,.76),rgba(24,9,7,.3) 46%,transparent 100%),linear-gradient(90deg,transparent 3%,rgba(243,193,103,.3) 15%,transparent 27%,transparent 73%,rgba(243,193,103,.3) 85%,transparent 97%);
}
.showcase::after {
  height:96px;
  opacity:1;
  border-bottom-color:rgba(255,213,133,.28);
  background:linear-gradient(0deg,rgba(14,7,6,.82),rgba(14,7,6,.28) 46%,transparent 100%),linear-gradient(90deg,transparent 3%,rgba(243,193,103,.3) 15%,transparent 27%,transparent 73%,rgba(243,193,103,.3) 85%,transparent 97%);
}
.showcase > * { position:relative; z-index:1; }
/* 331 活动区标题改为单一“玩法介绍”，保留轮播内容与控件。 */
.showcase-title-lockup { gap:0; }
.showcase-title-lockup h2 { color:#fff0c8; text-shadow:0 4px 16px rgba(45,12,6,.4); letter-spacing:.12em; }
.showcase-shell {
  border-color:rgba(244,198,113,.62);
  background:linear-gradient(145deg,rgba(74,31,19,.92),rgba(24,13,10,.95) 68%,rgba(66,29,18,.92));
  box-shadow:0 28px 90px rgba(26,7,3,.56),inset 0 0 0 10px rgba(236,181,90,.06),inset 0 0 45px rgba(177,72,34,.12);
  clip-path:polygon(0 18px,18px 0,calc(100% - 18px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 18px) 100%,18px 100%,0 calc(100% - 18px));
}
.showcase-shell::before { border-color:rgba(255,215,139,.3); }
.showcase-shell::after {
  content:"活动中心";
  top:-15px;
  padding:4px 22px;
  color:#ffe09b;
  background:#4b1d12;
  border:1px solid rgba(242,194,107,.65);
  border-radius:3px;
  font-family:var(--serif);
  font-size:13px;
  letter-spacing:.18em;
  box-shadow:0 4px 12px rgba(31,8,3,.35);
}
.showcase-slide {
  border-color:rgba(247,204,123,.7);
  background:linear-gradient(145deg,rgba(91,40,23,.9),rgba(24,13,10,.96));
  box-shadow:0 24px 54px rgba(33,8,3,.48),inset 0 0 0 2px rgba(255,225,153,.06);
}
.slide-art::after {
  background:linear-gradient(0deg,rgba(27,10,7,.78),transparent 62%),linear-gradient(90deg,rgba(33,10,6,.1),transparent 50%,rgba(34,10,6,.48));
}
.slide-copy {
  background:linear-gradient(0deg,rgba(39,15,9,.98) 0%,rgba(64,25,14,.82) 58%,transparent 100%);
}
.slide-copy::before { background:linear-gradient(180deg,#f1c46e,#9f4a29); }
.slide-kicker { color:#efc675; }
.slide-copy h3 { color:#fff0c9; font-family:var(--serif); text-shadow:0 4px 14px rgba(40,9,3,.48); }
.slide-copy p { color:#dfc8a8; }
.slide-copy strong {
  width:max-content;
  padding:5px 12px;
  border:1px solid rgba(239,196,116,.58);
  background:linear-gradient(110deg,rgba(151,61,28,.78),rgba(70,25,15,.55));
  color:#ffe09b;
  letter-spacing:.12em;
}
.showcase-controls { color:#f5d38d; }
.showcase-controls .showcase-progress { color:#e7bf78; }

@media(max-width:700px) {
  .showcase { background-position:center top; }
  .showcase-shell::after { font-size:11px; padding:3px 16px; }
  .slide-copy strong { padding:4px 9px; }
}

@media(prefers-reduced-motion:reduce) { .yj-hero *, .yj-hero *::after { transition:none; } }