@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap');
@font-face{font-family:Pirate;src:url('/assets/media/2022/03/kwp-pirates2.woff2') format('woff2');font-display:swap}
:root{--ink:oklch(24% .05 244);--sea:oklch(37% .1 218);--deep:oklch(28% .08 224);--sun:oklch(81% .16 81);--coral:oklch(64% .18 33);--sand:oklch(93% .045 84);--foam:oklch(98% .015 92);--line:oklch(74% .06 85)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--foam);color:var(--ink);font:400 16px/1.65 'DM Sans',sans-serif}a{color:inherit}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-999px}.skip:focus{left:16px;top:16px;z-index:10;padding:10px;background:var(--foam)}.eyebrow{margin:0;color:var(--coral);font-size:.75rem;line-height:1;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.display{font-family:Pirate,'Bebas Neue',sans-serif;font-weight:400;letter-spacing:.025em}.notice{padding:9px 20px;background:var(--sun);color:var(--deep);font-size:.82rem;font-weight:700;text-align:center}.notice a{display:inline-block;margin:-8px -4px -8px 6px;padding:8px 4px}.site-head{background:var(--deep);color:var(--foam)}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 0}.brand{display:flex;align-items:center;gap:10px;color:var(--foam);text-decoration:none}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{display:block;font:400 2rem/.9 'Bebas Neue';letter-spacing:.06em}.brand span{display:block;margin-top:3px;font-size:.63rem;font-weight:700;letter-spacing:.18em}.nav ul{display:flex;gap:clamp(18px,3vw,38px);margin:0;padding:0;list-style:none;font-weight:700}.nav a{text-decoration:none}.nav li a:hover,.nav li a:focus-visible,.nav .active{color:var(--sun)}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;background:var(--coral);color:var(--foam);font-weight:700;text-decoration:none;box-shadow:5px 5px 0 var(--ink);transition:transform .18s ease,box-shadow .18s ease}.button:hover,.button:focus-visible{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--ink)}.button--sun{background:var(--sun);color:var(--ink)}.hero{position:relative;min-height:390px;display:grid;align-items:end;overflow:hidden;color:var(--foam);background:var(--deep)}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in oklch,var(--deep),transparent 6%),color-mix(in oklch,var(--deep),transparent 45%)),var(--hero) center/cover}.hero .shell{position:relative;padding:92px 0 66px}.hero h1{max-width:760px;margin:28px 0 36px;font-size:clamp(4.6rem,11vw,9.5rem);line-height:.74}.hero p:not(.eyebrow){max-width:48ch;margin:0 0 28px;font-size:clamp(1rem,1.5vw,1.18rem);line-height:1.6}.content{padding:clamp(90px,13vw,150px) 0}.split{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(34px,8vw,130px)}.split img{display:block;width:100%;aspect-ratio:4/4.5;height: auto;object-fit:cover}.copy{max-width:58ch}.copy h2,.section-head h2{margin:12px 0 20px;font:400 clamp(3.2rem,6vw,6rem)/.78 'Bebas Neue';letter-spacing:.025em}.copy p{margin:0 0 20px;line-height:1.75}.quote{margin-top:55px;padding:clamp(28px,5vw,56px);background:var(--sand);box-shadow:9px 9px 0 var(--sun)}.quote p{margin:0;font-size:1.1rem}.quote strong{display:block;margin-top:18px;color:var(--sea);font:400 2rem/1 'Bebas Neue'}.menu-intro{padding:clamp(58px,9vw,104px) 0 34px;background:var(--sand)}.section-head{max-width:640px}.section-head p:not(.eyebrow){margin:0;max-width:50ch}.menu-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;padding:0 0 clamp(70px,11vw,130px)}.menu-card{display:grid;grid-template-columns:.85fr 1.15fr;min-height:350px;color:var(--foam);background:var(--deep)}.menu-card:nth-child(even){background:var(--sea)}.menu-card img{width:100%;height:100%;object-fit:cover}.menu-card>div{padding:32px}.menu-card h2{margin:0 0 8px;color:var(--sun);font:400 2.6rem/.9 'Bebas Neue';letter-spacing:.03em}.prices{margin:0 0 20px;font-size:.9rem;font-weight:700}.menu-card ul{margin:0;padding:0;list-style:none}.menu-card li{padding:8px 0;border-top:1px solid color-mix(in oklch,var(--foam),transparent 68%)}.contact{display:grid;grid-template-columns:.82fr 1.18fr;gap:clamp(32px,8vw,120px);padding:clamp(74px,10vw,116px) 0}.contact h2{margin:12px 0 20px;font:400 clamp(3.2rem,6vw,6rem)/.78 'Bebas Neue'}.details{padding:28px;background:var(--sand)}.details h3{margin:0 0 8px;color:var(--sea);font:400 1.8rem/1 'Bebas Neue'}.details p{margin:0 0 24px;line-height:1.7}.form{padding:clamp(26px,5vw,52px);background:var(--deep);color:var(--foam)}.form h2{margin-top:0}.fields{display:grid;gap:16px}.fields label{font-size:.85rem;font-weight:700}.fields input,.fields textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:1px solid var(--line);background:var(--foam);color:var(--ink);font:inherit}.fields textarea{min-height:150px;resize:vertical}.form .button{border:0;margin-top:8px;cursor:pointer}.fine{font-size:.8rem}.site-foot{padding:44px 0;background:var(--deep);color:var(--foam)}.foot{display:flex;align-items:center;justify-content:space-between;gap:20px}.foot p{margin:0;font-size:.8rem}.foot a{color:var(--sun)}@media(max-width:760px){.nav ul,.nav>.button{display:none}.hero{min-height:330px}.hero .shell{padding:76px 0 48px}.split,.contact{grid-template-columns:1fr}.menu-grid{grid-template-columns:1fr}.menu-card{grid-template-columns:.8fr 1.2fr;min-height:0}.menu-card img{min-height:280px}.foot{align-items:flex-start;flex-direction:column}}@media(max-width:480px){.menu-card{grid-template-columns:1fr}.menu-card img{max-height:250px}.shell{width:min(100% - 32px,1180px)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}

/* Infos pratiques (page contact) */
.practical{position:relative;z-index:1;isolation:isolate;padding:clamp(78px,10vw,132px) 0 clamp(88px,11vw,136px);color:var(--foam)}
.practical:before{content:'';position:absolute;inset:0 auto 0 50%;z-index:-1;width:100vw;background:var(--deep);box-shadow:0 -12px 0 var(--sun),0 12px 0 var(--coral);transform:translateX(-50%) rotate(-1deg);transform-origin:top center}
.practical .section-head{position:relative;margin-bottom:clamp(30px,5vw,56px);max-width:760px}
.practical .section-head:after{content:'ENTREE LIBRE';position:absolute;right:0;bottom:5px;color:var(--sun);font:400 1.1rem/1 'Bebas Neue';letter-spacing:.1em;transform:rotate(3deg)}
.practical .eyebrow{color:var(--sun)}
.practical .section-head h2{margin:14px 0 0;color:var(--foam);font-size:clamp(4rem,9vw,8.4rem);line-height:.76;text-shadow:5px 5px 0 var(--coral);transform:rotate(-2deg);transform-origin:left center}
.practical-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,.72fr);gap:clamp(34px,6vw,88px);align-items:start}
.practical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(16px,2.5vw,26px);align-items:start}
.practical-card{position:relative;min-height:224px;padding:34px 28px 30px;color:var(--ink);background:var(--sand);box-shadow:8px 8px 0 var(--sun);transform:rotate(-1.5deg)}
.practical-card:nth-child(2){transform:translateY(30px) rotate(1.8deg);background:var(--coral);color:var(--foam);box-shadow:8px 8px 0 var(--sun)}
.practical-card:nth-child(3){transform:rotate(-.8deg);background:var(--sun);box-shadow:8px 8px 0 var(--coral)}
.practical-card:nth-child(4){transform:translateY(14px) rotate(1.2deg);background:var(--foam);box-shadow:8px 8px 0 var(--coral)}
.practical-card:nth-child(5){transform:translateY(-10px) rotate(-2deg);background:var(--sand);box-shadow:8px 8px 0 var(--sun)}
.practical-card:nth-child(6){transform:translateY(22px) rotate(1deg);background:var(--sun);box-shadow:8px 8px 0 var(--coral)}
.practical-card:before{content:counter(practical);counter-increment:practical;position:absolute;top:14px;right:18px;color:color-mix(in oklch,currentColor,transparent 38%);font:400 2rem/1 'Bebas Neue'}
.practical-grid{counter-reset:practical}
.practical-card h3{margin:0 0 18px;max-width:12ch;color:var(--sea);font:400 clamp(1.8rem,2.8vw,2.5rem)/.88 'Bebas Neue';letter-spacing:.02em}
.practical-card:nth-child(2) h3{color:var(--sun)}
.practical-card p{margin:0;line-height:1.65}
.practical-card a{font-weight:700;color:var(--coral)}
.practical-card:nth-child(2) a{color:var(--sun)}
.practical-form{position:relative;margin-top:clamp(38px,6vw,92px);padding:clamp(28px,3vw,34px);background:var(--sea);box-shadow:10px 10px 0 var(--coral);transform:rotate(1.2deg)}
.practical-form h2{margin-top:0;color:var(--foam);font-size:clamp(2.1rem,2.8vw,2.8rem);line-height:.86;letter-spacing:-.02em;white-space:nowrap;text-shadow:3px 3px 0 var(--deep)}
.practical-form .fields{gap:15px}
.practical-form .fields input,.practical-form .fields textarea{border:0;border-bottom:3px solid var(--line);padding:10px 2px;background:transparent;color:var(--foam);border-radius:0;outline:0;transition:border-color .18s ease,transform .18s ease}
.practical-form .fields input:focus,.practical-form .fields textarea:focus{border-bottom-color:var(--sun);transform:translateX(4px)}
.practical-form .fields textarea{min-height:120px}
.practical-form .button{width:100%;padding-inline:12px;box-shadow:5px 5px 0 var(--deep)}
.practical-card--map{display:block;min-height:224px;background:var(--coral);color:var(--foam);box-shadow:8px 8px 0 var(--sun);transform:rotate(-1deg)}
.practical-card--map h3{margin-bottom:12px;color:var(--sun)}
.practical-card--map p{max-width:none}
.practical-card--map .button{width:auto;margin-top:22px;box-shadow:5px 5px 0 var(--deep)}
@media(max-width:900px){.practical-layout{grid-template-columns:1fr}.practical-form{max-width:620px;margin:66px auto 0}.practical-card:nth-child(3){transform:translateY(-8px) rotate(-.8deg)}.practical-card:nth-child(5){transform:translateY(4px) rotate(-2deg)}}
@media(max-width:760px){.practical{padding-top:70px}.practical:before{inset:0 auto 0 50%;box-shadow:0 -8px 0 var(--sun),0 8px 0 var(--coral)}.practical .section-head:after{position:static;display:block;margin-top:26px}.practical .section-head h2{font-size:clamp(3.8rem,17vw,6rem)}.practical-grid{grid-template-columns:1fr;gap:24px}.practical-card,.practical-card:nth-child(n){min-height:0;padding:30px 24px 26px;transform:none}.practical-card:nth-child(even){transform:rotate(1deg)}.practical-card:nth-child(odd){transform:rotate(-1deg)}.practical-card:before{top:12px;right:16px}.practical-card--map{display:block}.practical-card--map .button{margin-top:22px}.practical-form{margin-top:54px;padding:30px 24px;transform:rotate(.7deg)}}
