.rec-page{background:var(--cream);color:var(--ink)}.rec-hero{position:relative;overflow:hidden;isolation:isolate;padding:84px 0 72px;background:radial-gradient(58% 60% at 86% 8%,rgba(217,190,161,.5),transparent 62%),radial-gradient(46% 50% at 8% 96%,rgba(212,219,201,.42),transparent 64%),var(--cream-2);border-bottom:1px solid var(--line-soft)}.rec-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.rec-hero-grid{display:grid;grid-template-columns:1fr;gap:40px;align-items:center}.rec-hero-copy .eyebrow{color:var(--amber-deep)}.rec-hero h1{font-family:var(--serif);font-weight:300;font-size:clamp(46px,8.4vw,100px);line-height:.9;letter-spacing:-.012em;margin:14px 0 0;color:var(--ink)}.rec-hero h1 em{font-style:italic;color:var(--amber-deep)}.rec-hero-lede{font-family:var(--serif);font-size:clamp(18px,2vw,23px);line-height:1.5;color:var(--sage);max-width:46ch;margin-top:20px}.rec-hero-stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.rec-hero-stat{display:grid;gap:3px;padding:14px 20px 12px;min-width:116px;background:rgba(255,253,248,.7);border:1px solid var(--line);border-radius:16px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rec-hero-stat strong{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.6vw,38px);line-height:1;color:var(--amber-deep);font-variant-numeric:tabular-nums}.rec-hero-stat span{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}.rec-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.rec-hero-feature{position:relative;display:block;text-decoration:none;color:inherit;border-radius:22px;overflow:hidden;background:var(--cream-2);border:1px solid var(--line);box-shadow:var(--shadow-soft);transition:transform .4s var(--ease-premium),box-shadow .4s var(--ease-premium)}.rec-hero-feature:hover{transform:translateY(-4px);box-shadow:0 36px 80px -48px rgba(22,23,19,.55)}.rec-hero-badge{position:absolute;top:16px;left:16px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:8px 14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(255,253,248,.92);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rec-bythecup-drop,.rec-chip-drop,.rec-hero-badge-drop{width:9px;height:9px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--amber);flex:none}.rec-hero-feature-photo{position:relative;aspect-ratio:16/11}.rec-hero-feature-img{object-fit:cover}.rec-hero-feature-meta{padding:22px 24px 26px}.rec-hero-feature-cat{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber-deep);margin:0}.rec-hero-feature-meta h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,36px);line-height:1.02;letter-spacing:-.01em;margin:8px 0 0;color:var(--ink)}.rec-hero-feature-meta h2 em{font-style:italic;color:var(--amber-deep)}.rec-hero-feature-row{display:flex;align-items:center;gap:10px;margin-top:16px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}.rec-hero-feature-rating{margin-left:auto;color:var(--amber-deep);font-weight:600}.rec-recipes{padding:clamp(56px,8vw,92px) 0}.rec-recipes-head{max-width:32ch}.rec-recipes-head .eyebrow{color:var(--amber-deep)}.rec-recipes-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,5.4vw,60px);line-height:.96;letter-spacing:-.01em;margin:12px 0 0}.rec-recipes-head h2 em{font-style:italic;color:var(--amber-deep)}.rec-filterbar{position:sticky;top:70px;z-index:20;display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0 34px;padding:12px 16px;background:rgba(255,253,248,.82);border:1px solid var(--line);border-radius:18px;box-shadow:0 14px 40px -34px rgba(22,23,19,.5);backdrop-filter:blur(12px) saturate(1.1);-webkit-backdrop-filter:blur(12px) saturate(1.1)}.rec-filterbar-label{font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--sage);flex:none}.rec-filterbar-chips{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:1 1 auto}.rec-filterbar-sort{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);margin-left:auto;flex:none}.rec-chip{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink);background:var(--cream);border:1px solid var(--line);border-radius:999px;cursor:pointer;transition:border-color .24s var(--ease-snap),color .24s var(--ease-snap),background .24s var(--ease-snap),transform .18s var(--ease-snap)}.rec-chip:hover{border-color:var(--amber);transform:translateY(-1px)}.rec-chip:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.rec-chip.is-active{background:var(--sage-deep);border-color:var(--sage-deep);color:var(--cream)}.rec-chip-drop{width:7px;height:7px}.rec-chip-count{font-family:var(--mono);font-size:10px;letter-spacing:.08em;color:var(--sage);font-variant-numeric:tabular-nums}.rec-chip.is-active .rec-chip-count{color:var(--amber-soft)}.rec-grid{display:grid;grid-template-columns:1fr;gap:22px}.rec-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:var(--cream-2);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 18px 50px -42px rgba(22,23,19,.5);transition:transform .4s var(--ease-premium),box-shadow .4s var(--ease-premium),border-color .4s var(--ease-premium)}.rec-card:hover{transform:translateY(-5px);border-color:var(--amber-soft);box-shadow:0 36px 70px -44px rgba(22,23,19,.55)}.rec-card-photo{position:relative;aspect-ratio:4/3;overflow:hidden}.rec-card-img{object-fit:cover;transition:transform .7s var(--ease-premium)}.rec-card:hover .rec-card-img{transform:scale(1.05)}.rec-card-tag{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:7px 13px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(255,253,248,.9);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.rec-card-body{display:flex;flex-direction:column;gap:8px;padding:20px 22px 22px}.rec-card-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(21px,2.6vw,26px);line-height:1.04;letter-spacing:-.005em;margin:0;color:var(--ink)}.rec-card-body p{font-size:16px;line-height:1.5;color:var(--sage);margin:0}.rec-card-meta{display:flex;align-items:center;gap:9px;margin-top:4px;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--sage)}.rec-card-rating{margin-left:auto;color:var(--amber-deep);font-weight:600}.rec-testing{padding:clamp(56px,8vw,96px) 0;background:var(--cream-3);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft)}.rec-testing-grid{display:grid;grid-template-columns:1fr;gap:36px;align-items:center}.rec-testing-figure{position:relative}.rec-testing-cap{position:absolute;left:14px;bottom:14px;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:rgba(255,253,248,.9);border:1px solid var(--line);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.rec-testing-copy .eyebrow{color:var(--amber-deep)}.rec-testing-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,5vw,54px);line-height:.98;letter-spacing:-.01em;margin:12px 0 18px}.rec-testing-copy h2 em{font-style:italic;color:var(--amber-deep)}.rec-testing-copy .btn{margin-top:22px}.rec-bythecup{padding:clamp(56px,8vw,96px) 0 clamp(64px,9vw,104px)}.rec-bythecup-head{max-width:60ch}.rec-bythecup-head .eyebrow{color:var(--amber-deep)}.rec-bythecup-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,5.4vw,60px);line-height:.96;letter-spacing:-.01em;margin:12px 0 14px}.rec-bythecup-head h2 em{font-style:italic;color:var(--amber-deep)}.rec-bythecup-drop{display:inline-block;margin-left:.18em;vertical-align:baseline;transform:translateY(-.04em) rotate(-45deg)}.rec-bythecup-lede{font-size:17px;line-height:1.6;color:var(--sage);max-width:54ch}.rec-ratio-list{list-style:none;margin:32px 0 0;padding:0;border-top:1px solid var(--line)}.rec-ratio{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"num swap" "num equals" "num use";align-items:baseline;gap:2px 18px;padding:24px 0;border-bottom:1px solid var(--line)}.rec-ratio-num{grid-area:num;align-self:center;font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--amber-deep);font-variant-numeric:tabular-nums}.rec-ratio-swap{grid-area:swap;display:inline-flex;align-items:center;gap:10px;font-family:var(--serif);font-weight:400;font-size:clamp(24px,4vw,34px);line-height:1.05;color:var(--ink)}.rec-ratio-eq{display:none}.rec-ratio-equals{grid-area:equals;font-family:var(--serif);font-style:italic;font-size:clamp(17px,2.4vw,21px);color:var(--amber-deep)}.rec-ratio-use{grid-area:use;font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--sage);margin-top:4px}.rec-ratio-foot{margin-top:26px;font-size:16px;line-height:1.6;color:var(--sage);max-width:60ch}@media (min-width:620px){.rec-grid{grid-template-columns:repeat(2,1fr);gap:26px}}@media (min-width:901px){.rec-hero{padding:108px 0 92px}.rec-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);gap:56px}.rec-grid{grid-template-columns:repeat(3,1fr)}.rec-ratio{grid-template-columns:auto minmax(0,.9fr) auto minmax(0,.8fr) minmax(0,1fr);grid-template-areas:"num swap eq equals use";align-items:center;gap:22px}.rec-ratio-eq{grid-area:eq;display:block;font-family:var(--serif);font-size:22px;color:var(--sage)}.rec-ratio-equals{margin:0}.rec-ratio-use{margin-top:0;text-align:right}.rec-testing-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px}}@media (prefers-reduced-motion:reduce){.rec-card,.rec-card-img,.rec-hero-feature{transition:none}}