/* V2.8 cinematic chapter overlays; scope restricted to already isolated variant. */
.v28-image{isolation:isolate}
.v28-image #v28Photo{z-index:0;transition:background-image .35s, transform .8s,filter .5s}
.v28-image::after{z-index:1;pointer-events:none;background:linear-gradient(0deg,#040b19e8 0%,#07162e9b 20%,#07132624 65%),linear-gradient(90deg,#0410206f,transparent 85%)}
.v28-image #v28ImageLabel{z-index:4;bottom:20px;font-size:11px}
.v28-art-vignette{position:absolute;inset:18px 18px 56px;z-index:3;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;color:#f6faff}
.v28-art-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:9px;letter-spacing:.14em;font-weight:850;text-shadow:0 1px 10px #001}
.v28-art-top>span:last-child{color:#b7ecf2}
.v28-art-frame{align-self:flex-end;width:min(86%,415px);border:1px solid #d4eaf34b;border-radius:23px;background:linear-gradient(150deg,#041121e8,#111d36ed);padding:24px 25px;box-shadow:0 30px 70px #000a,0 0 30px color-mix(in srgb,var(--v28-accent) 9%,transparent);backdrop-filter:blur(13px)}
.v28-art-strap{font-size:10px;font-weight:850;letter-spacing:.13em;color:var(--v28-accent);margin:0 0 19px}
.v28-art-message{padding:14px 15px;border-radius:14px;font-size:14px;line-height:1.5;letter-spacing:0;max-width:96%;margin:0 0 13px}
.v28-art-client{align-self:flex-start;background:#213247;color:#e5efff;border:1px solid #708aa344}
.v28-art-goura{margin-left:9%;margin-bottom:0;background:linear-gradient(115deg,#12617ec8,#493b94ad);color:#fff;border:1px solid #98e9f06e}
.v28-art-frame h4{font-size:24px;line-height:1.15;letter-spacing:-.03em;margin:0 0 13px;color:#fff}
.v28-art-detail{font-size:14px;line-height:1.6;color:#c6dbe6;margin:0}
.v28-art-pill{display:inline-block;margin-top:20px;font-size:9px;letter-spacing:.14em;border:1px solid #87d6de6a;padding:10px 12px;border-radius:100px;background:#5dcecc1b;color:#ddf7f3}
.v28-art-timeline{display:flex;align-items:stretch;gap:7px}
.v28-art-step{flex:1;min-width:0;border:1px solid #82adca57;border-radius:12px;padding:14px 9px;background:#17314b9c;display:flex;flex-direction:column;gap:14px}
.v28-art-step small{color:var(--v28-accent);font-size:11px;font-weight:900}
.v28-art-step strong{color:#fff;font-size:11px;line-height:1.3;overflow-wrap:anywhere}
.v28-art-grid{display:grid;grid-template-columns:1fr;gap:8px}
.v28-art-stat{display:flex;align-items:center;gap:12px;padding:11px 13px;border:1px solid #8aacc344;border-radius:12px;background:#192d4699}
.v28-art-stat span{font-size:21px;color:var(--v28-accent)}
.v28-art-stat strong{font-size:12px;line-height:1.35;color:#e5f6fb}
.v28-art-footer{font-size:9px;font-weight:750;letter-spacing:.10em;color:#d9e8f2;text-shadow:0 2px 9px #000}
.v28-arrows button:focus-visible,.v28-scenes button:focus-visible{outline:3px solid var(--v28-accent);outline-offset:3px}
.v28-scenes button{cursor:pointer}
.v28-scene-motion{animation:v28-entry .45s ease both}
@keyframes v28-entry{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:900px){.v28-art-frame{margin-right:9px}}
@media(max-width:900px){.v28-image{min-height:430px}.v28-art-vignette{inset:17px 16px 47px}.v28-art-frame{width:min(78%,425px)}}
@media(max-width:550px){.v28-image{min-height:380px}.v28-art-vignette{inset:14px 12px 37px}.v28-art-frame{width:min(96%,355px);padding:15px 16px;border-radius:18px}.v28-art-strap{font-size:9px;margin-bottom:10px}.v28-art-message{font-size:12px;padding:10px 11px}.v28-art-frame h4{font-size:19px}.v28-art-detail{font-size:12px}.v28-art-pill{font-size:8px;margin-top:14px}.v28-art-step{padding:10px 7px}.v28-art-step strong{font-size:10px}.v28-art-top{font-size:8px}.v28-art-footer{font-size:8px}.v28-image #v28ImageLabel{font-size:9px;bottom:10px}}
@media(prefers-reduced-motion:reduce){.v28-image #v28Photo,.v28-scene-motion{transition:none;animation:none}}