/* Native SVG illustration geometry stays sharp at any viewport size. */
.character-art img,.character-extra img,.chapter-illustration{image-rendering:auto}
.character-title{text-transform:uppercase}
/* A continuous colour progression with translucent diagonal bands, without a repeating colour reset. */
.editorial.sketchbook .chapter-hero,.sketch-door{background:repeating-linear-gradient(146deg,transparent 0px,transparent 90px,rgba(255,255,255,.025) 90px,rgba(255,255,255,.025) 180px),linear-gradient(146deg,#242c52,#602d54)}
.comic-door,.editorial.bandes-dessinees .chapter-hero{background:repeating-linear-gradient(146deg,transparent 0px,transparent 55px,rgba(255,255,255,.025) 55px,rgba(255,255,255,.025) 110px),linear-gradient(146deg,#e382a3,#2e4b9b)}
.bandes-dessinees .chapter-hero:before{display:none}
.cover{height:100svh;min-height:720px;background:#051321;isolation:isolate}
.cover:after{display:none}
.cover-image{inset:80px 2% 35px auto;width:60%;height:auto;background:none;z-index:0;display:flex;align-items:center;justify-content:center}
.cover-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;max-width:100%;filter:none}
.studio{top:130px;left:7%;transform:none;text-align:left;font-size:15px;line-height:.85;letter-spacing:0;color:#ffb071}
.studio span{color:#f5f0ed;line-height:3}
.cover-title{left:7%;right:auto;bottom:auto;top:42%;width:36%;text-align:left}
.cover-title h1{font-size:clamp(74px,6.5vw,142px);letter-spacing:.035em;line-height:1.05;-webkit-text-stroke:0;background:linear-gradient(110deg,#ffa124 5%,#ef6354 50%,#f21449 100%);background-clip:text;color:transparent}
.cover-title p{margin-top:28px;font-size:12px;line-height:1.9;color:#eeedf5}
.cover-title strong{font-size:23px;font-weight:500}
.cover-entry{bottom:55px;left:7%;right:auto;width:31%;padding-top:20px}
@media(min-width:1800px){.cover-image{right:4%;width:56%;top:90px;bottom:45px}.cover-title h1{font-size:130px}}
@media(max-width:850px){.cover{height:auto;min-height:100svh;padding:90px 6% 40px;display:flex;flex-direction:column;align-items:center}.studio{position:static;transform:none;text-align:center;font-size:11px;line-height:.9;margin:8px 0 25px;order:0}.studio span{font-size:9px}.cover-title{position:static;width:100%;text-align:center;order:1}.cover-title h1{font-size:15.5vw;letter-spacing:.045em}.cover-title p{font-size:10px;line-height:1.5;margin-top:12px}.cover-title strong{font-size:17px}.cover-image{position:static;order:2;width:100%;height:auto;margin:25px 0 30px;display:block}.cover-image img{width:100%;height:auto;object-fit:contain;max-height:68svh}.cover-entry{position:static;order:3;width:100%;font-size:8px;margin:0}.cover-entry span{font-size:22px}}
@media(max-width:540px){.cover{padding:83px 5% 32px}.studio{margin-bottom:18px}.cover-title h1{font-size:17vw;letter-spacing:.025em}.cover-image{margin-top:22px;margin-bottom:25px}.cover-image img{max-height:none;width:100%;height:auto}}

.cover-title h1:has(img){font-size:0;line-height:0;background:none;-webkit-text-stroke:0}.cover-title h1 img{display:block;width:100%;height:auto;object-fit:contain}

/* Font outlines can extend past their nominal font metrics. Keep room above and below every title, including gradient fills. */
.editorial h1,.editorial h2,.editorial h3{overflow:visible;padding-top:.12em;padding-bottom:.2em;line-height:1.2}
.editorial .small-title{line-height:1.35;padding-top:.16em;padding-bottom:.26em}
.editorial .chapter-hero h1{line-height:1.12;padding-top:.12em;padding-bottom:.18em}
.editorial .character-title{line-height:1.2;padding-top:.12em;padding-bottom:.18em}
.editorial .cover-title h1:has(img){padding:0;line-height:0}
.editorial .contents-list a{grid-template-columns:minmax(0,1fr) 35px}
.editorial .contents-list b{justify-self:end}
.editorial .graphic-door>span{line-height:1.12;padding-top:.08em;padding-bottom:.15em}
.editorial .next-chapter a{line-height:1.3;padding-top:.12em;padding-bottom:.2em}
.editorial.sketchbook .chapter-hero,.editorial.bandes-dessinees .chapter-hero{height:auto;min-height:110svh;padding-bottom:150px}
@media(max-width:540px){.editorial .contents-list a{grid-template-columns:minmax(0,1fr) 25px}.editorial.sketchbook .chapter-hero,.editorial.bandes-dessinees .chapter-hero{min-height:850px;padding-bottom:145px}}

/* Navigation repeats the chapter names from the contents. */
.editorial nav{gap:18px;font-size:10px}.editorial header{padding-left:3%;padding-right:3%}
/* Display the opening artwork at a readable scale, without a cover crop or overlaid lettering. */
.editorial.visuels .chapter-hero{height:auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center;padding:145px 7% 110px;background:linear-gradient(145deg,#f58b21,#ef3c4d);color:#ffd7aa}
.editorial.visuels .chapter-hero .back-link{position:absolute;top:115px;left:7%}
.editorial.visuels .chapter-hero .chapter-illustration{position:static;grid-column:2;grid-row:1;width:100%;height:auto;max-height:72svh;object-fit:contain;object-position:center}
.editorial.visuels .chapter-hero h1{position:static;grid-column:1;grid-row:1;transform:none;text-align:left;font-size:clamp(110px,16vw,280px);letter-spacing:.02em;line-height:1.25;mix-blend-mode:normal;color:#ffd3a1;margin:0;padding:.12em 0 .2em}
.editorial.visuels .scroll-cue{left:7%;width:86%;bottom:45px}
@media(max-width:1200px){.editorial #menu{display:block;background:none;border:0;font-size:24px}.editorial nav{display:none;position:absolute;top:64px;left:0;right:0;background:#fff;padding:25px 6%;flex-direction:column;align-items:start;font-size:14px;gap:18px;max-height:calc(100svh - 64px);overflow:auto}.editorial nav.open{display:flex}}
@media(max-width:850px){.editorial.visuels .chapter-hero{gap:20px;min-height:850px}.editorial.visuels .chapter-hero h1{font-size:17vw}.editorial .contents h1,.editorial .contents h2{font-size:17vw}.editorial.intention .chapter-hero h1{font-size:14.5vw}}
@media(max-width:540px){.editorial.visuels .chapter-hero{display:flex;flex-direction:column;align-items:center;padding:155px 7% 120px;min-height:850px;gap:25px}.editorial.visuels .chapter-hero h1{order:0;font-size:32vw;text-align:center;padding:.08em 0 .12em}.editorial.visuels .chapter-hero .chapter-illustration{order:1;width:100%;height:auto;max-height:440px}.editorial .contents h1,.editorial .contents h2{font-size:17vw}.editorial.intention .chapter-hero h1{font-size:14.5vw}.editorial #léna .character-title{font-size:18vw}}
@media(min-width:851px){.cover-title{width:31%}}

/* Complete InDesign artwork: transparent SVG, including hands, feet and tail. */
.editorial.visuels .chapter-hero .chapter-illustration{width:100%;height:68svh;max-height:720px;object-fit:contain;mix-blend-mode:normal;opacity:1;filter:none;transform:none}
@media(max-width:540px){.editorial.visuels .chapter-hero .chapter-illustration{height:auto;max-height:470px;object-fit:contain}}

/* Portrait phone crop places Rose’s face inside the homepage Visuels panel. */
@media (max-width:850px) and (orientation:portrait){.editorial.home .visual-door img{object-position:85% center}}