/* KRAYONZ V20.45 — custom Origin Files + mobile polish */
.origin-comic-grid-v45{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.origin-panel-v45{position:relative;background:#070707;border:1px solid rgba(255,255,255,.12);overflow:hidden;min-width:0;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.origin-panel-v45 img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;background:#111;transition:transform .45s ease,filter .45s ease}
.origin-panel-v45:hover img{transform:scale(1.015);filter:contrast(1.03) saturate(1.04)}
.origin-panel-caption{padding:20px 20px 22px;min-height:168px;display:flex;flex-direction:column;justify-content:flex-start;background:linear-gradient(180deg,#0a0a0a 0,#050505 100%)}
.origin-panel-caption span{font:800 .67rem/1.2 system-ui,sans-serif;letter-spacing:.18em;color:var(--red);text-transform:uppercase}
.origin-panel-caption strong{display:block;font-size:clamp(1.15rem,1.65vw,1.85rem);line-height:1;margin:9px 0 10px;letter-spacing:-.035em}
.origin-panel-caption p{color:#aaa;line-height:1.52;margin:0;font-size:.92rem}
.origin-panel-finale{grid-column:span 3;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:stretch}
.origin-panel-finale img{aspect-ratio:auto;height:100%;min-height:520px}
.origin-panel-finale .origin-panel-caption{min-height:0;justify-content:flex-end;padding:34px;background:linear-gradient(135deg,#120708 0,#050505 70%)}
.origin-panel-finale .origin-panel-caption strong{font-size:clamp(2rem,3.4vw,4.4rem)}

.home-origin-story-preview{display:grid!important;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;max-height:none!important;background:#050505!important}
.home-origin-story-preview img{width:100%!important;height:100%!important;max-height:none!important;aspect-ratio:1/1;object-fit:cover!important;object-position:center!important;display:block}
.home-origin-story-preview img:first-child{grid-row:1/3;aspect-ratio:auto}

@media(max-width:1000px){
  .origin-comic-grid-v45{grid-template-columns:repeat(2,minmax(0,1fr))}
  .origin-panel-finale{grid-column:span 2}
}
@media(max-width:700px){
  .origin-comic{width:min(92vw,560px)!important;padding-top:42px!important}
  .origin-comic-heading{margin-bottom:22px!important}
  .origin-comic-heading h2{font-size:clamp(2.75rem,13vw,4.4rem)!important;line-height:.84!important}
  .origin-comic-heading>p:last-child{font-size:.94rem;line-height:1.55}
  .origin-comic-grid-v45{grid-template-columns:1fr;gap:16px}
  .origin-panel-v45,.origin-panel-finale{grid-column:1;display:block}
  .origin-panel-v45 img,.origin-panel-finale img{aspect-ratio:1/1;height:auto;min-height:0}
  .origin-panel-caption,.origin-panel-finale .origin-panel-caption{padding:17px 17px 20px;min-height:0}
  .origin-panel-caption strong,.origin-panel-finale .origin-panel-caption strong{font-size:1.32rem;line-height:1.02}
  .origin-panel-caption p{font-size:.9rem}
  .home-origin-story-preview{grid-template-columns:1fr 1fr!important;grid-template-rows:auto!important;gap:4px}
  .home-origin-story-preview img,.home-origin-story-preview img:first-child{grid-row:auto;aspect-ratio:1/1!important}
  .home-origin-story-preview img:first-child{grid-column:1/3}
}
@media(max-width:430px){
  .origin-comic{width:94vw!important}
  .origin-panel-caption{padding:15px 15px 18px}
  .origin-panel-caption span{font-size:.62rem}
  .origin-panel-caption strong,.origin-panel-finale .origin-panel-caption strong{font-size:1.18rem}
  .origin-panel-caption p{font-size:.86rem}
}