/*
 * Pairings & Recipes (/recipes/), v13:
 * prototypes/13/43-recipes.html + 43-recipes.css (CD 2026-11-04-43-recipes-pass).
 * The prototype's rules scoped to .rhinory-recipes (links raised over
 * field-notes.css's link colour), plus the editorial.css rules 43 uses that
 * field-notes.css does not carry. Loaded after field-notes.css.
 * Brief: docs/briefs/2026-10-31-field-notes-wp-port.md (43; goal batch 3 item 9).
 *
 * Differences from the prototype, all mechanical: the card stagger and the
 * reveals run only under html.js (view.js), the chips are server links with
 * no in-place filter, and the seasons are one recipes list until the recipe
 * CPT has a season field.
 */

.rhinory-page--recipes { background: #FBF7EE; }

/* editorial.css, the rules prototype 43 uses that field-notes.css does not carry */
.rhinory-recipes .ed-p { margin:0;font-family:"Lora",Georgia,serif;font-size:17px;line-height:1.72;color:var(--ink-warm-2);text-wrap:pretty }
.rhinory-recipes .ed-p em { font-style:italic }
.rhinory-recipes .ed-tsr { background:var(--paper);border-top:1px solid var(--rule-warm-2);padding:64px 0;scroll-margin-top:96px }
.rhinory-recipes .ed-tsr .ed-wrap { display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center }
.rhinory-recipes .ed-tsr-copy { display:flex;flex-direction:column;gap:16px;max-width:70ch }
.rhinory-recipes .ed-tsr-line { margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(24px,2.4vw,32px);line-height:1.26;color:var(--ink-warm);text-wrap:pretty }
.rhinory-recipes .ed-tsr-line em { font-style:italic;color:var(--burgundy) }
.rhinory-recipes .ed-tsr .ed-ctas { display:flex;flex-wrap:wrap;gap:14px }

.rhinory-recipes .rc-head { padding:clamp(40px,5vw,64px) 0 clamp(48px,5vw,72px);background:var(--paper) }
.rhinory-recipes .rc-head-grid { display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(32px,5vw,80px);align-items:end;margin-bottom:clamp(32px,4vw,48px) }
.rhinory-recipes .rc-head .ed-h1 em { display:block }
.rhinory-recipes .rc-head-side { display:flex;flex-direction:column;gap:28px;padding-bottom:8px }
.rhinory-recipes .rc-head-side .ed-lede { max-width:42ch;text-wrap:balance }
.rhinory-recipes .rc-head-fig { margin:0 }
.rhinory-recipes .rc-head-fig .ed-photo { aspect-ratio:2400/1100 }
.rhinory-recipes .rc-head-fig .ed-photo img { object-position:50% 45%;transform-origin:50% 45%;animation:rc-kb 22s cubic-bezier(.2,.7,.2,1) both }
@keyframes rc-kb { from{transform:scale(1.02)} to{transform:scale(1.12)} }
.rhinory-recipes .rc-crumb { display:flex;flex-wrap:nowrap;min-width:0;align-items:center;gap:11px;margin:0 0 clamp(24px,3vw,32px);font-family:"Josefin Sans",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase }
.rhinory-recipes .rc-head .rc-crumb a { color:var(--ink-warm-2);text-decoration:none;transition:color .2s }
.rhinory-recipes .rc-head .rc-crumb a:hover { color:var(--burgundy) }
.rhinory-recipes .rc-crumb a,.rhinory-recipes .rc-crumb .sep { flex:none;white-space:nowrap }
.rhinory-recipes .rc-crumb .sep { color:var(--rule-warm-2) }
.rhinory-recipes .rc-crumb .current { color:var(--burgundy);flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap }
.rhinory-recipes .rc-crumb a:focus-visible { outline:2px solid var(--burgundy);outline-offset:3px }
.rhinory-recipes .rc-crumb a { display:inline-flex;align-items:center;min-height:44px;margin:-14px 0 }
.rhinory-recipes .rc-head .btn:focus-visible,.rhinory-recipes .rc-tsr .btn:focus-visible { outline:2px solid var(--burgundy);outline-offset:3px }
@media (max-width:560px) {
	.rhinory-recipes .rc-crumb>a:first-child,.rhinory-recipes .rc-crumb>a:first-child+.sep { display:none }
}
.rhinory-recipes .rc-sr { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0 }
.rhinory-field-notes.rhinory-recipes :is(.rc-card,.rc-guide) .rc-link,.rhinory-field-notes.rhinory-recipes :is(.rc-card,.rc-guide) .rc-link:hover { color:inherit;text-decoration:none }
.rhinory-field-notes.rhinory-recipes :is(.rc-card,.rc-guide) .rc-link::after { content:"";position:absolute;inset:0;z-index:1 }
.rhinory-field-notes.rhinory-recipes :is(.rc-card,.rc-guide) .rc-link:focus-visible { outline:none }
.rhinory-recipes :is(.rc-card,.rc-guide):has(.rc-link:focus-visible) { outline:2px solid var(--burgundy);outline-offset:3px;border-color:var(--burgundy) }
.rhinory-recipes .rc-sec-head { margin-bottom:clamp(36px,4vw,56px) }
.rhinory-recipes .rc-sec-head .ed-h2 em { display:block }
.rhinory-recipes .rc-grid { display:flex;flex-wrap:wrap;justify-content:center;gap:24px }
.rhinory-recipes .rc-grid>.ed-card { flex:0 1 calc((100% - 48px)/3);min-width:0 }
.rhinory-recipes .rc-card .ed-photo { aspect-ratio:4/3 }
.rhinory-recipes .rc-card .ed-card-body { padding:24px 26px 26px;gap:14px }
.rhinory-recipes .rc-card .ed-card-x { font-size:16px;line-height:1.68 }
.rhinory-recipes .rc-pair { margin:auto 0 0;padding-top:16px;border-top:1px solid var(--rule-warm);font-family:"Lora",Georgia,serif;font-style:italic;font-size:15px;line-height:1.55;color:var(--rhino-warm) }
.rhinory-recipes .rc-pair strong { font-style:normal;font-weight:600;color:var(--ink-warm) }
.rhinory-recipes .rc-pair .sep { font-style:normal;color:var(--burgundy);margin:0 4px }
.rhinory-recipes .rc-guides { display:flex;flex-wrap:wrap;justify-content:center;gap:24px }
.rhinory-recipes .rc-guides>.rc-guide { flex:0 1 calc((100% - 24px)/2);min-width:0;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr) }
.rhinory-recipes .rc-guide .ed-photo { aspect-ratio:auto;min-height:300px;height:100%;border-bottom:0;border-right:1px solid var(--rule-warm) }
.rhinory-recipes .rc-guide .ed-card-body { padding:28px 28px 26px;gap:14px }
.rhinory-recipes .rc-guide .ed-card-title { font-size:clamp(24px,2.1vw,30px);text-wrap:balance }
.rhinory-recipes .rc-guide .ed-card-x { font-size:16px;line-height:1.68 }
.rhinory-recipes .rc-guide-foot { margin:auto 0 0;padding-top:16px;border-top:1px solid var(--rule-warm);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;font-family:"Lora",Georgia,serif;font-style:italic;font-size:15px;line-height:1.5;color:var(--rhino-warm) }
.rhinory-recipes .rc-go { font-family:"Josefin Sans",system-ui,sans-serif;font-style:normal;font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--burgundy);white-space:nowrap }
.rhinory-recipes .rc-go .arr { display:inline-block;transition:transform .3s ease }
.rhinory-recipes .rc-guide:hover .rc-go .arr { transform:translateX(4px) }
.rhinory-recipes .rc-head-side .ed-ctas { align-items:stretch }
.rhinory-recipes .rc-head-side .ed-ctas .btn { white-space:nowrap;min-width:200px;min-height:52px;box-sizing:border-box;justify-content:center }
.rhinory-recipes .rc-tsr { background:var(--card) }
.rhinory-recipes .rc-tsr .ed-wrap { grid-template-columns:auto minmax(0,1fr);gap:clamp(32px,4vw,64px) }
.rhinory-recipes .rc-tsr-fig { width:260px;margin:0 }
.rhinory-recipes .rc-tsr-fig .ed-photo { aspect-ratio:4/5 }
.rhinory-recipes .rc-tsr-fig .ed-photo img { object-position:46% 60%;transform-origin:46% 60% }
.rhinory-recipes .rc-tsr-fig.is-kb .ed-photo img { animation:rc-kb 26s cubic-bezier(.2,.7,.2,1) both }
.rhinory-recipes .rc-tsr .ed-tsr-copy { max-width:60ch }
.rhinory-recipes .rc-tsr .ed-ctas { margin-top:10px;align-items:stretch }
.rhinory-recipes .rc-tsr .ed-ctas .btn { white-space:nowrap;flex:0 0 auto;min-width:220px;justify-content:center }
.rhinory-recipes .rc-filter { background:var(--paper);padding:clamp(40px,4vw,56px) 0;border-top:1px solid var(--rule-warm);border-bottom:1px solid var(--rule-warm) }
.rhinory-recipes .rc-filter-h { display:flex;align-items:center;gap:12px;margin:0 0 20px;font-family:"Josefin Sans",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--burgundy) }
.rhinory-recipes .rc-filter-h::before { content:"";width:24px;height:1px;background:currentColor }
.rhinory-field-notes.rhinory-recipes .rc-chips { display:flex;flex-wrap:wrap;gap:10px }
.rhinory-field-notes.rhinory-recipes .rc-chip { display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 18px;border:1px solid var(--rule-warm-2);background:transparent;font-family:"Josefin Sans",system-ui,sans-serif;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-warm);text-decoration:none;white-space:nowrap;transition:border-color .2s,color .2s,background .2s }
.rhinory-field-notes.rhinory-recipes .rc-chip { color:var(--ink-warm) }
.rhinory-field-notes.rhinory-recipes .rc-chip:hover { border-color:var(--burgundy);color:var(--burgundy);background:rgba(82,0,0,.05) }
.rhinory-field-notes.rhinory-recipes .rc-chip[aria-current] { background:var(--burgundy);border-color:var(--burgundy);color:var(--paper) }
.rhinory-field-notes.rhinory-recipes .rc-chip:active { transform:scale(.97) }
.rhinory-field-notes.rhinory-recipes .rc-chip:focus-visible { outline:2px solid var(--burgundy);outline-offset:3px }
.rhinory-recipes .rc-n { font-family:"Lora",Georgia,serif;font-style:italic;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;opacity:.8 }
.rhinory-recipes .rc-n:empty { display:none }
.rhinory-recipes .rc-filter-note { margin:18px 0 0;font-family:"Lora",Georgia,serif;font-style:italic;font-size:16px;line-height:1.5;color:var(--ink-warm-2) }
.rhinory-recipes .rc-card[hidden],.rhinory-recipes [data-slot="season"][hidden],.rhinory-recipes .rc-pages[hidden] { display:none !important }
.rhinory-field-notes.rhinory-recipes .rc-pair .rc-wine { position:relative;z-index:2;font-style:normal;font-weight:600;color:var(--ink-warm);text-decoration:underline;text-decoration-color:var(--rule-warm-2);text-underline-offset:3px;transition:color .2s,text-decoration-color .2s }
.rhinory-field-notes.rhinory-recipes .rc-pair .rc-wine { color:var(--ink-warm) }
.rhinory-field-notes.rhinory-recipes .rc-pair .rc-wine:hover { color:var(--burgundy);text-decoration-color:var(--burgundy) }
.rhinory-field-notes.rhinory-recipes .rc-pair .rc-wine:focus-visible { outline:2px solid var(--burgundy);outline-offset:2px }
.rhinory-field-notes.rhinory-recipes .rc-pair .rc-wine::before { content:"";position:absolute;inset:-12px -4px }
.rhinory-recipes .rc-pages { display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:clamp(40px,5vw,64px) }
.rhinory-field-notes.rhinory-recipes .rc-pages a { display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:52px;min-height:52px;padding:0 18px;border:1px solid var(--rule-warm-2);font-family:"Josefin Sans",system-ui,sans-serif;font-weight:600;font-size:15px;letter-spacing:0;color:var(--ink-warm);text-decoration:none;white-space:nowrap;transition:border-color .25s,color .25s,background .25s }
.rhinory-field-notes.rhinory-recipes .rc-pages a:hover { border-color:var(--burgundy);color:var(--burgundy) }
.rhinory-field-notes.rhinory-recipes .rc-pages a[aria-current="page"] { background:var(--burgundy);border-color:var(--burgundy);color:var(--paper) }
.rhinory-field-notes.rhinory-recipes .rc-pages .rc-next,.rhinory-field-notes.rhinory-recipes .rc-pages .rc-prev { padding:0 26px;border-color:rgba(82,0,0,.45);color:var(--burgundy);font-size:13px;letter-spacing:.16em;text-transform:uppercase }
.rhinory-field-notes.rhinory-recipes .rc-pages .rc-next:hover,.rhinory-field-notes.rhinory-recipes .rc-pages .rc-prev:hover { background:rgba(82,0,0,.05) }
.rhinory-recipes .rc-pages .arrow { position:relative;width:16px;height:1px;background:currentColor;transition:width .25s }
.rhinory-recipes .rc-pages .arrow::after { content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg) }
.rhinory-field-notes.rhinory-recipes .rc-pages .rc-prev .arrow::after { right:auto;left:0;transform:rotate(-135deg) }
.rhinory-field-notes.rhinory-recipes .rc-pages a:hover .arrow { width:22px }
.rhinory-field-notes.rhinory-recipes .rc-pages a:focus-visible { outline:2px solid var(--burgundy);outline-offset:3px }
html.js .rhinory-recipes .ed-reveal:not(.is-in) :is(.rc-grid,.rc-guides)>* { opacity:0 }
html.js .rhinory-recipes .ed-reveal.is-in :is(.rc-grid,.rc-guides)>* { animation:rc-rise 1s cubic-bezier(.2,.7,.2,1) backwards }
html.js .rhinory-recipes .ed-reveal.is-in :is(.rc-grid,.rc-guides)>:nth-child(1) { animation-delay:.1s }
html.js .rhinory-recipes .ed-reveal.is-in :is(.rc-grid,.rc-guides)>:nth-child(2) { animation-delay:.2s }
html.js .rhinory-recipes .ed-reveal.is-in :is(.rc-grid,.rc-guides)>:nth-child(n+3) { animation-delay:.3s }
@keyframes rc-rise { from{opacity:0;transform:translate3d(0,22px,0)} to{opacity:1;transform:none} }
@media (max-width:1180px) {
	.rhinory-recipes .rc-guides>.rc-guide { flex-basis:100% }
}
@media (max-width:1080px) and (min-width:641px) {
	.rhinory-recipes .rc-grid { gap:20px }
	.rhinory-recipes .rc-grid>.ed-card { flex-basis:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr) }
	.rhinory-recipes .rc-grid .ed-card .ed-photo { aspect-ratio:auto;min-height:280px;border-bottom:0;border-right:1px solid var(--rule-warm) }
}
@media (max-width:1080px) {
	.rhinory-recipes .rc-tsr-fig { width:200px }
}
@media (max-width:900px) {
	.rhinory-recipes .rc-head-grid { grid-template-columns:1fr;gap:24px;align-items:start }
	.rhinory-recipes .rc-head-side { padding-bottom:0 }
	.rhinory-recipes .rc-head-fig .ed-photo { aspect-ratio:16/10 }
	.rhinory-recipes .rc-tsr .ed-wrap { grid-template-columns:1fr;gap:26px }
	.rhinory-recipes .rc-tsr-fig { width:100%;max-width:320px }
}
@media (max-width:640px) {
	.rhinory-recipes .rc-grid { gap:20px }
	.rhinory-recipes .rc-grid>.ed-card { flex-basis:100% }
	.rhinory-recipes .rc-guides { gap:20px }
	.rhinory-recipes .rc-guides>.rc-guide { grid-template-columns:1fr }
	.rhinory-recipes .rc-guide .ed-photo { aspect-ratio:4/3;min-height:0;height:auto;border-right:0;border-bottom:1px solid var(--rule-warm) }
	.rhinory-recipes .rc-guide .ed-card-body { padding:22px 22px 24px }
	.rhinory-recipes .rc-head-side .ed-ctas .btn { min-width:0 }
	.rhinory-recipes .rc-head-fig .ed-photo { aspect-ratio:4/3 }
	.rhinory-recipes .rc-head-fig .ed-photo img { object-position:62% 45% }
	.rhinory-recipes .rc-head-side .ed-ctas .btn { flex:0 1 auto }
	.rhinory-recipes .rc-card .ed-card-body { padding:22px 22px 24px }
	.rhinory-recipes .rc-tsr .ed-ctas .btn { min-width:0;flex:1 1 100% }
}
@media (max-width:560px) {
	.rhinory-field-notes.rhinory-recipes .rc-chips { flex-wrap:nowrap;overflow-x:auto;margin:0 -22px;padding:4px 22px;scrollbar-width:none;scroll-padding:0 22px }
	.rhinory-field-notes.rhinory-recipes .rc-chips::-webkit-scrollbar { display:none }
	.rhinory-recipes .rc-head { padding-top:28px }
	.rhinory-recipes .rc-head-grid { gap:22px;margin-bottom:28px }
	.rhinory-recipes .rc-head .ed-lede { font-size:18px }
	.rhinory-recipes .rc-head-side { gap:22px }
	.rhinory-recipes .rc-pages { gap:8px }
	.rhinory-field-notes.rhinory-recipes .rc-pages .rc-next,.rhinory-field-notes.rhinory-recipes .rc-pages .rc-prev { padding:0 20px }
}
@media (prefers-reduced-motion:reduce) {
	.rhinory-recipes .rc-head-fig .ed-photo img,.rhinory-recipes .rc-tsr-fig .ed-photo img { animation:none !important;transform:none }
	html.js .rhinory-recipes .ed-reveal :is(.rc-grid,.rc-guides)>* { opacity:1 !important;animation:none !important }
	.rhinory-field-notes.rhinory-recipes .rc-pages a,.rhinory-recipes .rc-pages .arrow,.rhinory-field-notes.rhinory-recipes .rc-chip,.rhinory-field-notes.rhinory-recipes .rc-pair .rc-wine { transition:none }
}
/* a card with no featured image: text only, full width of its slot */
.rhinory-recipes .rc-guides>.rc-guide.is-text { display:flex }
@media (max-width:1080px) and (min-width:641px) {
	.rhinory-recipes .rc-grid>.ed-card.is-text { display:flex }
}

/* nothing published yet: one line */
.rhinory-recipes .rc-empty .ed-lede { max-width:60ch;margin:0 auto;text-align:center }