.flavours{position:relative;background:#10152d;color:#fff;overflow:hidden}.flavours:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 7% 18%,#ff5a3630 0,transparent 25%),radial-gradient(circle at 94% 77%,#ffc83d24 0,transparent 27%),linear-gradient(135deg,transparent 48%,#ffffff08 49%,transparent 50%);pointer-events:none}.flavours:after{content:'FLAVOURS';position:absolute;left:-2vw;top:35px;font-family:'Fraunces',serif;font-size:15vw;font-weight:900;letter-spacing:-1vw;color:#ffffff06;white-space:nowrap;pointer-events:none}.section-intro,.flavour-grid{position:relative;z-index:1}.flavours .eyebrow.dark{color:#ffc83d}.flavours .section-intro h2{color:#fff}.flavours .section-intro h2 em{color:#ff8f6e}.flavours .section-intro>p:last-child{color:#b7bdd7}.flavour-grid{gap:18px;perspective:1000px}.flavour{min-height:495px;padding:10px 10px 0;border:1px solid #ffffff26;border-radius:14px;background:#f8f1e7;box-shadow:0 24px 55px #0008;overflow:visible;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s}.flavour:nth-child(1){transform:rotate(-2deg) translateY(8px)}.flavour:nth-child(2){transform:rotate(1.4deg) translateY(-7px)}.flavour:nth-child(3){transform:rotate(-.8deg) translateY(5px)}.flavour:nth-child(4){transform:rotate(1.8deg) translateY(-4px)}.flavour:nth-child(5){transform:rotate(-1.3deg) translateY(7px)}.flavour:hover{transform:rotate(0) translateY(-16px) scale(1.025);box-shadow:0 35px 70px #000b}.flavour:before{content:'';position:absolute;inset:-22px;z-index:-1;border-radius:30px;filter:blur(28px);opacity:.4;transition:opacity .35s}.flavour:hover:before{opacity:.85}.pineapple:before{background:#ffd33f}.apple:before{background:#9edb51}.guava:before{background:#ff7094}.mango:before{background:#ff7b27}.coconut:before{background:#dcecf4}.flavour-photo{aspect-ratio:4/5;border:0;border-radius:8px;filter:saturate(.9) contrast(1.04);transition:transform .5s ease,filter .35s}.flavour:hover .flavour-photo{transform:scale(1.015);filter:saturate(1.08) contrast(1.04)}.flavour h3{margin:18px 16px 4px;font-size:29px}.flavour p{margin:0 16px 18px}.flavour .number{top:22px;left:22px;background:#10152d;color:#fff;border:0}.flavour-badge{top:22px;right:22px;background:#fff;color:#10152d;border:0;box-shadow:0 5px 14px #0003}.flavour-grid:after{content:'Faites glisser pour explorer →';display:none;color:#aab2d2;font-size:11px;letter-spacing:1px;text-transform:uppercase}@media(max-width:1100px){.flavour-grid{row-gap:38px}.flavour:nth-child(n){transform:none}.flavour:hover{transform:translateY(-10px)}}@media(max-width:700px){.flavour-grid{padding-top:20px}.flavour{flex-basis:82vw;overflow:hidden}.flavour-grid:after{display:block;flex:0 0 60vw;align-self:center;padding:30px}.flavours:after{font-size:30vw;top:60px}}@media(prefers-reduced-motion:reduce){.flavour,.flavour-photo{transition:none}.flavour:nth-child(n){transform:none}}
