/* Light overlap with a separate, readable caption lane below each face. */
.horizontal-attached #film-gallery .film-card[data-poke-source=true]{transform-origin:50% calc(var(--cover-width)/3)}
.horizontal-attached .film-viewport{perspective-origin:50% calc(50% - (var(--caption-gap) + var(--caption-height))/2);mask-image:linear-gradient(90deg,transparent,rgba(0,0,0,.12) 5%,rgba(0,0,0,.65) 14%,#000 24%,#000 76%,rgba(0,0,0,.65) 86%,rgba(0,0,0,.12) 95%,transparent)}
.horizontal-attached #film-gallery .film-card:hover,
.horizontal-attached #film-gallery .film-card:focus-within{z-index:50!important}
.horizontal-attached.cards-emerging .film-card:hover .film-cover,
.horizontal-attached.cards-emerging .film-card:focus-within .film-cover{transform:translate3d(0,-6px,0)}
.horizontal-attached .card-caption{width:74%;margin-inline:auto;text-align:center}
.horizontal-attached .film-card[data-active=true] .card-caption{width:100%}
.horizontal-attached .film-card[data-active=true] .caption-description{max-width:92%;margin-inline:auto}
.horizontal-attached .caption-heading{justify-content:center;gap:6px}
.horizontal-attached .caption-name{overflow:hidden;text-overflow:ellipsis;font-size:20px;letter-spacing:-.3px}
.horizontal-attached .caption-description{max-width:100%;overflow:hidden;text-overflow:ellipsis;font-size:13px}
.horizontal-attached .card-status{flex:none;padding:3px 6px;border:1px solid #cbd2c2;border-radius:20px;color:#667054;background:#edf0e7;font:500 9px/1.3 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;white-space:nowrap}
.horizontal-attached #film-gallery .film-card[data-cover-kind=screenshot] .card__rotator img{object-fit:contain;background:#edf0e8}
.horizontal-attached #film-gallery .film-card[data-cover-tone=dark] .card__rotator img{background:#190f0c}
/* Screenshots keep a lighter finish so small interface text remains legible. */
.horizontal-attached #film-gallery .film-card[data-cover-kind=screenshot] .card[data-rarity][data-supertype] .card__shine{opacity:calc(.36 + var(--card-opacity)*.32)}
.horizontal-attached #film-gallery .film-card[data-cover-kind=screenshot] .card[data-rarity][data-supertype] .card__glare{opacity:calc(.025 + var(--card-opacity)*.10)}
.horizontal-attached #film-gallery .film-card[data-cover-kind=briefing] .card[data-rarity][data-supertype] .card__shine{opacity:calc(.56 + var(--card-opacity)*.36)}
.horizontal-attached #film-gallery .film-card[data-cover-kind=briefing] .card[data-rarity][data-supertype] .card__glare{opacity:calc(.045 + var(--card-opacity)*.17);-webkit-mask-image:var(--mask);mask-image:var(--mask);-webkit-mask-size:cover;mask-size:cover;-webkit-mask-position:center;mask-position:center}
/* Both links share the original spring-driven face transform. */
.briefing-actions{position:absolute;inset:0;z-index:12;pointer-events:none;transform-origin:center;transform:rotateY(var(--rotate-x)) rotateX(var(--rotate-y));transform-style:preserve-3d;container-type:inline-size}
.briefing-action{position:absolute;top:70%;display:flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap;pointer-events:auto;cursor:pointer;text-decoration:none;line-height:1.2;letter-spacing:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;backface-visibility:hidden}
.briefing-subscribe{left:6.667%;width:32%;height:15.5%;min-height:28px;border:1px solid #274333;border-top-color:#6c8a6f;border-radius:999px;background:linear-gradient(#476c52,#2e513c);color:#fcfff6;font-size:clamp(10px,3.8cqw,13px);font-weight:650;box-shadow:inset 0 1px 0 #cde0bd70,0 2px 0 #203c2c,0 5px 9px #304f3829;transform:translateZ(.03px);transition:background .2s,box-shadow .2s}
.briefing-subscribe:hover{background:linear-gradient(#52795b,#365e44);box-shadow:inset 0 1px 0 #e0edce90,0 2px 0 #203c2c,0 6px 12px #304f383b}
.briefing-subscribe::before{content:'';position:absolute;inset:-7px -3px;border-radius:inherit}
.briefing-explore{left:41%;width:22%;height:15.5%;min-height:28px;color:#496451;font-size:clamp(9px,3.2cqw,11px);font-weight:600;transform:translateZ(.03px)}
.briefing-explore::after{content:'';position:absolute;bottom:12%;left:12%;right:12%;height:1px;background:#758c72;opacity:.4;transform:scaleX(.7);transition:transform .2s,opacity .2s}
.briefing-explore:hover::after{transform:scaleX(1);opacity:.85}
.briefing-action:focus-visible{outline:2px solid #425f4b;outline-offset:4px}
.service-preview-dialog{width:min(480px,calc(100% - 40px));padding:38px;border:1px solid #d0d8c9;border-radius:22px;background:#f4f5ee;color:#2d4037;box-shadow:0 24px 90px #25352d35}
.service-preview-dialog::backdrop{background:#26382d59;backdrop-filter:blur(7px)}
.service-preview-close{position:absolute;top:12px;right:16px;border:0;background:none;color:#68766b;font:26px/1.2 sans-serif;cursor:pointer;padding:4px}
.service-preview-status{margin:0 0 16px;color:#778164;font:600 11px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:1.5px}
.service-preview-dialog h2{margin:0 0 12px;font:500 30px/1.3 Georgia,"Songti SC",serif;letter-spacing:-.5px}
.service-preview-intro{font:16px/1.6 Georgia,"Songti SC",serif;margin:0 0 24px}
.service-preview-facts{border-block:1px solid #d7ddcf;padding:14px 0;font:600 14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}
.service-preview-note{font:14px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#68766b;margin:20px 0 28px}
.service-preview-done{border:0;background:#345342;color:#f5f6ed;border-radius:24px;padding:10px 20px;font:500 14px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;cursor:pointer}
.service-preview-dialog button:focus-visible{outline:2px solid #80907a;outline-offset:4px}
@media(max-width:1100px) and (min-width:851px){.horizontal-attached .caption-name{font-size:18px}.horizontal-attached .caption-description{font-size:12px}.horizontal-attached .card-status{font-size:8px;padding-inline:4px}}
@media(max-width:850px){.horizontal-attached .caption-name{font-size:19px}.horizontal-attached .caption-description{font-size:12px}.horizontal-attached .card-status{font-size:8px;padding-inline:4px}}
@media(min-width:1101px) and (max-height:800px){html[lang=en] .single-home .caption-name{font-size:19px}}
@media(prefers-reduced-motion:reduce){.horizontal-attached.cards-emerging .film-card:hover .film-cover,.horizontal-attached.cards-emerging .film-card:focus-within .film-cover{transform:none}.service-preview-dialog::backdrop{backdrop-filter:none}}

/* Keep the preview readable without unnecessary inner scrolling on small phones. */
@media(max-width:480px){.service-preview-dialog{padding:26px}}