/* /holidays, /guide, /recipes, /recipes/<slug>. Shared components are in site.css: see DESIGN.md.
   ls- shared here. lh- holidays. lg- guide. lr- recipes. */

/* ======== shared: numbered steps, gothic numerals off the ad ======== */
.ls-steps{counter-reset:s;margin-top:clamp(20px,3vw,36px);border-bottom:2px solid var(--ink)}
.ls-steps>li{counter-increment:s;display:grid;grid-template-columns:clamp(42px,4.6vw,66px) minmax(0,1fr);column-gap:clamp(10px,1.4vw,20px);padding-block:13px 14px;border-top:1px solid rgba(23,18,13,.5)}
.ls-steps>li:first-child{border-top:3px solid var(--ink)}
.ls-steps>li::before{content:counter(s);font:400 clamp(50px,5vw,74px)/.86 var(--gothic);color:var(--red-k)}
.ls-steps h3{font:800 clamp(20px,1.8vw,25px)/1.15 var(--slab)}
.ls-steps h3+p{margin-top:3px}
.ls-steps--plain{margin-top:10px;border-bottom:0}
.ls-steps--plain>li:first-child{border-top:0}

/* ======== HOLIDAYS ======== */
.lh-head{padding-bottom:clamp(30px,4vw,56px)}
.lh-head__in{display:grid;gap:12px 16px;grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"title title" "copy copy" "call sign"}
.lh-head__title{grid-area:title;min-width:0}
.lh-stamp{display:none}
.lh-head__copy{grid-area:copy}
.lh-head__deck{font:600 clamp(20px,2vw,28px)/1.25 var(--slab);max-width:32ch}
.lh-head__deck b{color:var(--red-k);font-weight:800}
.lh-head__deck b a{white-space:nowrap}
.lh-head__jump,.lg-jump{display:flex;flex-wrap:wrap;gap:0 18px;margin-top:12px;font-weight:600;font-size:16.5px}
.lh-head__jump a,.lg-jump a{display:inline-block;padding-block:9px}
.lh-sign{grid-area:sign;align-self:start;margin-top:8px;background:var(--cream);padding:6px;border:1.5px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(2.5deg)}
.lh-sign img{width:100%;height:auto}
.lh-call{grid-area:call;margin-top:14px;align-self:start;padding-inline:12px;min-width:0}
.lh-call .box__title{margin-inline:-14px}
.lh-call__num{display:block;font:400 clamp(38px,11.5vw,76px)/1 var(--gothic);text-decoration:none;text-align:center;letter-spacing:.008em;white-space:nowrap}
.lh-call__count{font:800 italic 17px/1.25 var(--slab);color:var(--red-k);margin-top:6px}
.lh-call p{margin-top:8px;font-size:16.5px;line-height:1.35}
.lh-call .tiny{font-size:15px}

/* the speech */
.lh-speech{padding-block:clamp(30px,4vw,56px) clamp(32px,4.4vw,60px)}
.lh-speech__list{display:grid;gap:16px;margin-top:12px}
.lh-speech__list li{display:block;border-top:2px solid var(--cream);padding-top:9px}
.lh-speech__list b{display:block;font:400 clamp(58px,6.6vw,104px)/.92 var(--gothic);text-transform:uppercase;letter-spacing:.006em}
.lh-speech__list li>span{display:block;font-size:17.5px;line-height:1.3;margin-top:6px;max-width:30ch}

/* roast */
.lh-roast__grid{display:grid;gap:clamp(26px,4vw,64px)}
.lh-roast__side{min-width:0}
.lh-bird{margin-top:6px}
.lh-bird__svg{width:100%;height:auto;overflow:visible}
.lh-bird figcaption{font-size:17px;line-height:1.32;margin-top:6px}
.lh-bird figcaption b{font:800 19px/1.2 var(--slab)}
.b-plate{fill:rgba(23,18,13,.08);stroke:var(--ink);stroke-width:3}
.b-fill{fill:var(--cream);stroke:var(--ink);stroke-width:4.5;stroke-linejoin:round}
.b-shade{stroke:none}
.b-hl{stroke:var(--ink);stroke-width:2.2}
.b-line{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round}
.b-probe circle{fill:var(--red-k);stroke:var(--news);stroke-width:3}
.b-lead{fill:none;stroke:var(--red-k);stroke-width:3.5;stroke-linecap:round}
.b-t{font:400 44px/1 var(--gothic);text-transform:uppercase;letter-spacing:.015em;fill:var(--ink)}
.b-cuts path{fill:none;stroke:var(--red-k);stroke-width:5;stroke-dasharray:15 10;stroke-linecap:round}
.b-num circle{fill:var(--red-k)}
.b-num text{font:400 38px/1 var(--gothic);fill:var(--cream);text-anchor:middle}

.lh-chart{margin-top:clamp(22px,3vw,36px)}
.lh-chart table{width:100%;border-collapse:collapse;margin-top:8px;font-size:16.5px;line-height:1.2}
.lh-chart th,.lh-chart td{text-align:left;padding:8px 8px 7px 0;border-bottom:1px solid rgba(23,18,13,.5);vertical-align:baseline}
.lh-chart thead th{font:700 15px/1.15 var(--sans);letter-spacing:.05em;text-transform:uppercase;border-bottom:3px solid var(--ink)}
.lh-chart tbody th{font:400 clamp(24px,2vw,30px)/1 var(--gothic);text-transform:uppercase;letter-spacing:.012em;white-space:nowrap}
.lh-chart .tiny{margin-top:10px}

/* the fine print: stuffing, thawing, pop-up */
.lh-fine__grid{display:grid;gap:clamp(32px,4vw,44px) clamp(22px,3vw,44px)}
.lh-box>p{margin-top:9px}
.lh-box .box__title+p{margin-top:0}
.lh-thaw{margin-top:9px}
.lh-thaw li{padding-block:7px;border-top:1px solid rgba(23,18,13,.5);line-height:1.34}
.lh-thaw b{font-family:var(--slab);font-weight:800}
.lh-pop{position:relative}
.lh-pop .frame img{height:auto}
.lh-pop__note{margin-top:8px}
.lh-pop__h{font:900 clamp(21px,2vw,29px)/1.1 var(--slab);margin-top:12px}
.lh-pop p:last-child{margin-top:6px}

/* carving */
.lh-carve__grid{display:grid;gap:clamp(16px,3vw,56px)}
.b-num text{paint-order:normal}

/* the other roasts */
.lh-table__grid{display:grid;gap:clamp(28px,4vw,64px)}
.lh-roasts{margin-top:18px}
.lh-table__act{margin-top:18px}
.lh-table__side{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-content:start;min-width:0}
.lh-ham,.lh-rib{min-width:0}
.lh-ham .tray__frame,.lh-rib .tray__frame{height:clamp(120px,32vw,300px)}
.lh-rib img{object-position:50% 100%}
.lh-doneness{grid-column:1/-1}
.lh-doneness .tally .k{font-size:clamp(23px,2.1vw,29px)}
.lh-doneness .tiny{margin-top:10px}
/* Launch mode (SHOP_TBD=hide): no roast list, so the thermometer box sits under the heading. */
.lh-table--launch .lh-doneness{margin-top:26px}

/* the end */
.lh-end__grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.lh-end__pic{min-width:0}
.lh-end__pic figcaption{font:italic 600 15.5px/1.25 var(--slab);margin-top:8px}
.lh-end__copy{grid-column:1/-1;min-width:0}
.lh-end__copy p{margin-top:9px}
.lh-end__src{overflow-wrap:anywhere}

/* ======== GUIDE ======== */
.lg-head{display:grid;gap:12px;align-items:end}
.lg-head__deck{font:600 clamp(20px,1.9vw,27px)/1.26 var(--slab);max-width:34ch}

.lg-gr{display:grid;gap:clamp(26px,3vw,44px);margin-top:clamp(24px,3vw,40px)}
.lg-g{min-width:0;border-top:3px solid var(--ink);padding-top:10px}
.lg-g__name{font:400 clamp(72px,9vw,136px)/.88 var(--gothic);text-transform:uppercase;letter-spacing:.004em}
.lg-g--prime .lg-g__name{color:var(--red-k)}
.lg-g__steak{width:100%;max-width:300px;height:auto;margin-block:12px}
.lg-g__head{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,150px);align-items:center;gap:10px}
.lg-g__head .lg-g__steak{margin-block:0}
.lg-s-fat{fill:var(--cream);stroke:var(--ink);stroke-width:2.5}
.lg-s-lean{fill:#a8322e;stroke:var(--ink);stroke-width:1.5}
.lg-s-fleck{fill:none;stroke:#f7e8d6;stroke-width:1.9;stroke-linecap:round}
.lg-s-seam{fill:none;stroke:var(--cream);stroke-width:5;stroke-linecap:round}
.lg-g__do{margin-top:8px;font-size:16.5px;line-height:1.3}
.lg-g__do b{font-family:var(--slab);font-weight:800}
.lg-gr__fine{margin-top:14px}
.lg-gr__after{display:grid;gap:clamp(22px,3vw,60px);margin-top:clamp(20px,3vw,40px);align-items:center}
.lg-quote p{font:400 clamp(44px,5vw,76px)/.96 var(--gothic);text-transform:uppercase}
.lg-quote cite{display:block;font:italic 600 16px/1.25 var(--slab);margin-top:8px}

.lg-aging__grid{display:grid;gap:clamp(22px,3vw,56px)}
.lg-prose{margin-top:14px}
.lg-aging__pics{display:grid;gap:16px;align-content:start;min-width:0}
.lg-aging__room{max-width:480px}
.lg-aging__room img{aspect-ratio:480/236;object-fit:cover;object-position:50% 100%}
.lg-aging__room figcaption{font:italic 600 16px/1.25 var(--slab);margin-top:8px}

/* marbling: on ink, torn in and out */
.lg-marb{position:relative;padding-block:calc(var(--tear-h) + clamp(30px,4vw,60px))}
.lg-marb__grid{display:grid;gap:clamp(20px,3vw,56px);align-items:center}
.lg-marb__copy p{margin-top:12px}
.lg-marb__lead{font:700 italic clamp(21px,2vw,29px)/1.2 var(--slab)}
.lg-marb__copy .disp{margin-top:4px}
.lg-marb__stage{position:relative;border:2px solid var(--cream);padding:5px}
.lg-marb__stage img{width:100%;height:auto}
.lg-marb__mark{position:absolute;inset:5px;width:calc(100% - 10px);height:calc(100% - 10px);pointer-events:none}
.lg-marb__mark .pen{stroke:var(--cream);vector-effect:non-scaling-stroke;stroke-width:3.5}
.lg-marb__note{position:absolute;right:3%;top:5%;margin:0;background:var(--cream);padding:6px 10px 4px;max-width:52%;box-shadow:3px 3px 0 var(--ink);font-size:clamp(21px,2.3vw,34px)}
.lg-marb__pic figcaption{font:italic 600 16px/1.25 var(--slab);margin-top:9px}

/* the chart */
.lg-chart{margin-top:clamp(16px,2.4vw,30px)}
.lg-chart__svg{width:100%;height:auto;overflow:visible}
.st-far path{fill:rgba(23,18,13,.32);stroke:var(--ink);stroke-width:3}
.st-far .st-tail{fill:none;stroke:var(--ink);stroke-width:7;stroke-linecap:round}
.st-far .st-tuft{fill:var(--ink)}
.st-head{fill:var(--news)}
.st-r{stroke:var(--ink);stroke-width:3.5;transition:fill .12s}
.st-r:not(.st-r--t){fill:var(--news)}
.lg-h-bg{fill:#e9c6a4}
.lg-h-line{stroke:var(--red-k);stroke-width:2.2;opacity:.75}
a:hover .st-r:not(.st-r--t),a:focus-visible .st-r:not(.st-r--t){fill:#e4b98b}
a:hover .st-r--t,a:focus-visible .st-r--t{fill:#e4b98b}
.lg-chart a:focus-visible{outline:none}
.lg-chart a:focus-visible .st-r{stroke:var(--red-k);stroke-width:7}
.st-out{fill:none;stroke:var(--ink);stroke-width:6;stroke-linejoin:round;stroke-linecap:round;pointer-events:none}
.st-out--thin{stroke-width:4}
.st-eye{fill:var(--ink)}
.st-labels text,.st-side{font:400 46px/1 var(--gothic);text-transform:uppercase;letter-spacing:.012em;fill:var(--ink);text-anchor:middle;paint-order:stroke;stroke:var(--news);stroke-width:7px;stroke-linejoin:round;pointer-events:none}
.st-labels .st-sm{font-size:40px}
.st-hit{fill:transparent;pointer-events:all}
.st-side{stroke:none;text-anchor:start;font-size:46px;pointer-events:auto}
.st-lead{fill:none;stroke:var(--ink);stroke-width:3}
.st-q path{fill:none;stroke:var(--ink);stroke-width:3}
.st-q text{font:800 italic 30px/1 var(--slab);text-anchor:middle;fill:var(--ink)}
.lg-legend{display:block;font-size:17px;line-height:1.32;margin-top:10px}
.lg-legend__swatch{display:inline-block;width:1.25em;height:.95em;vertical-align:-.1em;margin-right:.35em;border:2px solid var(--ink);background:repeating-linear-gradient(45deg,#e9c6a4 0 4px,var(--red-k) 4px 5.5px)}

/* the cuts */
.lg-gl{display:grid}
.lg-gl__q{margin-top:clamp(20px,3vw,36px);margin-bottom:6px}
.lg-gl__q:first-of-type{margin-top:clamp(14px,2vw,26px)}
.lg-gl__i{display:grid;align-content:start;gap:4px;padding-block:14px 16px;border-bottom:1px solid rgba(23,18,13,.45);scroll-margin-top:calc(var(--top-h) + 20px);min-width:0}
.lg-gl__i:target{background:rgba(181,22,27,.1);box-shadow:-10px 0 0 rgba(181,22,27,.1),10px 0 0 rgba(181,22,27,.1)}
.lg-gl dt{font:400 clamp(52px,5.2vw,78px)/.92 var(--gothic);text-transform:uppercase;letter-spacing:.005em}
.lg-gl dd{margin:0;min-width:0}
.lg-gl dd>*+*{margin-top:7px}
.lg-gl .sm{margin-bottom:2px}
.lg-gl__subs li{padding-block:6px;border-top:1px solid rgba(23,18,13,.45);line-height:1.34}
.lg-gl__subs b{font-family:var(--slab);font-weight:800}
.lg-gl__do{font:800 italic 17px/1.2 var(--slab);color:var(--red-k)}
.lg-gl__pic{max-width:360px}

/* done */
.lg-done__grid{display:grid;gap:clamp(32px,4vw,72px)}
.lg-done__fine{margin-top:14px;max-width:62ch}
.lg-done__note{margin-top:12px}
.lg-counter ol{counter-reset:s}
.lg-counter li{padding-block:7px;border-top:1px solid rgba(23,18,13,.5);line-height:1.34}
.lg-counter li:first-child{border-top:0;padding-top:0}
.lg-counter b{font-family:var(--slab);font-weight:800}
.lg-counter__act{margin-top:14px}
.lg-counter .tiny{margin-top:10px}
.lg-src{overflow-wrap:anywhere}

/* ======== RECIPES INDEX ======== */
.lr-head{display:grid;gap:10px;align-items:end}
.lr-head__note .pencil{max-width:22ch;transform:rotate(-2deg)}
.lr-file{padding-block:clamp(34px,5vw,72px) clamp(44px,6vw,88px)}
.lr-cards{display:grid;gap:clamp(22px,3vw,40px)}
.lr-card{position:relative;background:var(--cream);border:1.5px solid var(--ink);box-shadow:4px 5px 0 rgba(23,18,13,.72);display:flex;flex-direction:column;min-width:0}
.lr-card--1{transform:rotate(-.5deg)}.lr-card--2{transform:rotate(.45deg)}.lr-card--3{transform:rotate(-.25deg)}
.lr-card--4{transform:rotate(.35deg)}.lr-card--5{transform:rotate(-.45deg)}.lr-card--6{transform:rotate(.3deg)}
.lr-card:hover,.lr-card:focus-within{box-shadow:6px 7px 0 var(--red-k)}
.lr-card__body{flex:1;padding:12px 16px 16px;background-image:linear-gradient(transparent 29px,rgba(23,18,13,.17) 29px,rgba(23,18,13,.17) 30px);background-size:100% 30px;background-position:0 40px;border-top:0}
.lr-card__no{font:800 italic 16px/1.2 var(--slab);color:var(--red-k);border-bottom:2px solid var(--red-k);padding-bottom:7px;margin-bottom:9px}
.lr-card__t{font:400 clamp(44px,4vw,60px)/.94 var(--gothic);text-transform:uppercase;letter-spacing:.005em}
.lr-card__t a{text-decoration:none}
.lr-card__t a::after{content:"";position:absolute;inset:0;z-index:1}
.lr-card__t a:hover{text-decoration:underline;text-decoration-thickness:.05em}
.lr-card__t a:focus-visible{outline:none}
.lr-card:focus-within{outline:3px solid var(--ink);outline-offset:3px}
.lr-card__sub{font:800 italic 18px/1.2 var(--slab);margin-top:3px}
.lr-card__line{margin-top:9px;line-height:1.34}
.lr-card__serves{font:600 15px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-top:10px}
.lr-card__facts{margin-top:10px}
.lr-card__facts li{display:flex;align-items:flex-end;gap:7px;height:30px;padding-bottom:3px;font-size:15px;line-height:1.1}
.lr-card__facts span:first-child{font-weight:600;letter-spacing:.05em;text-transform:uppercase;font-size:15px;white-space:nowrap}
.lr-card__facts .ld{flex:1 1 10px;min-width:10px;height:2px;margin-bottom:4px;align-self:flex-end}
.lr-card__facts b{font:400 20px/1 var(--gothic);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.lr-need{background:var(--red);color:var(--cream);padding:18px 18px 20px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:9px;box-shadow:4px 5px 0 rgba(23,18,13,.72);transform:rotate(.3deg);min-width:0}

/* ======== ONE RECIPE ======== */
.lr-page{padding-bottom:calc(var(--tear-h) + clamp(26px,4vw,56px))}
.lr-page .pagehead{padding-bottom:clamp(20px,3vw,34px)}
.lr-back a{font-weight:inherit}
.lr-title{font:400 clamp(70px,11.4vw,170px)/.88 var(--gothic);text-transform:uppercase;letter-spacing:.004em;margin-top:4px}
.lr-title span{display:block;font:800 italic clamp(25px,3.2vw,46px)/1.12 var(--slab);text-transform:none;letter-spacing:0;margin-top:9px;color:var(--red-k)}
.lr-line{font:600 clamp(19px,1.7vw,24px)/1.28 var(--slab);max-width:44ch;margin-top:12px}
.lr-sheet{border:2px solid var(--ink);box-shadow:5px 6px 0 rgba(23,18,13,.72);padding:0 clamp(14px,2.6vw,38px) clamp(18px,2.6vw,36px)}
.lr-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-inline:calc(clamp(14px,2.6vw,38px) * -1);border-bottom:3px solid var(--ink)}
.lr-facts li{padding:10px clamp(10px,2vw,22px) 9px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);min-width:0}
.lr-facts li:nth-child(even){border-right:0}
.lr-facts li:nth-last-child(-n+2){border-bottom:0}
.lr-facts .k{display:block;font:600 14px/1.2 var(--sans);letter-spacing:.08em;text-transform:uppercase}
.lr-facts .v{display:block;font:400 clamp(27px,2.7vw,38px)/1.02 var(--gothic);text-transform:uppercase;letter-spacing:.012em;margin-top:3px}
.lr-cols{display:grid;gap:clamp(24px,3.4vw,56px);margin-top:clamp(18px,2.6vw,32px)}
.lr-cols>*{min-width:0}
.lr-ing__g{font:800 italic 18px/1.2 var(--slab);color:var(--red-k);margin-top:16px}
.lr-list{margin-top:6px}
.lr-list li{display:flex;align-items:flex-end;gap:8px;padding-block:5px 4px;line-height:1.26;font-size:17px}
.lr-list .n{flex:0 1 auto;min-width:0}
.lr-list .ld{flex:1 1 14px;min-width:14px;height:3px;align-self:flex-end;margin-bottom:6px}
.lr-list .q{flex:none;max-width:48%;text-align:right;font:400 22px/1.1 var(--gothic);text-transform:uppercase;letter-spacing:.018em}
.lr-pencil{margin-top:12px}
.lr-note{margin-top:14px;padding-top:10px;border-top:1px solid rgba(23,18,13,.5);font-size:16.5px;line-height:1.36}
.lr-note b{font-family:var(--slab);font-weight:800}
.lr-method .ls-steps>li{grid-template-columns:clamp(34px,3.4vw,50px) minmax(0,1fr)}
.lr-method .ls-steps>li::before{font-size:clamp(40px,3.6vw,54px)}
.lr-temp{margin-top:18px;background:var(--red);color:var(--cream);padding:14px 16px 15px}
.lr-temp h3{font:400 clamp(30px,3vw,44px)/.98 var(--gothic);text-transform:uppercase;letter-spacing:.01em}
.lr-temp p{margin-top:7px;font-size:16.5px;line-height:1.36}
.lr-temp a{font-weight:600}
.lr-printfoot{display:none}
.lr-after{display:grid;gap:clamp(28px,3vw,44px);margin-top:clamp(28px,4vw,48px);align-items:start}
.lr-after>*{min-width:0}
.lr-photo{margin-top:18px}
.lr-photo figcaption{font:italic 600 16px/1.25 var(--slab);margin-top:8px}
.lr-ask p+p{margin-top:9px}
.lr-ask__act{margin-top:12px}
.lr-next ul{margin-top:8px}
.lr-next li{border-bottom:1px solid rgba(23,18,13,.5)}
.lr-next a{display:block;font:400 clamp(27px,2.4vw,34px)/1.04 var(--gothic);text-transform:uppercase;letter-spacing:.012em;text-decoration:none;padding-block:9px 7px}
.lr-next a:hover{color:var(--red-k)}

/* ======== wide ======== */
@media (min-width:600px){
  .lr-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-facts{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lr-facts li,.lr-facts li:nth-child(even){border-right:1px solid var(--ink);border-bottom:0}
  .lr-facts li:last-child{border-right:0}
  .lh-speech__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px clamp(20px,3vw,44px)}
  .lh-head__in{grid-template-columns:minmax(0,1fr) 190px}
}
@media (min-width:700px){
  .lh-end__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr) minmax(0,1.4fr);align-items:start}
  .lh-end__copy{grid-column:auto}
  .lg-gr{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg-g__head{display:block}
  .lg-g__head .lg-g__steak{margin-block:12px}
  .lg-gl{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(24px,3.4vw,52px)}
}
@media (min-width:700px){
  .lh-head__in{grid-template-columns:minmax(0,1.15fr) 210px minmax(0,1.05fr);grid-template-areas:"title title title" "copy sign call";column-gap:clamp(24px,3vw,48px);row-gap:clamp(16px,2vw,26px);align-items:start}
  .lh-sign{margin:0}
  .lh-call{margin:0}
  .lh-call__num{font-size:clamp(50px,5vw,72px)}
  .lh-speech__list{grid-template-columns:1.5fr .85fr .85fr 1.15fr;gap:clamp(20px,2.4vw,36px)}
  .lh-speech__list b{font-size:clamp(70px,6.6vw,100px)}
  .lh-roast__grid{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:start}
  .lh-roast__side{position:sticky;top:76px}
  .lh-fine__grid{grid-template-columns:1fr 1fr .9fr}
  .lh-carve__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);align-items:start}
  .lh-bird--cuts{position:sticky;top:76px}
  .lh-table__grid{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);align-items:start}
  .lh-table__side{position:sticky;top:76px;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}
  .lh-ham .tray__frame,.lh-rib .tray__frame{height:clamp(220px,20vw,300px)}
  .lh-table--launch .lh-table__side{grid-template-columns:minmax(0,1fr)}
  .lh-roasts .pa{flex-basis:23ch}
  .lg-head{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);column-gap:clamp(30px,4vw,60px)}
  .lg-gr__after{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
  .lg-aging__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .lg-aging__pics{grid-template-columns:minmax(0,1fr)}
  .lg-marb__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.9fr)}
  .lg-gl{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg-gl__i--wide{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:clamp(24px,3.4vw,52px);align-items:start}
  .lg-gl__i--wide dt{grid-row:1}
  .lg-gl__i--wide dd{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,474px);grid-template-rows:auto auto auto 1fr;column-gap:clamp(24px,3vw,44px);grid-column:1/-1}
  .lg-gl__i--wide dd>*{grid-column:1;margin-top:7px}
  .lg-gl__i--wide dd>.sm{margin-top:0}
  .lg-gl__i--wide .lg-gl__pic{grid-column:2;grid-row:1/span 4;margin:0;max-width:none;align-self:start}
  .lg-aging__room{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:18px;align-items:end;max-width:none}
  .lg-aging__room .frame{max-width:480px}
  .lg-aging__room figcaption{font:400 clamp(38px,3.6vw,54px)/.96 var(--gothic);text-transform:uppercase;margin:0}
  .lh-head__title{position:relative}
  .lh-stamp{display:inline-block;position:absolute;right:2%;bottom:14%;font-size:clamp(40px,4vw,58px)}
  .lg-done__grid{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}
  .lr-head{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr)}
  .lr-head__note .pencil{margin-bottom:10px}
  .lr-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lr-cols{grid-template-columns:minmax(0,.92fr) minmax(0,1.1fr)}
  .lr-after{grid-template-columns:repeat(2,minmax(0,1fr))}
  .lr-ing{position:sticky;top:76px;align-self:start}
}

@media (max-width:319px){
  .lr-card__facts li{height:auto;flex-wrap:wrap}
  .lr-card__facts span:first-child,.lr-card__facts b{white-space:normal}
}

/* ======== print: the recipe on one page, ink on white. Also keeps the how-to readable. ======== */
@media print{
  @page{margin:.55in .6in}
  .foot,.skip,.defs,.lr-after,.lr-photo,.lr-back,.lh-head__jump,.lg-jump,.lh-sign,.lh-call,.lh-end__pic,.lg-marb__note,.lr-pencil,.pencil{display:none!important}
  body{font-size:11.5pt;line-height:1.35;color:#000}
  .paper-k,.paper-n,.ground-red,.ground-ink,.lr-sheet,.lg-marb{background:#fff!important;color:#000!important;box-shadow:none!important}
  .sec,.sec--tight,.pagehead,.lg-marb,.lr-page,.lh-speech{padding-block:8pt!important}
  .wrap{padding-inline:0;max-width:none}
  a{text-decoration:none;color:inherit}
  .lr-title{font-size:44pt;line-height:.92;margin:0}
  .lr-title span{font-size:17pt;margin-top:3pt;color:#000}
  .lr-line{display:none}
  .lr-page .pagehead{padding-block:0 6pt!important}
  .lr-sheet{border:0;padding:0}
  .lr-facts{grid-template-columns:repeat(4,1fr);margin:0;border-top:2pt solid #000;border-bottom:2pt solid #000}
  .lr-facts li,.lr-facts li:nth-child(even){border:0;padding:4pt 8pt 3pt 0}
  .lr-facts .k{font-size:8pt}
  .lr-facts .v{font-size:15pt}
  .lr-cols{display:grid;grid-template-columns:42% 1fr;gap:18pt;margin-top:8pt}
  .rh{font-size:13pt}
  .lr-ing__g{font-size:11pt;margin-top:7pt;color:#000}
  .lr-list{margin-top:2pt}
  .lr-list li{font-size:10pt;padding-block:1.5pt;line-height:1.18}
  .lr-list .q{font-size:12pt}
  .lr-list .ld{background:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 7px);-webkit-print-color-adjust:exact;print-color-adjust:exact;height:1px;margin-bottom:3px}
  .lr-note{font-size:9.5pt;margin-top:7pt;padding-top:5pt}
  .ls-steps{margin-top:3pt;border:0}
  .ls-steps>li{padding-block:3pt;border-top:.5pt solid #777;break-inside:avoid}
  .lr-method .ls-steps>li{grid-template-columns:20pt 1fr;column-gap:4pt}
  .lr-method .ls-steps>li::before{font-size:20pt;color:#000}
  .ls-steps p{font-size:10.5pt;line-height:1.28}
  .lr-temp{background:#fff;color:#000;border:1.5pt solid #000;padding:6pt 8pt;margin-top:8pt;break-inside:avoid}
  .lr-temp h3{font-size:15pt}
  .lr-temp p{font-size:9.5pt;margin-top:2pt}
  .lr-temp a::after{content:""}
  .lr-printfoot{display:block;margin-top:10pt;padding-top:5pt;border-top:1pt solid #000;font-size:9.5pt}
  .lg-marb__mark .pen{stroke:#000}
  .lh-roast__side,.lh-bird--cuts,.lh-table__side,.lr-ing{position:static}
}