/* The Home story has its own direction; commerce and portfolio keep theirs. */
#HOME-COMICS {
  --story-blue:#0755ff; --story-black:#000; --story-white:#fff;
  --ze-vital-line:#0755ff40; --ze-vital-glow:#0755ff25;
  background:#000; color:#fff; position:relative; isolation:isolate;
  padding:100px clamp(20px,5vw,80px) 88px;
}
#HOME-COMICS .zh-story-intro {max-width:1080px;margin:0 auto 58px;text-align:center;position:relative;z-index:1}
#HOME-COMICS .zh-story-eyebrow {font:700 11px/1.5 Manrope,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin:0 0 25px}
body[data-v2-shell] #HOME-COMICS h2 {font:500 clamp(42px,5.3vw,82px)/.98 'Cormorant Garamond',serif;letter-spacing:-.035em;color:#fff;text-transform:uppercase;margin:0}
#HOME-COMICS .zh-story-lead {font:400 18px/1.7 Manrope,sans-serif;color:#fff;max-width:66ch;margin:30px auto 0;text-transform:none}
#HOME-COMICS .zh-story-lead strong {color:#fff;font-weight:750;border-bottom:2px solid var(--story-blue)}
#HOME-COMICS .zh-story-depth {position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}
#HOME-COMICS .zh-story-depth:before {content:'';position:absolute;inset:0 -25%;background:radial-gradient(ellipse at 70% 18%,#0755ff38,transparent 32%),radial-gradient(ellipse at 15% 64%,#0755ff25,transparent 30%)}
#HOME-COMICS .zh-story-depth:after {content:'';position:absolute;width:130%;height:580px;left:-15%;top:230px;background:linear-gradient(#fff1 1px,transparent 1px),linear-gradient(90deg,#fff1 1px,transparent 1px);background-size:76px 76px;transform:perspective(600px) rotateX(62deg) rotateZ(-12deg);mask-image:linear-gradient(transparent,#000,transparent)}
#HOME-COMICS .zh-story-run {max-width:1280px;margin:auto;position:relative}
#HOME-COMICS .zh-story-stage {position:relative}
#HOME-COMICS .zh-story-nav {display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 0 22px;background:#000;position:relative;z-index:5}
#HOME-COMICS .zh-story-links {display:flex;gap:8px;flex-wrap:wrap}
#HOME-COMICS .zh-story-links a {display:flex;gap:9px;align-items:center;padding:11px 13px;text-decoration:none;border:1px solid #777;color:#fff;font:650 11px/1.4 Manrope,sans-serif;text-transform:uppercase;transition:background .2s,border-color .2s}
#HOME-COMICS .zh-story-links a span {font-size:10px;color:#fff}
#HOME-COMICS .zh-story-links a[aria-current=true] {background:var(--story-blue);border-color:var(--story-blue)}
#HOME-COMICS .zh-story-links a:hover {border-color:#fff}
#HOME-COMICS .zh-story-tools {display:flex;align-items:center;gap:12px;white-space:nowrap}
#HOME-COMICS .zh-story-tools button {min-height:42px;border:1px solid #777;background:#000;color:#fff;padding:9px 13px;font:600 11px/1.4 Manrope,sans-serif;cursor:pointer}
#HOME-COMICS .zh-story-tools button:disabled {opacity:.35;cursor:default}
#HOME-COMICS .zh-story-tools button:hover:not(:disabled) {background:#fff;color:#000}
#HOME-COMICS .zh-story-status {font:600 11px/1.5 Manrope,sans-serif;color:#fff}
#HOME-COMICS .zh-story-progress {position:absolute;left:0;bottom:10px;width:100%;height:2px;background:#ffffff35;overflow:hidden}
#HOME-COMICS .zh-story-progress i {display:block;height:100%;background:var(--story-blue);transform-origin:left;transform:scaleX(var(--story-progress,0))}
#HOME-COMICS .zh-story-scenes {position:relative}
#HOME-COMICS .zh-story-scene {margin:0 0 80px;display:grid;grid-template-columns:minmax(250px,.85fr) minmax(0,1.3fr);gap:clamp(24px,3.5vw,56px);align-items:center;padding:38px;background:#fff;color:#000;position:relative;border:2px solid #fff;scroll-margin-top:110px}
#HOME-COMICS .zh-story-scene[hidden] {display:none}
#HOME-COMICS .zh-story-art-frame {max-width:390px;width:100%;margin:auto;position:relative;isolation:isolate}
#HOME-COMICS .zh-story-art-frame:before {content:'';position:absolute;inset:12px -12px -12px 12px;background:var(--story-blue);z-index:-1;transform:rotate(-1.2deg)}
#HOME-COMICS .zh-story-scene-heading {background:#000;color:#fff;padding:16px 14px;border:2px solid #000;border-bottom:0;text-align:center}
#HOME-COMICS .zh-story-scene-heading span {font:600 10px/1.5 Manrope,sans-serif;letter-spacing:.15em;color:#fff;display:block;margin-bottom:9px}
body[data-v2-shell] #HOME-COMICS h3 {font:400 clamp(23px,2.3vw,34px)/1.12 ZulianComic,Impact,sans-serif;letter-spacing:0;color:#fff;text-transform:uppercase;margin:0}
#HOME-COMICS .zh-story-art {aspect-ratio:2/3;position:relative;overflow:hidden;background:#000;border:2px solid #000}
#HOME-COMICS .zh-story-art img {position:absolute;width:200%;height:200%;max-width:none!important;object-fit:fill;left:calc(var(--comic-col)*-100%);top:calc(var(--comic-row)*-100%)}
#HOME-COMICS .zh-story-dialogue {position:absolute;inset:2.5% 3% auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;z-index:1;align-items:start}
body[data-v2-shell] #HOME-COMICS .zh-story-bubble {position:relative;background:#fff;color:#000;border:2px solid #000;border-radius:48% 48% 42% 45%;padding:16px 11px 20px;font:750 italic clamp(13px,1.1vw,17px)/1.35 Manrope,sans-serif;text-align:center;box-shadow:2px 3px 0 #000;transform:rotate(-2deg);margin:0;text-transform:none}
body[data-v2-shell] #HOME-COMICS .zh-story-bubble--marco {transform:rotate(2deg);margin-top:16px}
#HOME-COMICS .zh-story-bubble:after {content:'';position:absolute;left:36%;bottom:-12px;width:16px;height:16px;background:#fff;border-right:2px solid #000;border-bottom:2px solid #000;transform:skewY(30deg)}
#HOME-COMICS .zh-story-bubble>span {display:block;color:var(--story-blue);font:750 8px/1.5 Manrope,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
#HOME-COMICS .zh-story-explanation {min-width:0;position:relative;z-index:1}
#HOME-COMICS .zh-story-explanation .zh-story-eyebrow {color:var(--story-blue);margin-bottom:14px;font-size:10px}
body[data-v2-shell] #HOME-COMICS h4 {font:500 clamp(29px,3vw,43px)/1.05 'Cormorant Garamond',serif;letter-spacing:-.025em;color:#000;margin:0 0 22px;text-transform:uppercase;text-wrap:pretty}
body[data-v2-shell] #HOME-COMICS .zh-story-explanation p {font:400 16px/1.65 Manrope,sans-serif;color:#000;text-transform:none;margin:0 0 18px;max-width:63ch}
#HOME-COMICS .zh-story-example {padding:20px 22px;border:1px solid #000;border-left:5px solid var(--story-blue);background:#fff;margin:26px 0 22px;box-shadow:6px 6px 0 #000;position:relative}
#HOME-COMICS .zh-story-example:before {content:'↳';position:absolute;left:-20px;top:-24px;font:400 46px/1 Manrope,sans-serif;color:var(--story-blue);background:#fff}
#HOME-COMICS .zh-story-example strong {display:block;font:750 11px/1.5 Manrope,sans-serif;letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;color:#000}
body[data-v2-shell] #HOME-COMICS .zh-story-example p {font-size:14px;line-height:1.65;margin:0}
body[data-v2-shell] #HOME-COMICS .zh-story-explanation .zh-story-takeaway {font:750 13px/1.5 Manrope,sans-serif;color:var(--story-blue);margin:0;padding-top:16px;border-top:1px solid #000}
#HOME-COMICS .zh-story-close {max-width:1280px;margin:70px auto 0;border-top:1px solid #ffffff70;padding-top:36px;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}
#HOME-COMICS .zh-story-close strong {font:500 clamp(30px,3vw,46px)/1.05 'Cormorant Garamond',serif;text-transform:uppercase;display:block;color:#fff;margin-bottom:18px}
#HOME-COMICS .zh-story-close p {color:#fff;font:400 16px/1.7 Manrope,sans-serif;max-width:74ch;text-transform:none}
#HOME-COMICS .zh-story-close a {color:#fff;font:700 12px/1.5 Manrope,sans-serif;padding:12px 0;display:inline-block;text-decoration:none;border-bottom:2px solid var(--story-blue)}
#HOME-COMICS .zh-story-close .zh-story-call {padding:18px 24px;background:var(--story-blue);border:0}
#HOME-COMICS .zh-story-footnote {max-width:1280px;margin:25px auto 0;color:#fff;font:400 11px/1.6 Manrope,sans-serif;text-transform:none}
#HOME-COMICS :is(a,button):focus-visible {outline:3px solid #0755ff;outline-offset:4px}
#HOME-COMICS[data-scroll-story=on] .zh-story-stage {position:sticky;top:var(--story-top,100px);height:var(--story-height);perspective:1400px}
#HOME-COMICS[data-scroll-story=on] .zh-story-scenes {height:var(--story-view);overflow:hidden}
#HOME-COMICS[data-scroll-story=on] .zh-story-scene {position:absolute;inset:0 0 auto;margin:0;width:100%;box-sizing:border-box;will-change:transform;transform:translateY(var(--scene-y,0px)) scale(var(--scene-scale,1));transform-origin:top center}
#HOME-COMICS[data-scroll-story=on] .zh-story-scene[data-story-active=false] {opacity:0;clip-path:inset(50%);pointer-events:none}
#HOME-COMICS[data-scroll-story=on] .zh-story-art-frame:before {transform:translateY(calc(var(--scene-drift,0px) * -1)) rotate(-1.2deg)}
@media(max-width:1050px) {
 #HOME-COMICS .zh-story-nav{align-items:flex-start;flex-direction:column;gap:12px}
 #HOME-COMICS .zh-story-tools{justify-content:space-between;width:100%}
 #HOME-COMICS .zh-story-scene{padding:30px;gap:28px}
}
@media(max-width:760px) {
 #HOME-COMICS{padding:64px 20px}
 #HOME-COMICS .zh-story-lead{font-size:16px}
 #HOME-COMICS .zh-story-intro{margin-bottom:36px}
 #HOME-COMICS .zh-story-links{display:grid;grid-template-columns:1fr 1fr;width:100%}
 #HOME-COMICS .zh-story-links a{font-size:10px;padding:9px 10px}
 #HOME-COMICS .zh-story-tools{gap:8px}
 #HOME-COMICS .zh-story-tools button{padding:8px 10px;font-size:10px}
 #HOME-COMICS .zh-story-scene{display:block;padding:26px 22px 30px}
 #HOME-COMICS .zh-story-art-frame{max-width:310px;margin-bottom:42px}
 #HOME-COMICS .zh-story-explanation p{font-size:16px;line-height:1.65}
 #HOME-COMICS .zh-story-close{grid-template-columns:1fr;gap:22px;margin-top:44px}
 #HOME-COMICS .zh-story-close .zh-story-call{width:max-content}
}
@media(prefers-reduced-motion:reduce) {
 #HOME-COMICS *{transition:none!important;animation:none!important;scroll-behavior:auto!important}
}
@media(max-width:380px) {
 #HOME-COMICS .zh-story-tools{display:grid;grid-template-columns:42px 1fr 42px}
 #HOME-COMICS .zh-story-status{text-align:center}
 #HOME-COMICS [data-story-continuous]{grid-column:1/-1;width:100%}
}
html[data-motion=off] #HOME-COMICS *{transition:none!important;animation:none!important}
@media print {
 #HOME-COMICS{background:#fff;color:#000;padding:0}
 #HOME-COMICS .zh-story-intro,#HOME-COMICS .zh-story-close,#HOME-COMICS .zh-story-footnote{color:#000}
 #HOME-COMICS .zh-story-nav,#HOME-COMICS .zh-story-depth{display:none}
 #HOME-COMICS .zh-story-run{height:auto!important}
 #HOME-COMICS .zh-story-stage{height:auto!important;position:static!important}
 #HOME-COMICS .zh-story-scenes{height:auto!important;overflow:visible!important}
 #HOME-COMICS .zh-story-scene{display:grid!important;position:relative!important;transform:none!important;opacity:1!important;clip-path:none!important;break-inside:avoid}
}