{"id":216,"date":"2026-07-22T18:22:14","date_gmt":"2026-07-22T16:22:14","guid":{"rendered":"https:\/\/www.donttellus.com\/en_us\/image-series\/"},"modified":"2026-08-29T15:24:51","modified_gmt":"2026-08-29T13:24:51","slug":"image-series","status":"publish","type":"page","link":"https:\/\/www.donttellus.com\/en_us\/image-series\/","title":{"rendered":"Image Series"},"content":{"rendered":"\ufeff\n\n\n\n:root {\n –bg: #06080d;\n –bg-soft: #0b1018;\n –panel: rgba(15, 19, 28, 0.72);\n –panel-2: rgba(23, 29, 42, 0.78);\n –text: #f4f6f8;\n –muted: #97a4b2;\n –line: rgba(255, 255, 255, 0.12);\n –line-strong: rgba(255, 255, 255, 0.18);\n –accent: #8df1c8;\n –accent-2: #ffbf69;\n –accent-3: #7ca6ff;\n –danger: #ff6f61;\n –shadow: 0 24px 70px rgba(0, 0, 0, 0.48);\n –page-max: 1320px;\n –content-max: 760px;\n –gutter: clamp(16px, 4vw, 32px);\n –space-1: 8px;\n –space-2: 16px;\n –space-3: 24px;\n –space-4: 32px;\n –space-5: 48px;\n –space-6: 64px;\n –section-gap: clamp(48px, 7vw, 88px);\n –grid-gap: 24px;\n –card-pad: clamp(16px, 2vw, 24px);\n –radius: 8px;\n –radius-lg: 8px;\n}\n\n* {\n box-sizing: border-box;\n}\n\nhtml {\n scroll-behavior: smooth;\n}\n\nbody {\n margin: 0;\n font-family: “Aptos”, “Segoe UI Variable Text”, “Inter”, “Segoe UI”, Arial, sans-serif;\n color: var(–text);\n background:\n radial-gradient(circle at 18% 10%, rgba(124, 166, 255, 0.18), transparent 24%),\n radial-gradient(circle at 82% 18%, rgba(255, 191, 105, 0.12), transparent 20%),\n radial-gradient(circle at top, rgba(141, 241, 200, 0.16), transparent 34%),\n linear-gradient(180deg, #070b11 0%, #06080d 100%);\n min-height: 100vh;\n letter-spacing: 0;\n position: relative;\n overflow-x: hidden;\n}\n\nbody::before,\nbody::after {\n content: “”;\n position: fixed;\n inset: 0;\n pointer-events: none;\n z-index: 0;\n}\n\nbody::before {\n background:\n linear-gradient(115deg, rgba(255, 255, 255, 0.03), transparent 34%),\n linear-gradient(285deg, rgba(255, 255, 255, 0.02), transparent 20%);\n mix-blend-mode: screen;\n}\n\nbody::after {\n background-image:\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\n background-size: 72px 72px;\n mask-image: radial-gradient(circle at center, black 38%, transparent 92%);\n opacity: 0.12;\n}\n\na {\n color: inherit;\n text-decoration: none;\n}\n\n.shell {\n width: min(var(–page-max), calc(100% – (var(–gutter) * 2)));\n margin: 0 auto;\n position: relative;\n z-index: 1;\n}\n\n.topbar {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 16px;\n padding: 18px 0 16px;\n position: sticky;\n top: 0;\n z-index: 20;\n backdrop-filter: blur(18px);\n background: linear-gradient(180deg, rgba(6, 8, 13, 0.92), rgba(6, 8, 13, 0.62));\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n margin-bottom: 18px;\n}\n\n.brand {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.brand-mark {\n width: 58px;\n height: 58px;\n border-radius: 18px;\n object-fit: cover;\n box-shadow: 0 14px 40px rgba(0, 0, 0, 0.42);\n flex: 0 0 auto;\n background: #0b0f14;\n border: 1px solid rgba(255, 255, 255, 0.1);\n}\n\n.brand-copy {\n display: flex;\n flex-direction: column;\n gap: 2px;\n}\n\n.brand strong {\n font-size: 1.05rem;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n}\n\n.brand span,\n.eyebrow,\n.meta,\n.status-label,\n.legal-note,\n.price-hint {\n color: var(–muted);\n}\n\n.hero {\n display: grid;\n grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr);\n gap: var(–grid-gap);\n align-items: stretch;\n padding: var(–space-2) 0 var(–space-5);\n}\n\n.hero-media {\n display: flex;\n flex-direction: column;\n gap: 14px;\n padding: 18px;\n overflow: hidden;\n position: relative;\n background:\n radial-gradient(circle at top right, rgba(124, 166, 255, 0.12), transparent 28%),\n linear-gradient(180deg, rgba(15, 19, 28, 0.9), rgba(9, 12, 18, 0.98));\n}\n\n.hero-media .player {\n aspect-ratio: 16 \/ 9;\n}\n\n.hero-media img,\n.visual-card img {\n width: 100%;\n display: block;\n object-fit: cover;\n border-radius: 16px;\n border: 1px solid var(–line);\n}\n\n.hero-media img {\n aspect-ratio: 16 \/ 9;\n}\n\n.media-caption,\n.visual-copy {\n display: grid;\n gap: 6px;\n}\n\n.media-caption p,\n.visual-copy p {\n margin: 0;\n color: var(–muted);\n line-height: 1.55;\n}\n\n.visual-world {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 16px;\n padding: 0 0 28px;\n}\n\n.video-showcase {\n display: grid;\n gap: 16px;\n padding: 4px 0 28px;\n}\n\n.auth-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 18px;\n padding: 0 0 28px;\n}\n\n.auth-panel {\n display: grid;\n gap: 14px;\n padding: 24px;\n}\n\n.auth-panel-secondary {\n background:\n radial-gradient(circle at top right, rgba(255, 191, 105, 0.12), transparent 30%),\n linear-gradient(180deg, rgba(18, 27, 38, 0.96), rgba(10, 14, 20, 0.98));\n}\n\n.auth-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.auth-form {\n display: grid;\n gap: 12px;\n}\n\n.locale-switcher {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n margin-left: auto;\n}\n\n.locale-switcher .tag.is-active {\n background: var(–accent-2);\n color: #041821;\n border-color: transparent;\n}\n\n.video-shelf {\n display: grid;\n grid-auto-flow: column;\n grid-auto-columns: minmax(260px, 310px);\n gap: 16px;\n overflow-x: auto;\n padding-bottom: 10px;\n scroll-snap-type: x proximity;\n scrollbar-width: thin;\n scrollbar-color: rgba(141, 241, 200, 0.48) transparent;\n}\n\n.video-card {\n padding: 0;\n overflow: hidden;\n scroll-snap-align: start;\n min-height: 0;\n cursor: pointer;\n border-radius: var(–radius);\n transform: translateZ(0);\n transition: transform 0.22s ease, box-shadow 0.22s ease, border-color 0.22s ease;\n}\n\n.video-card:hover,\n.video-card:focus-within {\n transform: translateY(-4px);\n box-shadow: 0 24px 70px rgba(0, 0, 0, 0.42);\n border-color: rgba(141, 241, 200, 0.26);\n}\n\n.preview-launch {\n display: grid;\n gap: 0;\n width: 100%;\n padding: 0;\n border: 0;\n background: transparent;\n color: inherit;\n text-align: left;\n cursor: pointer;\n}\n\n.preview-launch:focus-visible {\n outline: 2px solid var(–accent-2);\n outline-offset: 4px;\n}\n\n.preview-launch-hero {\n border-radius: 0;\n}\n\n.preview-thumb {\n position: relative;\n width: 100%;\n aspect-ratio: 2 \/ 3;\n background: #000;\n overflow: hidden;\n display: grid;\n place-items: stretch;\n}\n\n.preview-thumb img {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: cover;\n transition: transform 280ms ease, filter 280ms ease;\n}\n\n.preview-card.is-member .preview-thumb img {\n filter: saturate(0.85) contrast(0.92);\n}\n\n.preview-launch:hover .preview-thumb img,\n.preview-launch:focus-visible .preview-thumb img {\n transform: scale(1.03);\n}\n\n.preview-gradient {\n position: absolute;\n inset: 0;\n background:\n linear-gradient(180deg, rgba(4, 6, 10, 0.08), rgba(4, 6, 10, 0.86)),\n linear-gradient(90deg, rgba(141, 241, 200, 0.08), transparent 42%, rgba(255, 191, 105, 0.08));\n}\n\n.preview-badge {\n position: absolute;\n top: 10px;\n left: 10px;\n z-index: 1;\n padding: 5px 8px;\n border-radius: 999px;\n background: linear-gradient(135deg, var(–accent-2), #ffd9a0);\n color: #091018;\n font-size: 0.66rem;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n}\n\n.preview-play {\n position: absolute;\n right: 10px;\n bottom: 10px;\n z-index: 1;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(9, 13, 18, 0.48);\n backdrop-filter: blur(16px);\n color: #fff;\n font-weight: 700;\n font-size: 0.84rem;\n letter-spacing: 0.03em;\n border: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.preview-copy {\n position: absolute;\n inset: auto 0 0 0;\n z-index: 1;\n display: grid;\n gap: 6px;\n padding: 14px 14px 12px;\n color: #fff;\n}\n\n.preview-copy .eyebrow {\n color: rgba(195, 229, 247, 0.82);\n}\n\n.preview-copy strong {\n display: block;\n font-size: 0.98rem;\n line-height: 1.2;\n}\n\n.preview-copy span:last-child {\n color: rgba(237, 242, 247, 0.86);\n line-height: 1.45;\n font-size: 0.86rem;\n}\n\n.video-card-copy {\n display: grid;\n gap: 8px;\n padding: 14px 16px 16px;\n background: linear-gradient(180deg, rgba(10, 14, 19, 0.92), rgba(10, 14, 19, 0.98));\n}\n\n.rating-strip {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n margin-top: 2px;\n padding-top: 10px;\n border-top: 1px solid rgba(255, 255, 255, 0.08);\n color: var(–muted);\n font-size: 0.82rem;\n}\n\n.rating-strip strong {\n color: var(–accent-2);\n font-size: 0.86rem;\n}\n\n.video-card-copy h3 {\n margin: 0;\n font-size: 1rem;\n}\n\n.video-card-copy p {\n margin: 0;\n color: var(–muted);\n line-height: 1.55;\n font-size: 0.88rem;\n}\n\n.preview-card:focus-visible {\n outline: 2px solid var(–accent-2);\n outline-offset: 4px;\n}\n\n.video-modal {\n position: fixed;\n inset: 0;\n z-index: 40;\n display: grid;\n place-items: center;\n padding: 20px;\n}\n\n.video-modal[hidden] {\n display: none;\n}\n\n.video-modal-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(1, 3, 6, 0.84);\n backdrop-filter: blur(16px);\n}\n\n.video-modal-dialog {\n position: relative;\n z-index: 1;\n width: min(1160px, 100%);\n display: grid;\n gap: 16px;\n padding: 20px;\n background:\n radial-gradient(circle at top right, rgba(141, 241, 200, 0.1), transparent 25%),\n linear-gradient(180deg, rgba(14, 18, 25, 0.98), rgba(7, 10, 15, 0.98));\n border-radius: var(–radius);\n border: 1px solid rgba(255, 255, 255, 0.08);\n box-shadow: 0 36px 120px rgba(0, 0, 0, 0.65);\n}\n\n.video-modal-player video {\n width: 100%;\n display: block;\n aspect-ratio: 16 \/ 9;\n background: #000;\n border-radius: var(–radius);\n}\n\n.video-modal-copy {\n display: grid;\n gap: 8px;\n}\n\n.video-modal-copy h3 {\n margin: 0;\n font-size: clamp(1.5rem, 3vw, 2.4rem);\n}\n\n.video-modal-copy p {\n margin: 0;\n color: var(–muted);\n line-height: 1.6;\n}\n\n.rating-panel {\n display: grid;\n gap: 14px;\n padding: 18px;\n border-radius: var(–radius);\n background: rgba(255, 255, 255, 0.03);\n border: 1px solid rgba(255, 255, 255, 0.08);\n}\n\n.rating-panel h4 {\n margin: 0;\n font-size: 1.18rem;\n}\n\n.rating-panel-lead {\n margin: 0;\n color: var(–muted);\n}\n\n.rating-grade-grid {\n display: grid;\n grid-template-columns: repeat(6, minmax(0, 1fr));\n gap: 10px;\n}\n\n.rating-grade-button {\n min-height: 72px;\n border-radius: 18px;\n border: 1px solid rgba(255, 255, 255, 0.1);\n background: rgba(255, 255, 255, 0.04);\n color: var(–text);\n cursor: pointer;\n font-weight: 800;\n font-size: 1.1rem;\n transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;\n}\n\n.rating-grade-button span {\n display: block;\n margin-top: 4px;\n font-size: 0.72rem;\n font-weight: 600;\n color: var(–muted);\n}\n\n.rating-grade-button:hover,\n.rating-grade-button:focus-visible,\n.rating-grade-button.is-active {\n transform: translateY(-2px);\n border-color: rgba(141, 241, 200, 0.48);\n background: rgba(141, 241, 200, 0.11);\n outline: none;\n}\n\n.rating-grade-button.is-best.is-active,\n.rating-grade-button.is-best:hover {\n border-color: rgba(141, 241, 200, 0.6);\n}\n\n.rating-grade-button.is-worst.is-active,\n.rating-grade-button.is-worst:hover {\n border-color: rgba(255, 120, 120, 0.52);\n background: rgba(255, 120, 120, 0.08);\n}\n\n.rating-chip-row {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.rating-chip {\n cursor: pointer;\n transition: border-color 0.18s ease, background 0.18s ease, color 0.18s ease;\n}\n\n.rating-chip.is-active,\n.rating-chip:hover,\n.rating-chip:focus-visible {\n border-color: rgba(141, 241, 200, 0.42);\n background: rgba(141, 241, 200, 0.1);\n color: var(–text);\n outline: none;\n}\n\n.rating-panel-footer {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n gap: 10px;\n color: var(–muted);\n font-size: 0.88rem;\n}\n\n.rating-panel-footer strong {\n color: var(–text);\n}\n\n.rating-panel.is-prompted {\n border-color: rgba(141, 241, 200, 0.4);\n box-shadow: 0 0 0 1px rgba(141, 241, 200, 0.18), 0 18px 40px rgba(0, 0, 0, 0.22);\n}\n\n.video-modal-close {\n position: absolute;\n top: 12px;\n right: 12px;\n z-index: 2;\n width: 40px;\n height: 40px;\n border: 1px solid var(–line);\n border-radius: 999px;\n background: rgba(7, 10, 15, 0.92);\n color: var(–text);\n font-size: 1.4rem;\n line-height: 1;\n cursor: pointer;\n}\n\n.image-lightbox {\n position: fixed;\n inset: 0;\n z-index: 45;\n display: grid;\n place-items: center;\n padding: 20px;\n}\n\n.image-lightbox[hidden] {\n display: none;\n}\n\n.image-lightbox-backdrop {\n position: absolute;\n inset: 0;\n background: rgba(1, 3, 6, 0.88);\n}\n\n.image-lightbox-dialog {\n position: relative;\n z-index: 1;\n width: min(1200px, 100%);\n padding: 20px;\n}\n\n.image-lightbox-stage {\n display: grid;\n grid-template-columns: 56px minmax(0, 1fr) 56px;\n gap: 14px;\n align-items: center;\n}\n\n.image-lightbox-nav,\n.image-lightbox-close {\n border: 1px solid rgba(255, 255, 255, 0.14);\n background: rgba(255, 255, 255, 0.06);\n color: #fff;\n border-radius: 16px;\n cursor: pointer;\n}\n\n.image-lightbox-nav {\n min-height: 72px;\n font-size: 2rem;\n}\n\n.image-lightbox-close {\n position: absolute;\n top: 12px;\n right: 12px;\n width: 44px;\n height: 44px;\n font-size: 1.5rem;\n}\n\n.image-lightbox-figure {\n margin: 0;\n display: grid;\n gap: 14px;\n}\n\n.image-lightbox-figure img {\n width: 100%;\n max-height: 78vh;\n object-fit: contain;\n border-radius: var(–radius);\n background: rgba(255, 255, 255, 0.03);\n}\n\n.image-lightbox-figure figcaption {\n display: grid;\n gap: 6px;\n}\n\n.image-lightbox-figure strong {\n font-size: 1.15rem;\n}\n\n.image-lightbox-figure span {\n color: var(–muted);\n line-height: 1.6;\n}\n\nbody.modal-open {\n overflow: hidden;\n}\n\n.two-col-world {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n}\n\n.hard-protocol-world {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.visual-card {\n padding: 16px;\n display: grid;\n gap: 14px;\n background:\n linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),\n rgba(255, 255, 255, 0.02);\n}\n\n.visual-card img {\n aspect-ratio: 4 \/ 5;\n}\n\n.visual-overlay-card {\n position: relative;\n overflow: hidden;\n min-height: 400px;\n padding: 0;\n}\n\n.visual-overlay-card img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n aspect-ratio: auto;\n border-radius: 0;\n border: 0;\n}\n\n.overlay-copy {\n position: relative;\n z-index: 1;\n align-self: end;\n margin: auto 0 0;\n padding: 20px;\n background: linear-gradient(180deg, transparent, rgba(5, 8, 12, 0.92) 45%);\n min-height: 260px;\n display: flex;\n flex-direction: column;\n justify-content: end;\n gap: 6px;\n}\n\n.overlay-kicker {\n text-transform: uppercase;\n letter-spacing: 0.18em;\n font-size: 0.75rem;\n color: var(–accent-2);\n}\n\n.overlay-copy h3 {\n margin: 0;\n font-size: 1.8rem;\n}\n\n.overlay-copy p {\n margin: 0;\n color: #d6dde4;\n max-width: 34ch;\n}\n\n.section-heading {\n display: grid;\n grid-template-columns: minmax(0, 0.82fr) minmax(320px, 0.38fr);\n align-items: end;\n gap: var(–grid-gap);\n padding: 0 0 var(–space-3);\n margin-top: var(–section-gap);\n}\n\n.section-heading h2 {\n margin-bottom: 0;\n font-size: clamp(1.6rem, 3vw, 2.45rem);\n letter-spacing: 0;\n max-width: 28ch;\n}\n\n.section-heading p {\n margin: 0;\n max-width: 52ch;\n color: var(–muted);\n line-height: 1.6;\n}\n\n.detention-world,\n.streetwear-world {\n padding-top: 6px;\n}\n\n.openrouter-panel {\n padding: 20px 24px;\n margin-bottom: 18px;\n}\n\n.concept-teaser,\n.concept-page {\n padding: 24px;\n}\n\n.concept-page h2,\n.concept-page p:last-child {\n margin-bottom: 0;\n}\n\n.concept-page p {\n line-height: 1.7;\n color: #d6dde4;\n}\n\n.pattern-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 16px;\n margin-top: 18px;\n}\n\n.pattern-card {\n padding: 18px;\n display: grid;\n gap: 12px;\n}\n\n.pattern-wide {\n grid-column: span 2;\n}\n\n.pattern-visual {\n margin: 0;\n display: grid;\n gap: 8px;\n}\n\n.pattern-visual img {\n width: 100%;\n aspect-ratio: 16 \/ 9;\n object-fit: cover;\n border-radius: 16px;\n border: 1px solid var(–line);\n}\n\n.pattern-visual figcaption {\n color: var(–accent-2);\n font-weight: 700;\n}\n\n.pattern-stack {\n display: grid;\n gap: 10px;\n}\n\n.pattern-stack div {\n display: grid;\n gap: 3px;\n padding: 12px 14px;\n border-radius: 14px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(–line);\n}\n\n.pattern-stack strong {\n color: var(–text);\n}\n\n.pattern-stack span {\n color: var(–muted);\n line-height: 1.5;\n}\n\n.atlas-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 12px;\n margin-top: 14px;\n}\n\n.atlas-card {\n padding: 16px;\n display: grid;\n gap: 8px;\n}\n\n.atlas-card p {\n margin: 0;\n color: var(–muted);\n line-height: 1.55;\n}\n\n.home-topic-strip {\n padding: 20px 24px;\n margin: 18px 0 28px;\n}\n\n.home-topic-strip h2 {\n margin-bottom: 8px;\n font-size: clamp(1.35rem, 2.5vw, 2rem);\n}\n\n.home-topic-strip p {\n margin: 0 0 14px;\n color: var(–muted);\n line-height: 1.6;\n max-width: 60ch;\n}\n\n.home-topic-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n}\n\n.home-topic-link {\n padding: 16px;\n display: grid;\n gap: 8px;\n}\n\n.home-topic-link strong {\n font-size: 1rem;\n}\n\n.home-topic-link span {\n color: var(–muted);\n line-height: 1.55;\n}\n\n.topic-hero {\n display: grid;\n grid-template-columns: 1fr 0.9fr;\n gap: 18px;\n padding: 22px;\n margin-bottom: 18px;\n}\n\n.topic-copy {\n display: grid;\n gap: 10px;\n align-content: start;\n}\n\n.topic-media {\n overflow: hidden;\n padding: 0;\n display: grid;\n}\n\n.topic-media img {\n width: 100%;\n min-height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.topic-grid {\n margin-top: 18px;\n}\n\n.editor-shell {\n padding: 24px;\n display: grid;\n gap: 22px;\n}\n\n.production-board {\n display: grid;\n gap: 18px;\n padding: 20px;\n}\n\n.pipeline-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 16px;\n}\n\n.pipeline-card {\n padding: 18px;\n display: grid;\n gap: 14px;\n min-width: 0;\n}\n\n.pipeline-card h3 {\n margin-bottom: 0;\n}\n\n.pipeline-list {\n margin: 0;\n padding-left: 18px;\n display: grid;\n gap: 8px;\n color: var(–muted);\n line-height: 1.55;\n}\n\n.queue-toolbar {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.queue-table-wrap {\n overflow: auto;\n border-radius: 16px;\n border: 1px solid var(–line);\n}\n\n.queue-table {\n width: 100%;\n border-collapse: collapse;\n min-width: min(680px, 100%);\n}\n\n.queue-table thead th {\n text-align: left;\n padding: 12px 14px;\n font-size: 0.78rem;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n color: var(–muted);\n background: rgba(255, 255, 255, 0.03);\n}\n\n.queue-table tbody tr {\n transition: background 0.16s ease;\n cursor: pointer;\n}\n\n.queue-table tbody tr:hover,\n.queue-table tbody tr.is-active {\n background: rgba(126, 224, 195, 0.08);\n}\n\n.queue-table td {\n padding: 12px 14px;\n border-top: 1px solid rgba(255, 255, 255, 0.07);\n vertical-align: top;\n}\n\n.queue-table td strong {\n display: block;\n margin-bottom: 4px;\n}\n\n.production-form {\n display: grid;\n gap: 12px;\n}\n\n.production-json {\n max-height: 340px;\n}\n\n.thumbnail-guide {\n display: grid;\n gap: 22px;\n}\n\n.thumbnail-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 18px;\n}\n\n.thumbnail-demo {\n display: grid;\n gap: 16px;\n overflow: hidden;\n padding: 0;\n}\n\n.thumbnail-art {\n position: relative;\n min-height: 420px;\n padding: 18px;\n display: grid;\n align-content: space-between;\n gap: 16px;\n background:\n radial-gradient(circle at top right, rgba(255, 184, 107, 0.16), transparent 28%),\n linear-gradient(145deg, rgba(15, 20, 28, 0.98), rgba(8, 11, 16, 0.98));\n}\n\n.thumbnail-public .thumbnail-art {\n background:\n radial-gradient(circle at top right, rgba(126, 224, 195, 0.18), transparent 30%),\n linear-gradient(145deg, rgba(16, 22, 31, 0.98), rgba(6, 9, 13, 0.98));\n}\n\n.thumbnail-member .thumbnail-art {\n background:\n radial-gradient(circle at top right, rgba(121, 148, 255, 0.18), transparent 30%),\n linear-gradient(145deg, rgba(15, 18, 28, 0.98), rgba(7, 9, 15, 0.98));\n}\n\n.thumbnail-premium .thumbnail-art {\n background:\n radial-gradient(circle at top right, rgba(255, 102, 153, 0.18), transparent 30%),\n linear-gradient(145deg, rgba(24, 16, 24, 0.98), rgba(10, 6, 9, 0.98));\n}\n\n.thumbnail-topline,\n.thumbnail-footer {\n display: flex;\n justify-content: space-between;\n gap: 12px;\n align-items: center;\n}\n\n.thumbnail-badge {\n display: inline-flex;\n align-items: center;\n padding: 7px 10px;\n border-radius: 999px;\n font-size: 0.72rem;\n font-weight: 800;\n letter-spacing: 0.12em;\n background: var(–accent-2);\n color: #08111a;\n}\n\n.thumbnail-small {\n font-size: 0.74rem;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n color: rgba(235, 242, 250, 0.72);\n}\n\n.thumbnail-main {\n display: grid;\n gap: 10px;\n align-content: center;\n min-height: 220px;\n}\n\n.thumbnail-kicker {\n color: var(–accent);\n font-size: 0.82rem;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n}\n\n.thumbnail-main h3 {\n margin: 0;\n font-size: clamp(2rem, 3.6vw, 3rem);\n line-height: 1.05;\n max-width: 16ch;\n}\n\n.thumbnail-main p {\n margin: 0;\n max-width: 28ch;\n color: rgba(240, 246, 252, 0.82);\n line-height: 1.55;\n}\n\n.thumbnail-footer {\n padding-top: 12px;\n border-top: 1px solid rgba(255, 255, 255, 0.1);\n align-items: start;\n}\n\n.thumbnail-footer strong {\n display: block;\n font-size: 0.9rem;\n}\n\n.thumbnail-footer span {\n display: block;\n max-width: 26ch;\n color: rgba(233, 239, 245, 0.72);\n line-height: 1.45;\n}\n\n.thumbnail-spec {\n display: grid;\n gap: 12px;\n padding: 18px;\n}\n\n.thumbnail-spec h4 {\n margin: 0;\n font-size: 1.1rem;\n}\n\n.thumbnail-rules {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 16px;\n}\n\n.thumbnail-rule {\n padding: 18px;\n display: grid;\n gap: 10px;\n}\n\n.editor-grid {\n display: grid;\n grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);\n gap: 18px;\n}\n\n.dual-form-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n align-items: start;\n}\n\n.event-hero,\n.membership-request-hero {\n padding: 26px;\n}\n\n.editor-form {\n display: grid;\n gap: 18px;\n}\n\n.editor-section {\n display: grid;\n gap: 12px;\n padding: 18px;\n border: 1px solid var(–line);\n border-radius: 18px;\n background: rgba(255, 255, 255, 0.03);\n}\n\n.editor-section h3 {\n margin-bottom: 0;\n}\n\n.editor-field {\n display: grid;\n gap: 6px;\n}\n\n.editor-field span {\n font-size: 0.86rem;\n color: var(–muted);\n}\n\n.editor-field input,\n.editor-field textarea {\n width: 100%;\n border: 1px solid var(–line);\n background: rgba(5, 8, 12, 0.65);\n color: var(–text);\n border-radius: 14px;\n padding: 12px 14px;\n font: inherit;\n}\n\n.editor-field textarea {\n resize: vertical;\n min-height: 112px;\n}\n\n.editor-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.file-button {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n}\n\n.editor-preview {\n padding: 18px;\n overflow: hidden;\n}\n\n.editor-preview pre {\n margin: 12px 0 0;\n white-space: pre-wrap;\n word-break: break-word;\n max-height: 78vh;\n overflow: auto;\n}\n\n.casting-hero {\n display: grid;\n grid-template-columns: minmax(0, 1.05fr) minmax(360px, 0.95fr);\n gap: 18px;\n align-items: stretch;\n}\n\n.casting-hero-copy {\n display: grid;\n gap: 16px;\n padding: 28px;\n}\n\n.casting-hero-copy p {\n margin: 0;\n color: var(–muted);\n line-height: 1.7;\n max-width: 64ch;\n}\n\n.casting-hero-media {\n position: relative;\n overflow: hidden;\n min-height: 420px;\n padding: 0;\n}\n\n.casting-hero-media img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n}\n\n.casting-hero-overlay {\n position: absolute;\n inset: 0;\n display: grid;\n align-content: end;\n padding: 24px;\n background: linear-gradient(180deg, rgba(2, 5, 10, 0.08), rgba(2, 5, 10, 0.88));\n}\n\n.casting-hero-overlay strong {\n display: block;\n margin-bottom: 8px;\n font-size: 1.1rem;\n}\n\n.casting-hero-overlay p {\n margin: 0;\n color: rgba(238, 244, 250, 0.78);\n line-height: 1.6;\n}\n\n.casting-highlight-grid,\n.casting-kpi-grid {\n display: grid;\n gap: 16px;\n}\n\n.casting-highlight-grid {\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));\n}\n\n.casting-kpi-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n}\n\n.casting-kpi,\n.casting-highlight-card {\n padding: 18px;\n display: grid;\n gap: 10px;\n}\n\n.casting-kpi strong {\n font-size: 1.6rem;\n line-height: 1;\n}\n\n.casting-kpi span,\n.casting-highlight-card p {\n color: var(–muted);\n line-height: 1.6;\n}\n\n.casting-checklist {\n margin: 0;\n padding-left: 18px;\n display: grid;\n gap: 8px;\n color: var(–muted);\n line-height: 1.6;\n}\n\n.editor-field select {\n width: 100%;\n border: 1px solid var(–line);\n background: rgba(5, 8, 12, 0.65);\n color: var(–text);\n border-radius: 14px;\n padding: 12px 14px;\n font: inherit;\n}\n\n.panel {\n background:\n linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02)),\n var(–panel);\n border: 1px solid var(–line);\n border-radius: var(–radius);\n box-shadow: var(–shadow);\n backdrop-filter: blur(18px);\n}\n\n.hero-copy,\n.dossier-card,\n.legal-card,\n.player-card {\n padding: var(–card-pad);\n}\n\n.eyebrow {\n text-transform: uppercase;\n letter-spacing: 0.16em;\n font-size: 0.78rem;\n color: rgba(184, 194, 204, 0.82);\n}\n\nh1,\nh2,\nh3,\np {\n margin-top: 0;\n}\n\nh1 {\n font-size: clamp(2.5rem, 6vw, 5rem);\n line-height: 1.04;\n margin: 12px 0 16px;\n letter-spacing: 0;\n max-width: 18ch;\n}\n\n.lead {\n font-size: 1.07rem;\n line-height: 1.7;\n max-width: var(–content-max);\n color: #dbe2ea;\n}\n\n.cta-row {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n margin-top: 22px;\n}\n\n.btn {\n appearance: none;\n border: 0;\n border-radius: 999px;\n padding: 13px 18px;\n font-weight: 700;\n cursor: pointer;\n transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease, border-color 0.18s ease;\n letter-spacing: 0.01em;\n}\n\n.btn:hover {\n transform: translateY(-1px);\n}\n\n.btn-primary {\n background: linear-gradient(135deg, var(–accent), #c1ffe8);\n color: #04110d;\n box-shadow: 0 14px 32px rgba(141, 241, 200, 0.16);\n}\n\n.btn-secondary {\n background: rgba(255, 255, 255, 0.06);\n color: var(–text);\n border: 1px solid var(–line-strong);\n}\n\n.grid {\n display: grid;\n gap: var(–grid-gap);\n}\n\n.grid.cards {\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n padding-bottom: var(–section-gap);\n}\n\n.dossier-card {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n\n.tag-row {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n}\n\n.catalog-toolbar {\n display: grid;\n gap: 18px;\n margin-bottom: 24px;\n}\n\n.catalog-toolbar-head {\n display: grid;\n grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.7fr);\n gap: 18px;\n align-items: start;\n}\n\n.catalog-filter-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));\n gap: 14px;\n}\n\n.catalog-search-field {\n display: grid;\n gap: 8px;\n}\n\n.catalog-search-field span {\n font-size: 0.82rem;\n color: var(–muted);\n letter-spacing: 0.06em;\n text-transform: uppercase;\n}\n\n.catalog-search-field input,\n.catalog-search-field select {\n width: 100%;\n border-radius: 14px;\n border: 1px solid var(–line);\n background: rgba(255, 255, 255, 0.05);\n color: var(–text);\n padding: 14px 15px;\n font: inherit;\n}\n\n.catalog-search-field input:focus,\n.catalog-search-field select:focus {\n outline: 2px solid rgba(141, 241, 200, 0.32);\n outline-offset: 2px;\n}\n\n.catalog-chip-strip {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n}\n\n.catalog-chip {\n cursor: pointer;\n transition: transform 0.18s ease, border-color 0.18s ease, background 0.18s ease;\n}\n\n.catalog-chip span {\n opacity: 0.72;\n}\n\n.catalog-chip:hover,\n.catalog-chip:focus-visible,\n.catalog-chip.is-active {\n transform: translateY(-1px);\n border-color: rgba(141, 241, 200, 0.36);\n background: rgba(141, 241, 200, 0.12);\n}\n\n.catalog-results-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 14px;\n}\n\n.catalog-empty-state {\n margin-bottom: 40px;\n}\n\n.catalog-card[hidden] {\n display: none !important;\n}\n\n.compact-list {\n margin: 0;\n padding: 0;\n list-style: none;\n display: grid;\n gap: 10px;\n}\n\n.compact-list li {\n padding: 10px 12px;\n border-radius: 14px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.08);\n display: grid;\n gap: 3px;\n}\n\n.compact-list strong {\n font-size: 0.98rem;\n}\n\n.compact-list span {\n color: var(–muted);\n font-size: 0.88rem;\n line-height: 1.4;\n}\n\n.tag {\n padding: 7px 11px;\n border-radius: 999px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid var(–line);\n font-size: 0.82rem;\n backdrop-filter: blur(10px);\n}\n\n.status-box {\n padding: 14px 16px;\n border-radius: 16px;\n background:\n linear-gradient(135deg, rgba(255, 184, 107, 0.1), rgba(126, 224, 195, 0.08)),\n rgba(255, 255, 255, 0.04);\n border: 1px solid rgba(255, 255, 255, 0.14);\n}\n\n.status-value {\n display: block;\n color: var(–accent);\n font-weight: 700;\n margin-top: 6px;\n}\n\n.commerce-hero {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n margin-top: 18px;\n}\n\n.price {\n font-size: 1.8rem;\n font-weight: 800;\n letter-spacing: 0;\n}\n\n.price-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));\n gap: 12px;\n margin-top: 16px;\n}\n\n.price-tile {\n padding: 14px;\n border-radius: 16px;\n background: rgba(255, 255, 255, 0.05);\n border: 1px solid var(–line);\n}\n\n.price-tile strong {\n display: block;\n margin-bottom: 4px;\n}\n\n.sales-tier-card {\n position: relative;\n overflow: hidden;\n background:\n radial-gradient(circle at top right, rgba(255, 191, 105, 0.12), transparent 34%),\n linear-gradient(180deg, rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.02));\n}\n\n.sales-tier-card.is-featured {\n border-color: rgba(141, 241, 200, 0.34);\n box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);\n}\n\n.player {\n width: 100%;\n aspect-ratio: 16 \/ 9;\n border-radius: 18px;\n background: #000;\n overflow: hidden;\n border: 1px solid var(–line);\n}\n\nvideo,\niframe {\n width: 100%;\n height: 100%;\n display: block;\n border: 0;\n}\n\n.product-layout {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 18px;\n padding-bottom: 40px;\n}\n\n.two-lang {\n display: grid;\n gap: 14px;\n}\n\n.teaser-block {\n margin-top: 18px;\n}\n\n.auto-visuals {\n margin-top: 18px;\n}\n\n.visual-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));\n gap: 12px;\n margin-top: 12px;\n}\n\n.visual-item {\n padding: 10px;\n}\n\n.visual-item figcaption {\n display: grid;\n gap: 4px;\n}\n\n.visual-item figcaption strong {\n color: var(–text);\n}\n\n.gallery-grid {\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n gap: 12px;\n margin-top: 18px;\n}\n\n.gallery-item {\n margin: 0;\n padding: 10px;\n border-radius: 16px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(–line);\n}\n\n.gallery-item img {\n width: 100%;\n display: block;\n border-radius: 12px;\n aspect-ratio: 16 \/ 10;\n object-fit: cover;\n}\n\n.gallery-item figcaption {\n margin-top: 8px;\n font-size: 0.92rem;\n color: var(–muted);\n line-height: 1.5;\n}\n\n.image-series-hero {\n display: grid;\n gap: 18px;\n background:\n radial-gradient(circle at top right, rgba(0, 220, 255, 0.18), transparent 34%),\n linear-gradient(145deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));\n}\n\n.story-principle-grid {\n align-items: stretch;\n}\n\n.story-principle-card,\n.story-layout-card,\n.image-series-preview,\n.image-series-storyboard,\n.image-series-card-premium {\n background:\n linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),\n rgba(8, 12, 20, 0.88);\n}\n\n.story-principle-card h3,\n.story-layout-card h3 {\n margin: 0 0 8px;\n}\n\n.story-principle-card p,\n.story-layout-card p,\n.image-series-card-side p {\n margin: 0;\n color: var(–muted);\n line-height: 1.65;\n}\n\n.image-series-showcase {\n display: grid;\n grid-template-columns: 1.35fr 0.9fr;\n gap: 20px;\n}\n\n.story-layout-grid {\n display: grid;\n gap: 14px;\n margin-top: 18px;\n}\n\n.story-layout-card {\n display: grid;\n grid-template-columns: 62px 1fr;\n gap: 16px;\n align-items: start;\n padding: 18px;\n border-radius: var(–radius);\n border: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.story-layout-index {\n display: grid;\n place-items: center;\n min-height: 62px;\n border-radius: 18px;\n background: linear-gradient(180deg, rgba(0, 220, 255, 0.18), rgba(0, 220, 255, 0.05));\n color: var(–accent-2);\n font-weight: 700;\n letter-spacing: 0.08em;\n}\n\n.image-series-preview-steps,\n.image-series-mini-flow,\n.image-series-chapters {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n.image-series-preview-steps,\n.image-series-mini-flow {\n display: grid;\n gap: 12px;\n}\n\n.image-series-preview-steps li,\n.image-series-mini-flow li {\n display: grid;\n grid-template-columns: 44px 1fr;\n gap: 12px;\n align-items: center;\n padding: 12px 14px;\n border-radius: 16px;\n background: rgba(255, 255, 255, 0.04);\n}\n\n.image-series-preview-steps span,\n.image-series-mini-flow span {\n display: inline-grid;\n place-items: center;\n width: 44px;\n height: 44px;\n border-radius: 14px;\n background: rgba(0, 220, 255, 0.12);\n color: var(–accent-2);\n font-weight: 700;\n}\n\n.image-series-groups {\n display: grid;\n gap: 22px;\n}\n\n.image-series-card-premium {\n padding: 0;\n overflow: hidden;\n}\n\n.image-series-cover {\n display: flex;\n justify-content: space-between;\n gap: 18px;\n padding: 26px;\n background:\n linear-gradient(120deg, rgba(0, 220, 255, 0.12), transparent 42%),\n linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.01));\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\n}\n\n.image-series-cover-copy {\n display: grid;\n gap: 10px;\n max-width: 760px;\n}\n\n.image-series-cover-copy h2 {\n margin: 0;\n}\n\n.image-series-cover-copy p {\n margin: 0;\n color: var(–muted);\n line-height: 1.65;\n}\n\n.image-series-cover-stats {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n align-content: flex-start;\n justify-content: flex-end;\n}\n\n.image-series-visual-band {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 14px;\n padding: 18px 26px 0;\n}\n\n.image-series-visual {\n margin: 0;\n display: grid;\n gap: 10px;\n}\n\n.image-series-visual img {\n width: 100%;\n display: block;\n aspect-ratio: 16 \/ 9;\n object-fit: cover;\n border-radius: 18px;\n}\n\n.image-series-card-grid {\n display: grid;\n grid-template-columns: 1.45fr 0.75fr;\n gap: 0;\n}\n\n.image-series-card-main,\n.image-series-card-side {\n padding: 24px 26px 26px;\n}\n\n.image-series-card-side {\n border-left: 1px solid rgba(255, 255, 255, 0.06);\n background: rgba(255, 255, 255, 0.015);\n}\n\n.image-series-action-row {\n display: grid;\n gap: 14px;\n margin-top: 18px;\n padding: 16px 18px;\n border-radius: 18px;\n background: rgba(255, 255, 255, 0.035);\n border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.image-series-rating-panel {\n margin-top: 2px;\n padding: 16px;\n border-radius: 18px;\n}\n\n.image-series-action-copy {\n display: grid;\n gap: 6px;\n}\n\n.image-series-action-copy span {\n color: var(–muted);\n line-height: 1.6;\n}\n\n.image-series-chapters {\n display: grid;\n gap: 12px;\n margin-top: 18px;\n}\n\n.image-series-chapters li {\n display: grid;\n gap: 6px;\n padding: 14px 16px;\n border-radius: 18px;\n background: rgba(255, 255, 255, 0.035);\n border: 1px solid rgba(255, 255, 255, 0.05);\n}\n\n.image-series-chapters li span,\n.image-series-chapters li em {\n color: var(–muted);\n font-style: normal;\n font-size: 0.92rem;\n}\n\n.image-series-chapters li strong {\n font-size: 1.02rem;\n}\n\n.image-series-chapters li p {\n margin: 2px 0 0;\n color: rgba(235, 242, 250, 0.78);\n line-height: 1.6;\n}\n\n.btn-small {\n width: fit-content;\n min-height: 0;\n padding: 10px 14px;\n font-size: 0.9rem;\n}\n\n.image-series-gallery-strip {\n display: grid;\n gap: 10px;\n margin-top: 18px;\n}\n\n.image-series-gallery-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 10px;\n}\n\n.image-series-gallery-thumb {\n border: 1px solid rgba(255, 255, 255, 0.08);\n background: rgba(255, 255, 255, 0.03);\n color: var(–text);\n border-radius: 16px;\n padding: 8px;\n display: grid;\n gap: 8px;\n cursor: pointer;\n text-align: left;\n}\n\n.image-series-gallery-thumb img {\n width: 100%;\n display: block;\n aspect-ratio: 1;\n object-fit: cover;\n border-radius: 12px;\n}\n\n.image-series-gallery-thumb span {\n font-size: 0.84rem;\n color: var(–muted);\n line-height: 1.45;\n}\n\n.popular-week-section {\n display: grid;\n gap: 16px;\n}\n\n.popular-card {\n display: grid;\n gap: 12px;\n}\n\n.popular-card-image {\n width: 100%;\n aspect-ratio: 16 \/ 9;\n object-fit: cover;\n border-radius: 16px;\n display: block;\n}\n\n.popular-empty-card {\n min-height: 180px;\n}\n\n.lang-card {\n padding: 18px;\n border-radius: 18px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(–line);\n}\n\n.lang-card h3 {\n margin-bottom: 8px;\n}\n\n.legal-nav {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.footer {\n padding: 24px 0 40px;\n color: var(–muted);\n}\n\n::-webkit-scrollbar {\n width: 12px;\n height: 12px;\n}\n\n::-webkit-scrollbar-thumb {\n background: linear-gradient(180deg, rgba(141, 241, 200, 0.55), rgba(255, 191, 105, 0.42));\n border-radius: 999px;\n border: 3px solid rgba(7, 10, 15, 0.92);\n}\n\n::-webkit-scrollbar-track {\n background: rgba(255, 255, 255, 0.03);\n}\n\n@media (max-width: 1280px) {\n .shell {\n width: min(100% – 24px, 1320px);\n }\n\n .hero {\n grid-template-columns: 1fr 0.95fr;\n }\n}\n\n@media (max-width: 1024px) {\n .catalog-toolbar-head,\n .catalog-filter-grid {\n grid-template-columns: 1fr;\n }\n\n .hero,\n .product-layout,\n .product-layout {\n grid-template-columns: 1fr;\n }\n\n .grid.cards,\n .visual-world {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .two-col-world {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .hard-protocol-world {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .pattern-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .pattern-wide {\n grid-column: span 2;\n }\n\n .atlas-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .home-topic-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .topic-hero {\n grid-template-columns: 1fr;\n }\n\n .editor-grid {\n grid-template-columns: 1fr;\n }\n\n .casting-hero,\n .casting-highlight-grid,\n .casting-kpi-grid {\n grid-template-columns: 1fr;\n }\n\n .pipeline-grid {\n grid-template-columns: 1fr;\n }\n\n .thumbnail-grid,\n .thumbnail-rules {\n grid-template-columns: 1fr;\n }\n\n .section-heading {\n flex-direction: column;\n align-items: start;\n }\n\n .visual-overlay-card {\n min-height: 360px;\n }\n\n .price-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .gallery-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .visual-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .image-series-showcase,\n .image-series-visual-band,\n .image-series-card-grid {\n grid-template-columns: 1fr;\n }\n\n .image-series-card-side {\n border-left: 0;\n border-top: 1px solid rgba(255, 255, 255, 0.06);\n }\n}\n\n@media (max-width: 640px) {\n .catalog-results-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .shell {\n width: min(100% – 16px, 1180px);\n }\n\n .topbar {\n align-items: flex-start;\n flex-direction: column;\n position: static;\n backdrop-filter: none;\n }\n\n .hero,\n .grid.cards,\n .visual-world,\n .thumbnail-grid,\n .thumbnail-rules,\n .price-grid,\n .gallery-grid,\n .visual-grid,\n .pattern-grid,\n .atlas-grid,\n .home-topic-grid,\n .dual-form-grid {\n grid-template-columns: 1fr;\n }\n\n .pattern-wide {\n grid-column: auto;\n }\n\n .cta-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .btn {\n width: 100%;\n text-align: center;\n }\n\n .hero-copy,\n .hero-media,\n .dossier-card,\n .legal-card,\n .player-card {\n padding: 18px;\n }\n\n .visual-overlay-card {\n min-height: 300px;\n }\n\n .overlay-copy {\n padding: 16px;\n min-height: 220px;\n }\n\n .overlay-copy h3 {\n font-size: 1.35rem;\n }\n\n .image-series-cover {\n flex-direction: column;\n }\n\n .image-lightbox-stage {\n grid-template-columns: 1fr;\n }\n\n .image-lightbox-nav {\n min-height: 52px;\n }\n\n .story-layout-card {\n grid-template-columns: 1fr;\n }\n\n .story-layout-index {\n min-height: 48px;\n }\n\n .image-series-card-main,\n .image-series-card-side,\n .image-series-cover {\n padding: 18px;\n }\n\n h1 {\n font-size: clamp(1.9rem, 10vw, 3rem);\n }\n\n .brand-mark {\n width: 44px;\n height: 44px;\n }\n\n .video-shelf {\n grid-auto-columns: minmax(220px, 82vw);\n }\n\n .preview-thumb {\n aspect-ratio: 3 \/ 4;\n }\n\n .rating-grade-grid {\n grid-template-columns: repeat(3, minmax(0, 1fr));\n }\n}\n\n\nhtml,\nbody,\nbody.page,\nbody.page-template-default,\nbody.theme-hostinger-ai-theme {\n background:\n radial-gradient(circle at 18% 10%, rgba(110, 137, 255, 0.20), transparent 24%),\n radial-gradient(circle at 82% 18%, rgba(19, 191, 255, 0.14), transparent 20%),\n radial-gradient(circle at top, rgba(92, 217, 255, 0.12), transparent 34%),\n linear-gradient(180deg, #071019 0%, #05080d 100%) !important;\n color: var(–text) !important;\n}\n\nbody .site-header.wp-block-template-part,\nbody .wp-block-post-featured-image,\nbody .entry-title,\nbody .wp-block-post-title,\nbody .post-thumbnail,\nbody .featured-image,\nbody .wp-block-separator,\nbody .wp-block-spacer {\n display: none !important;\n}\n\nbody .wp-site-blocks,\nbody .wp-site-blocks > *,\nbody main.wp-block-group,\nbody .entry-content,\nbody .wp-block-post-content,\nbody .is-layout-constrained,\nbody .has-global-padding {\n width: 100% !important;\n max-width: none !important;\n min-width: 0 !important;\n margin-left: 0 !important;\n margin-right: 0 !important;\n box-sizing: border-box !important;\n}\n\nbody .wp-site-blocks,\nbody main.wp-block-group,\nbody .entry-content,\nbody .wp-block-post-content,\nbody .has-global-padding {\n padding-left: 0 !important;\n padding-right: 0 !important;\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n background: transparent !important;\n overflow-x: clip !important;\n}\n\nbody .entry-content > p:empty,\nbody .entry-content > div:empty {\n display: none !important;\n}\n\nbody.dtu-age-locked {\n overflow: hidden !important;\n}\n\nbody.dtu-age-locked .mockup-page {\n filter: blur(18px) saturate(0.92) brightness(0.58);\n opacity: 0.34;\n pointer-events: none;\n user-select: none;\n}\n\n.dtu-age-gate {\n position: fixed;\n inset: 0;\n z-index: 99999;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px;\n background:\n linear-gradient(90deg, rgba(4, 7, 12, 0.86), rgba(4, 7, 12, 0.68), rgba(4, 7, 12, 0.9)),\n radial-gradient(circle at 20% 20%, rgba(87, 209, 255, 0.16), transparent 24%),\n radial-gradient(circle at 80% 0%, rgba(255, 198, 109, 0.10), transparent 28%),\n rgba(4, 7, 12, 0.78);\n backdrop-filter: blur(10px);\n}\n\n.dtu-age-gate[hidden] {\n display: none !important;\n}\n\n.dtu-age-card {\n width: min(100%, 620px);\n padding: 28px;\n border-radius: 28px;\n border: 1px solid rgba(255, 255, 255, 0.10);\n background:\n radial-gradient(circle at 0 0, rgba(87, 209, 255, 0.16), transparent 30%),\n linear-gradient(180deg, rgba(17, 25, 38, 0.94), rgba(8, 12, 20, 0.98));\n box-shadow: 0 24px 80px rgba(0, 0, 0, 0.45);\n}\n\n.dtu-age-kicker {\n display: inline-flex;\n margin-bottom: 14px;\n padding: 8px 12px;\n border-radius: 999px;\n background: rgba(87, 209, 255, 0.12);\n border: 1px solid rgba(87, 209, 255, 0.28);\n color: #8ce6ff;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n font-size: 0.78rem;\n}\n\n.dtu-age-card h2 {\n margin: 0 0 12px;\n font-size: clamp(1.9rem, 4vw, 2.8rem);\n line-height: 1.05;\n}\n\n.dtu-age-card p {\n margin: 0 0 14px;\n color: var(–muted);\n line-height: 1.7;\n}\n\n.dtu-age-points {\n display: grid;\n gap: 10px;\n margin: 18px 0 22px;\n padding: 0;\n list-style: none;\n}\n\n.dtu-age-points li {\n padding: 12px 14px;\n border-radius: 16px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(–line);\n color: var(–muted);\n}\n\n.dtu-age-actions {\n display: flex;\n flex-wrap: wrap;\n gap: 12px;\n}\n\n.dtu-age-actions .btn {\n flex: 1 1 220px;\n justify-content: center;\n}\n\n.mockup-page {\n width: min(100% – 32px, 1320px);\n max-width: 1320px;\n margin-left: auto;\n margin-right: auto;\n box-sizing: border-box;\n padding-left: 0;\n padding-right: 0;\n padding-bottom: 42px;\n}\n\n.shell {\n width: min(100% – 32px, 1320px) !important;\n max-width: 1320px !important;\n margin-left: auto;\n margin-right: auto;\n box-sizing: border-box;\n}\n\n.topbar {\n padding: 14px 20px;\n margin-bottom: 18px;\n border-radius: 0 0 24px 24px;\n}\n\n.brand-copy {\n gap: 4px;\n}\n\n.brand-copy strong {\n font-size: 1rem;\n letter-spacing: 0.14em;\n}\n\n.brand-copy span {\n max-width: 18ch;\n line-height: 1.35;\n}\n\n.legal-nav {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: 10px;\n}\n\n.topbar-socials {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n gap: 8px;\n margin-left: 4px;\n padding-left: 8px;\n border-left: 1px solid rgba(255, 255, 255, 0.10);\n}\n\n.topbar-social-link {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 38px;\n height: 38px;\n padding: 0;\n border-radius: 999px;\n border: 1px solid rgba(255, 255, 255, 0.16);\n background:\n radial-gradient(circle at 30% 20%, rgba(255, 255, 255, 0.16), transparent 28%),\n linear-gradient(180deg, rgba(255, 255, 255, 0.085), rgba(255, 255, 255, 0.025));\n color: var(–text);\n text-decoration: none;\n transition: transform 180ms ease, border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease;\n}\n\n.topbar-social-link svg {\n width: 18px;\n height: 18px;\n display: block;\n fill: none;\n stroke: currentColor;\n stroke-width: 1.85;\n stroke-linecap: round;\n stroke-linejoin: round;\n}\n\n.topbar-social-link[aria-label=”TikTok”] svg,\n.topbar-social-link[aria-label=”X”] svg,\n.topbar-social-link[aria-label=”Facebook”] svg,\n.topbar-social-link[aria-label=”Tumblr”] svg,\n.topbar-social-link[aria-label=”Patreon”] svg,\n.topbar-social-link[aria-label=”Fanvue”] svg {\n fill: currentColor;\n stroke: none;\n}\n\n.topbar-social-label {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip: rect(0 0 0 0);\n white-space: nowrap;\n}\n\n.topbar-social-link:hover,\n.topbar-social-link:focus-visible {\n transform: translateY(-1px);\n border-color: rgba(54, 205, 255, 0.62);\n background: rgba(54, 205, 255, 0.16);\n box-shadow: 0 10px 26px rgba(54, 205, 255, 0.18);\n color: #ffffff;\n outline: none;\n}\n\n.member-access-nav {\n display: flex;\n align-items: center;\n gap: 8px;\n margin-left: 4px;\n padding-left: 8px;\n border-left: 1px solid rgba(255, 255, 255, 0.10);\n}\n\n.member-access-nav .login-pill {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 34px;\n padding: 8px 12px;\n border-radius: 999px;\n border: 1px solid rgba(54, 205, 255, 0.42);\n background: linear-gradient(180deg, rgba(54, 205, 255, 0.18), rgba(54, 205, 255, 0.08));\n color: #f4f7fb;\n font-size: 0.76rem;\n font-weight: 900;\n letter-spacing: 0.05em;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.member-access-nav .signup-pill {\n background: #36cdff;\n color: #031019;\n border-color: rgba(54, 205, 255, 0.9);\n}\n\n.member-access-nav .recover-link {\n color: var(–muted);\n font-size: 0.72rem;\n line-height: 1.15;\n text-decoration: none;\n max-width: 9.5rem;\n}\n\n.member-access-nav a:hover,\n.member-access-nav a:focus-visible {\n transform: translateY(-1px);\n outline: none;\n filter: brightness(1.08);\n}\n\n.locale-tag {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n}\n\n.locale-flag {\n display: inline-flex;\n width: 18px;\n height: 12px;\n border-radius: 3px;\n overflow: hidden;\n box-shadow: inset 0 0 0 1px rgba(255,255,255,.32);\n flex: 0 0 auto;\n}\n\n.locale-flag-gb {\n background:\n linear-gradient(90deg, transparent 42%, #fff 42% 58%, transparent 58%),\n linear-gradient(0deg, transparent 38%, #fff 38% 62%, transparent 62%),\n linear-gradient(90deg, transparent 46%, #c8102e 46% 54%, transparent 54%),\n linear-gradient(0deg, transparent 44%, #c8102e 44% 56%, transparent 56%),\n #012169;\n}\n\n.locale-flag-de {\n background: linear-gradient(180deg, #000 0 33%, #dd0000 33% 66%, #ffce00 66% 100%);\n}\n\n.locale-flag-es {\n background: linear-gradient(180deg, #aa151b 0 25%, #f1bf00 25% 75%, #aa151b 75% 100%);\n}\n\n.locale-flag-fr {\n background: linear-gradient(90deg, #0055a4 0 33%, #fff 33% 66%, #ef4135 66% 100%);\n}\n\n.section-heading {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);\n gap: 20px;\n align-items: end;\n margin-bottom: 14px;\n}\n\n.section-heading > div {\n min-width: 0;\n}\n\n.section-heading p {\n margin: 0;\n max-width: 38ch;\n justify-self: end;\n}\n\n.home-page .section-heading > p {\n display: none;\n}\n\n.video-showcase {\n display: grid;\n gap: 12px;\n}\n\n.hero {\n display: grid !important;\n grid-template-columns: minmax(0, 1.08fr) minmax(360px, 0.72fr) !important;\n gap: 24px !important;\n align-items: stretch;\n}\n\n.hero-copy {\n min-width: 0;\n min-height: clamp(460px, 42vw, 560px);\n display: flex;\n flex-direction: column;\n justify-content: flex-end;\n}\n\n.hero-copy h1 {\n max-width: 16ch;\n font-size: clamp(2.65rem, 3.6vw, 4.25rem);\n line-height: 1.04;\n letter-spacing: 0;\n}\n\n.hero-copy .lead,\n.hero-copy .legal-note {\n max-width: 44ch;\n}\n\n.hero-media {\n min-width: 0;\n min-height: 0;\n justify-content: flex-start;\n gap: 18px;\n}\n\n.hero-media .player {\n flex: 0 0 auto;\n aspect-ratio: auto !important;\n background: transparent !important;\n border: 0 !important;\n border-radius: 0 !important;\n overflow: visible !important;\n}\n\n.hero-media .preview-thumb {\n display: block;\n height: auto;\n aspect-ratio: 16 \/ 9;\n}\n\n.hero-sidecar {\n min-width: 0;\n min-height: 0;\n grid-column: 1 \/ -1;\n display: flex;\n flex-direction: column;\n gap: 16px;\n}\n\n.hero-sidecar .eyebrow {\n margin-bottom: 2px;\n}\n\n.hero-sidecar-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));\n gap: 12px;\n}\n\n.hero-sidecar-card {\n padding: 14px;\n border-radius: 18px;\n background: rgba(255, 255, 255, 0.04);\n border: 1px solid var(–line);\n}\n\n.hero-sidecar-card strong {\n display: block;\n font-size: 1rem;\n margin-bottom: 6px;\n}\n\n.hero-sidecar-card p {\n margin: 0;\n color: var(–muted);\n line-height: 1.5;\n}\n\n.hero-sidecar-actions {\n display: grid;\n gap: 10px;\n margin-top: auto;\n}\n\n.hero-sidecar .btn {\n width: 100%;\n justify-content: center;\n}\n\n.mockup-feature-card,\n.mockup-rail-card,\n.mockup-price-card,\n.mockup-stat-card,\n.mockup-summary {\n border-radius: 24px;\n}\n\n.sales-tier-card,\n.mockup-price-card {\n display: flex;\n flex-direction: column;\n gap: 12px;\n height: 100%;\n}\n\n.sales-tier-card .tag-row,\n.mockup-price-card ul {\n margin-top: auto;\n}\n\n.mockup-feature-grid,\n.mockup-rail-grid,\n.mockup-stat-grid,\n.mockup-price-grid {\n display: grid;\n gap: 16px;\n}\n\n.mockup-feature-grid,\n.mockup-price-grid,\n.mockup-stat-grid {\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n}\n\n.mockup-rail-grid {\n grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));\n}\n\n.mockup-feature-card,\n.mockup-rail-card,\n.mockup-stat-card,\n.mockup-price-card,\n.mockup-summary {\n padding: 16px;\n}\n\n.mockup-feature-card,\n.mockup-rail-card {\n display: grid;\n align-content: start;\n gap: 14px;\n}\n\n.mockup-feature-card img {\n width: 100%;\n aspect-ratio: 16 \/ 9;\n object-fit: cover;\n border-radius: 16px;\n border: 1px solid var(–line);\n display: block;\n margin-bottom: 0;\n}\n\n.mockup-rail-card img {\n width: 100%;\n aspect-ratio: 16 \/ 10;\n object-fit: cover;\n border-radius: 16px;\n border: 1px solid var(–line);\n display: block;\n margin-bottom: 0;\n}\n\n.mockup-rail-card {\n appearance: none;\n width: 100%;\n text-align: left;\n color: inherit;\n cursor: pointer;\n transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;\n}\n\n.mockup-feature-grid + .section-heading,\n.mockup-rail-grid + .section-heading,\n.mockup-price-grid + .section-heading,\n.mockup-stat-grid + .section-heading {\n margin-top: clamp(54px, 7vw, 92px) !important;\n}\n\n.mockup-rail-card:hover,\n.mockup-rail-card:focus-visible {\n transform: translateY(-4px);\n border-color: rgba(87, 209, 255, .62);\n box-shadow: 0 26px 70px rgba(0, 0, 0, .32), 0 0 0 1px rgba(87, 209, 255, .14) inset;\n outline: none;\n}\n\n.mockup-rail-card::after {\n content: attr(data-open-label);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 32px;\n margin-top: 14px;\n padding: 0 14px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.16);\n color: #f8fbff;\n background: rgba(255,255,255,.055);\n font-size: .78rem;\n font-weight: 900;\n}\n\n.rail-modal {\n position: fixed;\n inset: 0;\n z-index: 99998;\n display: none;\n align-items: center;\n justify-content: center;\n padding: clamp(18px, 4vw, 54px);\n background: rgba(1, 6, 10, .78);\n backdrop-filter: blur(18px);\n}\n\n.rail-modal.is-open {\n display: flex;\n}\n\n.rail-modal-card {\n position: relative;\n width: min(1180px, 96vw);\n max-height: min(860px, 92vh);\n overflow: auto;\n border-radius: 34px;\n border: 1px solid rgba(87, 209, 255, .2);\n background: linear-gradient(145deg, rgba(16, 26, 38, .98), rgba(3, 7, 12, .98));\n box-shadow: 0 34px 120px rgba(0,0,0,.72);\n}\n\n.rail-modal-visual {\n position: relative;\n min-height: clamp(280px, 45vw, 560px);\n background: #03070c center\/cover no-repeat;\n}\n\n.rail-modal-visual::after {\n content: “”;\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.86));\n}\n\n.rail-modal-copy {\n position: relative;\n z-index: 1;\n margin-top: calc(-1 * clamp(170px, 25vw, 250px));\n padding: clamp(22px, 4vw, 48px);\n max-width: 780px;\n}\n\n.rail-modal-copy h3 {\n margin: 12px 0;\n font-size: clamp(2.2rem, 5vw, 5.2rem);\n line-height: 1.04;\n letter-spacing: 0;\n}\n\n.rail-modal-copy p {\n color: #d5e2ee;\n font-size: 1.05rem;\n line-height: 1.72;\n}\n\n.rail-modal-close {\n position: absolute;\n top: 18px;\n right: 18px;\n z-index: 2;\n width: 44px;\n height: 44px;\n border-radius: 999px;\n border: 1px solid rgba(255,255,255,.18);\n background: rgba(0,0,0,.42);\n color: #fff;\n font-size: 1.5rem;\n cursor: pointer;\n}\n\n.mockup-feature-card h3,\n.mockup-rail-card h3,\n.mockup-price-card h3,\n.mockup-summary h3 {\n margin: 0 0 8px;\n}\n\n.mockup-feature-card p,\n.mockup-rail-card p,\n.mockup-stat-card p,\n.mockup-summary p,\n.mockup-inline-note {\n margin: 0;\n color: var(–muted);\n line-height: 1.6;\n}\n\n.mockup-inline-note {\n margin-top: 10px;\n}\n\n.mockup-stat-card strong {\n display: block;\n font-size: 1.55rem;\n margin-bottom: 6px;\n}\n\n.mockup-price-card .price {\n font-size: 1.9rem;\n font-weight: 800;\n margin: 0 0 12px;\n}\n\n.mockup-price-card ul,\n.mockup-summary ul {\n margin: 0;\n padding-left: 18px;\n color: var(–muted);\n line-height: 1.7;\n}\n\n.membership-form-panel {\n padding: 20px;\n}\n\n.membership-form {\n display: grid;\n gap: 16px;\n}\n\n.member-form-grid {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n gap: 14px;\n}\n\n.form-field {\n display: grid;\n gap: 8px;\n}\n\n.form-field.is-full {\n grid-column: 1 \/ -1;\n}\n\n.form-field label {\n font-size: 0.92rem;\n color: #f2f5fb;\n font-weight: 700;\n}\n\n.form-field input,\n.form-field select,\n.form-field textarea {\n width: 100%;\n border-radius: 16px;\n border: 1px solid rgba(255,255,255,.1);\n background: rgba(255,255,255,.04);\n color: #f5f7fb;\n padding: 14px 15px;\n outline: none;\n transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;\n}\n\n.form-field textarea {\n min-height: 120px;\n resize: vertical;\n}\n\n.form-field input:focus,\n.form-field select:focus,\n.form-field textarea:focus {\n border-color: rgba(87,209,255,.75);\n box-shadow: 0 0 0 3px rgba(87,209,255,.14);\n background: rgba(255,255,255,.06);\n}\n\n.form-checks {\n display: grid;\n gap: 10px;\n}\n\n.form-check {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n color: var(–muted);\n line-height: 1.55;\n}\n\n.form-check input {\n margin-top: 3px;\n}\n\n.form-submit-row {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n gap: 12px;\n}\n\n.form-submit-row .btn {\n min-width: 220px;\n justify-content: center;\n}\n\n.form-status {\n min-height: 24px;\n color: var(–muted);\n font-size: 0.95rem;\n}\n\n.form-status.is-success {\n color: #8df4bd;\n}\n\n.form-status.is-error {\n color: #ff9da6;\n}\n\n.form-status.is-pending {\n color: #8ce6ff;\n}\n\n.video-shelf {\n grid-auto-columns: minmax(248px, calc((100% – 32px) \/ 3));\n}\n\n.mockup-split-grid {\n display: grid;\n grid-template-columns: 1.2fr 0.8fr;\n gap: 18px;\n}\n\n.mockup-collection-cover {\n position: relative;\n min-height: 270px;\n border-radius: 22px;\n overflow: hidden;\n border: 1px solid var(–line);\n}\n\n.mockup-collection-cover img {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n\n.mockup-collection-cover .overlay-copy {\n min-height: 100%;\n}\n\n.seo-geo-block {\n margin-top: 34px;\n display: grid;\n grid-template-columns: minmax(0, 0.82fr) minmax(280px, 0.48fr);\n gap: 18px;\n align-items: stretch;\n}\n\n.seo-geo-block h2,\n.seo-geo-block h3 {\n margin-top: 0;\n}\n\n.seo-geo-list {\n display: grid;\n gap: 10px;\n margin: 16px 0 0;\n padding: 0;\n list-style: none;\n}\n\n.seo-geo-list li {\n padding: 12px 14px;\n border-radius: 16px;\n border: 1px solid var(–line);\n background: rgba(255, 255, 255, 0.04);\n color: var(–muted);\n}\n\n.preview-date {\n position: absolute;\n right: 12px;\n top: 12px;\n z-index: 4;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 28px;\n padding: 6px 10px;\n border-radius: 999px;\n background: rgba(4, 7, 12, 0.72);\n border: 1px solid rgba(255, 255, 255, 0.16);\n color: #f4f7fb;\n font-size: 0.72rem;\n font-weight: 900;\n letter-spacing: 0.04em;\n backdrop-filter: blur(8px);\n box-shadow: 0 10px 28px rgba(0, 0, 0, 0.28);\n}\n\n.preview-new-badge {\n position: absolute;\n left: 12px;\n top: 52px;\n z-index: 5;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-height: 28px;\n padding: 6px 10px;\n border-radius: 999px;\n background: linear-gradient(135deg, #36cdff, #b5ff7a);\n color: #031019;\n font-size: 0.72rem;\n font-weight: 950;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n box-shadow: 0 12px 30px rgba(54, 205, 255, 0.28);\n}\n\n.preview-card.is-member .preview-thumb img,\n.preview-card.is-locked-preview .preview-thumb img {\n filter: saturate(1.03) brightness(.88);\n transform: scale(1);\n}\n\n.preview-card.is-member .preview-thumb::after,\n.preview-card.is-locked-preview .preview-thumb::after {\n content: attr(data-lock-label);\n position: absolute;\n left: 14px;\n right: 14px;\n bottom: 14px;\n z-index: 8;\n display: flex;\n align-items: center;\n justify-content: center;\n min-height: 48px;\n padding: 10px 14px;\n border-radius: 18px;\n border: 1px solid rgba(87, 209, 255, .28);\n color: #f8fbff;\n background: linear-gradient(135deg, rgba(5, 9, 15, .9), rgba(13, 30, 42, .84));\n box-shadow: 0 18px 44px rgba(0, 0, 0, .42);\n font-size: .78rem;\n font-weight: 950;\n letter-spacing: .05em;\n line-height: 1.25;\n text-align: center;\n text-transform: uppercase;\n backdrop-filter: blur(12px);\n}\n\n.preview-card.is-member .preview-play,\n.preview-card.is-locked-preview .preview-play {\n opacity: 0;\n pointer-events: none;\n}\n\n@media (max-width: 1220px) {\n .shell {\n width: min(100% – 28px, 1180px) !important;\n max-width: 1180px !important;\n }\n\n .hero {\n grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr) !important;\n gap: 18px;\n }\n\n .mockup-feature-grid,\n .mockup-rail-grid,\n .mockup-stat-grid,\n .mockup-price-grid {\n gap: 14px;\n }\n}\n\n@media (max-width: 980px) {\n .hero {\n grid-template-columns: 1fr !important;\n }\n\n .hero-sidecar {\n width: 100%;\n max-width: 100%;\n grid-column: auto;\n }\n\n .hero-copy,\n .hero-media {\n min-height: 0;\n }\n\n .hero-copy h1 {\n max-width: 16ch;\n font-size: clamp(2.45rem, 5.2vw, 3.9rem);\n line-height: 1.05;\n }\n\n .hero-copy,\n .hero-media {\n padding: 22px;\n }\n\n .hero-media .player,\n .hero-media img {\n aspect-ratio: 16 \/ 9;\n }\n\n .preview-launch-hero .preview-thumb {\n aspect-ratio: 16 \/ 9;\n }\n\n .legal-nav {\n width: 100%;\n justify-content: flex-start;\n }\n\n.locale-switcher {\n margin-left: 0;\n}\n}\n\n@media (max-width: 1120px) {\n .shell {\n width: min(100% – 24px, 1024px) !important;\n max-width: 1024px !important;\n }\n\n .mockup-feature-grid,\n .mockup-rail-grid,\n .mockup-stat-grid,\n .mockup-price-grid,\n .mockup-split-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .catalog-toolbar-head,\n .catalog-filter-grid,\n .section-heading,\n .image-series-showcase,\n .image-series-card-grid,\n .image-series-visual-band,\n .editor-grid,\n .dual-form-grid,\n .seo-geo-block,\n .member-form-grid {\n grid-template-columns: 1fr;\n }\n\n .grid.cards,\n .pattern-grid,\n .story-principle-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n}\n\n@media (max-width: 920px) {\n .topbar {\n position: static;\n align-items: flex-start;\n flex-direction: column;\n gap: 14px;\n padding: 14px 0 16px;\n backdrop-filter: none;\n background: transparent;\n }\n\n .brand {\n width: 100%;\n }\n\n .legal-nav {\n display: grid;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n width: 100%;\n gap: 10px;\n }\n\n .brand-copy strong {\n font-size: 0.98rem;\n letter-spacing: 0.08em;\n }\n\n .brand-copy span {\n font-size: 0.86rem;\n }\n\n .legal-nav > .tag,\n .locale-switcher .tag {\n justify-content: center;\n }\n\n .locale-switcher {\n grid-column: 1 \/ -1;\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n gap: 10px;\n }\n\n .topbar-socials {\n grid-column: 1 \/ -1;\n display: grid;\n grid-template-columns: repeat(4, minmax(0, 1fr));\n width: 100%;\n margin-left: 0;\n padding-left: 0;\n border-left: 0;\n }\n\n .topbar-social-link {\n width: 100%;\n }\n\n .member-access-nav {\n grid-column: 1 \/ -1;\n display: grid;\n grid-template-columns: repeat(3, minmax(0, 1fr));\n width: 100%;\n margin-left: 0;\n padding-left: 0;\n border-left: 0;\n gap: 10px;\n }\n\n .member-access-nav .login-pill,\n .member-access-nav .recover-link {\n width: 100%;\n max-width: none;\n text-align: center;\n justify-content: center;\n }\n\n .mockup-feature-grid,\n .mockup-rail-grid,\n .mockup-stat-grid,\n .mockup-price-grid,\n .mockup-split-grid,\n .grid.cards {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .hero-sidecar-grid {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .section-heading {\n flex-direction: column;\n align-items: flex-start;\n }\n\n .section-heading h2 {\n font-size: 1.6rem;\n }\n\n .hero-copy h1 {\n font-size: clamp(2.2rem, 6vw, 3.4rem);\n }\n\n .video-shelf {\n grid-auto-columns: minmax(250px, 58vw);\n }\n\n .mockup-price-card .price,\n .sales-tier-card .price {\n font-size: 1.55rem;\n }\n}\n\n@media (max-width: 760px) {\n .shell {\n width: min(100% – 20px, 760px) !important;\n max-width: 760px !important;\n }\n\n .topbar {\n padding: 12px 14px 14px;\n border-radius: 0 0 18px 18px;\n }\n\n .mockup-feature-grid,\n .mockup-rail-grid,\n .mockup-stat-grid,\n .mockup-price-grid,\n .mockup-split-grid {\n grid-template-columns: 1fr;\n }\n\n .hero-sidecar-grid {\n grid-template-columns: 1fr;\n }\n\n .grid.cards {\n grid-template-columns: 1fr;\n }\n\n .hero-copy,\n .hero-media,\n .concept-teaser,\n .concept-page,\n .catalog-toolbar,\n .auth-panel,\n .story-principle-card,\n .sales-tier-card,\n .mockup-summary,\n .mockup-feature-card,\n .mockup-rail-card,\n .mockup-price-card {\n padding: 18px;\n }\n\n .hero h1 {\n font-size: clamp(2rem, 9vw, 3rem);\n }\n\n .lead {\n font-size: 0.98rem;\n }\n\n .video-shelf {\n grid-auto-columns: minmax(220px, 84vw);\n }\n\n .preview-thumb {\n aspect-ratio: 3 \/ 4;\n }\n\n .preview-copy {\n padding: 12px 12px 10px;\n }\n\n .preview-copy strong {\n font-size: 0.92rem;\n }\n\n .preview-copy span:last-child {\n font-size: 0.8rem;\n line-height: 1.35;\n }\n\n .tag-row {\n gap: 8px;\n }\n\n .tag {\n font-size: 0.8rem;\n padding: 8px 11px;\n }\n\n .btn {\n min-height: 46px;\n }\n}\n\n@media (max-width: 560px) {\n .shell {\n width: min(100% – 18px, 560px) !important;\n max-width: 560px !important;\n }\n\n .legal-nav {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .locale-switcher {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .topbar-socials {\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .tag-row,\n .cta-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .btn {\n width: 100%;\n text-align: center;\n }\n\n .video-shelf {\n grid-auto-columns: minmax(210px, 88vw);\n }\n\n .brand {\n gap: 10px;\n }\n\n .brand-mark {\n width: 46px;\n height: 46px;\n border-radius: 14px;\n }\n\n .hero-copy h1 {\n font-size: clamp(1.8rem, 10vw, 2.45rem);\n }\n\n .hero-copy .lead,\n .hero-copy .legal-note {\n font-size: 0.92rem;\n line-height: 1.55;\n }\n\n .section-heading h2 {\n font-size: 1.34rem;\n }\n\n .preview-thumb {\n aspect-ratio: 10 \/ 13;\n }\n\n .video-card-copy,\n .mockup-stat-card,\n .mockup-summary,\n .sales-tier-card,\n .story-principle-card {\n padding: 14px;\n }\n\n .catalog-results-row {\n flex-direction: column;\n align-items: stretch;\n }\n\n .catalog-results-row .btn {\n width: 100%;\n }\n}\n\n@media (max-width: 420px) {\n .shell {\n width: min(100% – 12px, 420px);\n }\n\n .legal-nav {\n gap: 8px;\n grid-template-columns: repeat(2, minmax(0, 1fr));\n }\n\n .locale-switcher {\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n }\n\n .topbar-socials {\n grid-template-columns: 1fr 1fr;\n gap: 8px;\n }\n\n .member-access-nav {\n grid-template-columns: 1fr;\n }\n\n .hero-copy,\n .hero-media,\n .concept-teaser,\n .concept-page,\n .catalog-toolbar {\n padding: 14px;\n }\n\n .video-shelf {\n grid-auto-columns: minmax(200px, 92vw);\n }\n\n .preview-badge,\n .preview-play {\n font-size: 0.7rem;\n }\n\n .preview-date {\n font-size: 0.66rem;\n }\n\n .preview-copy strong {\n font-size: 0.88rem;\n }\n}\n\n\n\n