@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=Inter:wght@300;400;500&display=swap');
@font-face{font-family:'Police Titres';src:url('fonts/police-titres.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
:root{--black:#121212;--panel:#171716;--ivory:#F2F0EB;--muted:#aaa8a2;--gold:#C2A46D;--line:rgba(194,164,109,.24);--serif:'Cormorant Garamond',Georgia,serif;--sans:'Inter','Helvetica Neue',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;background:var(--black);color:var(--ivory);font:300 14px/1.8 var(--sans)}body.gate-open{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:var(--serif);font-weight:400;line-height:.98}h2{font-size:clamp(43px,5vw,74px);margin-bottom:0}.eyebrow{color:var(--gold);font-size:9px;letter-spacing:.2em;text-transform:uppercase;margin-bottom:17px}.gold-rule{display:block;width:44px;height:1px;background:var(--gold);margin:26px 0}.text-link{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:9px}.text-link span{margin-left:22px}.reveal{opacity:0;transform:translateY(24px);transition:opacity 1.1s ease,transform 1.1s ease}.reveal.visible{opacity:1;transform:none}
.age-gate{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;overflow:hidden;background:#121212;transition:opacity 1.15s ease,visibility 1.15s ease}.age-gate[hidden]{display:none}.age-gate.leaving{opacity:0;visibility:hidden;transition-delay:.72s}.age-gate.leaving .gate-logo{transform:scale(.72);filter:blur(9px);opacity:0}.age-gate.leaving .gate-content h1,.age-gate.leaving .gate-content>p,.age-gate.leaving .age-check,.age-gate.leaving button{opacity:0;transform:translateY(12px)}#star-canvas{position:absolute;inset:0;width:100%;height:100%}.gate-halo{position:absolute;width:min(800px,90vw);height:min(800px,90vw);border-radius:50%;background:radial-gradient(circle,rgba(194,164,109,.075),transparent 64%)}.gate-content{position:relative;z-index:2;width:min(620px,90vw);text-align:center}.gate-logo{width:min(330px,62vw);height:250px;object-fit:contain;margin:0 auto 3px;transition:1.2s ease}.gate-content h1{font-size:clamp(33px,4vw,56px);margin:0 0 16px;transition:.6s ease}.gate-content>p{max-width:500px;margin:0 auto 22px;color:var(--muted);font-size:12px;transition:.6s ease}.age-check{max-width:505px;margin:0 auto 24px;display:flex;gap:13px;text-align:left;color:#cbc8c1;font-size:11px;line-height:1.55;cursor:pointer;transition:.6s ease}.age-check input{appearance:none;flex:0 0 17px;width:17px;height:17px;margin-top:1px;border:1px solid var(--gold);background:transparent}.age-check input:checked{background:var(--gold);box-shadow:inset 0 0 0 4px #121212}.age-check a{text-decoration:underline;text-underline-offset:3px}.gate-content button{border:1px solid var(--gold);background:transparent;color:var(--gold);padding:14px 25px;text-transform:uppercase;letter-spacing:.15em;font:500 9px var(--sans);cursor:pointer;transition:.45s ease}.gate-content button:hover:not(:disabled){background:var(--gold);color:#121212}.gate-content button:disabled{opacity:.32;cursor:not-allowed}.gate-content .gate-warning{margin-top:22px;font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#706e69}
.site-header{position:sticky;z-index:100;top:0;height:92px;display:flex;align-items:center;padding:8px 5vw;background:rgba(18,18,18,.91);backdrop-filter:blur(16px);border-bottom:1px solid rgba(194,164,109,.12)}.brand{width:155px}.brand img{height:72px;width:100%;object-fit:contain;object-position:left}.site-header nav{margin-left:auto;display:flex;gap:clamp(18px,2.6vw,44px)}.site-header nav a{position:relative;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.site-header nav a::after{content:"";position:absolute;left:0;bottom:-9px;width:0;height:1px;background:var(--gold);transition:.45s}.site-header nav a:hover::after,.site-header nav a.active::after{width:100%}.site-header nav a.active{color:var(--gold)}.menu-toggle{display:none;background:none;border:0;width:42px;padding:10px}.menu-toggle span{display:block;height:1px;background:var(--gold);margin:7px}
.hero{min-height:calc(100vh - 92px);display:grid;grid-template-columns:47% 53%;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.97) 43%,rgba(18,18,18,.15) 72%,#121212 100%);pointer-events:none}.hero-copy{z-index:2;align-self:center;padding:7vw 2vw 7vw 8vw}.hero-copy h1{font-size:clamp(68px,8vw,126px);text-transform:uppercase;margin-bottom:0}.hero-copy h1 em{font-style:normal;color:var(--gold)}.hero-lead{font-family:var(--serif);font-size:clamp(22px,2.2vw,34px);line-height:1.3;font-style:italic}.hero-copy>p:not(.eyebrow,.hero-lead){max-width:480px;color:var(--muted);font-size:12px;margin:25px 0}.hero-barrel{min-height:calc(100vh - 92px)}.hero-barrel img{width:100%;height:100%;object-fit:cover;filter:brightness(.68) saturate(.55)}.scroll-cue{position:absolute;z-index:3;bottom:30px;left:50%;width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
.story,.craft,.meet,.product-zone{display:grid;grid-template-columns:50% 50%;min-height:650px;border-bottom:1px solid var(--line)}.story-image img,.craft-image img,.meet-image img,.product-image img{width:100%;height:100%;object-fit:cover}.story-image img,.craft-image img,.meet-image img{filter:brightness(.68) saturate(.66)}.story-copy,.craft-copy,.meet-copy,.product-copy{padding:10% 12%;display:flex;flex-direction:column;justify-content:center}.story-copy>p:not(.eyebrow),.craft-copy>p:not(.eyebrow),.meet-copy>p:not(.eyebrow),.product-copy>p:not(.eyebrow,.product-kicker){color:var(--muted);font-size:12px;max-width:570px}.beer-index,.ingredients{padding:100px 5vw;border-bottom:1px solid var(--line)}.section-heading{text-align:center;max-width:690px;margin:0 auto 55px}.section-heading .gold-rule{margin-left:auto;margin-right:auto}.section-heading>p:not(.eyebrow){color:var(--muted)}.beer-nav-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.beer-nav-grid a{background:#0d0d0d;text-align:center;padding-bottom:24px;overflow:hidden;border-bottom:1px solid transparent;transition:.5s}.beer-nav-grid a:hover{border-color:var(--gold);transform:translateY(-5px)}.beer-nav-grid img{height:385px;width:100%;object-fit:cover;filter:brightness(.75) saturate(.7);transition:.8s}.beer-nav-grid a:hover img{filter:brightness(.88) saturate(.8);transform:scale(1.02)}.beer-nav-grid strong{display:block;font:400 25px var(--serif);margin:18px 8px 2px}.beer-nav-grid span{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;text-transform:uppercase}.product-zone.reverse .product-image{order:2}.product-zone.reverse .product-copy{order:1}.product-image{min-height:740px;overflow:hidden}.product-image img{filter:brightness(.73) saturate(.66);transition:1s}.product-zone:hover .product-image img{filter:brightness(.82) saturate(.72);transform:scale(1.012)}.product-copy{background:radial-gradient(circle at 75% 45%,#1b1813,#121212 63%)}.product-copy h2{font-size:clamp(54px,5.8vw,88px)}.product-kicker{color:var(--ivory);font-size:9px;letter-spacing:.15em;text-transform:uppercase}.product-notes{margin-top:30px;border-top:1px solid var(--line)}.product-notes span{display:block;padding:15px 0;border-bottom:1px solid rgba(242,240,235,.09);color:var(--muted);font-size:11px}.product-notes b{display:inline-block;width:105px;color:var(--gold);text-transform:uppercase;letter-spacing:.13em;font-size:8px}.craft-image img{object-position:center}.ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(242,240,235,.1)}.ingredient-grid article{min-height:230px;padding:40px 30px;border-right:1px solid rgba(242,240,235,.1)}.ingredient-grid article:last-child{border:0}.ingredient-grid span{color:var(--gold);font:400 27px var(--serif)}.ingredient-grid h3{font:400 30px var(--serif);margin:20px 0 8px}.ingredient-grid p{color:var(--muted);font-size:11px}.location{color:var(--gold)!important;text-transform:uppercase;letter-spacing:.13em;font-size:9px!important;margin-top:25px}footer{min-height:130px;padding:20px 5vw;display:grid;grid-template-columns:160px 1fr auto auto;gap:32px;align-items:center;color:#77746f;font-size:8px;text-transform:uppercase;letter-spacing:.08em}footer>img{height:80px;object-fit:contain}footer nav{display:flex;gap:20px}.legal{padding:55px max(5vw,30px);border-top:1px solid rgba(242,240,235,.08);color:#77746f}.legal h2{font-size:24px;color:var(--ivory);margin-top:25px}.legal p{max-width:900px;font-size:10px}
@media(max-width:980px){.site-header{height:82px}.brand{width:135px}.site-header nav{position:fixed;inset:0;background:rgba(18,18,18,.985);flex-direction:column;justify-content:center;align-items:center;gap:27px;transform:translateX(100%);transition:.4s}.site-header nav.open{transform:none}.site-header nav a{font:400 27px var(--serif);text-transform:none}.menu-toggle{display:block;margin-left:auto;z-index:2}.hero{min-height:780px;grid-template-columns:48% 52%}.hero-barrel{min-height:780px}.beer-nav-grid{grid-template-columns:repeat(2,1fr)}.beer-nav-grid img{height:460px}.ingredient-grid{grid-template-columns:repeat(2,1fr)}.ingredient-grid article:nth-child(2){border-right:0}.ingredient-grid article:nth-child(-n+2){border-bottom:1px solid rgba(242,240,235,.1)}footer{grid-template-columns:140px 1fr;justify-items:start}}
@media(max-width:680px){html{scroll-padding-top:78px}.gate-logo{height:190px}.gate-content h1{font-size:34px}.gate-content>p{padding:0 12px}.site-header{height:78px}.hero{display:block;min-height:820px}.hero-barrel{height:560px;min-height:0}.hero::after{background:linear-gradient(0deg,#121212 0%,rgba(18,18,18,.93) 45%,rgba(18,18,18,.08) 76%,#121212 100%)}.hero-copy{position:absolute;bottom:50px;padding:0 8vw}.hero-copy h1{font-size:62px}.hero-copy>p:not(.eyebrow,.hero-lead){font-size:11px;margin:16px 0}.scroll-cue{display:none}.story,.craft,.meet,.product-zone{grid-template-columns:1fr}.story-image,.craft-image,.meet-image,.product-image{min-height:420px}.story-copy,.craft-copy,.meet-copy,.product-copy{padding:70px 8vw}.product-zone.reverse .product-image{order:1}.product-zone.reverse .product-copy{order:2}.product-image{min-height:560px}.beer-index,.ingredients{padding:75px 7vw}.beer-nav-grid{gap:8px}.beer-nav-grid img{height:295px}.beer-nav-grid strong{font-size:20px}.ingredient-grid{grid-template-columns:1fr}.ingredient-grid article{min-height:0;border-right:0;border-bottom:1px solid rgba(242,240,235,.1)!important}.ingredient-grid article:last-child{border-bottom:0!important}footer{grid-template-columns:1fr;justify-items:center;text-align:center}footer nav{justify-content:center}.legal{text-align:left}.product-notes b{display:block;width:auto;margin-bottom:3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.age-gate.leaving .gate-logo{transform:none}}

body.gate-open{overflow:hidden}body.gate-open>.site-header,body.gate-open>main,body.gate-open>footer,body.gate-open>.legal{opacity:0;visibility:hidden;filter:blur(22px)}.site-header,main,footer,.legal{transition:opacity 1.25s ease,filter 1.4s ease,visibility 1.25s ease}body.site-revealing>.site-header,body.site-revealing>main,body.site-revealing>footer,body.site-revealing>.legal{opacity:1;visibility:visible;filter:blur(12px)}
.gate-content{width:min(660px,90vw)}.gate-logo{width:min(430px,72vw);height:min(390px,48vh);margin-bottom:18px}.gate-intro{font:400 clamp(18px,2vw,24px)/1.45 var(--serif)!important;color:var(--ivory)!important}.gate-legal{margin-top:26px;color:#77746f;text-transform:uppercase;letter-spacing:.08em;font-size:8px;line-height:1.7}.gate-legal p{margin:3px 0}.age-check{justify-content:center;align-items:center;max-width:570px;text-align:center;font-size:12px;margin:24px auto 0}.age-check input{flex-basis:20px;width:20px;height:20px;margin:0}.age-gate.gathering .gate-intro,.age-gate.gathering .age-check,.age-gate.gathering .gate-legal{opacity:0;transform:translateY(12px)}.age-gate.leaving{transition-delay:.25s}
.section-heading{max-width:920px}.section-heading h2{text-align:center;font-size:clamp(58px,7vw,104px)}.beer-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.product-zone{display:block;min-height:0;padding:100px 5vw;background:radial-gradient(circle at 50% 20%,#1b1813,#121212 45%)}.product-zone .product-copy{padding:0 0 64px;text-align:center;align-items:center;background:none}.product-zone .product-copy h2{font-size:clamp(66px,8vw,118px);text-align:center}.product-zone .product-copy>p:not(.eyebrow,.product-kicker){max-width:780px}.product-zone .product-copy .gold-rule{margin-left:auto;margin-right:auto}.product-notes{width:min(850px,100%);text-align:left}.format-row{height:min(680px,68vw);min-height:430px;background:#0d0d0d;overflow:hidden}.format-row img{width:100%;height:100%;object-fit:contain;filter:brightness(.82) saturate(.72)}.situation-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.situation-grid img{width:100%;height:360px;object-fit:cover;filter:brightness(.75) saturate(.7);transition:.7s ease}.situation-grid img:hover{filter:brightness(.9) saturate(.78)}
@media(max-width:980px){.beer-nav-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.beer-nav-grid img{height:330px}.beer-nav-grid strong{font-size:20px}}
@media(max-width:680px){.gate-logo{height:230px}.gate-intro{font-size:18px!important}.product-zone{padding:72px 6vw}.product-zone .product-copy{padding:0 0 42px}.format-row{height:500px;min-height:0}.situation-grid{grid-template-columns:1fr}.situation-grid img{height:310px}.beer-nav-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px}.beer-nav-grid a{min-width:72vw;scroll-snap-align:center}.beer-nav-grid img{height:380px}}

:root{--title-font:'Police Titres','Cormorant Garamond',Georgia,serif}h1,h2,h3,.beer-nav-grid strong{font-family:var(--title-font)}
.hero-barrel img{filter:brightness(.92) saturate(.72) contrast(1.04)}.hero::after{background:linear-gradient(90deg,#121212 0%,rgba(18,18,18,.94) 42%,rgba(18,18,18,.05) 70%,rgba(18,18,18,.38) 100%)}
.beer-nav-grid img{object-fit:contain;background:#0d0d0d;padding:12px;filter:brightness(.88) saturate(.76)}
.format-grid{display:grid;grid-template-columns:repeat(2,minmax(0,360px));justify-content:center;gap:22px;margin-bottom:18px}.format-grid.three{grid-template-columns:repeat(3,minmax(0,330px))}.format-grid figure{margin:0;background:#0d0d0d;border-bottom:1px solid var(--line);text-align:center}.format-grid img{display:block;width:100%;height:560px;object-fit:contain;padding:18px}.format-grid figcaption{padding:17px;color:var(--gold);font:500 12px var(--sans);letter-spacing:.18em;text-transform:uppercase}.situation-grid img{height:620px;object-fit:contain;background:#0d0d0d}
.meet{grid-template-rows:auto 600px}.map-panel{position:relative;grid-column:1/-1;border-top:1px solid var(--line)}#map{height:600px;background:#171717;filter:saturate(.55) contrast(1.05)}.map-status{position:absolute;z-index:500;left:20px;bottom:20px;padding:10px 14px;background:rgba(18,18,18,.9);color:var(--ivory);font-size:10px;letter-spacing:.08em}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#181818;color:var(--ivory)}.leaflet-popup-content b{color:var(--gold)}
@media(max-width:980px){.format-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.format-grid img{height:470px}.situation-grid img{height:520px}}
@media(max-width:680px){.hero-barrel img{filter:brightness(.86) saturate(.7)}.format-grid,.format-grid.three{grid-template-columns:1fr}.format-grid img{height:510px}.situation-grid img{height:auto;max-height:none}.meet{grid-template-rows:auto auto 480px}#map{height:480px}}
.legal-page{min-height:100vh}.legal-header{position:sticky;top:0;z-index:10;height:100px;padding:10px 6vw;display:flex;align-items:center;justify-content:space-between;background:rgba(18,18,18,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.legal-header img{width:160px;height:78px;object-fit:contain}.legal-content{width:min(980px,88vw);margin:0 auto;padding:100px 0}.legal-content h1{font-size:clamp(58px,8vw,110px);margin-bottom:40px}.legal-content section{padding:35px 0;border-top:1px solid rgba(242,240,235,.1)}.legal-content section h2{font-size:clamp(30px,4vw,48px);margin-bottom:20px}.legal-content section p{color:var(--muted);max-width:820px}.legal-notice{padding:18px 22px;border:1px solid var(--line);color:var(--gold);margin-bottom:55px}
.meet{grid-template-rows:auto auto 600px}.map-heading{grid-column:1/-1;padding:90px 7vw 65px;text-align:center;border-top:1px solid var(--line)}.map-heading h2{font-size:clamp(58px,7vw,104px)}.map-heading .gold-rule{margin-left:auto;margin-right:auto}.map-heading>p:last-child{max-width:760px;margin-left:auto;margin-right:auto;color:var(--muted)}
@media(max-width:680px){.meet{grid-template-rows:auto auto auto 480px}.map-heading{padding:70px 8vw 55px}}

/* Menu mobile compact, pleine largeur sous l’en-tête */
@media(max-width:680px){
  .site-header nav{
    position:absolute;
    top:100%;
    left:0;
    right:0;
    bottom:auto;
    width:100%;
    margin:0;
    padding:14px 5vw 20px;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    justify-content:stretch;
    align-items:stretch;
    gap:0 16px;
    background:rgba(18,18,18,.985);
    border-bottom:1px solid rgba(194,164,109,.22);
    box-shadow:0 18px 35px rgba(0,0,0,.42);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-12px);
    transition:opacity .3s ease,transform .3s ease,visibility .3s ease;
  }
  .site-header nav.open{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translateY(0);
  }
  .site-header nav a{
    padding:13px 5px;
    text-align:center;
    font:400 17px var(--serif);
    line-height:1.15;
    border-bottom:1px solid rgba(242,240,235,.08);
  }
  .site-header nav a::after{bottom:5px;left:25%;}
  .site-header nav a:hover::after,.site-header nav a.active::after{width:50%;}
}
