/* Panthers Drive — galleries in the TBS Panthers style (uses the theme's colours when present). */
.pdrv {
	--pn: var(--tbsp-ink, #051F52); --pc: var(--tbsp-coal, #031538); --pg: var(--tbsp-accent, #EEC058); --pp: var(--tbsp-paper, #F3EEE8);
	--pfd: var(--tbsp-font-display, "Barlow Condensed", "Oswald", "Arial Narrow", sans-serif);
	--cut: polygon(0 0, 100% 0, 100% calc(100% - 14px), calc(100% - 14px) 100%, 0 100%);
	position: relative; margin: 2em 0; padding: 0;
}
.pdrv__title { display: flex; align-items: center; gap: 12px; margin: 0 0 18px !important; font-family: var(--pfd) !important; font-weight: 800 !important; text-transform: uppercase; line-height: 1 !important; font-size: clamp(28px, 3.4vw, 44px) !important; color: var(--pn) !important; }
.pdrv__items { list-style: none !important; margin: 0 !important; padding: 0 !important; }
.pdrv__it { position: relative; margin: 0 !important; padding: 0 !important; overflow: hidden; background: var(--pn); }
.pdrv__it::before { content: none !important; }
.pdrv__a { position: relative; display: block; height: 100%; overflow: hidden; color: inherit; }
.pdrv__a img { display: block; width: 100%; height: 100%; object-fit: cover; margin: 0 !important; border: 0 !important; border-radius: 0 !important; max-width: none !important; transition: transform .6s cubic-bezier(.2, .7, .2, 1), filter .4s; }
.pdrv__a::after { content: ""; position: absolute; inset: 0; border: 2px solid transparent; transition: border-color .3s; pointer-events: none; }
.pdrv__a:hover img, .pdrv__a:focus-visible img { transform: scale(1.05); }
.pdrv__a:hover::after, .pdrv__a:focus-visible::after { border-color: var(--pg); }
.pdrv__cap { position: absolute; left: 0; right: 0; bottom: 0; padding: 24px 12px 10px; background: linear-gradient(180deg, transparent, rgba(3, 21, 56, .9)); color: #fff; font-size: 13px; line-height: 1.35; pointer-events: none; }
.pdrv--cut .pdrv__it { clip-path: var(--cut); }
.pdrv--rounded .pdrv__it { border-radius: 10px; }

/* Grid */
.pdrv--grid .pdrv__items, .pdrv--mosaic .pdrv__items { display: grid; grid-template-columns: repeat(var(--cols, 4), minmax(0, 1fr)); gap: var(--gap, 10px); }
.pdrv--grid .pdrv__it { aspect-ratio: 4 / 3; }
/* Mosaic: the first photo is big */
.pdrv--mosaic .pdrv__it { aspect-ratio: 1 / 1; }
.pdrv--mosaic .pdrv__it:first-child { grid-column: span 2; grid-row: span 2; aspect-ratio: auto; }
/* Masonry: photos keep their shape */
.pdrv--masonry .pdrv__items { columns: var(--cols, 4); column-gap: var(--gap, 10px); }
.pdrv--masonry .pdrv__it { break-inside: avoid; margin-bottom: var(--gap, 10px) !important; aspect-ratio: var(--ar, 1.5); }
/* Justified rows (like Google Photos) */
.pdrv--justified .pdrv__items { display: flex; flex-wrap: wrap; gap: var(--gap, 10px); }
.pdrv--justified .pdrv__items::after { content: ""; flex-grow: 999; }
.pdrv--justified .pdrv__it { flex-grow: calc(var(--ar, 1.5) * 100); flex-basis: calc(var(--ar, 1.5) * 220px); aspect-ratio: var(--ar, 1.5); max-height: 340px; }
/* Carousel */
.pdrv--carousel .pdrv__items { display: grid; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--gap, 10px) * (var(--cols, 4) - 1)) / var(--cols, 4)); gap: var(--gap, 10px); overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; scroll-behavior: smooth; }
.pdrv--carousel .pdrv__items::-webkit-scrollbar { display: none; }
.pdrv--carousel .pdrv__it { aspect-ratio: 4 / 5; scroll-snap-align: start; }
.pdrv__ctrl { display: flex; justify-content: flex-end; gap: 8px; margin-top: 12px; }
/* Inline preview: big viewer + thumbnail strip */
.pdrv__stage { position: relative; display: grid; place-items: center; aspect-ratio: 16 / 9; background: var(--pc); overflow: hidden; clip-path: var(--cut); }
.pdrv--square .pdrv__stage { clip-path: none; } .pdrv--rounded .pdrv__stage { clip-path: none; border-radius: 12px; }
.pdrv__stage img { width: 100%; height: 100%; object-fit: contain; margin: 0 !important; transition: opacity .35s; }
.pdrv__stage img.is-fading { opacity: 0; }
.pdrv__stage .pdrv__nav { position: absolute; top: 50%; transform: translateY(-50%); }
.pdrv__stage .pdrv__nav--prev { left: 12px; } .pdrv__stage .pdrv__nav--next { right: 12px; }
.pdrv__count { position: absolute; right: 14px; bottom: 12px; padding: 5px 10px; background: rgba(3, 21, 56, .8); color: #fff; font: 800 13px/1 var(--pfd); letter-spacing: .14em; }
.pdrv--inline .pdrv__items { display: grid; grid-auto-flow: column; grid-auto-columns: 110px; gap: 8px; margin-top: 10px !important; overflow-x: auto; scrollbar-width: thin; padding-bottom: 4px !important; }
.pdrv--inline .pdrv__it { aspect-ratio: 4 / 3; opacity: .55; transition: opacity .2s; clip-path: none !important; }
.pdrv--inline .pdrv__it.is-on, .pdrv--inline .pdrv__it:hover { opacity: 1; box-shadow: inset 0 -4px 0 var(--pg); }
.pdrv--inline .pdrv__it.is-on .pdrv__a::after { border-color: var(--pg); }

.pdrv__nav { display: grid; place-items: center; width: 46px; height: 46px; padding: 0; border: 0; border-radius: 0; background: var(--pg); color: var(--pn); font: 700 30px/1 Arial, sans-serif; cursor: pointer; transition: background .2s, color .2s; }
.pdrv__nav:hover { background: var(--pn); color: #fff; }

/* Members-only: blurred preview + login */
.pdrv__lock { display: grid; justify-items: center; gap: 10px; padding: clamp(36px, 6vw, 64px) 20px; text-align: center; color: #fff; background: linear-gradient(135deg, var(--pn), #0B2B6B); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 22px), calc(100% - 22px) 100%, 0 100%); }
.pdrv__lockico { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 50%; background: var(--pg); color: var(--pn); }
.pdrv__lockico svg { width: 26px; height: 26px; }
.pdrv__lock b { font: 800 clamp(22px, 3vw, 30px)/1 var(--pfd); text-transform: uppercase; }
.pdrv__lock > span:not(.pdrv__lockico) { color: rgba(255, 255, 255, .85); }
.pdrv__btn { display: inline-block; margin-top: 6px; padding: 12px 18px; background: var(--pg); color: var(--pn) !important; text-decoration: none !important; font: 800 14px/1 var(--pfd); letter-spacing: .16em; text-transform: uppercase; clip-path: polygon(0 0, 100% 0, 100% calc(100% - 9px), calc(100% - 9px) 100%, 0 100%); }
.pdrv__btn:hover { background: #fff; }

/* Block sharing: no long-press save, no selecting, no dragging */
.pdrv--noshare img, .pdrv-lb--noshare img { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-user-drag: none; }

/* Pop-out viewer */
.pdrv-lb { position: fixed; inset: 0; z-index: 100000; display: grid; grid-template-rows: auto 1fr auto; background: rgba(3, 21, 56, .97); color: #fff; opacity: 0; transition: opacity .25s; }
.pdrv-lb.is-open { opacity: 1; }
.pdrv-lb__bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 12px 16px; }
.pdrv-lb__n { font: 800 15px/1 var(--tbsp-font-display, "Barlow Condensed", sans-serif); letter-spacing: .16em; color: var(--tbsp-accent, #EEC058); }
.pdrv-lb__tools { display: flex; gap: 8px; }
.pdrv-lb__tools a, .pdrv-lb__tools button { display: grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px; border: 1px solid rgba(255, 255, 255, .25); background: transparent; color: #fff; font: 700 14px/1 var(--tbsp-font-display, "Barlow Condensed", sans-serif); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; cursor: pointer; }
.pdrv-lb__tools a:hover, .pdrv-lb__tools button:hover { background: var(--tbsp-accent, #EEC058); color: var(--tbsp-ink, #051F52); border-color: transparent; }
.pdrv-lb__stage { position: relative; display: grid; place-items: center; min-height: 0; padding: 0 64px; touch-action: pan-y; }
.pdrv-lb__stage img { max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 30px 80px rgba(0, 0, 0, .5); transition: opacity .25s, transform .25s; }
.pdrv-lb__stage img.is-fading { opacity: 0; transform: scale(.98); }
.pdrv-lb__prev, .pdrv-lb__next { position: absolute; top: 50%; transform: translateY(-50%); width: 50px; height: 50px; border: 0; background: var(--tbsp-accent, #EEC058); color: var(--tbsp-ink, #051F52); font: 700 32px/1 Arial, sans-serif; cursor: pointer; }
.pdrv-lb__prev { left: 8px; } .pdrv-lb__next { right: 8px; }
.pdrv-lb__cap { padding: 12px 20px 18px; text-align: center; font-size: 15px; color: rgba(255, 255, 255, .85); min-height: 20px; }
html.pdrv-lb-open { overflow: hidden; }

@media (max-width: 760px) {
	.pdrv--grid .pdrv__items, .pdrv--mosaic .pdrv__items { grid-template-columns: repeat(min(var(--cols, 4), 2), minmax(0, 1fr)); gap: min(var(--gap, 10px), 6px); }
	.pdrv--masonry .pdrv__items { columns: 2; column-gap: 6px; }
	.pdrv--masonry .pdrv__it { margin-bottom: 6px !important; }
	.pdrv--justified .pdrv__it { flex-basis: calc(var(--ar, 1.5) * 120px); max-height: 200px; }
	.pdrv--carousel .pdrv__items { grid-auto-columns: 78%; }
	.pdrv--inline .pdrv__items { grid-auto-columns: 80px; }
	.pdrv__stage .pdrv__nav { width: 38px; height: 38px; font-size: 24px; }
	.pdrv-lb__stage { padding: 0 6px; }
	.pdrv-lb__prev, .pdrv-lb__next { display: none; }
	.pdrv__cap { font-size: 12px; padding: 18px 8px 6px; }
}
@media (prefers-reduced-motion: reduce) { .pdrv__a img, .pdrv-lb, .pdrv-lb__stage img { transition: none; } }

/* Editor */
.pdrv-ed-list { margin: 12px 0 8px !important; padding: 0 !important; list-style: none !important; max-height: 340px; overflow: auto; border: 1px solid #e0e0e0; }
.pdrv-ed-list li { display: flex; align-items: center; gap: 4px; margin: 0 !important; padding: 4px 6px; border-bottom: 1px solid #f0f0f0; font-size: 12px; }
.pdrv-ed-n { flex: none; width: 22px; color: #757575; }
.pdrv-ed-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pdrv-empty { padding: 20px; background: #f6f7f7; text-align: center; }

/* =========================================================== Premium layouts (1.1) */
/* Rise-in on scroll (added by drive.js) */
.pdrv.is-reveal .pdrv__it { opacity: 0; transform: translateY(28px); transition: opacity .7s cubic-bezier(.2, .7, .2, 1), transform .7s cubic-bezier(.2, .7, .2, 1); transition-delay: calc(var(--i, 0) * 60ms); }
.pdrv.is-reveal .pdrv__it.is-in { opacity: 1; transform: none; }

/* A · Editorial masonry */
.pdrv--editorial .pdrv__items { columns: var(--cols, 4); column-gap: var(--gap, 10px); }
.pdrv--editorial .pdrv__it { break-inside: avoid; margin-bottom: var(--gap, 10px) !important; aspect-ratio: var(--ar, 1.5); }
.pdrv__num { position: absolute; left: 12px; top: 10px; z-index: 2; font: 800 15px/1 var(--pfd); letter-spacing: .1em; color: var(--pg); text-shadow: 0 1px 6px rgba(0, 0, 0, .55); pointer-events: none; }
.pdrv--editorial .pdrv__a::after, .pdrv--bento .pdrv__a::after { inset: 8px; }
.pdrv--editorial .pdrv__cap, .pdrv--bento .pdrv__cap { transform: translateY(100%); transition: transform .4s cubic-bezier(.2, .7, .2, 1); }
.pdrv--editorial .pdrv__it:hover .pdrv__cap, .pdrv--bento .pdrv__it:hover .pdrv__cap, .pdrv--editorial .pdrv__it:focus-within .pdrv__cap { transform: none; }

/* B · Spotlight bento */
.pdrv--bento .pdrv__items { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-auto-rows: clamp(90px, 11vw, 150px); grid-auto-flow: dense; gap: var(--gap, 10px); }
.pdrv--bento .pdrv__it { grid-column: span 2; grid-row: span 2; transition: filter .45s, opacity .45s; }
.pdrv--bento .pdrv__it:nth-child(8n+1) { grid-column: span 3; grid-row: span 3; }
.pdrv--bento .pdrv__it:nth-child(8n+2) { grid-column: span 2; grid-row: span 2; }
.pdrv--bento .pdrv__it:nth-child(8n+3) { grid-column: span 1; grid-row: span 2; }
.pdrv--bento .pdrv__it:nth-child(8n+4), .pdrv--bento .pdrv__it:nth-child(8n+5), .pdrv--bento .pdrv__it:nth-child(8n+6) { grid-column: span 1; grid-row: span 1; }
.pdrv--bento .pdrv__it:nth-child(8n+7), .pdrv--bento .pdrv__it:nth-child(8n) { grid-column: span 3; grid-row: span 2; }
.pdrv--bento .pdrv__items:hover .pdrv__it:not(:hover) { filter: grayscale(.85) brightness(.55); }
.pdrv--bento .pdrv__a::before { content: ""; position: absolute; top: 0; left: -70%; z-index: 2; width: 45%; height: 100%; background: linear-gradient(100deg, transparent, rgba(255, 255, 255, .32), transparent); transform: skewX(-20deg); pointer-events: none; }
.pdrv--bento .pdrv__a:hover::before { left: 130%; transition: left .9s ease; }
.pdrv__badge { position: absolute; left: 16px; top: 16px; z-index: 3; padding: 6px 10px; background: var(--pg); color: var(--pn); font: 800 12px/1 var(--pfd); letter-spacing: .18em; text-transform: uppercase; pointer-events: none; }

/* C · Cinema carousel (coverflow) */
.pdrv__cine { position: relative; height: clamp(300px, 38vw, 520px); overflow: hidden; background: radial-gradient(90% 120% at 50% 40%, var(--tbsp-coal-2, #0B2B6B), var(--pc) 70%); clip-path: polygon(0 0, 100% 0, 100% calc(100% - 20px), calc(100% - 20px) 100%, 0 100%); perspective: 1200px; }
.pdrv--cinema .pdrv__items { position: absolute; inset: 0; }
.pdrv--cinema .pdrv__it { position: absolute; top: 50%; left: 50%; width: 52%; aspect-ratio: 16 / 10; background: transparent; opacity: 0; transform: translate(-50%, -50%) scale(.5); transition: transform .7s cubic-bezier(.2, .7, .2, 1), opacity .7s, filter .7s; pointer-events: none; clip-path: none !important; box-shadow: 0 30px 70px rgba(0, 0, 0, .55); }
.pdrv--cinema .pdrv__it.is-c { opacity: 1; z-index: 3; transform: translate(-50%, -50%); pointer-events: auto; }
.pdrv--cinema .pdrv__it.is-c::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: var(--pg); }
.pdrv--cinema .pdrv__it.is-l, .pdrv--cinema .pdrv__it.is-r { opacity: 1; z-index: 2; filter: brightness(.42); pointer-events: auto; }
.pdrv--cinema .pdrv__it.is-l { transform: translate(-118%, -50%) scale(.74) rotateY(28deg); }
.pdrv--cinema .pdrv__it.is-r { transform: translate(18%, -50%) scale(.74) rotateY(-28deg); }
.pdrv--cinema .pdrv__a:hover img { transform: none; }
.pdrv__cinek { position: absolute; left: 26px; top: 22px; z-index: 5; color: #fff; font: 800 12px/1 var(--pfd); letter-spacing: .24em; text-transform: uppercase; }
.pdrv__cinek b { display: block; margin-top: 6px; color: var(--pg); font-size: 32px; letter-spacing: 0; }
.pdrv__cine > .pdrv__nav { position: absolute; top: 50%; z-index: 5; transform: translateY(-50%); }
.pdrv__cine > .pdrv__nav--prev { left: 14px; } .pdrv__cine > .pdrv__nav--next { right: 14px; }
.pdrv__dots { position: absolute; left: 0; right: 0; bottom: 18px; z-index: 5; display: flex; justify-content: center; gap: 6px; }
.pdrv__dots i { width: 26px; height: 4px; background: rgba(255, 255, 255, .28); transition: background .3s; }
.pdrv__dots i.is-on { background: var(--pg); }

/* D · Slash panels */
.pdrv--slash .pdrv__items { display: flex; gap: 6px; height: clamp(300px, 34vw, 460px); padding: 0 40px !important; }
.pdrv--slash .pdrv__it { flex: 1 1 0; min-width: 0; transform: skewX(-8deg); transition: flex-grow .7s cubic-bezier(.2, .7, .2, 1); clip-path: none !important; }
.pdrv--slash .pdrv__it:nth-child(n+9) { display: none; }
.pdrv--slash .pdrv__it { overflow: hidden; }
.pdrv--slash .pdrv__a { position: absolute; top: 0; bottom: 0; left: -40px; right: -40px; transform: skewX(8deg); }
.pdrv--slash .pdrv__a img { width: 100%; height: 100%; object-fit: cover; }
.pdrv--slash .pdrv__a:hover img { transform: none; }
.pdrv--slash .pdrv__it::after { content: ""; position: absolute; inset: 0; background: rgba(3, 21, 56, .5); transition: opacity .5s; pointer-events: none; }
.pdrv--slash .pdrv__it.is-open { flex-grow: 4; }
.pdrv--slash .pdrv__it.is-open::after { opacity: 0; }
.pdrv--slash .pdrv__it.is-open .pdrv__a::after { border-color: transparent; }
.pdrv__slashcap { position: absolute; left: 30px; top: 20px; z-index: 2; max-width: 70%; color: #fff; font: 800 22px/1.05 var(--pfd); text-transform: uppercase; text-shadow: 0 2px 10px rgba(0, 0, 0, .6); transform: skewX(8deg); opacity: 0; transition: opacity .4s .2s; pointer-events: none; }
.pdrv--slash .pdrv__it.is-open .pdrv__slashcap { opacity: 1; }

/* E · Trophy wall */
.pdrv--trophy .pdrv__items { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px 24px; padding: 16px 0 !important; }
.pdrv--trophy .pdrv__it { position: relative; width: calc((100% - 24px * (var(--cols, 4) - 1)) / var(--cols, 4)); max-width: 260px; padding: 10px 10px 0 !important; overflow: visible; background: #fff; clip-path: none !important; box-shadow: 0 18px 40px -18px rgba(5, 31, 82, .55); transform: rotate(var(--r, -3deg)); transition: transform .4s cubic-bezier(.2, .7, .2, 1), box-shadow .4s; }
.pdrv--trophy .pdrv__it:nth-child(5n+1) { --r: -4deg; } .pdrv--trophy .pdrv__it:nth-child(5n+2) { --r: 3deg; } .pdrv--trophy .pdrv__it:nth-child(5n+3) { --r: -2deg; } .pdrv--trophy .pdrv__it:nth-child(5n+4) { --r: 4deg; } .pdrv--trophy .pdrv__it:nth-child(5n) { --r: -3deg; }
.pdrv--trophy .pdrv__it::before { content: "" !important; position: absolute; left: 50%; top: -11px; z-index: 2; width: 74px; height: 22px; margin-left: -37px; background: rgba(238, 192, 88, .78); transform: rotate(-3deg); }
.pdrv--trophy .pdrv__it:hover, .pdrv--trophy .pdrv__it:focus-within { z-index: 3; transform: rotate(0) scale(1.06); box-shadow: 0 26px 50px -18px rgba(5, 31, 82, .7); }
.pdrv--trophy .pdrv__a { aspect-ratio: 1 / 1; height: auto; }
.pdrv--trophy.is-reveal .pdrv__it { transform: rotate(var(--r)) translateY(28px); }
.pdrv--trophy.is-reveal .pdrv__it.is-in { transform: rotate(var(--r)); }
.pdrv--trophy.is-reveal .pdrv__it.is-in:hover { transform: rotate(0) scale(1.06); }
.pdrv__print { display: block; min-height: 44px; padding: 12px 4px 14px; color: var(--pn); font: 800 16px/1.1 var(--pfd); text-transform: uppercase; text-align: center; }

/* F · Story reel */
.pdrv__story { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: var(--gap, 10px); }
.pdrv--story .pdrv__stage { aspect-ratio: 16 / 10; }
.pdrv--story .pdrv__stage img { object-fit: cover; animation: pdrvKen 7s ease-out both; }
@keyframes pdrvKen { from { transform: scale(1); } to { transform: scale(1.12) translate(-1.5%, -1%); } }
.pdrv__bars { position: absolute; left: 0; right: 0; top: 0; z-index: 3; display: flex; gap: 4px; padding: 12px; }
.pdrv__bars i { flex: 1; height: 4px; overflow: hidden; background: rgba(255, 255, 255, .32); }
.pdrv__bars i b { display: block; width: 0; height: 100%; background: var(--pg); }
.pdrv__bars i.is-done b { width: 100%; }
.pdrv__bars i.is-on b { animation: pdrvBar var(--dur, 5s) linear forwards; }
.pdrv.is-paused .pdrv__bars i.is-on b, .pdrv.is-paused .pdrv__stage img { animation-play-state: paused; }
@keyframes pdrvBar { to { width: 100%; } }
.pdrv__storycap { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; padding: 40px 20px 18px; background: linear-gradient(180deg, transparent, rgba(3, 21, 56, .9)); color: #fff; pointer-events: none; }
.pdrv__storycap small { font: 800 12px/1 var(--pfd); letter-spacing: .22em; text-transform: uppercase; color: var(--pg); }
.pdrv__storycap b { display: block; margin-top: 6px; font: 800 clamp(22px, 3vw, 34px)/1 var(--pfd); text-transform: uppercase; }
.pdrv__storycap b:empty { display: none; }
.pdrv__tap { position: absolute; top: 0; bottom: 0; z-index: 2; width: 35%; padding: 0; border: 0; background: transparent; cursor: pointer; }
.pdrv__tap--prev { left: 0; } .pdrv__tap--next { right: 0; }
.pdrv__pause { position: absolute; right: 12px; top: 24px; z-index: 4; width: 36px; height: 36px; padding: 0; border: 0; background: rgba(3, 21, 56, .6); color: #fff; font: 700 12px/1 Arial, sans-serif; cursor: pointer; }
.pdrv--story .pdrv__items { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); gap: var(--gap, 10px); contain: size; min-height: 0; }
.pdrv--story .pdrv__it { aspect-ratio: auto !important; min-height: 0; overflow: hidden; }
.pdrv--story .pdrv__it .pdrv__a, .pdrv--story .pdrv__it img { height: 100%; }
.pdrv--story .pdrv__it img { width: 100%; object-fit: cover; }
.pdrv--story .pdrv__it { display: none; }
.pdrv--story .pdrv__it.is-q1, .pdrv--story .pdrv__it.is-q2, .pdrv--story .pdrv__it.is-q3 { display: block; }
.pdrv--story .pdrv__it.is-q1 { order: 1; } .pdrv--story .pdrv__it.is-q2 { order: 2; } .pdrv--story .pdrv__it.is-q3 { order: 3; }
.pdrv--story .pdrv__it::after { content: ""; position: absolute; inset: 0; background: rgba(3, 21, 56, .35); pointer-events: none; transition: background .3s; }
.pdrv--story .pdrv__it:hover::after { background: transparent; }

@media (max-width: 760px) {
	.pdrv--editorial .pdrv__items { columns: 2; column-gap: 6px; }
	.pdrv--editorial .pdrv__it { margin-bottom: 6px !important; }
	.pdrv--bento .pdrv__items { grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 120px; gap: 6px; }
	.pdrv--bento .pdrv__it, .pdrv--bento .pdrv__it:nth-child(n) { grid-column: span 1; grid-row: span 1; }
	.pdrv--bento .pdrv__it:nth-child(5n+1) { grid-column: span 2; grid-row: span 2; }
	.pdrv__cine { height: 280px; }
	.pdrv--cinema .pdrv__it { width: 78%; }
	.pdrv--cinema .pdrv__it.is-l { transform: translate(-128%, -50%) scale(.7) rotateY(30deg); }
	.pdrv--cinema .pdrv__it.is-r { transform: translate(28%, -50%) scale(.7) rotateY(-30deg); }
	.pdrv__cine > .pdrv__nav { display: none; }
	.pdrv__cinek b { font-size: 24px; }
	.pdrv--slash .pdrv__items { flex-direction: column; height: auto; padding: 0 !important; }
	.pdrv--slash .pdrv__it { flex: none; height: 64px; transform: none; transition: height .6s cubic-bezier(.2, .7, .2, 1); }
	.pdrv--slash .pdrv__a { transform: none; left: 0; right: 0; }
	.pdrv--slash .pdrv__it.is-open { height: 260px; }
	.pdrv__slashcap { transform: none; font-size: 18px; left: 14px; top: 12px; }
	.pdrv--trophy .pdrv__items { gap: 22px 14px; }
	.pdrv--trophy .pdrv__it { width: calc(50% - 7px); padding: 6px 6px 0 !important; }
	.pdrv__print { font-size: 13px; min-height: 34px; padding: 8px 2px 10px; }
	.pdrv__story { grid-template-columns: 1fr; }
	.pdrv--story .pdrv__items { grid-template-columns: repeat(3, 1fr); grid-template-rows: auto; contain: none; }
	.pdrv--story .pdrv__it { aspect-ratio: 4 / 3 !important; }
}
@media (prefers-reduced-motion: reduce) {
	.pdrv.is-reveal .pdrv__it { opacity: 1; transform: none; transition: none; }
	.pdrv--story .pdrv__stage img { animation: none; }
	.pdrv--cinema .pdrv__it, .pdrv--slash .pdrv__it, .pdrv--trophy .pdrv__it { transition: none; }
}