.how-to-page{--guide-surface:hsla(0,0%,100%,.025);--guide-surface-strong:rgba(205,164,78,.08);--guide-line:rgba(205,164,78,.34);position:relative;z-index:1;overflow:clip}.guide-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.72fr);grid-gap:clamp(48px,8vw,104px);gap:clamp(48px,8vw,104px);align-items:center;min-height:620px;padding-top:92px;padding-bottom:96px}.guide-hero-copy h1{max-width:760px;margin-top:18px;font-size:clamp(48px,6.6vw,86px);line-height:.98;letter-spacing:-.045em}.guide-hero-copy h1 em{color:var(--gold-bright);font-family:Cormorant Garamond,serif;font-weight:500}.guide-hero-copy>p:not(.eyebrow){max-width:650px;margin-top:30px;color:var(--muted);font-size:clamp(17px,2vw,20px);line-height:1.75}.guide-compass{position:relative;aspect-ratio:1;width:min(100%,430px);justify-self:end;border:1px solid var(--guide-line);border-radius:50%}.guide-compass:after,.guide-compass:before{content:"";position:absolute;border:1px solid var(--border-soft);border-radius:50%;inset:16%}.guide-compass:after{inset:35%;border-color:var(--guide-line);background:radial-gradient(circle,var(--gold-dim),transparent 68%)}.guide-compass-center{position:absolute;inset:40%;z-index:1;display:grid;place-items:center;text-align:center;color:var(--gold-bright);font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic;line-height:1.1}.guide-compass-node{position:absolute;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid var(--border-soft);border-radius:999px;background:var(--bg-2);color:var(--cream);font-size:12px;white-space:nowrap}.guide-compass-node b{color:var(--gold);font-size:10px;letter-spacing:.12em}.guide-compass-node-one{top:3%;left:50%;transform:translateX(-50%)}.guide-compass-node-two{right:-9%;bottom:25%}.guide-compass-node-three{left:-8%;bottom:18%}.guide-section{padding-top:68px;padding-bottom:110px}.guide-section-secondary{padding:108px 0;border-block:1px solid var(--border-soft);background:linear-gradient(180deg,transparent,var(--guide-surface),transparent)}.guide-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:42px}.guide-method h2,.guide-section-heading h2{margin-top:12px;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:-.025em}.guide-section-heading>p{max-width:350px;color:var(--muted);line-height:1.65}.guide-featured-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:20px;gap:20px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}.guide-card{position:relative;display:flex;min-height:300px;flex-direction:column;padding:30px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:var(--guide-surface);transition:border-color .18s ease,transform .18s ease,background .18s ease}.guide-card:before{content:"";position:absolute;top:-1px;left:30px;width:44px;height:2px;background:var(--gold)}.guide-card:hover{transform:translateY(-4px);border-color:var(--guide-line);background:var(--guide-surface-strong)}.guide-card-meta{display:flex;gap:8px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.guide-card h3{margin-top:25px;font-size:clamp(23px,2.5vw,31px);line-height:1.16}.guide-card h3 a{text-decoration:none}.guide-card h3 a:after{content:"";position:absolute;inset:0}.guide-card>p{margin-top:18px;color:var(--muted);font-size:14px;line-height:1.7}.guide-card-link{display:inline-flex;gap:8px;align-items:center;margin-top:auto;padding-top:28px;color:var(--gold-bright);font-size:13px;font-weight:700;text-decoration:none}.guide-card-link span{transition:transform .18s ease}.guide-card:hover .guide-card-link span{transform:translateX(4px)}.guide-method{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:clamp(50px,9vw,120px);gap:clamp(50px,9vw,120px);align-items:start;padding-top:128px;padding-bottom:70px}.guide-method-intro>p:last-child{max-width:500px;margin-top:22px;color:var(--muted);line-height:1.75}.guide-method-steps{margin:0;padding:0;list-style:none}.guide-method-steps li{display:grid;grid-template-columns:46px 1fr;grid-gap:18px;gap:18px;padding:22px 0;border-bottom:1px solid var(--border-soft)}.guide-method-steps li:first-child{padding-top:0}.guide-method-steps li>span{display:grid;width:38px;height:38px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--gold);font-size:12px}.guide-method-steps b{font-family:Playfair Display,serif;font-size:20px}.guide-method-steps p{margin-top:5px;color:var(--muted);font-size:14px}.guide-research-note{padding-top:42px;padding-bottom:40px;color:var(--muted-2);font-size:11px;line-height:1.65;text-align:center}.article-hero{max-width:940px;padding-top:72px;padding-bottom:82px;text-align:center}.article-back{display:inline-flex;gap:8px;margin-bottom:48px;color:var(--muted);font-size:13px;text-decoration:none}.article-back:hover{color:var(--gold-bright)}.article-hero-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:22px;color:var(--muted);font-size:12px}.article-hero h1{max-width:880px;margin:18px auto 0;font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-.042em}.article-lede{max-width:730px;margin:27px auto 0;color:var(--muted);font-family:Cormorant Garamond,serif;font-size:clamp(22px,3vw,29px);font-style:italic;line-height:1.42}.article-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:30px}.article-tags span{padding:7px 11px;border:1px solid var(--border-soft);border-radius:999px;color:var(--muted);font-size:11px}.article-layout{display:grid;grid-template-columns:220px minmax(0,720px);grid-gap:clamp(52px,8vw,100px);gap:clamp(52px,8vw,100px);justify-content:center;align-items:start}.article-toc{position:-webkit-sticky;position:sticky;top:104px;padding-left:19px;border-left:1px solid var(--border-soft)}.article-toc>p{margin-bottom:15px;color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.article-toc ol{display:grid;grid-gap:12px;gap:12px;margin:0;padding:0;list-style:none}.article-toc a{display:grid;grid-template-columns:25px 1fr;grid-gap:8px;gap:8px;color:var(--muted);font-size:12px;line-height:1.4;text-decoration:none}.article-toc a span{color:var(--muted-2);font-size:9px;letter-spacing:.08em}.article-toc a:hover{color:var(--gold-bright)}.article-body{min-width:0}.article-kicker{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.article-takeaways{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:42px;gap:42px;padding:34px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--guide-surface-strong)}.article-takeaways h2{margin-top:10px;font-size:27px;line-height:1.18}.article-takeaways ul{display:grid;grid-gap:13px;gap:13px;margin:0;padding:0;list-style:none}.article-takeaways li{position:relative;padding-left:22px;color:var(--cream);font-size:14px;line-height:1.55}.article-takeaways li:before{content:"";position:absolute;top:.65em;left:0;width:8px;height:1px;background:var(--gold)}.article-sections{margin-top:84px}.article-section{position:relative;padding:0 0 82px 76px;scroll-margin-top:110px}.article-section:before{content:"";position:absolute;top:47px;bottom:0;left:23px;width:1px;background:linear-gradient(var(--guide-line),var(--border-soft))}.article-section:last-child:before{display:none}.article-section-number{position:absolute;top:0;left:0;display:grid;width:47px;height:47px;place-items:center;border:1px solid var(--border);border-radius:50%;background:var(--bg);color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.08em}.article-section h2{padding-top:5px;margin-bottom:23px;font-size:clamp(28px,4vw,39px);line-height:1.15;scroll-margin-top:110px}.article-section>p{margin-top:16px;color:var(--muted);font-size:16px;line-height:1.82}.article-actions{margin-top:27px;padding:23px 25px;border-left:2px solid var(--gold);background:var(--guide-surface)}.article-actions>p{margin-bottom:13px;color:var(--gold-bright);font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.article-actions ol{display:grid;grid-gap:9px;gap:9px;margin:0;padding-left:20px;color:var(--cream);font-size:14px;line-height:1.6}.article-source-cites{display:flex;gap:7px;margin-top:17px;color:var(--muted-2);font-size:10px;text-transform:uppercase}.article-source-cites a{color:var(--gold);text-decoration:none}.article-recipe{margin-top:10px;padding:42px;border:1px solid var(--border);border-radius:var(--radius-lg);background:linear-gradient(145deg,var(--guide-surface-strong),transparent 70%)}.article-recipe-heading{display:grid;grid-template-columns:1fr .8fr;grid-gap:34px;gap:34px;align-items:end}.article-recipe-heading h2{margin-top:10px;font-size:34px}.article-recipe-heading>p{color:var(--muted);font-size:14px;line-height:1.6}.article-recipe-features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-top:32px}.article-recipe-features>div{padding:19px;border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--guide-surface)}.article-recipe-features span{color:var(--gold);font-size:9px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.article-recipe-features h3{margin-top:9px;font-size:18px}.article-recipe-features p{margin-top:8px;color:var(--muted);font-size:12px;line-height:1.55}.article-recipe blockquote{margin:28px 0 0;padding:22px 0 0;border-top:1px solid var(--border-soft);color:var(--cream);font-family:Cormorant Garamond,serif;font-size:22px;font-style:italic;line-height:1.4}.article-recipe blockquote span{display:block;margin-bottom:7px;color:var(--muted);font-family:Inter,sans-serif;font-size:9px;font-style:normal;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.article-example{margin-top:62px;padding-top:54px;border-top:1px solid var(--border-soft)}.article-example h2,.article-sources h2{margin-top:10px;font-size:32px}.article-example dl{display:grid;grid-gap:0;gap:0;margin:28px 0 0}.article-example dl>div{display:grid;grid-template-columns:150px 1fr;grid-gap:22px;gap:22px;padding:17px 0;border-bottom:1px solid var(--border-soft)}.article-example dt{color:var(--gold);font-size:11px;font-weight:700;text-transform:uppercase}.article-example dd{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.article-example ul{margin:0;padding-left:18px}.article-sources{margin-top:78px;padding-top:55px;border-top:1px solid var(--border-soft)}.article-sources ol{display:grid;grid-gap:0;gap:0;margin:30px 0 0;padding:0;list-style:none}.article-sources li{display:grid;grid-template-columns:34px 1fr;grid-gap:14px;gap:14px;padding:18px 0;border-bottom:1px solid var(--border-soft);scroll-margin-top:110px}.article-sources li>span{color:var(--muted-2);font-size:10px;letter-spacing:.08em}.article-sources a{color:var(--cream);font-family:Playfair Display,serif;font-size:15px;-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px}.article-sources a:hover{color:var(--gold-bright)}.article-sources li p{margin-top:5px;color:var(--muted);font-size:11px}.article-sources li small{display:block;margin-top:8px;color:var(--muted-2);font-size:11px;line-height:1.5}.article-research-note{margin-top:24px;color:var(--muted-2);font-size:10px;line-height:1.65}.article-adjacent{display:grid;grid-template-columns:1fr 1fr;grid-gap:18px;gap:18px;max-width:980px;padding-top:110px;padding-bottom:50px}.article-adjacent>a{display:flex;min-height:138px;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid var(--border-soft);border-radius:var(--radius-md);text-decoration:none;transition:border-color .18s ease,transform .18s ease}.article-adjacent>a:last-child{text-align:right}.article-adjacent>a:hover{transform:translateY(-3px);border-color:var(--border)}.article-adjacent span{color:var(--gold);font-size:10px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.article-adjacent b{max-width:360px;font-family:Playfair Display,serif;font-size:18px;line-height:1.3}.article-adjacent>a:last-child b{align-self:flex-end}[data-site-theme=light] .how-to-page{--guide-surface:hsla(0,0%,100%,.58);--guide-surface-strong:rgba(139,105,20,.07);--guide-line:rgba(139,105,20,.3)}[data-site-theme=light] .guide-compass-node{background:#faf8f4}[data-site-theme=light] .guide-card{box-shadow:0 20px 60px rgba(49,37,12,.035)}[data-site-theme=light] .article-section-number{background:var(--bg)}@media (max-width:960px){.guide-hero{grid-template-columns:1fr;min-height:auto}.guide-compass{width:min(78vw,390px);justify-self:center}.guide-featured-grid{grid-template-columns:1fr}.guide-card-featured{min-height:250px}.article-layout{grid-template-columns:1fr}.article-toc{position:static;display:none}}@media (max-width:700px){.guide-hero{gap:64px;padding-top:70px;padding-bottom:76px}.guide-hero-copy h1{font-size:clamp(46px,14vw,66px)}.guide-compass-node-two{right:-4%}.guide-compass-node-three{left:-3%}.guide-section,.guide-section-secondary{padding-top:78px;padding-bottom:78px}.guide-section-heading{display:block}.guide-section-heading>p{margin-top:18px}.guide-grid{grid-template-columns:1fr}.guide-card{min-height:270px;padding:26px}.guide-method{grid-template-columns:1fr;padding-top:88px}.article-hero{padding-top:52px;padding-bottom:62px}.article-back{margin-bottom:36px}.article-hero h1{font-size:clamp(40px,12vw,58px)}.article-takeaways{grid-template-columns:1fr;gap:25px;padding:28px 24px}.article-section{padding-left:58px;padding-bottom:67px}.article-section:before{left:18px}.article-section-number{width:37px;height:37px}.article-section h2{padding-top:2px}.article-recipe{padding:30px 22px}.article-recipe-heading{gap:18px}.article-example dl>div,.article-recipe-features,.article-recipe-heading{grid-template-columns:1fr}.article-example dl>div{gap:7px}.article-adjacent{grid-template-columns:1fr;padding-top:82px}.article-adjacent>a:last-child{text-align:left}.article-adjacent>a:last-child b{align-self:flex-start}}@media (max-width:480px){.guide-compass{width:300px}.guide-compass-node{padding:8px 10px;font-size:10px}.guide-compass-node-two{right:-1%}.guide-compass-node-three{left:0}.article-section{padding-left:49px}.article-section>p{font-size:15px}.article-actions{padding:20px}}