@font-face{font-family:"Manometer Serif";src:url(../fonts/manometer-serif.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0020,U+002C,U+002E,U+003F,U+0030-0033,U+0035-0039,U+0041-005A,U+0061-007A}
@font-face{font-family:"NOLA Fallback";src:url(../fonts/poppins-700.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-300.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-400.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Poppins";src:url(../fonts/poppins-600.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}
:root{--fd:"Manometer Serif","NOLA Fallback",Georgia,serif;--bg:#2a1529;--card:#35203a;--pk:#ffb9a8;--gr:#8a9078;--bl:#b5e0ff;--tx:#f7e6df;color-scheme:dark;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
*{box-sizing:border-box}
html{scroll-padding-top:70px;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--tx);font:300 16px/1.55 Poppins,system-ui,sans-serif}
.d{font-family:var(--fd);font-weight:400;letter-spacing:.02em}
a{color:inherit}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:5;background:var(--bg);border-bottom:1px solid #ffb9a833;display:flex;justify-content:space-between;align-items:center;padding:10px 20px}
.band{height:clamp(90px,18vw,170px);border-radius:12px;background:center/cover;margin-bottom:18px}
nav a{margin-left:18px;text-decoration:none;font-weight:600;font-size:15px;text-transform:uppercase;letter-spacing:.08em;color:var(--bl);padding:4px 0;border-bottom:2px solid transparent}
nav a.on{border-color:var(--pk);color:var(--pk)}
main{max-width:980px;margin:0 auto;padding:0 20px 60px}
.hero{text-align:center;padding:60px 0 30px}
.hero h1{font-size:clamp(90px,24vw,210px);line-height:1;margin:0;color:var(--pk)}
.hero .sub{font-size:clamp(18px,4vw,28px);color:var(--gr)}
.hero .sub u{text-decoration-thickness:2px}
h2{color:var(--pk);font-size:clamp(28px,6vw,44px);margin:50px 0 8px}
h3{color:var(--bl);font-size:22px;margin:0}
.lead{font-size:19px;max-width:680px;margin:0 auto;text-align:center}
.lead b{color:var(--pk);font-weight:600}
.btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin:28px 0}
.btn{background:var(--pk);color:var(--bg);padding:12px 24px;border-radius:8px;text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.btn.o{background:none;color:var(--bl);border:2px solid var(--bl)}
.faces{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;margin-top:20px}
.faces button{background:var(--pk);color:var(--bg);border:0;border-radius:10px;padding:22px 8px;font:600 15px Poppins,sans-serif;letter-spacing:.1em;cursor:pointer}
.info{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-top:20px}
.box{background:var(--card);border-radius:12px;padding:20px}
.box.g{background:var(--gr);color:var(--bg)}
.box.g h3{color:var(--bg)}
.pagehead{text-align:center;padding:50px 0 10px}
.pagehead h1{font-size:clamp(44px,11vw,90px);margin:0;color:var(--pk);line-height:1.05}
.pagehead p{color:var(--gr);font-size:18px;margin:8px 0 0}
.sec{margin-top:44px}
.sec>.hd{display:flex;align-items:baseline;gap:14px;border-bottom:2px solid var(--gr);padding-bottom:6px;margin-bottom:16px;flex-wrap:wrap}
.sec>.hd h2{margin:0;font-size:clamp(28px,6vw,40px)}
.sec>.hd>span{color:var(--gr);font-style:italic}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.c{background:var(--card);border-radius:12px;padding:18px 20px;display:flex;flex-direction:column;gap:6px}
.c .top{display:flex;justify-content:space-between;gap:10px;align-items:baseline}
.c .n{font-family:var(--fd);color:var(--bl);font-size:20px;line-height:1.2}
.c .p{color:var(--pk);font-weight:600;white-space:nowrap}
.c .t{color:var(--gr);font-size:14px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}
.c .i{font-size:15px;opacity:.9}
.list{background:var(--card);border-radius:12px;padding:6px 20px}
.list h3{margin:14px 0 4px;font-size:18px;color:var(--pk);text-transform:uppercase;letter-spacing:.08em;font-family:Poppins,sans-serif;font-weight:600}
.r{display:flex;gap:10px;align-items:baseline;padding:6px 0;border-bottom:1px dashed #ffffff22}
.r:last-child{border:0}
.r .a{flex:1}.r small{color:var(--gr);margin-left:6px}
.r .p{color:var(--pk);font-weight:600}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:0 28px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:14px}
.steps div{background:var(--bg);border-radius:10px;padding:12px;font-size:15px}
.steps b{color:var(--pk);font-family:var(--fd);font-weight:400;display:block;font-size:22px}
.note{text-align:center;color:var(--gr);margin-top:30px;font-style:italic}
footer{background:#ffd2c8;color:var(--bg);display:flex;align-items:flex-end;justify-content:center;gap:28px;flex-wrap:wrap;padding:36px 20px 28px;font-size:15px;text-align:center}footer .pel{height:170px;width:auto}footer .fi{display:flex;flex-direction:column;gap:14px;align-items:center}footer .soc{display:flex;gap:14px}footer small{opacity:.75}
footer a{color:var(--bg)}
.food-card{background:var(--card)}
[hidden]{display:none!important}
@media(max-width:560px){nav a{margin-left:10px;font-size:13px}header .logo img{height:32px}header .logo span{font-size:24px}}
header .logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--pk)}
header .logo img{height:40px;width:auto;display:block}
header .logo span{font-size:28px;line-height:1}
.hero .mark{width:380px;height:auto;margin-bottom:6px}
.jazz{display:block;width:100%;height:auto;border-radius:14px;margin:6px 0 34px}
.faces a{background:var(--pk);color:var(--bg);border-radius:10px;padding:22px 8px;font:600 15px Outfit,sans-serif;letter-spacing:.1em;text-align:center;text-decoration:none}
.faces a:hover{background:var(--bl)}
.band.b0{background-image:url(../img/banner-0.jpg)}.band.b1{background-image:url(../img/banner-1.jpg)}.band.b2{background-image:url(../img/banner-2.jpg)}.band.b3{background-image:url(../img/banner-3.jpg)}.band.b4{background-image:url(../img/banner-4.jpg)}.band.b5{background-image:url(../img/banner-5.jpg)}
.band{height:clamp(150px,31vw,310px);background-size:cover;background-repeat:no-repeat;background-position:50% 50%}
.band.b0{background-position:50% 31%}.band.b1{background-position:50% 50%}.band.b2{background-position:50% 64%}.band.b3{background-position:50% 33%}.band.b4{background-position:50% 29%}.band.b5{background-position:50% 85%}
.band.m{background-position:50% 88%}.band.s{background-position:50% 8%}
nav a.on{pointer-events:auto}
.hint{color:var(--gr);font-size:14px;font-weight:600;margin-top:2px}
.vn{margin:12px 0;color:var(--gr);font-style:italic}
.ing{list-style:none;margin:2px 0 0;padding:0;font-size:15px;opacity:.92}
.ing li{position:relative;padding:1px 0 1px 16px}
.ing li::before{content:"";position:absolute;left:2px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--pk)}
.r .a{text-transform:uppercase;letter-spacing:.03em;font-size:15px}
.r .a small{text-transform:none;letter-spacing:0}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ac{position:relative}
.ac::before{content:"";position:absolute;left:50%;top:.1em;width:.3em;height:.22em;background:currentColor;transform:translateX(-45%)}
.ac.up::before{top:-.05em}
.ac.acute::before{clip-path:polygon(40% 0,100% 0,60% 100%,0 100%)}
.ac.grave::before{clip-path:polygon(0 0,60% 0,100% 100%,40% 100%);transform:translateX(-55%)}
.ac.circ::before{width:.46em;height:.22em;transform:translateX(-50%);clip-path:polygon(0 100%,50% 0,100% 100%,78% 100%,50% 56%,22% 100%)}
.ac.diae::before{width:.44em;height:.17em;top:.14em;transform:translateX(-50%);background:radial-gradient(circle at 21% 50%,currentColor .08em,transparent .085em),radial-gradient(circle at 79% 50%,currentColor .08em,transparent .085em)}
.ac.diae.up::before{top:-.02em}
.ac.cedi::before{display:none}
.ac.cedi::after{content:"";position:absolute;left:50%;top:.9em;width:.2em;height:.24em;background:currentColor;transform:translateX(-35%);clip-path:polygon(0 0,60% 0,100% 50%,90% 100%,30% 100%,55% 60%,0 55%)}