@font-face{font-family:Poppins;src:url('assets/Poppins-ExtraBold.ttf') format('truetype');font-weight:800;font-display:swap}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--td-color-page);color:var(--td-color-text);font:16px/1.65 Arial,Helvetica,sans-serif;--display:Poppins,Arial,sans-serif;--s1:var(--td-space-10);--s2:var(--td-space-20);--s3:var(--td-space-30);--s4:var(--td-space-40)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:1.1;letter-spacing:-.045em}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}a,button,summary{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--td-color-focus);outline-offset:5px}::selection{background:var(--td-color-surface)}[hidden]{display:none!important}.skip{position:fixed;top:var(--s1);left:var(--s2);z-index:10;transform:translateY(-200%);padding:var(--s1) var(--s2);background:var(--td-color-text);color:var(--td-color-page)}.skip:focus{transform:none}.section-wrap{width:min(1280px,100%);margin-inline:auto;padding-inline:var(--s4)}
.header{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:var(--s3);width:100%;max-width:none;margin-inline:auto;min-height:90px;padding:var(--s2) max(var(--s4),calc((100% - 1360px)/2));background:var(--td-color-page);border-bottom:1px solid var(--td-color-border)}.identity{display:flex;align-items:baseline;gap:var(--s1);white-space:nowrap}.identity strong{font:800 25px/1 var(--display);letter-spacing:-.06em}.identity strong span{color:var(--td-color-signature)}.identity>span{font-size:14px;color:var(--td-color-muted)}.header nav{display:flex;align-items:center;gap:var(--s3);font-size:14px;font-weight:700}.header nav>a:not(.nav-buy):hover,.footer a:hover{text-decoration:underline;text-underline-offset:5px}.nav-buy{display:flex;align-items:center;gap:var(--s2);border-radius:7px;padding:var(--s1) var(--s2);min-height:48px;background:var(--td-color-text);color:var(--td-color-on-dark)}.nav-buy span{color:var(--td-color-on-dark-accent)}.menu-toggle{display:none}
.hero{background:var(--td-color-closing-surface);padding:var(--s4) var(--s2);text-align:center}.eyebrow{font:800 clamp(17px,2vw,24px)/1.4 var(--display);letter-spacing:-.04em;margin-bottom:var(--s2)}.hero h1{font-size:clamp(44px,11.8vw,166px);line-height:1;letter-spacing:-.065em}.hero h1 span{color:var(--td-color-signature)}.hero-original{max-width:1160px;margin:var(--s1) auto 0}.hero-original img{width:100%}.hero-offer{max-width:900px;margin:0 auto}.intro{font-size:clamp(17px,1.7vw,21px);line-height:1.6;margin:var(--s1) auto var(--s3)}.button-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s2)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:var(--s2) var(--s3);min-height:60px;border:1px solid var(--td-color-text);border-radius:7px;font-weight:700;line-height:1.3}.primary{background:var(--td-color-action);color:var(--td-color-on-action);border-color:var(--td-color-action)}.primary:hover{background:var(--td-color-action-hover);border-color:var(--td-color-action-hover)}.primary>span{border-left:1px solid var(--td-color-action-divider);padding-left:var(--s2)}.secondary{background:var(--td-color-closing-surface)}.secondary:hover{background:var(--td-color-surface)}.text-link{display:inline-block;color:var(--td-color-link);text-decoration:underline;text-underline-offset:5px;font-weight:700;min-height:44px;align-content:center}.hero-facts{font-size:14px;color:var(--td-color-muted);margin-top:var(--s2)}.workflow-strip{display:flex;align-items:center;justify-content:center;gap:var(--s4);padding:var(--s3) var(--s2);border-block:1px solid var(--td-color-review-border);background:var(--td-color-review-surface);font-size:14px}.workflow-strip>span{font-size:26px;color:var(--td-color-link)}
.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s4);margin-bottom:var(--s4)}h2{font-size:clamp(32px,3.3vw,42px);line-height:1.2;letter-spacing:-.035em}.section-heading>p,.section-heading>div>p:not(.section-kicker){max-width:400px;color:var(--td-color-muted);font-size:17px}.section-kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--td-color-muted);margin-bottom:var(--s2)}.packs-section{padding-block:calc(var(--s4)*2)}.pack-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s2)}.pack-art{border-radius:10px;overflow:hidden;background:var(--td-color-closing-surface);aspect-ratio:4/5}.pack-art a{width:100%;height:100%}.pack-art img{width:100%;height:100%;object-fit:contain}.pack-title{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s1);margin:var(--s2) 0 var(--s1)}.pack-title h3{font-size:23px;letter-spacing:-.04em}.pack-title span{font-weight:700;font-size:15px}.pack-poster>p{font-size:14px;line-height:1.6}.pack-poster>.pack-detail{font-size:12px;color:var(--td-color-muted);margin-top:var(--s1)}.pack-poster>.text-link{font-size:14px;margin-top:var(--s1)}
.included{padding-top:var(--s3)}.included>.section-heading{margin-bottom:calc(var(--s4)*1.5)}.feature-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(var(--s4)*1.5);align-items:center;margin-bottom:calc(var(--s4)*2)}.feature-row:nth-of-type(even)>.feature-media{order:2}.feature-media{background:var(--td-color-closing-surface);border-radius:12px;overflow:hidden}.feature-media a{width:100%}.feature-media img{width:100%;height:auto;max-height:540px;object-fit:contain}.feature-copy h3{font-size:clamp(30px,3.6vw,48px);margin-bottom:var(--s2)}.feature-copy>p:not(.section-kicker){max-width:440px;font-size:18px;line-height:1.7}.feature-copy>.feature-detail{margin-top:var(--s2);font-size:13px!important;color:var(--td-color-muted)}
.showtime{padding-block:var(--s2) calc(var(--s4)*2)}.showtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}.showtime-grid a{background:var(--td-color-surface);border-radius:10px;overflow:hidden}.showtime-grid img{width:100%;aspect-ratio:16/10;object-fit:contain}.showtime-grid figcaption{font-size:14px;color:var(--td-color-muted);margin-top:var(--s1)}
.faq-section{display:grid;grid-template-columns:1fr 1.4fr;gap:calc(var(--s4)*2);padding-block:var(--s4) calc(var(--s4)*2)}.faq-list details{border-bottom:1px solid var(--td-color-border)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:var(--s2);font-size:17px;font-weight:700;cursor:pointer;padding-block:var(--s2);list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';font-size:22px;font-weight:400}.faq-list details[open] summary:after{content:'−'}.faq-list p{color:var(--td-color-muted);margin-bottom:var(--s2)}.faq-list .text-link{margin-bottom:var(--s2)}
.closing-section{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:var(--s4);background:var(--td-color-closing-surface);border-radius:14px;padding-block:var(--s4)}.closing-copy>p:not(.section-kicker){margin-block:var(--s2) var(--s3);max-width:380px;font-size:18px}.closing-sample{display:block;width:fit-content;margin-top:var(--s1)}.lifetime-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px 24px;margin-block:32px 40px;padding-block:0}.lifetime-note p{font-size:14px;color:var(--td-color-muted)}.lifetime-note a{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:10px 18px;background:var(--td-color-closing-surface);color:var(--td-color-link);border:1px solid var(--td-color-control-text);border-radius:7px;font-size:14px;font-weight:700;box-shadow:0 2px 3px #20221f12}.lifetime-note a:after{content:'→';font-size:18px;line-height:1}.lifetime-note a:hover{background:var(--td-color-surface)}
.footer{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding-block:var(--s4);border-top:1px solid var(--td-color-border)}.footer nav{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:13px}.footer nav a{min-height:44px;align-content:center}.td-catalog{padding-block:calc(var(--s4)*2)}.td-catalog-heading{margin-bottom:var(--s4)}.td-catalog-heading h2{margin-bottom:var(--s2)}.td-catalog-controls{margin-bottom:var(--s4)}.td-catalog-grid{gap:var(--s4) var(--s3)}.td-catalog .td-filter-groups{gap:var(--s1);margin-bottom:var(--s2)}.td-catalog .td-filter-row{gap:var(--s1)}.td-catalog .td-filter-row button{padding:var(--s1) var(--s2)}
@media(max-width:1100px){.header{padding-inline:var(--s2);gap:var(--s2)}.identity{flex-wrap:wrap;gap:0 var(--s1)}.identity strong{font-size:23px}.identity>span{font-size:12px}.header nav{gap:var(--s2);font-size:13px}.nav-buy{gap:var(--s1);padding-inline:var(--s1)}.pack-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s4) var(--s2)}.pack-art{aspect-ratio:1}.feature-row{gap:var(--s4)}.workflow-strip{gap:var(--s2)}.footer{align-items:flex-start}.footer nav{max-width:500px}.pack-title h3{font-size:26px}}
@media(max-width:760px){html{scroll-padding-top:90px}.section-wrap{padding-inline:var(--s2)}.header{min-height:80px;padding:var(--s2)}.identity{display:block}.identity strong{display:block;font-size:23px}.identity>span{font-size:12px}.menu-toggle{display:flex;align-items:center;gap:var(--s2);padding:var(--s1);border:1px solid var(--td-color-control-text);border-radius:7px;background:transparent;line-height:1;min-height:44px}.menu-toggle>span{font-size:20px}.header nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:stretch;gap:0;padding:var(--s1) var(--s2) var(--s2);background:var(--td-color-page);border-bottom:1px solid var(--td-color-border)}.header nav.is-open{display:flex}.header nav>a{padding:var(--s1) 0;min-height:44px;font-size:16px}.header nav>.nav-buy{padding:var(--s1) var(--s2);justify-content:space-between;margin-top:var(--s1)}.hero{padding:var(--s3) var(--s1)}.eyebrow{font-size:17px;margin-bottom:var(--s2)}.hero h1{font-size:14.5vw}.hero-original{margin-top:var(--s2)}.hero-original img{width:100%}.intro{font-size:16px;padding-inline:var(--s1);margin-block:var(--s2)}.intro br{display:none}.button-row{display:grid;grid-template-columns:1fr 1fr;max-width:400px;gap:var(--s1);padding-inline:var(--s1)}.button-row>.primary{grid-column:1/-1}.button{padding:var(--s2);font-size:15px;min-height:56px}.button-row>.secondary{font-size:13px;padding:var(--s1)}.button-row>.text-link{font-size:14px}.hero-facts{font-size:12px}.workflow-strip{flex-direction:column;gap:var(--s1);padding:var(--s2);font-size:12px;text-align:center}.workflow-strip>span{display:none}.section-heading{display:block;margin-bottom:var(--s3)}.section-heading>p,.section-heading>div+div{margin-top:var(--s2)}.section-heading>p,.section-heading>div>p:not(.section-kicker){font-size:16px}.section-kicker{font-size:11px;margin-bottom:var(--s1)}.packs-section{padding-block:calc(var(--s3)*2)}.pack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3) var(--s2)}.pack-art{aspect-ratio:4/5}.pack-title{gap:var(--s1);flex-wrap:wrap;margin-top:var(--s1)}.pack-title h3{font-size:23px}.pack-title span{font-size:14px}.pack-poster>p{font-size:13px}.pack-poster>.pack-detail{font-size:11px}.pack-poster:last-child{grid-column:1/-1;max-width:300px;width:100%;justify-self:center}.pack-poster:last-child .pack-art{aspect-ratio:1.4}.included{padding-top:0}.included>.section-heading{margin-bottom:var(--s4)}.feature-row{grid-template-columns:1fr;gap:var(--s3);margin-bottom:calc(var(--s3)*2)}.feature-row:nth-of-type(even)>.feature-media{order:0}.feature-copy h3{font-size:34px}.feature-copy>p:not(.section-kicker){font-size:16px}.feature-media img{max-height:440px}.showtime{padding-block:var(--s1) var(--s4)}.showtime-grid{grid-template-columns:1fr;gap:var(--s3)}.faq-section{grid-template-columns:1fr;gap:var(--s3);padding-block:var(--s4) calc(var(--s3)*2)}.faq-list summary{font-size:16px}.faq-list p{font-size:15px}.closing-section{grid-template-columns:1fr;padding-block:var(--s3);gap:var(--s2);border-radius:0}.closing-copy h2{font-size:42px}.closing-copy>p:not(.section-kicker){font-size:16px}.closing-copy>.button{width:100%;max-width:400px}.closing-sample{margin-inline:auto}.lifetime-note{justify-content:center;text-align:center}.footer{flex-direction:column;gap:var(--s2)}.footer nav{gap:var(--s1) var(--s2)}.td-catalog{padding:var(--s4) var(--s2)}.td-catalog .td-filter-row{flex-wrap:wrap}.td-catalog .td-filter-row button{padding:var(--s1)}.td-catalog .td-catalog-tabs{padding:var(--s1);gap:var(--s1)}.td-catalog .td-catalog-tabs button{padding:var(--s1);font-size:13px}.td-catalog-grid{gap:var(--s3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Scene2 is the user-selected transparent cast. Keep its taller composition intact. */
.hero-original{width:100%;max-width:1200px;margin-top:0}
.hero-original img{width:100%;max-height:none;margin-inline:auto}
@media(max-width:760px){.hero-original{margin-top:var(--s2)}.hero-original img{width:100%;max-height:none}}
/* Original pose sheets, progressively enhanced with accessible pack tabs. */
/* Complete pose sheets with visual pack selection and a visible enlargement action. */
.pose-library{background:var(--td-color-closing-surface);padding:var(--s2);border:1px solid var(--td-color-border);overflow:visible}
.pose-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s1);margin-bottom:var(--s2)}
.pose-tabs button{display:flex;flex-direction:column;align-items:center;gap:var(--s1);background:var(--td-color-page);border:1px solid var(--td-color-control-border);border-radius:10px;min-width:0;min-height:44px;padding:var(--s1) 0;font-size:14px;font-weight:700;color:var(--td-color-text)}
.pose-tabs button img{width:100%;height:60px;object-fit:contain;transition:transform .18s ease}
.pose-tabs button:hover{border-color:var(--td-color-selected-border);background:var(--td-color-surface)}
.pose-tabs button:hover img{transform:translateY(-3px)}
.pose-tabs button[aria-selected=true]{background:var(--td-color-selected-surface);color:var(--td-color-selected-text);border:2px solid var(--td-color-selected-border);text-decoration:underline;text-underline-offset:4px}
.pose-sheet{height:auto}
.pose-sheet a{display:block;width:100%;height:auto;border-radius:10px;overflow:hidden;background:var(--td-color-closing-surface)}
.pose-library .pose-sheet img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
@media(prefers-reduced-motion:reduce){.pose-tabs button img{transition:none}.pose-tabs button:hover img{transform:none}}
.showtime-grid{gap:var(--s4) var(--s3);align-items:start}
.showtime-grid img{aspect-ratio:4/3;object-fit:cover}
.showtime-grid video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border-radius:10px;background:var(--td-color-surface)}
.showtime-grid figcaption{display:flex;flex-direction:column;gap:0;margin-top:var(--s1);line-height:1.6}
.showtime-grid figcaption strong{font-size:17px;color:var(--td-color-text)}
.showtime-grid figcaption span{font-size:13px;color:var(--td-color-muted)}
.showtime-note{max-width:760px;margin:var(--s3) auto 0;color:var(--td-color-muted);font-size:13px;text-align:center}
@media(max-width:760px){.pose-library{padding:var(--s1)}.pose-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}.pose-tabs button img{height:60px}.showtime-grid{gap:var(--s3)}.showtime-grid figcaption strong{font-size:16px}.showtime-note{text-align:left}}
.showtime-grid img{aspect-ratio:3/2}
.showtime-concept img{object-fit:contain}
.showtime-grid video{aspect-ratio:3/2;background:var(--td-color-text)}
/* Reuse Characterz social-proof components and their semantic palette mappings. */
body[data-site="illustrationz"]{--ink:var(--td-color-text);--paper:var(--td-color-page);--muted:var(--td-color-muted);--line:var(--td-color-border);--violet:var(--td-color-link)}
.pack-poster{display:grid;grid-template-rows:auto auto 1fr auto auto}
.pack-poster>.text-link{align-self:end;white-space:nowrap}
.showtime-heading{margin-bottom:var(--s4)}
.showtime-grid figcaption.scene-caption{font:12px/1.6 Arial,sans-serif;color:var(--td-color-muted);margin:var(--s1) 0 0;display:block}
.showtime-grid img{aspect-ratio:3/2;object-fit:cover}


/* Reviewed collection spacing: retain the original artwork and 10px grid. */
.hero{padding-top:30px;padding-bottom:60px}
.hero-scene{display:flex;flex-direction:column;align-items:center;gap:30px}
.hero-scene .eyebrow,.hero-original{margin:0}
.hero-offer{margin-top:10px}
.intro{max-width:640px;margin:0 auto 40px}
.hero-facts{margin-top:30px}
.showtime-animation{position:relative;overflow:hidden;border-radius:10px}
.video-play{position:absolute;inset:0;display:grid;place-items:center;width:100%;border:0;background:transparent;color:var(--td-color-text)}
.video-play span{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:var(--td-color-page);box-shadow:0 2px 20px #20221f33}
.video-play svg{width:26px;height:26px;margin-left:4px;fill:currentColor}
.video-play:hover span{background:var(--td-color-surface)}
.video-play:focus-visible{outline-offset:-6px}
@media(max-width:760px){.hero{padding:20px 20px 40px}.hero-scene{gap:20px}.hero-offer{margin-top:10px}.intro{margin-bottom:30px}.hero-facts{margin-top:20px}}

/* Feather the long floor-shadow tail without filtering the character artwork. */
.hero-original img,.closing-art img{
 -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.08) 93%,transparent 100%),linear-gradient(to right,transparent 0%,transparent 15%,#000 21%,#000 100%);
 -webkit-mask-composite:source-over;
 mask-image:linear-gradient(to bottom,#000 0%,#000 88%,rgba(0,0,0,.08) 93%,transparent 100%),linear-gradient(to right,transparent 0%,transparent 15%,#000 21%,#000 100%);
 mask-composite:add;
}

/* Let the original bulb and hearts overlap the title while retaining cast height. */
.hero-scene{isolation:isolate}
.hero-scene .eyebrow{transform:none}
.hero-scene h1{position:relative;z-index:0;transform:none;margin-bottom:calc(-1 * clamp(40px,10vw,130px))}
.hero-original{position:relative;z-index:1}
.hero-original img{filter:contrast(1.12) brightness(1.015)}
@media(max-width:760px){.hero-scene h1{margin-bottom:calc(-1 * clamp(30px,8vw,60px))}}
.showtime-grid .scene-original img{aspect-ratio:16/10;object-fit:cover}

/* Existing facial-animation clips, full frame, manual playback. */
.facial-demo{position:relative;align-self:center;background:var(--td-color-selected-surface)}
.facial-demo video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}

/* Background-free pose viewer; original white source sheets blend into the paper. */
.pose-library{padding:0;border:0;border-radius:0;background:transparent}
.pose-tabs button{background:var(--td-color-closing-surface);border:2px solid transparent;border-radius:10px;box-shadow:0 2px 6px color-mix(in srgb,var(--td-color-text) 6%,transparent)}
.pose-tabs button:hover{background:var(--td-color-closing-surface);border-color:var(--td-color-hover-border)}
.pose-tabs button[aria-selected=true]{background:var(--td-color-closing-surface);border:2px solid var(--td-color-link)}
.pose-tabs button img{mix-blend-mode:multiply}
.pose-sheet a{background:transparent;border-radius:0;overflow:visible}
.pose-sheet>a>img,.pose-sheet .localized-art-frame{mix-blend-mode:multiply}
@media(max-width:760px){.pose-library{padding:0}}
/* Genuine transparent PNG cutouts, rather than a pose-sheet screenshot. */
.transparent-png-preview{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:20px;background:transparent;overflow:visible}

.transparent-png-preview a{background:transparent}
.transparent-png-preview img{width:100%;height:auto;max-height:none;object-fit:contain}

.facial-preview-strip{padding-block:20px 60px}
.facial-preview-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}
.facial-preview-grid figure{min-width:0}
.facial-preview-grid video{display:block;width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px}
.facial-preview-grid figcaption{display:flex;flex-direction:column;gap:0;margin-top:10px;font-size:16px;line-height:1.5}
@media(max-width:1100px){.facial-preview-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.facial-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 10px}.facial-preview-strip{padding-block:10px 40px}}

.transparent-png-preview{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.transparent-png-preview a:first-child{grid-row:auto}
.transparent-png-preview img{height:400px}


@media(max-width:760px){.transparent-png-preview img{height:300px}}

.facial-preview-grid figure{position:relative}.facial-preview-grid .video-play{bottom:auto;aspect-ratio:1;z-index:1}.facial-preview-grid .video-play span{width:44px;height:44px}.facial-preview-grid .video-play svg{width:20px;height:20px}


.transparent-png-preview img.adult-png-cutout{object-fit:cover;object-position:52% 50%}

/* Fill this gallery animation frame without side bars. */
.showtime-animation video{object-fit:cover;object-position:center}

/* Readable live state names; no playback toolbar over the character. */
.animation-cue{display:block;min-height:44px;padding:10px 20px;font-size:16px;line-height:1.5;font-weight:700;color:var(--td-color-link);overflow-wrap:anywhere}
.facial-demo .animation-cue{text-align:center;background:var(--td-color-surface)}
.facial-preview-grid .animation-cue{padding:10px 0 0;min-height:40px}
.feature-copy>p{max-width:490px!important}

/* Reserve the same complete-sheet canvas for every pack to prevent tab jumps. */
.pose-sheet{position:relative;width:100%;height:auto;aspect-ratio:1359/1400}
.pose-sheet>a{position:absolute;inset:0;display:grid;place-items:center;width:100%;height:100%;min-height:0}
.pose-library .pose-sheet>a>img{width:100%;height:100%;max-height:100%;object-fit:contain}

/* Clear white pack previews with the Characterz bundle/exploration hierarchy. */
.pack-art{background:var(--td-color-closing-surface)}
.pack-bundle-summary{display:flex;flex-direction:column;align-items:flex-end;gap:0;width:max-content;max-width:100%;margin-left:auto;flex-shrink:0;text-align:right}
.collection-saving{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px 20px;font-size:16px;line-height:1.5}
.collection-saving del{color:var(--td-color-muted)}
.collection-saving strong{color:var(--td-color-link);font-weight:700}
.hero-offer>.collection-saving{margin-top:20px}
.pack-bundle-summary .collection-saving{justify-content:flex-end;gap:10px 20px}.pack-bundle-summary .collection-saving strong{font-weight:600}
.pack-buy-line{display:flex;align-items:center;justify-content:flex-end;font-size:16px;line-height:1.5}
.pack-bundle-link{display:inline-flex;align-items:center;justify-content:flex-end;min-height:44px;padding:0;border:0;background:transparent;color:var(--td-color-link);font-weight:600;text-decoration:underline;text-underline-offset:5px}
.pack-bundle-link:hover{border-color:var(--td-color-link)}
.closing-copy .collection-saving{justify-content:flex-start;margin-block:20px}
@media(max-width:760px){.pack-bundle-summary{margin-top:20px}.pack-buy-line{gap:10px}.collection-saving{font-size:16px}}

@media(max-width:1000px){.packs-section .section-heading{display:block}.pack-bundle-summary{margin-top:20px}}

/* Original workflow demos and inclusive character preview. */
.workflow-demo video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--td-color-closing-surface)}
.wheelchair-preview img{aspect-ratio:1;object-fit:cover;object-position:52% center;max-height:540px}
.walkthrough-preview a{display:block;position:relative}
.walkthrough-link{display:flex;align-items:center;justify-content:center;min-height:60px;padding:10px 20px;background:var(--td-color-action);color:var(--td-color-on-action);font-size:16px;font-weight:700;text-align:center}
.walkthrough-preview a:hover .walkthrough-link{background:var(--td-color-action-hover)}
.feature-copy p{text-wrap:pretty}.feature-copy h3{text-wrap:balance}

/* Characterz native YouTube player, with its introduction above the video. */
.walkthrough-intro{display:flex;flex-direction:column;align-items:center;gap:20px;margin-bottom:80px;text-align:center}
.walkthrough-intro>.feature-copy{max-width:800px}.walkthrough-intro .feature-copy>p:not(.section-kicker){max-width:760px!important;margin-inline:auto}
.youtube-player{width:100%;max-width:1000px;aspect-ratio:16/9;background:#242424;border-radius:10px;overflow:hidden}
.youtube-player iframe{display:block;width:100%;height:100%;border:0}
.walkthrough-intro>.text-link{margin-top:-10px}
@media(max-width:760px){.walkthrough-intro{margin-bottom:60px}}

/* The official thumbnail has baked-in side bars; crop the preview, not the live player. */
.youtube-preview{display:block;position:relative;width:100%;height:100%;overflow:hidden;border:0;background:var(--td-color-closing-surface)}
.youtube-preview>img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.067)}
.youtube-preview-play{position:absolute;inset:0;display:grid;place-items:center}
.youtube-preview-play svg{width:74px;height:52px;filter:drop-shadow(0 2px 5px #0002)}
.youtube-preview:hover .youtube-preview-play svg{filter:brightness(.92)}

/* Frame the original friends portrait around the faces; full artwork opens on click. */
.showtime-grid .scene-friends img{object-position:center 15%}