.guide{padding-top:82px;background:var(--paper);color:var(--ink)}.guide-hero{padding:clamp(40px,6vw,88px) 0 0}.guide-hero>.container:first-child{container-type:inline-size}.guide-crumbs{display:flex;flex-wrap:wrap;gap:8px 18px;margin:0 0 clamp(28px,4vw,48px);font-size:16px}.guide-crumbs a{text-decoration:underline;text-underline-offset:4px}.taste-page.guide .guide-title{margin:0 0 clamp(32px,4.4vw,64px);max-width:none;font-size:clamp(22px,calc(100cqi / (var(--fit) * .6)),136px);line-height:.96;letter-spacing:-.05em;font-weight:500;text-wrap:nowrap}.guide-title span{display:block;white-space:nowrap}.guide-hero-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(28px,5vw,96px);align-items:start}.guide-lede{margin:0;font-size:clamp(18px,1.45vw,22px);line-height:1.55;max-width:46ch}.guide-meta{display:grid;gap:14px;margin:0;font-size:16px;line-height:1.45}.guide-meta div{display:grid;grid-template-columns:9em 1fr;gap:12px}.guide-meta dt{color:var(--muted)}.guide-meta dd{margin:0}.guide-meta a{text-decoration:underline;text-underline-offset:4px}.guide-hero-media{margin-top:clamp(40px,5vw,72px);overflow:hidden}.guide-hero-media img,.guide-hero-media picture{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.guide-section{padding:clamp(80px,9vw,152px) 0}.guide-alt{background:#ebe9e4}.taste-page.guide .guide-section h2{max-width:18em;margin:0 0 24px;font-size:clamp(28px,2.4vw,40px);line-height:1.1;letter-spacing:-.045em;text-wrap:wrap}.guide-section p{font-size:18px;line-height:1.6;max-width:66ch;margin:0 0 18px}.guide-section a{text-decoration:underline;text-underline-offset:4px;transition:text-underline-offset .2s,color .2s}.guide-section a:hover{text-underline-offset:7px}.guide-aside{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(28px,5vw,96px);align-items:start}.guide-aside>div>h2:first-child,.guide-aside>h2{position:sticky;top:112px}.guide-split{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:clamp(28px,5vw,96px);align-items:center}.guide-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,72px)}.guide-columns p{max-width:none}.guide-figure{margin:24px 0 0}.guide-split .guide-figure{margin:0}.guide-figure img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}.guide-band{background:var(--ink)}.guide-band,.guide-band .guide-aside>h2,.guide-band a{color:var(--paper)}.guide-table{grid-column:1/-1;margin-top:clamp(32px,4vw,56px);overflow-x:auto}.guide-table:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.guide-table table{width:100%;min-width:640px;border-collapse:collapse;font-size:17px;line-height:1.5}.guide-table caption{text-align:left;font-size:16px;color:var(--muted);padding-bottom:14px}.guide-table td,.guide-table th{text-align:left;vertical-align:top;padding:16px 20px 16px 0;border-bottom:1px solid #c9c7bf}.guide-table thead th{font-weight:500;border-bottom:2px solid var(--ink)}.guide-table tbody th{font-weight:500;width:22%}.guide-steps{list-style:none;counter-reset:step;margin:28px 0 0;padding:0;display:grid;gap:26px}.guide-steps li{counter-increment:step;display:grid;grid-template-columns:2.4em 1fr;gap:4px 12px;font-size:18px;line-height:1.55;max-width:66ch}.guide-steps li:before{content:counter(step) ".";grid-row:span 2;font-size:28px;line-height:1.05;letter-spacing:-.04em;color:var(--orange);font-weight:500}.guide-steps strong{font-weight:500;font-size:20px;letter-spacing:-.02em}.guide-terms{margin:clamp(24px,3vw,40px) 0 0;display:grid;grid-template-columns:1fr 1fr;gap:40px clamp(32px,5vw,96px)}.guide-terms div{scroll-margin-top:110px}.guide-terms dt{hyphens:auto;overflow-wrap:break-word;font-size:24px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin-bottom:10px}.guide-terms dd{margin:0;font-size:18px;line-height:1.6;max-width:60ch}.guide-terms div:target dt{color:var(--orange)}.guide-cards{display:grid;gap:clamp(48px,5vw,80px);margin-top:clamp(24px,3vw,40px)}.guide-card{display:grid;grid-template-columns:minmax(240px,6fr) minmax(0,6fr);gap:clamp(24px,4vw,72px);align-items:center}.guide-card:nth-child(2n) .guide-card-media{order:2}.guide-card h3{margin:0 0 12px;font-size:clamp(26px,2.4vw,38px);line-height:1.1}.guide-card p{margin:0 0 10px}.guide-card-media{display:block;overflow:hidden}.guide-card-media img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.guide-card:hover .guide-card-media img{transform:scale(1.03)}.guide-faq details{padding:4px 0 14px}.guide-faq details+details{margin-top:4px}.guide-faq summary{cursor:pointer;font-size:21px;line-height:1.35;letter-spacing:-.03em;font-weight:500;padding:14px 0;list-style:none;display:flex;gap:16px;justify-content:space-between}.guide-faq summary:after{content:"+";color:var(--orange);font-size:26px;line-height:1;transition:transform .25s}.guide-faq details[open] summary:after{transform:rotate(45deg)}.guide-faq summary::-webkit-details-marker{display:none}.guide-related{display:flex;flex-direction:column;gap:6px;margin:40px 0 0}.guide-related a{font-size:19px;min-height:44px;display:inline-flex;align-items:center;gap:10px}.guide-sources{display:flex;flex-direction:column;gap:14px;font-size:20px}.guide-cta{display:grid;grid-template-columns:minmax(0,7fr) auto;gap:28px 48px;align-items:center}.guide-cta p{margin:0;max-width:30ch;font-size:clamp(24px,2.4vw,36px);line-height:1.2;letter-spacing:-.035em}@media (prefers-reduced-motion:no-preference){.guide-hero-media img{animation:guide-settle 1.6s cubic-bezier(.2,.7,.2,1) both}.reveal-on [data-reveal] .r{transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--d,0s),transform .7s cubic-bezier(.2,.7,.2,1) var(--d,0s)}.reveal-on .reveal-wait .r{opacity:0;transform:translateY(28px)}.button{transition:background .18s,color .18s,border-color .18s,transform .18s}.button:active{transform:translateY(1px)}}@keyframes guide-settle{0%{transform:scale(1.05)}to{transform:none}}@media (max-width:1100px){.guide-terms{grid-template-columns:1fr}}@media (max-width:800px){.guide{padding-top:72px}.guide-aside,.guide-card,.guide-columns,.guide-cta,.guide-hero-grid,.guide-split{grid-template-columns:1fr}.guide-aside>div>h2:first-child,.guide-aside>h2{position:static}.guide-card:nth-child(2n) .guide-card-media{order:0}.guide-meta div{grid-template-columns:8em 1fr}.taste-page.guide .guide-section h2{font-size:clamp(22px,6.1vw,32px);max-width:none}.guide-section p,.guide-steps li,.guide-terms dd{font-size:17px}.guide-cta p{font-size:24px}}@media (min-width:801px){.guide-alt .guide-split>.guide-figure{order:-1}}