@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#163b44;--paper:#f6f2e8;--red:#d44e37;--gold:#e7b861}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}header{max-width:1440px;margin:auto;padding:29px 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #163b4425;gap:24px}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:31px;letter-spacing:-1px}.brand span{font-size:21px;color:var(--red)}nav{display:flex;gap:32px;font-size:13px;font-weight:600}nav a:hover,.text-link:hover{color:var(--red)}.nav-cta{border:1px solid #163b4450;padding:12px 18px;font-size:12px;font-weight:700}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;padding:64px 5.5% 72px;gap:50px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;background:var(--red);border-radius:50%}h1,h2,h3,p{margin-top:0}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(64px,6.8vw,104px);line-height:.98;letter-spacing:-1.8px;text-transform:uppercase;margin:26px 0}em{font-style:normal;color:var(--red)}.intro{font-size:15px;line-height:1.9;color:#5e6a68}.actions{display:flex;align-items:center;gap:25px;margin:29px 0}.button{padding:18px 22px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:14px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:4px 5px 0 #163b4420}.red{background:var(--red);color:white}.text-link{font-weight:700;font-size:12px;border-bottom:1px solid currentColor;padding-bottom:6px}.hero-note{font-size:8px;letter-spacing:1.1px;margin-top:36px}.hero-note span{margin:0 10px;color:var(--red)}.hero-art{position:relative;transform:rotate(2deg);border:9px solid #fffaf0;box-shadow:0 12px 28px #173c4420}.hero-art svg{display:block;width:100%;height:auto}.art-label{position:absolute;left:19px;top:17px;color:#e8dbc0;font-size:8px;letter-spacing:2px}.wanted{position:absolute;bottom:-19px;left:-35px;background:#eed9ab;color:#4a3c2b;padding:15px 20px 10px;text-align:center;transform:rotate(-10deg);box-shadow:0 5px 9px #0002;border:1px solid #b59a64}.wanted span{display:block;font-family:Georgia,serif;font-size:30px;letter-spacing:3px;font-weight:bold;border-bottom:1px solid #59472f}.wanted strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:42px;letter-spacing:3px}.wanted small{font-size:6px;letter-spacing:1px;display:block}.wanted div{font-size:8px;border-top:1px solid #59472f;margin-top:9px;padding-top:7px;font-weight:bold;letter-spacing:1px}.stamp{position:absolute;right:14px;bottom:17px;width:80px;height:80px;border:2px solid #ead4a2;border-radius:50%;color:#ead4a2;display:flex;flex-direction:column;justify-content:center;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:27px;transform:rotate(-15deg)}.stamp span{font-size:10px;letter-spacing:1px}.ticker{display:flex;gap:42px;justify-content:center;white-space:nowrap;overflow:hidden;background:var(--ink);color:#f5dfae;padding:19px 0;font-size:13px;letter-spacing:3px;font-family:'Barlow Condensed',sans-serif}.section{max-width:1280px;margin:auto;padding:80px 5%}h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;font-size:57px;text-transform:uppercase;line-height:1.02;letter-spacing:-.5px;margin-bottom:24px}.crew{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid #163b4430}.crew-copy{padding-top:28px}.crew-copy p{font-size:15px;line-height:1.9;color:#5a6b69}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:24px;gap:24px}.section-title>p{font-size:13px;color:#5a6b69;margin-bottom:27px}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.social{border:1px solid #163b4430;padding:26px 22px;display:flex;gap:16px;position:relative;transition:transform .2s,background .2s}.social:hover{transform:translateY(-4px);background:#eae4d5}.social h3{font-size:20px;margin:0 0 9px}.social p{font-size:12px;line-height:1.6;max-width:170px;margin-bottom:18px}.social small{font-size:10px;color:#6a7570}.network-icon{font-size:28px;line-height:1}.arrow{position:absolute;right:17px;top:17px;font-size:18px}.twitch{background:var(--ink);color:var(--paper)}.twitch small{color:#c7d8d3}.twitch:hover{background:#245867}.support-link{background:#ede5d4}.schedule{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#eee8da;margin-top:15px}.schedule>div>p:not(.eyebrow){font-size:14px;color:#5a6b69}.days>div{display:flex;align-items:center;gap:24px;padding:20px 0;border-bottom:1px solid #163b442e}.days span{font-size:11px;color:#74807a}.days h3{font-family:'Barlow Condensed',sans-serif;font-size:27px;margin:0}.days strong{margin-left:auto;font-size:23px;font-family:'Barlow Condensed',sans-serif}.days>p{font-size:10px;line-height:1.8;color:#64706a;margin-top:20px}.support{text-align:center;padding-top:90px;padding-bottom:90px}.support .eyebrow{justify-content:center}.support h2{font-size:66px}.support>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#5a6b69}.support .actions{justify-content:center}.support small{font-size:10px;color:#6b756f}.star{font-size:46px;color:var(--gold);display:block;margin-bottom:20px}.outline{border:1px solid #163b4450}footer{background:var(--ink);color:var(--paper);padding:35px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}footer p{font-size:12px;margin:0}footer>a:last-of-type{font-size:11px}footer small{flex-basis:100%;font-size:9px;color:#b8c4bf;border-top:1px solid #ffffff25;padding-top:22px;margin-top:6px}@media(min-width:1500px){.hero{gap:85px}}@media(max-width:900px){header{padding:22px 5%}nav{gap:17px}.hero{gap:30px;padding-top:45px}h1{font-size:67px}.actions{flex-wrap:wrap;gap:20px}.hero-note{font-size:7px}.hero-note span{margin:0 4px}.wanted{left:-14px;transform:rotate(-7deg) scale(.8);transform-origin:bottom left}.links{grid-template-columns:repeat(2,1fr)}.section{padding:60px 6%}.crew,.schedule{gap:40px}h2{font-size:49px}}@media(max-width:620px){header{flex-wrap:wrap;gap:18px}.brand{font-size:27px}nav{order:3;width:100%;justify-content:center;border-top:1px solid #163b4420;padding-top:17px}.nav-cta{font-size:10px;padding:10px 12px}.hero{grid-template-columns:1fr;padding:38px 7% 55px;gap:35px}.hero-copy{position:relative;z-index:1}h1{font-size:76px;margin-top:22px}.intro{font-size:14px}.hero-art{margin:0 10px 0 20px}.hero-note{font-size:8px}.hero-note span{margin:0 8px}.hero .actions{gap:20px}.wanted{transform:rotate(-9deg) scale(.85)}.ticker{justify-content:start;gap:25px;padding:15px 20px}.crew,.schedule{grid-template-columns:1fr;gap:14px}.crew-copy{padding-top:0}.section{padding:48px 7%}.section-title{display:block;margin-bottom:22px}.section-title>p{margin-bottom:0}.links{grid-template-columns:1fr}.social{padding:24px;gap:20px}.social p{max-width:none;margin-bottom:12px}.network-icon{width:35px}.support h2{font-size:53px}.support br{display:none}.support h2 br{display:block}.support .actions{gap:12px}.support .button{padding:16px}.days>div{padding:17px 0}footer{padding:30px 7%}footer p{width:100%;order:3}footer small{order:4}h2{font-size:49px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Pavillon Jimsou */
.hero-art.logo-art{transform:none;background:#252525;border:9px solid #fffaf0;aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 16px 40px #173c4420}.logo-art .art-label{top:25px;left:0;width:100%;text-align:center;color:#ecd4a0;font-size:9px}.hero-logo{display:block;width:86%;height:auto;object-fit:contain;margin:25px 0 0}.logo-signature{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(34px,4vw,60px);font-weight:800;color:#f7edd5;text-align:center;letter-spacing:4px;line-height:1.1}.logo-signature span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:3px;font-weight:500;color:#e7b861;margin-top:12px}@media(max-width:620px){.hero-art.logo-art{margin:0}.hero-logo{width:90%}.logo-signature{font-size:43px}.logo-art .art-label{top:18px;font-size:8px}}

/* Musique de bord */
.music-panel{position:fixed;right:18px;bottom:18px;z-index:50;width:344px;padding:12px;background:#163b44;color:#f6f2e8;border:1px solid #e7b86180;box-shadow:0 8px 35px #0004;border-radius:12px;font-family:'DM Sans',sans-serif}.music-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.music-heading small{display:block;color:#e7b861;font-size:8px;letter-spacing:1.7px;margin-bottom:4px}.music-heading strong{font-size:14px}.music-heading strong span{font-size:10px;font-weight:400}.music-panel button{cursor:pointer;background:#f6f2e8;color:#163b44;border:0;border-radius:6px;min-width:38px;min-height:38px;font-size:17px}.music-panel button:disabled{opacity:.5;cursor:wait}.music-panel button:focus-visible,.music-panel input:focus-visible{outline:2px solid #e7b861;outline-offset:3px}.music-video{height:200px;background:#0e262c;overflow:hidden;border-radius:5px}.music-video iframe{width:100%;height:200px;border:0}.music-controls{display:flex;align-items:center;gap:8px;margin-top:10px}.music-controls label{font-size:10px}.music-controls input{width:100%;min-width:45px;accent-color:#e7b861;cursor:pointer}.music-controls output{white-space:nowrap;font-size:10px;min-width:36px}.music-status{font-size:10px;line-height:1.5;margin:9px 0 4px;color:#e2e8e0}.music-source{font-size:9px;text-decoration:underline}.music-panel.compact .music-video{display:none}.music-panel.compact .music-source,.music-panel.compact .music-status{display:none}.music-panel.compact{width:300px}.music-panel.compact .music-heading{margin-bottom:0}body{padding-bottom:100px}@media(max-width:620px){.music-panel{right:10px;bottom:10px;width:min(320px,calc(100vw - 20px))}.music-panel.compact{width:min(300px,calc(100vw - 20px))}.music-controls button{min-width:44px;min-height:44px}}
