/* Dedicated transparent image assets: natural sizing, no screenshot crops. */
.tl-brand-logo-art .tl-brand-emblem{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:220px;height:150px;margin:0;isolation:auto;mix-blend-mode:normal}
.tl-lievre-brand-art .tl-brand-emblem{width:165px}
.tl-brand-emblem>img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.brand-mark>img{display:block;width:100%;height:auto;object-fit:contain;filter:none}
.lievre-page .brand-hero>.brand-mascot{width:100%;max-width:460px;height:570px;display:flex;align-items:end;justify-content:center;margin:0 0 0 auto;overflow:visible;clip-path:none;mix-blend-mode:normal}
.brand-mascot>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:none;mix-blend-mode:normal}
@media(max-width:1100px){.tl-brand-logo-art .tl-brand-emblem{width:150px;height:115px}.tl-lievre-brand-art .tl-brand-emblem{width:116px}.lievre-page .brand-hero>.brand-mascot{height:535px}}
@media(max-width:900px){.tl-brand-logo-art .tl-brand-emblem{width:118px;height:94px}.tl-lievre-brand-art .tl-brand-emblem{width:94px}.lievre-page .brand-hero>.brand-mascot{order:2;max-width:330px;height:450px;margin:22px auto 0}}
@media(max-width:760px){.tl-brand-logo-art .tl-brand-emblem{width:94px;max-width:100%;height:110px}.tl-lievre-brand-art .tl-brand-emblem{width:75px}.tl-brand-trio .story-visual .tl-brand-emblem{height:110px;aspect-ratio:auto}}
@media(max-width:390px){.tl-brand-logo-art .tl-brand-emblem{width:77px;height:92px}.tl-lievre-brand-art .tl-brand-emblem{width:65px}.tl-brand-trio .story-visual .tl-brand-emblem{height:92px}}

/* Current Le Merle Galant identity: exact SVG from its dedicated Site. */
.merle-story{--accent:#173e35}
.tl-merle-brand-art{background:#e5ebd9;border-top:3px solid #ef795b}
.tl-merle-brand-art .tl-brand-art-kicker{font-family:Manrope,'DM Sans',Arial,sans-serif;font-style:normal;font-weight:750;letter-spacing:-.45px;color:#173e35}
.merle-coral{color:#ef795b}
.tl-merle-brand-art .tl-brand-emblem{width:140px;height:140px}
.tl-merle-brand-art .tl-brand-art-foot{font-family:'DM Sans',Arial,sans-serif;color:#173e35;font-weight:600;letter-spacing:1.5px}
.tl-brand-trio .merle-story .story-brand h3{font-family:Manrope,'DM Sans',Arial,sans-serif;font-style:normal;font-weight:750;font-size:29px;letter-spacing:-1px;color:#173e35}
.merle-story .story-link:hover{color:#c34e36}
@media(max-width:1100px){.tl-merle-brand-art .tl-brand-emblem{width:110px;height:110px}.tl-brand-trio .merle-story .story-brand h3{font-size:25px}}
@media(max-width:900px){.tl-merle-brand-art .tl-brand-emblem{width:90px;height:90px}.tl-brand-trio .merle-story .story-brand h3{font-size:23px}}
@media(max-width:760px){.tl-merle-brand-art .tl-brand-emblem{width:84px;height:84px}.tl-brand-trio .story-visual.tl-merle-brand-art .tl-brand-emblem{height:84px}.tl-brand-trio .merle-story .story-brand h3{font-size:25px;letter-spacing:-.8px;line-height:1.1}}
@media(max-width:390px){.tl-merle-brand-art .tl-brand-emblem{width:70px;height:70px}.tl-brand-trio .story-visual.tl-merle-brand-art .tl-brand-emblem{height:70px}.tl-brand-trio .merle-story .story-brand h3{font-size:23px}}

/* Le Lièvre Courtois: official artwork and signature from its dedicated Site v1. */
.lievre-story{--accent:#671c2e}
.tl-lievre-brand-art{background:#f7f3eb;border-top:3px solid #b08a4c;padding:12px}
.tl-lievre-official-logo{display:block;width:100%;max-width:340px;aspect-ratio:3/2}
.tl-lievre-official-logo>img{display:block;width:100%;height:100%;object-fit:contain;filter:none;mix-blend-mode:normal}
.tl-brand-trio .lievre-story .story-brand h3{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-weight:600;font-size:29px;letter-spacing:-1.2px;line-height:.98;color:#671c2e}
.tl-brand-trio .lievre-story .story-brand h3 em{font-weight:400;white-space:nowrap}
.lievre-story .story-link:hover{color:#956e36}
@media(max-width:1100px){.tl-brand-trio .lievre-story .story-brand h3{font-size:26px}}
@media(max-width:900px){.tl-brand-trio .lievre-story .story-brand h3{font-size:25px}}
@media(max-width:760px){.tl-lievre-brand-art{padding:9px}.tl-lievre-official-logo{width:76px;max-width:100%;height:114px;aspect-ratio:2/3}.tl-brand-trio .lievre-story .story-brand h3{font-size:26px;line-height:1.05}}
@media(max-width:390px){.tl-lievre-brand-art{padding:8px}.tl-lievre-official-logo{width:64px;height:96px}.tl-brand-trio .lievre-story .story-brand h3{font-size:24px}}

/* Poulpe pilots the trio: a wider central card and a larger mascot. */
.tl-brand-trio{grid-template-areas:"merle poulpe lievre";grid-template-columns:minmax(0,1fr) minmax(0,1.16fr) minmax(0,1fr);padding-top:12px}
.tl-brand-trio .merle-story{grid-area:merle}
.tl-brand-trio .poulpe-story{grid-area:poulpe;margin-top:-12px}
.tl-brand-trio .lievre-story{grid-area:lievre}
.tl-brand-trio .poulpe-story .story-visual{aspect-ratio:1.5;border-top:3px solid var(--lagoon);background:#cee7df;box-shadow:0 14px 26px -18px #234e5159}
.tl-poulpe-brand-art>img{height:clamp(110px,12vw,165px);max-height:68%;max-width:85%}
.tl-brand-trio .poulpe-story .story-brand h3{font-size:33px}
@media(max-width:1100px){.tl-brand-trio .poulpe-story .story-brand h3{font-size:29px}.tl-poulpe-brand-art{padding:15px;gap:10px}.tl-poulpe-brand-art .tl-brand-art-kicker{font-size:16px}}
@media(max-width:900px){.tl-brand-trio .poulpe-story .story-brand h3{font-size:28px}.tl-poulpe-brand-art .tl-brand-art-kicker{font-size:14px}.tl-poulpe-brand-art{padding:13px;gap:8px}}
@media(max-width:760px){.tl-brand-trio{grid-template-areas:"poulpe" "merle" "lievre";grid-template-columns:minmax(0,1fr);padding-top:0}.tl-brand-trio .poulpe-story{margin-top:0;grid-template-columns:120px minmax(0,1fr)}.tl-brand-trio .poulpe-story .story-visual{width:120px;height:156px;aspect-ratio:auto;padding:10px 8px;gap:0}.tl-poulpe-brand-art>img{width:100%;max-width:100%;height:auto;max-height:none}.tl-brand-trio .poulpe-story .story-brand h3{font-size:29px}}
@media(max-width:390px){.tl-brand-trio .poulpe-story{grid-template-columns:104px minmax(0,1fr)}.tl-brand-trio .poulpe-story .story-visual{width:104px;height:138px}.tl-brand-trio .poulpe-story .story-brand h3{font-size:27px}}
