/* B3: move the image, title, description and direct link as one work group. */
body.horizontal-attached{--caption-height:50px;--caption-gap:8px}
.horizontal-attached .film-gallery{position:relative}
.horizontal-attached #film-cards{pointer-events:none}
.horizontal-attached #film-gallery .film-card[data-poke-source=true]{height:calc(var(--cover-width)/1.5 + var(--caption-gap) + var(--caption-height));aspect-ratio:auto;display:flex;flex-direction:column;gap:var(--caption-gap)}
.horizontal-attached #film-gallery .film-card .film-cover{position:relative;height:auto;aspect-ratio:1.5;flex:none;width:100%}
.horizontal-attached #film-gallery .film-card .holo-title{display:none!important}
.horizontal-attached .card-caption{width:100%;height:var(--caption-height);flex:none;position:relative;z-index:2;opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .8s ease;transition-delay:calc(var(--card-order,0)*.1s);text-align:left}
.horizontal-attached.cards-emerging .card-caption{opacity:1;transform:none}
.horizontal-attached .caption-heading{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:29px}
.horizontal-attached .caption-name{min-width:0;margin:0;color:#2d453e;font:500 17px/1.22 Georgia,"Songti SC",serif;letter-spacing:-.35px;white-space:nowrap}
.horizontal-attached .caption-description{margin:2px 0 0;color:#758078;font:11px/1.5 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:0;white-space:nowrap}
.horizontal-attached .card-entry{display:inline-flex;align-items:center;justify-content:center;gap:4px;flex:none;min-height:29px;padding:3px 5px;color:#546b59;font:600 11px/1.4 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;text-decoration:none;border-bottom:1px solid #a9916a66;border-radius:4px 4px 0 0;transition:color .2s,background .2s,border-color .2s}
.horizontal-attached .card-entry>span:last-child{font-size:15px;color:#a3865b}
.horizontal-attached .film-card[data-active=true] .card-entry{color:#334e40;border-color:#a38b61}
.horizontal-attached .card-entry:hover{color:#203d31;background:#e8eddf;border-color:#8e754b}
.horizontal-attached .card-entry:focus-visible{outline:2px solid #a88d63;outline-offset:3px}
.horizontal-attached .card-carousel-controls{flex:none;min-height:36px;margin:4px 0 0;display:flex;align-items:center;justify-content:center}
.horizontal-attached .card-carousel-controls .film-controls{display:flex;align-items:center;justify-content:center;gap:9px;min-height:36px;margin:0}
.horizontal-attached .film-controls>button{width:32px;height:32px;background:transparent}
.horizontal-attached .film-controls>#film-count{display:block;font:10px/1.5 ui-monospace,"SFMono-Regular",monospace;letter-spacing:1px;color:#7a887e}
.horizontal-attached #film-pause{font-size:10px}
@media(min-width:851px) and (max-height:800px){
 body.horizontal-attached{--deck-height:272px;--mascot-height:220px}
 html body.horizontal-attached #home.hero{padding-top:1px;padding-bottom:1px;gap:2px}
 .horizontal-attached .bloom-stage{gap:2px}
 .horizontal-attached .bloom-title .intro-name{margin-bottom:4px}
}
@media(min-width:851px) and (min-height:801px) and (max-height:860px){
 body.horizontal-attached{--deck-height:324px}
 html body.horizontal-attached #home.hero{padding-top:6px;padding-bottom:6px;gap:4px}
 .horizontal-attached .bloom-stage{gap:4px}
 .horizontal-attached .identity{gap:2px}
 .horizontal-attached .bloom-title .intro-name{margin-bottom:4px}
}
@media(max-width:1100px) and (min-width:851px){
 .horizontal-attached .caption-name{font-size:16px}
 .horizontal-attached .caption-description{font-size:10px}
 .horizontal-attached .card-entry{font-size:10px;padding-inline:4px}
}
@media(max-width:850px){
 body.horizontal-attached{--deck-height:300px}
 .horizontal-attached .caption-name{font-size:17px}
 .horizontal-attached .caption-description{font-size:11px}
 .horizontal-attached .film-controls>#film-count{display:block}
 .horizontal-attached .film-controls>button{width:36px;height:36px}
}
@media(max-width:580px){
 body.horizontal-attached{--deck-height:280px}
 .horizontal-attached .card-carousel-controls{position:static;margin-top:4px;min-height:40px}
 .horizontal-attached .card-carousel-controls .film-controls{position:static;min-height:40px;gap:10px}
 .horizontal-attached .film-controls>button{width:36px;height:36px}
 .horizontal-attached .film-controls>#film-count{display:block}
 .horizontal-attached .caption-name{font-size:16px}
 .horizontal-attached .caption-description{font-size:11px}
 .horizontal-attached .card-entry{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.horizontal-attached .card-caption,.horizontal-attached .card-entry{transition:none!important}.horizontal-attached .card-caption{opacity:1;transform:none}}