:root{color-scheme:dark;--black:#050505;--ink:#f7f7f7;--muted:#b5b5b5;--line:#303030;--red:#c92119}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;background:var(--black);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:#ddd}.skip{position:absolute;top:-100px;left:16px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{top:10px}.topbar{height:56px;position:fixed;z-index:20;top:0;left:0;right:0;background:rgba(0,0,0,.96);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:28px;border-bottom:1px solid #1c1c1c}.brand{display:flex;align-items:center;gap:14px;font-size:18px;font-weight:300;letter-spacing:.02em;white-space:nowrap}.brand-mark{width:40px;height:40px;border:1px solid #f1f1f1;border-radius:50%;display:block}.topbar nav{height:100%;display:flex;align-items:stretch;gap:22px}.topbar nav a{display:flex;align-items:center;position:relative;font-weight:600;font-size:14px}.topbar nav a.active:after,.topbar nav a:hover:after{position:absolute;content:"";height:7px;background:#ddd;bottom:0;left:0;right:0}.menu-toggle{display:none;background:transparent;border:1px solid #777;color:white;padding:7px 12px}.hero{min-height:100vh;position:relative;display:flex;align-items:flex-start;justify-content:center;text-align:center;padding:210px 24px 62px;background:#120705 url("assets/accueil.jpg") center center/cover no-repeat}.hero-shade{position:absolute;inset:0;background:rgba(0,0,0,.23)}.hero-content{position:relative;width:min(560px,100%)}.hero h1{font-family:'Anton',Impact,"Arial Narrow",sans-serif;font-stretch:condensed;font-size:clamp(34px,4vw,56px);line-height:1.05;letter-spacing:-.02em;margin:3px 0 72px;text-shadow:0 2px 12px #000}.video-frame,.embed{aspect-ratio:16/9;background:#000}.video-frame iframe,.embed iframe{width:100%;height:100%;border:0}.socials{display:flex;justify-content:center;gap:13px;margin-top:42px}.social{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;font-weight:bold;font-size:21px;background:#fafafa;color:#080808}.social:hover{transform:translateY(-2px);color:#fff}.instagram{color:#d22778}.facebook{background:#2375d3;color:white}.youtube{background:#f40019;color:white;font-size:15px}.bandcamp{background:#4ba9bf;color:white;font-family:Georgia,serif}.content-section{min-height:78vh;padding:105px max(7vw,26px);border-bottom:1px solid #222}.section-heading{margin:0 auto 48px;max-width:1140px;text-align:center}.kicker{text-transform:uppercase;letter-spacing:.23em;font-size:11px;color:#aaa;margin:0 0 10px}.section-heading h2{font-family:'Anton',Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:clamp(38px,5vw,60px);line-height:1.05;margin:0;letter-spacing:.015em}.music-section{background:#0b0b0b}.release-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.release{min-width:0}.release-link{display:flex;flex-direction:column;gap:3px;font-size:20px;font-weight:600;margin-top:13px}.release-link span{font-size:13px;color:var(--muted);font-weight:400}.streaming{max-width:1160px;margin:38px auto 0;display:flex;justify-content:center;gap:28px;flex-wrap:wrap;font-size:14px}.streaming a,.outline-link{border:1px solid #777;padding:10px 17px;display:inline-block}.streaming a:hover,.outline-link:hover{background:#fff;color:#000}.concerts-section{text-align:center;min-height:52vh}.quiet{color:#bbb;margin:0 auto 22px}.videos-section{background:#0b0b0b}.video-grid{max-width:1140px;margin:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.bio-section>p,.bio-section hr,.press-grid{max-width:850px;margin-left:auto;margin-right:auto}.bio-section>p{color:#d6d6d6}.bio-intro{font-size:20px;font-weight:600;text-align:center}.english-bio{font-style:italic;color:#bdbdbd!important}.bio-section hr{border:0;border-top:1px solid #373737;margin-top:32px;margin-bottom:32px}.press-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px}.press-grid a{border:1px solid #363636;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:142px;color:#ddd}.press-grid a:hover{border-color:#aaa}.press-grid small{color:#aaa;margin-top:14px}.contact-section{text-align:center;min-height:55vh}.contact-section>p{margin:0 auto 6px}.contact-email{font-size:clamp(18px,3vw,28px);display:inline-block;margin:4px auto 23px}.contact-section .outline-link{font-size:14px}footer{display:flex;justify-content:space-between;align-items:center;padding:22px 30px;color:#aaa;font-size:12px;letter-spacing:.03em}footer>a:first-child{color:#fff;font-weight:600;letter-spacing:.08em}
@media(max-width:820px){.topbar{padding:0 16px}.topbar nav{gap:14px}.topbar nav a{font-size:12px}.brand{font-size:15px;gap:10px}.brand-mark{width:34px;height:34px}.hero{padding-top:180px}.hero h1{margin-bottom:55px}.content-section{padding:82px 24px}.release-grid{grid-template-columns:1fr 1fr}.release:last-child{grid-column:1/-1;max-width:calc(50% - 12px);justify-self:center}}
@media(max-width:620px){.topbar{height:56px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:56px;left:0;right:0;background:#050505;height:auto;padding:10px 20px 20px;flex-direction:column;gap:0;border-bottom:1px solid #333}.topbar nav.open{display:flex}.topbar nav a{font-size:15px;padding:11px 5px}.topbar nav a.active:after,.topbar nav a:hover:after{height:2px;left:auto;width:45px}.hero{min-height:calc(100svh - 0px);padding:160px 18px 48px;background-position:52% center}.hero h1{font-size:36px;margin-bottom:60px}.video-frame{width:100%}.socials{margin-top:32px}.content-section{padding:76px 19px;min-height:0}.section-heading{margin-bottom:32px}.release-grid,.video-grid{grid-template-columns:1fr}.release:last-child{grid-column:auto;max-width:none}.release-grid{gap:28px}.press-grid{grid-template-columns:1fr}.press-grid a{min-height:110px}.streaming{gap:10px}.streaming a{padding:9px 13px}footer{padding:20px 16px;gap:10px;flex-wrap:wrap}footer span{display:none}}

/* A separate image layer lets the foreground scroll over the photograph. */
.hero{isolation:isolate;overflow:hidden;background-image:none}
.hero::before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/accueil.jpg") center center/cover no-repeat;transform:translate3d(0,var(--hero-parallax,0px),0);will-change:transform;pointer-events:none}
.hero-shade{z-index:-1;pointer-events:none}
@media(max-width:620px){.hero::before{background-position:52% center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero::before{transform:none;will-change:auto}}


/* Shared layout for separate pages. */
.inner-page main{padding-top:56px;min-height:calc(100svh - 64px)}
.inner-page .content-section{min-height:calc(100svh - 120px)}
.section-heading h1,.home-discover h2{font-family:'Anton',Impact,"Arial Narrow",sans-serif;font-weight:400;font-size:clamp(38px,5vw,60px);line-height:1.05;margin:0;letter-spacing:.015em}
.home-discover{text-align:center;min-height:45vh;background:#0b0b0b}
.home-links{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;max-width:1000px;margin:36px auto 0}
.home-links a{display:flex;justify-content:space-between;gap:34px;padding:20px 24px;border:1px solid #555;min-width:165px}
.home-links a:hover{background:#fff;color:#000}
a:focus-visible,button:focus-visible{outline:2px solid #fff;outline-offset:5px}
.contact-email{overflow-wrap:anywhere;max-width:100%}
@media(max-width:620px){.home-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-links a{min-width:0;padding:16px;gap:12px;font-size:14px}}

/* Supplied WWC and platform artwork. */
.brand-mark{border:0;border-radius:0;object-fit:contain;flex-shrink:0}
.social{background:transparent;border-radius:0}
.social img{width:31px;height:31px;display:block;object-fit:contain}
.streaming a{display:inline-flex;align-items:center;justify-content:center;gap:10px}
.streaming img{width:31px;height:31px;object-fit:contain;flex-shrink:0}