@import url('https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:opsz,wght@9..40,400;9..40,600;9..40,800&display=swap');
:root{--night:#15110f;--paper:#f1eadc;--cream:#fff7e8;--hot:#f04b23;--acid:#dfef49;--pink:#ef9fd1;--display:"Archivo Black",Impact,sans-serif;--sans:"DM Sans","Helvetica Neue",Arial,sans-serif;--max:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--night)}body{margin:0;min-width:320px;color:var(--night);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p,figure{margin-top:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:100;top:12px;left:12px;padding:12px 16px;color:var(--night);background:var(--acid);transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:20;top:0;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 64px),var(--max));min-height:96px;color:var(--cream);border-bottom:1px solid rgba(255,247,232,.22)}.site-header.is-fixed{position:fixed;background:rgba(21,17,15,.92);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain}.brand span{font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.12em;text-transform:uppercase}.brand i{color:var(--acid);font-style:normal}.main-nav{display:flex;align-items:center;gap:clamp(18px,2.25vw,36px)}.main-nav a{font-size:12px;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;transition:.2s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--acid)}.main-nav .nav-cta{padding:13px 17px;color:var(--night);background:var(--acid);transform:rotate(-1deg)}.main-nav .nav-cta:hover{color:var(--night);transform:rotate(1deg)}.menu-toggle{display:none;width:48px;height:48px;padding:12px;border:1px solid rgba(255,247,232,.22);color:var(--cream);background:transparent}.menu-toggle span{display:block;width:100%;height:2px;margin:5px 0;background:currentColor;transition:.2s}
.hero{position:relative;min-height:min(960px,100svh);display:grid;grid-template-columns:minmax(0,.92fr) minmax(460px,1.08fr);align-items:center;gap:44px;padding:140px max(32px,calc((100vw - var(--max))/2)) 80px;color:var(--cream);background:var(--night);isolation:isolate;overflow:hidden}.hero:before{content:"";position:absolute;z-index:-2;inset:0;background:radial-gradient(circle at 79% 42%,rgba(240,75,35,.2),transparent 35%),linear-gradient(115deg,transparent 50%,rgba(255,255,255,.025) 50%)}.hero-noise{position:absolute;z-index:-1;inset:0;opacity:.22;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.23'/%3E%3C/svg%3E")}.hero-copy{position:relative;z-index:3;max-width:720px}.kicker{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.kicker span:after{content:" /";color:var(--cream)}.kicker span:last-child:after{content:""}.kicker-dark{color:var(--hot)}.hero h1,.section-heading h2,.clash h2,.booking h2,.beer-card h2{margin-bottom:28px;font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:-.06em}.hero h1{max-width:7.8ch;font-size:clamp(76px,8.4vw,142px);line-height:.73}.hero h1 span{display:block}.hero h1 .outline{color:transparent;-webkit-text-stroke:2px var(--cream)}.hero h1 em{display:block;margin-top:23px;color:var(--hot);font-family:var(--sans);font-size:clamp(15px,1.4vw,22px);font-style:normal;font-weight:800;line-height:1;letter-spacing:.23em}.hero-lede{max-width:600px;margin-bottom:34px;color:rgba(255,247,232,.76);font-size:clamp(18px,1.6vw,23px);line-height:1.45;text-wrap:pretty}.hero-actions,.clash-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 22px;border:2px solid currentColor;font-size:12px;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase;transition:.2s}.button:hover,.button:focus-visible{transform:translateY(-3px) rotate(-1deg)}.button-hot{color:var(--night);background:var(--hot);border-color:var(--hot)}.button-ghost{color:var(--cream)}.button-light{color:var(--night);background:var(--cream);border-color:var(--cream)}
.hero-collage{position:relative;z-index:2;min-height:650px;display:grid;place-items:center}.hero-collage:before{content:"";position:absolute;inset:5% 1% 1% 10%;transform:rotate(5deg);background-color:#c8985a;background-image:radial-gradient(ellipse at center,#1b130e 0 20%,transparent 22%),radial-gradient(ellipse at center,#1b130e 0 18%,transparent 20%);background-position:0 0,22px 25px;background-size:54px 50px,62px 58px;opacity:.72}.poster-main{position:relative;z-index:2;width:min(72%,520px);padding:11px 11px 42px;background:var(--cream);box-shadow:0 45px 80px rgba(0,0,0,.45);transform:rotate(-4deg)}.poster-main img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:contrast(1.04) saturate(.92)}.poster-main figcaption{position:absolute;right:18px;bottom:13px;color:var(--night);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.hero-burst{position:absolute;z-index:4;top:10%;right:2%;width:130px;aspect-ratio:1;display:grid;place-items:center;color:var(--night);background:var(--acid);clip-path:polygon(50% 0,60% 16%,77% 6%,79% 25%,98% 24%,88% 41%,100% 52%,82% 60%,90% 78%,70% 76%,66% 98%,51% 84%,38% 100%,31% 81%,11% 88%,17% 67%,0 58%,17% 47%,3% 32%,24% 30%,22% 10%,42% 19%);font-family:var(--display);font-size:19px;line-height:.9;text-align:center;text-transform:uppercase;transform:rotate(10deg)}.hero-footnote{position:absolute;z-index:4;right:2%;bottom:8%;margin:0;color:rgba(255,247,232,.7);font-size:11px;transform:rotate(-4deg)}.scroll-hint{position:absolute;z-index:3;right:max(32px,calc((100vw - var(--max))/2));bottom:28px;color:rgba(255,247,232,.54);font-size:10px;font-weight:800;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}
.ticker{overflow:hidden;color:var(--night);background:var(--acid);border-block:2px solid var(--night);transform:rotate(-.5deg) scale(1.01)}.ticker div{width:max-content;display:flex;align-items:center;gap:24px;padding:14px 0;animation:ticker 24s linear infinite}.ticker span{font-family:var(--display);font-size:clamp(19px,2.2vw,31px);letter-spacing:-.03em}.ticker i{font-style:normal}@keyframes ticker{to{transform:translateX(-50%)}}
.section{width:min(calc(100% - 64px),var(--max));margin-inline:auto;padding-block:clamp(90px,10vw,150px)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:32px;margin-bottom:60px}.section-heading .kicker{grid-column:1/-1;margin-bottom:-10px}.section-heading h2{margin-bottom:0;font-size:clamp(56px,7.4vw,120px);line-height:.82}.section-heading>p:last-child{max-width:450px;margin:0 0 8px auto;font-size:clamp(17px,1.5vw,22px);line-height:1.5}.act-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.act-card>a{display:block;height:100%;color:inherit;text-decoration:none}.act-media{position:relative;overflow:hidden;aspect-ratio:4/4.6;border:2px solid var(--night);background:var(--night)}.act-media img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.act-card-dj .act-media img{object-fit:contain;padding:11%;background:var(--pink)}.act-card-acting .act-media img{filter:grayscale(1) contrast(1.15)}.act-card a:hover .act-media img{transform:scale(1.035)}.stamp{position:absolute;top:12px;right:12px;width:48px;height:48px;display:grid;place-items:center;border:2px solid currentColor;color:var(--cream);background:var(--night);font-family:var(--display);font-size:16px;transform:rotate(5deg)}.play-sticker{position:absolute;inset:50% auto auto 50%;width:74px;height:74px;display:grid;place-items:center;padding-left:5px;color:var(--night);background:var(--acid);border-radius:50%;transform:translate(-50%,-50%) rotate(-7deg);font-size:22px}.act-copy{display:flex;flex-direction:column;min-height:300px;padding:25px 20px 22px;border:2px solid var(--night);border-top:0}.act-card-dj .act-copy{background:var(--pink)}.act-card-blind .act-copy{color:var(--cream);background:var(--hot)}.act-card-acting .act-copy{color:var(--cream);background:var(--night)}.act-copy>p{margin-bottom:17px;font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;opacity:.75}.act-copy h3{margin-bottom:22px;font-family:var(--display);font-size:clamp(45px,4.1vw,70px);font-weight:400;line-height:.82;letter-spacing:-.05em;text-transform:uppercase}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;margin-top:auto;padding-top:16px;border-top:1px solid;font-size:11px;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.text-link b{font-size:19px;transition:.2s}a:hover .text-link b,.text-link:hover b{transform:translate(3px,-3px)}
.clash{min-height:780px;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);color:var(--cream);background:var(--night)}.clash-image{position:relative;min-height:680px;overflow:hidden}.clash-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 60%,var(--night))}.clash-image img{width:100%;height:100%;object-fit:cover;filter:contrast(1.08) saturate(.85)}.clash-label{position:absolute;z-index:2;top:40px;left:40px;padding:13px 15px;color:var(--night);background:var(--acid);font-family:var(--display);font-size:18px;line-height:.95;text-transform:uppercase;transform:rotate(-4deg)}.clash-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(50px,7vw,110px) max(32px,calc((100vw - var(--max))/2));padding-left:clamp(35px,5vw,85px)}.clash h2{margin-bottom:34px;font-size:clamp(64px,8vw,128px);line-height:.74}.clash h2 span{color:var(--hot)}.clash-copy>p:not(.kicker){max-width:570px;margin-bottom:35px;color:rgba(255,247,232,.72);font-size:clamp(18px,1.7vw,24px);line-height:1.5}.clash .text-link{width:auto;margin:0;padding:0 0 7px}
.intermission{display:grid;grid-template-columns:.78fr 1.22fr;gap:18px}.beer-card,.blind-video-card{position:relative;min-height:560px;border:2px solid var(--night);overflow:hidden}.beer-card{isolation:isolate;color:var(--cream);background:var(--night)}.beer-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(21,17,15,.04) 22%,rgba(21,17,15,.14) 50%,rgba(21,17,15,.94) 100%)}.beer-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 46%;filter:saturate(.94) contrast(1.04);transition:transform .7s}.beer-card:hover .beer-photo{transform:scale(1.025)}.beer-copy{position:absolute;z-index:1;right:clamp(24px,3.4vw,52px);bottom:clamp(26px,3.6vw,54px);left:clamp(24px,3.4vw,52px);text-shadow:0 2px 24px rgba(0,0,0,.5)}.beer-copy .kicker{margin-bottom:14px}.beer-card h2{max-width:7ch;margin-bottom:18px;font-size:clamp(48px,5.3vw,82px);line-height:.82}.beer-copy>p:last-child{max-width:430px;margin-bottom:0;font-size:16px;line-height:1.5}.beer-cap{position:absolute;z-index:2;top:25px;right:28px;width:116px;aspect-ratio:1;display:grid;place-items:center;border:7px dotted var(--night);border-radius:50%;color:var(--night);background:var(--acid);box-shadow:inset 0 0 0 4px var(--acid),inset 0 0 0 6px var(--night),0 9px 30px rgba(0,0,0,.2);font-family:var(--display);font-size:18px;line-height:.88;text-align:center;transform:rotate(11deg)}.blind-video-card{display:grid;grid-template-rows:1fr auto;background:var(--pink)}.coming-soon{min-height:320px;display:grid;place-items:center;border-bottom:2px solid var(--night);background:repeating-linear-gradient(-45deg,var(--night) 0 28px,#2b2420 28px 56px)}.coming-soon span{padding:18px 22px;color:var(--night);background:var(--cream);border:2px solid var(--night);font-family:var(--display);font-size:clamp(22px,3vw,48px);text-transform:uppercase;transform:rotate(-3deg)}.blind-video-card>div:last-child{padding:30px clamp(28px,4vw,52px) 35px}.blind-video-card h3{margin-bottom:10px;font-family:var(--display);font-size:clamp(32px,3.3vw,51px);font-weight:400;letter-spacing:-.04em;text-transform:uppercase}.blind-video-card .text-link{max-width:330px}
.booking{position:relative;z-index:1;width:100%;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,7vw,110px);padding-inline:max(32px,calc((100vw - var(--max))/2));color:var(--cream)}.booking:before{content:"";position:absolute;z-index:-1;inset:0;background:var(--hot)}.booking h2{margin:0;font-size:clamp(62px,8vw,128px);line-height:.78}.booking .kicker{color:var(--night)}.booking-options{display:flex;flex-direction:column;justify-content:center;border-top:2px solid var(--cream)}.booking-option{display:grid;grid-template-columns:1fr auto;gap:6px 20px;padding:30px 8px;border-bottom:2px solid var(--cream);text-decoration:none;transition:.2s}.booking-option:hover{padding-inline:20px;color:var(--night);background:var(--acid)}.booking-option span{grid-column:1;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;opacity:.72}.booking-option strong{grid-column:1;font-family:var(--display);font-size:clamp(22px,2.7vw,40px);font-weight:400;text-transform:uppercase}.booking-option b{grid-column:2;grid-row:1/3;align-self:center;font-size:30px}
.site-footer{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;gap:30px;padding:70px max(32px,calc((100vw - var(--max))/2)) 28px;color:var(--cream);background:var(--night)}.footer-brand{align-self:start}.site-footer>p{margin:0;color:rgba(255,247,232,.62);line-height:1.5}.footer-links{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.footer-links a{font-size:12px;font-weight:800;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.footer-links a:hover{color:var(--acid)}.site-footer small{grid-column:1/-1;margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,247,232,.22);color:rgba(255,247,232,.45);font-size:10px;letter-spacing:.08em}:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
@media(max-width:1080px){.site-header{width:min(calc(100% - 40px),var(--max))}.menu-toggle{display:block;position:relative;z-index:2}.main-nav{position:fixed;inset:0;flex-direction:column;justify-content:center;gap:26px;color:var(--cream);background:rgba(21,17,15,.98);transform:translateY(-105%);transition:transform .35s}.main-nav a{font-family:var(--display);font-size:clamp(28px,6vw,54px);letter-spacing:-.03em}.main-nav .nav-cta{font-family:var(--sans);font-size:13px}.menu-open .main-nav{transform:translateY(0)}.menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-toggle span:nth-child(2){opacity:0}.menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero{grid-template-columns:1fr 1fr;padding-inline:32px}.hero-collage{min-height:560px}.act-copy{min-height:260px}.clash{grid-template-columns:1fr 1fr}}
@media(max-width:780px){.site-header{min-height:82px}.brand img{width:48px;height:48px}.hero{min-height:auto;grid-template-columns:1fr;gap:46px;padding:126px 20px 74px}.hero h1{font-size:clamp(68px,22vw,112px)}.hero-collage{min-height:500px}.poster-main{width:min(77%,430px)}.hero-burst{right:1%;width:106px;font-size:15px}.hero-footnote,.scroll-hint{display:none}.section{width:min(calc(100% - 40px),var(--max));padding-block:80px}.section-heading{grid-template-columns:1fr;gap:24px}.section-heading h2{font-size:clamp(52px,17vw,90px)}.section-heading>p:last-child{margin-left:0}.act-grid{grid-template-columns:1fr;gap:20px}.act-media{aspect-ratio:4/3.7}.act-copy{min-height:245px}.act-copy h3{font-size:clamp(50px,16vw,80px)}.clash{grid-template-columns:1fr}.clash-image{min-height:480px}.clash-image:after{background:linear-gradient(0deg,var(--night),transparent 45%)}.clash-copy{padding:40px 20px 80px}.intermission{grid-template-columns:1fr}.beer-card,.blind-video-card{min-height:500px}.booking{grid-template-columns:1fr;padding:80px 20px}.site-footer{grid-template-columns:1fr;align-items:start;padding-inline:20px}.footer-links{align-items:flex-start}}
@media(max-width:450px){.hero h1{font-size:19vw}.hero-lede{font-size:17px}.hero-actions .button{width:100%}.hero-collage{min-height:410px}.poster-main{width:80%;padding-bottom:35px}.hero-burst{top:4%}.clash-image{min-height:390px}.clash-label{top:20px;left:20px}.beer-cap{width:92px;right:16px;font-size:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

@media(min-width:781px){.beer-copy{left:46%}.beer-card h2{font-size:clamp(44px,4.2vw,68px)}.beer-copy>p:last-child{font-size:15px}}

.act-card-dj{display:flex;flex-direction:column}.act-card-dj .act-copy-link{height:auto;flex:1}.act-card-dj .act-copy{height:100%}.vinyl-player{display:block;width:100%;padding:0;color:inherit;cursor:pointer}.vinyl-player .vinyl-disc{animation:vinyl-spin 4.8s linear infinite;animation-play-state:paused;will-change:transform}.vinyl-player.is-playing .vinyl-disc{animation-play-state:running}.vinyl-control{position:absolute;z-index:3;bottom:16px;left:16px;display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 14px 0 7px;border:2px solid var(--night);border-radius:999px;color:var(--night);background:var(--acid);box-shadow:0 8px 22px rgba(21,17,15,.22);font-size:10px;font-style:normal;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.vinyl-control i{width:28px;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:var(--cream);background:var(--night);font-size:10px;font-style:normal}.vinyl-player.is-playing .vinyl-control{color:var(--cream);background:var(--hot)}.vinyl-player:focus-visible{outline:5px solid var(--acid);outline-offset:4px}.act-card-dj audio{display:none}@keyframes vinyl-spin{to{transform:rotate(360deg)}}

.site-header.is-fixed{width:100%;padding-inline:max(32px,calc((100vw - var(--max))/2));border-bottom-color:rgba(255,247,232,.14)}.brand span{font-size:13px;line-height:1.05}.brand span>i{display:inline-block;margin-top:5px;font-size:9px;letter-spacing:.16em}.hero h1{max-width:8.6ch}@media(max-width:780px){.site-header.is-fixed{padding-inline:20px}.hero h1{font-size:clamp(58px,17vw,88px)}}

.act-card-dj{transition:filter .35s ease}.act-card-dj .vinyl-player{border-color:#315a7c;background:radial-gradient(circle at 18% 14%,rgba(62,190,255,.2),transparent 31%),radial-gradient(circle at 82% 88%,rgba(91,78,255,.16),transparent 35%),linear-gradient(145deg,#203a5d,#111d34 68%,#18284a);box-shadow:inset 0 0 42px rgba(40,165,255,.08);transition:border-color .35s ease,box-shadow .35s ease}.act-card-dj .vinyl-player:before{content:"";position:absolute;z-index:2;inset:8px;border:1px solid rgba(96,211,255,.3);box-shadow:inset 0 0 12px rgba(50,197,255,.08);pointer-events:none;transition:border-color .35s ease,box-shadow .35s ease}.act-card-dj .act-media .vinyl-disc{position:relative;z-index:1;background:transparent;filter:drop-shadow(0 18px 22px rgba(0,0,0,.5))}.act-card-dj .act-copy{color:var(--cream);background:linear-gradient(145deg,#203a5d,#14243f);border-color:#315a7c;box-shadow:inset 0 0 28px rgba(40,165,255,.06);transition:border-color .35s ease,box-shadow .35s ease}.act-card-dj:hover{filter:drop-shadow(0 0 16px rgba(69,207,255,.28))}.act-card-dj:hover .vinyl-player,.act-card-dj:focus-within .vinyl-player{border-color:#62ddff;box-shadow:inset 0 0 58px rgba(45,192,255,.18),0 0 18px rgba(67,214,255,.48)}.act-card-dj:hover .vinyl-player:before,.act-card-dj:focus-within .vinyl-player:before{border-color:#8ceaff;box-shadow:inset 0 0 18px rgba(75,220,255,.28),0 0 14px rgba(70,216,255,.65)}.act-card-dj:hover .act-copy,.act-card-dj:focus-within .act-copy{border-color:#62ddff;box-shadow:inset 0 0 34px rgba(45,192,255,.13),0 0 16px rgba(67,214,255,.3)}

/* Pages intérieures */
.subpage{background:var(--paper)}.subpage .site-header{position:absolute}.sub-hero{position:relative;min-height:760px;display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px;padding:170px max(32px,calc((100vw - var(--max))/2)) 90px;color:var(--cream);background:var(--night);overflow:hidden}.sub-hero-copy{position:relative;z-index:2}.sub-hero h1{max-width:9ch;margin:0;font-family:var(--display);font-size:clamp(76px,10vw,160px);font-weight:400;line-height:.75;letter-spacing:-.07em;text-transform:uppercase}.sub-hero h1 em{display:block;margin-top:20px;color:var(--hot);font-family:var(--sans);font-size:clamp(14px,1.5vw,22px);font-style:normal;font-weight:800;letter-spacing:.18em}.sub-hero-side{position:relative;z-index:2;align-self:center}.sub-hero-side>p{max-width:570px;margin-bottom:30px;color:rgba(255,247,232,.75);font-size:clamp(19px,2vw,27px);line-height:1.45}.sub-hero-visual{position:absolute;inset:0 0 0 52%;opacity:.45}.sub-hero-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night),transparent 30%),linear-gradient(0deg,var(--night),transparent 45%)}.sub-hero-visual img{width:100%;height:100%;object-fit:cover}.content-section{width:min(calc(100% - 64px),var(--max));margin-inline:auto;padding-block:clamp(80px,9vw,140px)}.content-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(40px,8vw,130px);align-items:start}.content-intro h2,.feature-title{margin:0;font-family:var(--display);font-size:clamp(52px,7vw,108px);font-weight:400;line-height:.82;letter-spacing:-.06em;text-transform:uppercase}.prose{font-size:clamp(17px,1.5vw,21px);line-height:1.65}.prose p{margin-bottom:1.25em}.fact-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:50px}.fact{min-height:220px;padding:25px;border:2px solid var(--night);background:var(--cream)}.fact span{display:block;margin-bottom:50px;color:var(--hot);font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.fact h3{margin:0;font-family:var(--display);font-size:clamp(25px,2.7vw,40px);font-weight:400;line-height:.95;text-transform:uppercase}.media-stage{padding:clamp(70px,8vw,120px) max(32px,calc((100vw - var(--max))/2));color:var(--cream);background:var(--night)}.media-stage-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.media-stage h2{margin:0;font-family:var(--display);font-size:clamp(52px,7vw,105px);font-weight:400;line-height:.82;letter-spacing:-.06em;text-transform:uppercase}.media-stage-heading p{max-width:360px;margin:0;color:rgba(255,247,232,.63);line-height:1.5}.video-frame{position:relative;border:2px solid var(--cream);background:#000}.video-frame video{display:block;width:100%;aspect-ratio:16/9;background:#000}.audio-player{display:grid;grid-template-columns:260px 1fr;gap:clamp(30px,6vw,90px);align-items:center;padding:40px;border:2px solid var(--cream)}.audio-player img{width:100%;aspect-ratio:1;object-fit:contain;background:var(--pink);border-radius:50%}.audio-copy h3{font-family:var(--display);font-size:clamp(35px,5vw,76px);font-weight:400;line-height:.9;text-transform:uppercase}.audio-copy audio{width:100%;margin:15px 0 24px}.audio-copy p{color:rgba(255,247,232,.65)}.offer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:50px}.offer{min-height:300px;padding:30px;border:2px solid var(--night)}.offer:nth-child(4n+1){background:var(--pink)}.offer:nth-child(4n+2){background:var(--acid)}.offer:nth-child(4n+3){color:var(--cream);background:var(--hot)}.offer:nth-child(4n+4){color:var(--cream);background:var(--night)}.offer small{font-weight:800;letter-spacing:.15em;text-transform:uppercase}.offer h3{margin:70px 0 18px;font-family:var(--display);font-size:clamp(30px,4vw,56px);font-weight:400;line-height:.9;text-transform:uppercase}.offer p{max-width:560px;margin:0;line-height:1.5}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery figure{position:relative;overflow:hidden;border:2px solid var(--night);background:var(--night)}.gallery img{width:100%;height:100%;min-height:560px;object-fit:cover}.gallery figure:first-child{transform:rotate(-1deg)}.gallery figure:last-child{transform:rotate(1deg)}.credits{display:grid;grid-template-columns:repeat(2,1fr);border-top:2px solid var(--night)}.credit{display:flex;justify-content:space-between;gap:20px;padding:22px 8px;border-bottom:2px solid var(--night);font-weight:800}.credit:nth-child(odd){margin-right:20px}.credit span:last-child{font-weight:400;opacity:.58}.mini-booking{display:grid;grid-template-columns:1fr auto;align-items:center;gap:30px;padding:55px clamp(28px,5vw,75px);color:var(--night);background:var(--acid);border:2px solid var(--night)}.mini-booking h2{margin:0;font-family:var(--display);font-size:clamp(38px,6vw,85px);font-weight:400;line-height:.86;text-transform:uppercase}.mini-booking .button{white-space:nowrap}.back-link{display:inline-flex;margin-bottom:26px;font-size:11px;font-weight:800;letter-spacing:.12em;text-decoration:none;text-transform:uppercase}.page-note{padding:24px;border:2px dashed var(--night);font-size:14px;line-height:1.5}.subpage .site-footer{margin-top:0}
@media(max-width:780px){.sub-hero{min-height:720px;grid-template-columns:1fr;align-content:end;gap:30px;padding:140px 20px 70px}.sub-hero h1{font-size:clamp(66px,21vw,110px)}.sub-hero-visual{inset:0;opacity:.32}.content-section{width:min(calc(100% - 40px),var(--max));padding-block:80px}.content-intro,.fact-list,.offer-grid,.gallery,.credits{grid-template-columns:1fr}.fact{min-height:190px}.media-stage{padding:70px 20px}.media-stage-heading{align-items:start;flex-direction:column}.audio-player{grid-template-columns:1fr;padding:22px}.audio-player img{width:min(75%,280px);margin:auto}.gallery img{min-height:390px}.credit:nth-child(odd){margin-right:0}.mini-booking{grid-template-columns:1fr}.mini-booking .button{width:100%}}

html{overflow-x:hidden}body{max-width:100%}
@media(max-width:1080px){.main-nav{opacity:0;visibility:hidden}.menu-open .main-nav{opacity:1;visibility:visible}}

.clash-image{box-shadow:inset 0 0 0 1px rgba(255,247,232,.18)}
.clash-image video{width:100%;height:100%;object-fit:cover;filter:contrast(1.04) saturate(.9);transition:opacity .45s ease}
.clash-image video.is-paused-outside{opacity:.72}
.clash-sound-toggle{position:absolute;z-index:4;left:38px;bottom:34px;display:inline-flex;align-items:center;gap:11px;min-height:48px;padding:0 18px;border:1px solid rgba(255,247,232,.55);border-radius:999px;color:var(--cream);background:rgba(21,17,15,.76);box-shadow:0 10px 30px rgba(0,0,0,.28);backdrop-filter:blur(12px);cursor:pointer;transition:transform .2s ease,background .2s ease,color .2s ease}
.clash-sound-toggle:hover,.clash-sound-toggle:focus-visible{transform:translateY(-2px);background:var(--cream);color:var(--night)}
.clash-sound-toggle[aria-pressed="true"]{color:var(--night);background:var(--acid);border-color:var(--acid)}
.clash-sound-toggle span{font-size:20px}.clash-sound-toggle b{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
@media(max-width:780px){.clash-sound-toggle{left:20px;bottom:20px;min-height:44px;padding-inline:15px}}

.site-header,.subpage .site-header{position:fixed;width:100%;padding-inline:max(32px,calc((100vw - var(--max))/2));background:rgba(21,17,15,.96);border-bottom-color:rgba(255,247,232,.14);backdrop-filter:blur(14px)}.main-nav a{font-size:13px;letter-spacing:.09em}@media(max-width:780px){.site-header,.subpage .site-header{padding-inline:20px}}

.soundcloud-player{margin:18px 0 16px;overflow:hidden;border:1px solid rgba(255,247,232,.28);background:#111}.soundcloud-player iframe{display:block;width:100%;height:450px;border:0}.soundcloud-link{display:inline-flex;align-items:center;gap:14px;margin-bottom:24px;padding-bottom:8px;border-bottom:1px solid var(--acid);color:var(--acid);font-size:11px;font-weight:800;letter-spacing:.11em;text-decoration:none;text-transform:uppercase}.soundcloud-link b{font-size:18px;transition:transform .2s}.soundcloud-link:hover b{transform:translate(3px,-3px)}@media(max-width:780px){.soundcloud-player iframe{height:390px}.soundcloud-link{line-height:1.4}}

.audio-player{grid-template-columns:minmax(260px,340px) minmax(0,1fr);align-items:center}.audio-player>img{width:min(100%,340px);height:auto;aspect-ratio:1;justify-self:center;align-self:center;object-fit:contain;background:transparent;border-radius:0;filter:drop-shadow(0 22px 28px rgba(0,0,0,.55))}@media(max-width:780px){.audio-player{grid-template-columns:1fr}.audio-player>img{width:min(72%,270px);margin-inline:auto}}

.media-stage .audio-player{grid-template-columns:minmax(0,1fr)}.media-stage .audio-copy{width:100%;min-width:0}

.dj-page .sub-hero-visual{top:96px}
.dj-page .sub-hero-visual img{object-position:center top}
@media(max-width:780px){.dj-page .sub-hero-visual{top:82px}}

.acting-video-frame{isolation:isolate;overflow:hidden}.acting-video-frame video{position:relative;z-index:1}.acting-play-overlay{position:absolute;z-index:3;inset:50% auto auto 50%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:0;border:0;color:var(--night);background:transparent;cursor:pointer;transform:translate(-50%,-50%);transition:opacity .2s ease,transform .2s ease}.acting-play-overlay span{width:clamp(78px,9vw,118px);aspect-ratio:1;display:grid;place-items:center;padding-left:8px;border:3px solid var(--night);border-radius:50%;background:var(--acid);box-shadow:0 16px 40px rgba(0,0,0,.45);font-size:clamp(28px,3vw,42px)}.acting-play-overlay b{padding:8px 12px;color:var(--night);background:var(--cream);border:2px solid var(--night);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.acting-play-overlay:hover{transform:translate(-50%,-50%) scale(1.06) rotate(-2deg)}.acting-video-frame.is-playing .acting-play-overlay{opacity:0;pointer-events:none}.acting-video-frame.is-ended .acting-play-overlay b{font-size:0}.acting-video-frame.is-ended .acting-play-overlay b:after{content:"Revoir la bande démo";font-size:10px}@media(max-width:650px){.acting-play-overlay span{width:72px}.acting-play-overlay b{display:none}}

/* Clash of Vieux — page spectacle */
.clash-page{background:var(--night)}
.clash-hero-v2{position:relative;min-height:100svh;display:flex;align-items:flex-end;padding:165px max(32px,calc((100vw - var(--max))/2)) 78px;color:var(--cream);background:var(--night);isolation:isolate;overflow:hidden}
.clash-hero-photo{position:absolute;z-index:-2;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center 42%;filter:contrast(1.08) saturate(.96)}
.clash-hero-v2:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,17,15,.96) 0,rgba(21,17,15,.82) 34%,rgba(21,17,15,.16) 73%),linear-gradient(0deg,rgba(21,17,15,.95),transparent 58%)}
.clash-hero-copy-v2{position:relative;z-index:2;width:min(820px,65vw)}
.clash-hero-v2 .back-link{color:var(--cream)}
.clash-hero-v2 h1{margin:0 0 34px;font-family:var(--display);font-size:clamp(92px,11.5vw,180px);font-weight:400;line-height:.7;letter-spacing:-.075em;text-transform:uppercase}
.clash-hero-v2 h1 span,.clash-hero-v2 h1 em{display:block}.clash-hero-v2 h1 em{color:var(--hot);font-style:normal}
.clash-hero-lede{margin-bottom:30px;color:rgba(255,247,232,.82);font-size:clamp(18px,1.5vw,24px);font-weight:800;line-height:1.35;text-transform:uppercase}
.clash-round-logo{position:absolute;z-index:3;top:130px;right:max(42px,calc((100vw - var(--max))/2));width:clamp(145px,15vw,225px);aspect-ratio:1;object-fit:cover;border:7px solid var(--cream);border-radius:50%;box-shadow:0 18px 55px rgba(0,0,0,.38);transform:rotate(9deg)}
.clash-live-sticker{position:absolute;z-index:4;right:max(52px,calc((100vw - var(--max))/2 + 12px));bottom:55px;width:154px;aspect-ratio:1;display:grid;place-items:center;margin:0;padding:25px;color:var(--night);background:var(--acid);clip-path:polygon(50% 0,59% 15%,75% 5%,79% 23%,97% 22%,87% 40%,100% 51%,83% 60%,91% 78%,71% 76%,66% 98%,51% 84%,38% 100%,31% 81%,11% 89%,17% 68%,0 58%,17% 47%,3% 32%,24% 30%,22% 10%,42% 19%);font-family:var(--display);font-size:18px;line-height:.9;text-align:center;text-transform:uppercase;transform:rotate(-8deg)}
.clash-v2-ticker{overflow:hidden;border-block:2px solid var(--night);color:var(--night);background:var(--acid);transform:rotate(-.6deg) scale(1.01)}
.clash-v2-ticker div{width:max-content;display:flex;gap:34px;padding:14px 0;animation:ticker 26s linear infinite}.clash-v2-ticker span{font-family:var(--display);font-size:clamp(21px,2.4vw,35px);letter-spacing:-.04em;text-transform:uppercase}
.clash-duel{width:min(calc(100% - 64px),var(--max));display:grid;grid-template-columns:minmax(300px,470px) minmax(0,1fr);align-items:center;gap:clamp(55px,8vw,130px);margin:auto;padding-block:clamp(100px,10vw,160px);color:var(--cream)}
.clash-v1-frame{position:relative;max-width:470px;border:2px solid var(--cream);background:#000;box-shadow:20px 22px 0 var(--hot);transform:rotate(-1.2deg)}
.clash-v1-frame video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#000}
.clash-video-label{position:absolute;z-index:3;top:16px;left:-14px;padding:10px 13px;color:var(--night);background:var(--acid);border:2px solid var(--night);font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;transform:rotate(-3deg)}
.clash-video-seal{position:absolute;z-index:3;top:35px;right:-50px;width:110px;aspect-ratio:1;object-fit:cover;border:5px solid var(--cream);border-radius:50%;box-shadow:0 10px 28px rgba(0,0,0,.35);transform:rotate(12deg)}
.clash-page-sound{position:absolute;z-index:4;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 16px;border:1px solid rgba(255,247,232,.55);border-radius:999px;color:var(--cream);background:rgba(21,17,15,.78);box-shadow:0 10px 30px rgba(0,0,0,.35);backdrop-filter:blur(12px);cursor:pointer;transition:.2s}
.clash-page-sound:hover,.clash-page-sound:focus-visible{color:var(--night);background:var(--cream);transform:translateY(-2px)}.clash-page-sound[aria-pressed="true"]{color:var(--night);background:var(--acid);border-color:var(--acid)}.clash-page-sound span{font-size:19px}.clash-page-sound b{font-size:10px;letter-spacing:.1em;text-transform:uppercase}
.clash-duel-copy{max-width:750px}.clash-duel-copy h2{margin:0 0 34px;font-family:var(--display);font-size:clamp(58px,7vw,110px);font-weight:400;line-height:.78;letter-spacing:-.065em;text-transform:uppercase}.clash-duel-copy h2 span{display:block;color:var(--hot)}
.clash-duel-lede{max-width:690px;margin-bottom:38px;color:rgba(255,247,232,.72);font-size:clamp(17px,1.5vw,22px);line-height:1.55}
.clash-punchlines{margin-bottom:36px;border-top:2px solid var(--cream)}.clash-punchlines p{display:grid;grid-template-columns:180px 1fr;gap:20px;margin:0;padding:18px 4px;border-bottom:1px solid rgba(255,247,232,.36)}.clash-punchlines b{color:var(--acid);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.clash-punchlines span{font-size:15px}
.clash-photo-story{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(380px,.82fr);color:var(--night);background:var(--paper)}
.clash-photo-story figure{position:relative;min-height:700px;margin:0;overflow:hidden}.clash-photo-story figure:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 72%,rgba(21,17,15,.15))}.clash-photo-story figure img{width:100%;height:100%;object-fit:cover;filter:contrast(1.03) saturate(.9)}
.clash-photo-story figcaption{position:absolute;z-index:2;left:24px;bottom:24px;padding:10px 13px;color:var(--night);background:var(--cream);border:2px solid var(--night);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-2deg)}
.clash-photo-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(55px,7vw,110px);background:var(--acid)}.clash-photo-copy h2{margin:0 0 32px;font-family:var(--display);font-size:clamp(54px,6.2vw,98px);font-weight:400;line-height:.8;letter-spacing:-.06em;text-transform:uppercase}.clash-photo-copy>p:not(.kicker){font-size:clamp(17px,1.4vw,21px);line-height:1.55}.clash-photo-copy ul{margin:20px 0 0;padding:0;list-style:none;border-top:2px solid var(--night)}.clash-photo-copy li{padding:17px 2px;border-bottom:1px solid var(--night);font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.clash-booking-v2{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:clamp(60px,9vw,150px);padding:clamp(85px,10vw,150px) max(32px,calc((100vw - var(--max))/2));color:var(--cream);background:var(--hot)}.clash-booking-v2 h2{margin:0;font-family:var(--display);font-size:clamp(70px,9vw,140px);font-weight:400;line-height:.75;letter-spacing:-.07em;text-transform:uppercase}.clash-booking-v2>div:last-child p{margin-bottom:30px;font-size:clamp(19px,1.7vw,25px);line-height:1.45}
@media(max-width:900px){.clash-round-logo{top:120px;width:140px}.clash-duel{grid-template-columns:minmax(280px,390px) 1fr;gap:50px}.clash-video-seal{right:-35px;width:90px}.clash-punchlines p{grid-template-columns:1fr;gap:7px}.clash-photo-story{grid-template-columns:1fr}.clash-photo-story figure{min-height:560px}.clash-photo-copy{padding:70px 32px}.clash-booking-v2{grid-template-columns:1fr}}
@media(max-width:650px){.clash-hero-v2{min-height:810px;padding:150px 20px 58px;align-items:flex-end}.clash-hero-v2:after{background:linear-gradient(0deg,rgba(21,17,15,.98) 0,rgba(21,17,15,.6) 62%,rgba(21,17,15,.25))}.clash-hero-photo{object-position:62% center}.clash-hero-copy-v2{width:100%}.clash-hero-v2 h1{font-size:clamp(72px,23vw,112px)}.clash-round-logo{top:108px;right:18px;width:112px;border-width:4px}.clash-live-sticker{right:18px;bottom:42px;width:105px;padding:18px;font-size:12px}.clash-hero-lede{max-width:260px}.clash-duel{width:min(calc(100% - 40px),var(--max));grid-template-columns:1fr;gap:76px;padding-block:85px}.clash-v1-frame{width:min(88%,390px);margin:auto;box-shadow:12px 14px 0 var(--hot)}.clash-video-seal{right:-26px;width:76px;border-width:4px}.clash-duel-copy h2{font-size:clamp(55px,18vw,88px)}.clash-photo-story figure{min-height:440px}.clash-photo-story figure img{object-position:center}.clash-photo-copy{padding:65px 20px}.clash-photo-copy h2{font-size:clamp(54px,17vw,82px)}.clash-booking-v2{padding:75px 20px}.clash-booking-v2 h2{font-size:clamp(68px,22vw,102px)}.clash-booking-v2 .button{width:100%;font-size:10px}.clash-page-sound{right:12px;bottom:12px;min-height:44px;padding-inline:13px}}