:root{--gold:#c5a16f;--gold2:#dfbf8c;--black:#0a0a0a;--white:#e5e2da;--muted:#918d85;--line:rgba(197,161,111,.24);--panel:#10100f;--shell:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,rgba(197,161,111,.08),transparent 30%),#0a0a0a;color:var(--white);font-family:"Tenor Sans",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(92%,var(--shell));margin:auto}
.site-header{min-height:105px}.header-inner{min-height:105px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.back-home{font-size:.68rem;letter-spacing:3px;text-transform:uppercase;color:#9a968d}.back-home:hover{color:var(--gold2)}
.brand-logo{height:90px;filter:sepia(38%) saturate(650%) hue-rotate(5deg) brightness(88%);mix-blend-mode:screen}.lang-switch{justify-self:end;color:rgba(197,161,111,.5)}.lang-btn{border:0;background:none;color:#77736c;padding:8px;cursor:pointer;letter-spacing:2px}.lang-btn.active{color:var(--gold2)}
.hero{text-align:center;padding:6vh 0 55px}.eyebrow{color:var(--gold);font-size:.65rem;letter-spacing:6px;text-transform:uppercase}.hero h1{margin:18px 0 0;font-size:clamp(2.4rem,5vw,5.2rem);font-weight:300;letter-spacing:8px;color:#fff}.hero>p:last-child{color:#aaa69d;letter-spacing:1.5px}.divider{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;max-width:430px;margin:25px auto}.divider span{height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.divider span:last-child{background:linear-gradient(90deg,var(--gold),transparent)}.divider b{color:var(--gold);font-weight:300}
.finder{padding-bottom:90px}.mode-switch{display:flex;justify-content:center;gap:10px;margin-bottom:34px}.mode-btn{border:1px solid var(--line);background:transparent;color:#9b978f;padding:15px 20px;cursor:pointer;letter-spacing:2px;text-transform:uppercase;font-size:.68rem}.mode-btn.active{border-color:var(--gold);color:var(--gold2);background:rgba(197,161,111,.04)}
.selector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.selector-card{min-height:135px;border:1px solid rgba(197,161,111,.18);background:rgba(255,255,255,.008);padding:22px;cursor:pointer;text-align:left;color:var(--white);transition:.3s}.selector-card:hover,.selector-card.active{transform:translateY(-3px);border-color:rgba(197,161,111,.65);background:rgba(197,161,111,.035)}.selector-card span{display:block;color:var(--gold);font-size:.61rem;letter-spacing:2px;margin-bottom:12px}.selector-card strong{font-weight:300;line-height:1.45;color:var(--gold2)}
.hidden{display:none!important}.recipe-header{text-align:center;margin:65px auto 28px;max-width:800px}.recipe-header h2{margin:8px 0 10px;font-size:clamp(1.6rem,3vw,2.8rem);font-weight:300;color:#fff}.recipe-header p:last-child{color:#77736c}
.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recipe-card{min-height:330px;border:1px solid rgba(197,161,111,.2);padding:28px;display:flex;flex-direction:column;background:linear-gradient(180deg,rgba(255,255,255,.012),rgba(255,255,255,.003));transition:.35s}.recipe-card:hover{transform:translateY(-5px);border-color:rgba(197,161,111,.6)}.recipe-card .meta{display:flex;justify-content:space-between;color:#6f6b64;font-size:.65rem;letter-spacing:1.5px}.recipe-card h3{margin:45px 0 14px;color:var(--gold2);font-size:1.45rem;font-weight:300;line-height:1.35}.recipe-card p{color:#8c8880;line-height:1.65}.recipe-card .action{margin-top:auto;padding-top:20px;border-top:1px solid rgba(197,161,111,.15);display:flex;justify-content:space-between;color:#ddd9d0;font-size:.67rem;letter-spacing:2.5px;text-transform:uppercase}.recipe-card .action span:last-child{color:var(--gold)}
.site-footer{border-top:1px solid rgba(197,161,111,.1);padding:36px 0}.footer-inner{display:flex;justify-content:space-between;color:#68645e;font-size:.62rem;letter-spacing:2px;text-transform:uppercase}.footer-inner span:first-child{color:var(--gold)}
@media(max-width:1000px){.selector-grid{grid-template-columns:repeat(2,1fr)}.recipe-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.header-inner{grid-template-columns:1fr auto}.brand-link{display:none}.selector-grid,.recipe-grid{grid-template-columns:1fr}.mode-switch{flex-direction:column}.mode-btn{width:100%}.footer-inner{flex-direction:column;text-align:center;gap:12px}.hero h1{letter-spacing:4px}}