/* Main page: the comic keeps its natural proportion, with no empty white bands. */
.cartoon-promo--top .cartoon-promo-visual{aspect-ratio:auto;background:transparent}
.cartoon-promo--top .cartoon-promo-visual img{position:relative;display:block;width:100%;height:auto;object-fit:initial}
.cartoon-promo--top .cartoon-promo-actions{margin-top:38px}

/* Service hero: storyboard is the main visual, not a decorative card. */
.cartoon-page-hero{grid-template-columns:minmax(290px,.62fr) minmax(600px,1.38fr);max-width:1600px}
.cartoon-page-hero-media{min-height:0;aspect-ratio:3/2;box-shadow:none;background:transparent}
.cartoon-page-hero-media img{object-fit:cover}
.cartoon-page-hero .cartoon-clapper{margin-top:30px}
.cartoon-hero-facts{display:none}

/* The tutorial makes the production sequence tangible. */
.cartoon-proof{max-width:1500px}
.cartoon-tutorial{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:38px;counter-reset:tutorial}
.cartoon-tutorial-card{position:relative;min-height:330px;margin:0;overflow:hidden;border:1px solid #242427;border-radius:22px;background:#242427;color:#fff;counter-increment:tutorial}
.cartoon-tutorial-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cartoon-tutorial-card:after{content:"0" counter(tutorial);position:absolute;top:14px;left:14px;display:grid;place-items:center;width:36px;height:36px;border:1px solid #242427;border-radius:50%;background:#ffe500;color:#242427;font:800 12px/1 Unbounded}
.cartoon-tutorial-card figcaption{position:absolute;right:13px;bottom:13px;left:13px;padding:13px 14px;border:1px solid #242427;border-radius:14px;background:#fffdf9;color:#242427;font:700 12px/1.42 Manrope}
.cartoon-tutorial-card figcaption b{display:block;margin-bottom:4px;font:800 16px/1.1 Unbounded;letter-spacing:-.07em;color:#ff779e}
.cartoon-tutorial-card--wide{grid-column:span 2}
@media(max-width:950px){.cartoon-page-hero{grid-template-columns:1fr}.cartoon-tutorial{grid-template-columns:repeat(2,1fr)}.cartoon-tutorial-card--wide{grid-column:auto}}
@media(max-width:600px){.cartoon-tutorial{grid-template-columns:1fr}.cartoon-tutorial-card{min-height:285px}.cartoon-page-hero-media{aspect-ratio:3/2}.cartoon-promo--top .cartoon-promo-actions{margin-top:30px}}