.mascot-intro{background:#f8f5ef;padding:55px 0}.mascot-intro h1{font:clamp(34px,5vw,56px)/1.15 Georgia,serif;max-width:850px;color:#b89038}.mascot-intro p{max-width:750px;line-height:1.8}.mascot-gallery,.mascot-request{padding:60px 0}.mascot-gallery h2,.mascot-request h2{font:clamp(28px,4vw,40px)/1.2 Georgia,serif;color:#b89038}.mascot-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}.mascot-layout figure{margin:0}.mascot-layout img{width:100%;height:auto;max-height:650px;object-fit:contain;background:#f8f5ef;border-radius:12px}.mascot-layout figcaption{font-size:13px;margin-top:12px;color:#555}.mascot-layout p{line-height:1.8}.mascot-options{display:grid;gap:16px;margin-top:30px}.mascot-options article{padding:20px;border:1px solid #d9c59c;border-radius:8px}.mascot-options h3{color:#765817;margin:0}.mascot-request{background:#f8f5ef}#mascotForm{max-width:800px}#mascotForm fieldset{display:flex;gap:24px;flex-wrap:wrap;padding:20px;border:1px solid #b89038;border-radius:8px}#mascotForm fieldset label{display:flex;align-items:center;gap:10px;cursor:pointer}#mascotForm input[type=radio]{accent-color:#b89038;width:20px;height:20px}.mascot-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.mascot-fields label{display:grid;gap:8px}.mascot-fields input,.mascot-fields textarea{box-sizing:border-box;width:100%;border:1px solid #bbb;border-radius:6px;padding:12px;font:inherit;background:white;color:#171717}#mascotForm :is(input,textarea):focus-visible{outline:3px solid #b89038;outline-offset:2px}#mascotForm .btn:hover,#mascotForm .btn:focus-visible{background:#b89038;border-color:#b89038;color:white}@media(max-width:700px){.mascot-layout,.mascot-fields{grid-template-columns:1fr}.mascot-intro{padding:35px 0}.mascot-gallery,.mascot-request{padding:35px 0}}
.mascot-models{padding:15px 0 55px}.mascot-models h2{font:clamp(28px,4vw,40px)/1.2 Georgia,serif;color:#b89038}.mascot-models p{line-height:1.8;max-width:850px}.mascot-model-list{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0;margin:28px 0}.mascot-model-list li{padding:16px 20px;border:1px solid #d9c59c;border-radius:8px;background:#f8f5ef;font-weight:bold}@media(max-width:700px){.mascot-model-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:400px){.mascot-model-list{grid-template-columns:1fr}}
.mascot-intro{position:relative;isolation:isolate;overflow:hidden;min-height:560px;display:flex;align-items:center;background:#171717;color:white}.mascot-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.mascot-intro:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.58) 55%,rgba(0,0,0,.18));z-index:-1}.mascot-intro h1{color:#eed7a0;max-width:760px}.mascot-intro p{color:white;max-width:650px}.mascot-intro .crumbs{color:white}.mascot-intro .eyebrow{color:#eed7a0}[dir=rtl] .mascot-intro:after{background:linear-gradient(270deg,rgba(0,0,0,.86),rgba(0,0,0,.58) 55%,rgba(0,0,0,.18))}@media(max-width:700px){.mascot-intro{min-height:540px;align-items:flex-end}.mascot-cover{object-position:45% center}.mascot-intro:after,[dir=rtl] .mascot-intro:after{background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.5) 75%,rgba(0,0,0,.12))}}
/* Photo cover: retain readable text across desktop and mobile. */
.mascot-intro{position:relative;isolation:isolate;min-height:530px;box-sizing:border-box;display:flex;align-items:center;padding:75px 0;background:#151515 url('../images/mascottes-couverture.jpg') center 45%/cover no-repeat;color:#fff}
.mascot-intro:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.65) 55%,rgba(0,0,0,.25))}
.mascot-intro h1{color:#fff;max-width:850px}.mascot-intro p{color:#fff;max-width:690px;text-shadow:0 1px 3px #000}.mascot-intro .eyebrow{color:#eed7a0}.mascot-intro .crumbs,.mascot-intro .crumbs a{color:#fff}.mascot-intro .btn{background:#b89038;border-color:#b89038;color:#fff}
[dir=rtl] .mascot-intro:before{background:linear-gradient(270deg,rgba(0,0,0,.85),rgba(0,0,0,.65) 55%,rgba(0,0,0,.25))}
@media(max-width:700px){.mascot-intro{min-height:500px;padding:40px 0;background-position:53% center}.mascot-intro:before,[dir=rtl] .mascot-intro:before{background:rgba(0,0,0,.67)}}
.mascot-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:28px 0}.mascot-model-card{border:1px solid #d9c59c;border-radius:12px;overflow:hidden;background:#fff}.mascot-photo-link{display:block;background:#f8f5ef}.mascot-photo-link img{display:block;width:100%;height:330px;object-fit:contain}.mascot-model-content{padding:20px}.mascot-model-content h3{font:25px/1.3 Georgia,serif;margin:0 0 12px;color:#765817}.mascot-photo-source{font-size:12px;color:#666;display:inline-block;margin-bottom:16px}.mascot-model-actions{display:flex;flex-wrap:wrap;gap:10px}.mascot-model-actions .btn.outline{color:#765817;border-color:#b89038}.mascot-photo-note{padding:16px 20px;background:#f8f5ef;border-inline-start:3px solid #b89038;border-radius:5px}@media(max-width:850px){.mascot-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot-photo-link img{height:300px}}@media(max-width:500px){.mascot-model-grid{grid-template-columns:1fr}.mascot-photo-link img{height:360px}}
.mascot-tagline{font:24px/1.4 Georgia,serif}.mascot-local{padding:20px 0 55px}.mascot-local h2{font:clamp(26px,3.5vw,36px)/1.25 Georgia,serif;color:#b89038;margin:35px 0 18px}.mascot-local p{line-height:1.85;max-width:950px}.mascot-local details{padding:20px 0;border-bottom:1px solid #d9c59c}.mascot-local summary{font-weight:bold;cursor:pointer;line-height:1.6}.mascot-local summary:focus-visible{outline:3px solid #b89038;outline-offset:5px}
/* User-supplied photos: show the complete image on a white canvas. */
.mascot-model-card:has(img[src$="/woody.jpg"]) .mascot-photo-link,
.mascot-model-card:has(img[src$="/mario.jpg"]) .mascot-photo-link,
.mascot-model-card:has(img[src$="/popy-lol.jpg"]) .mascot-photo-link,
.mascot-model-card:has(img[src$="/macha.jpg"]) .mascot-photo-link,
.mascot-model-card:has(img[src$="/sonic.jpg"]) .mascot-photo-link{background:#fff}
.mascot-photo-link img:is([src$="/woody.jpg"],[src$="/mario.jpg"],[src$="/popy-lol.jpg"],[src$="/macha.jpg"],[src$="/sonic.jpg"]){display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;box-sizing:border-box;padding:12px;background:#fff}
.mascot-photo-link:has(img:is([src$="/woody.jpg"],[src$="/mario.jpg"],[src$="/popy-lol.jpg"],[src$="/macha.jpg"],[src$="/sonic.jpg"])){aspect-ratio:3/4;overflow:hidden}