/* home: Monika's section with her own line, and the three quotes about her and venn under it. 8 Nov 2026.
   Loaded after home-2026.css by / and /pt/. Markup: section#home-chef > .n2-chef.cb (portrait, .ct, .ct2) + .cq-row.
   Computers (1300 up): two equal columns, the text runs the full width of its column and the portrait is cut to
   exactly the height of the text, so both start and end on the same line.
   768 to 1299: portrait beside the heading and as much of the bio as fits (js/home-chef.js), the rest across under it.
   Phones: one column. */

.n2-chef.cb{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto;column-gap:56px;row-gap:0;align-items:stretch}
.n2-chef.cb .por{grid-column:2;grid-row:1/-1;position:relative;display:block;margin:0}
.n2-chef.cb .por::before{content:"";display:block;aspect-ratio:1/1}
.n2-chef.cb .por img{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:45% 30%}
.n2-chef.cb .por .n2-cap{position:absolute;top:100%;left:0;margin-top:10px}
.n2-chef.cb .ct{grid-column:1;grid-row:1;align-self:start}
.n2-chef.cb .ct2{grid-column:1;grid-row:2;align-self:start;display:grid;gap:18px;justify-items:start;align-content:start;margin-top:18px}
.n2-chef.cb p{max-width:none}

/* Monika's own line */
.pv .cq-mq{margin:0;display:grid;gap:8px}
.pv .cq-mq blockquote{font-weight:400;font-size:26px;line-height:34px;letter-spacing:-.02em}

/* the three quotes: quote, then its source as a logo with a short word beside it */
.cq-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:56px;border-top:1px solid var(--ink);padding-top:24px;margin-top:56px}
.pv .cq{margin:0;display:grid;grid-template-rows:1fr auto;gap:18px;justify-items:start}
.pv .cq blockquote{font-weight:700;font-size:22px;line-height:28px;letter-spacing:-.02em}
.pv .cq figcaption{align-self:end}
.pv .cq-src{display:flex;align-items:center;gap:12px;font-size:14px;line-height:20px;letter-spacing:0;color:var(--muted);text-decoration:none}
.pv a.cq-src{padding-block:6px;margin-block:-6px}
.pv .cq-src img{display:block;width:auto;max-width:none}
.cq-tm{height:21px}.cq-ws{height:26px}.cq-360{height:38px}

@media (max-width:1299px){
 .n2-chef.cb{grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:40px}
 .n2-chef.cb .por{grid-row:1}
 .n2-chef.cb .ct2{grid-column:1/-1;display:block;columns:2;column-gap:40px;margin-top:52px}
 .n2-chef.cb .ct2>.cq-mq{column-span:all;margin:0 0 28px}
 .n2-chef.cb .ct2>p{margin:0 0 18px;break-inside:avoid-column}
 .n2-chef.cb .ct2>:last-child{margin-bottom:0}
 .cq-row{gap:40px}
}
@media (max-width:1023px){
 .cq-row{grid-template-columns:1fr 1fr;gap:32px 40px}
 .cq-row .cq:first-child{grid-column:1/-1}
 .pv .cq-row .cq:first-child blockquote{font-size:24px;line-height:30px;max-width:620px}
}
@media (max-width:767px){
 .n2-chef.cb{grid-template-columns:1fr}
 .n2-chef.cb .por,.n2-chef.cb .ct,.n2-chef.cb .ct2{grid-column:1;grid-row:auto}
 .n2-chef.cb .por{display:grid;gap:10px}
 .n2-chef.cb .por::before{display:none}
 .n2-chef.cb .por img{position:static;aspect-ratio:4/5;height:auto}
 .n2-chef.cb .por .n2-cap{position:static;margin:0}
 .n2-chef.cb .ct{margin-top:24px}
 .n2-chef.cb .ct2{display:grid;columns:auto;margin-top:18px}
 .n2-chef.cb .ct2>.cq-mq{margin:10px 0}
 .n2-chef.cb .ct2>p{margin:0}
 .pv .cq-mq blockquote{font-size:21px;line-height:28px}
 .cq-row{grid-template-columns:1fr;gap:0;margin-top:40px;padding-top:0;border-top:0}
 .pv .cq{grid-template-rows:auto;gap:12px;border-top:1px solid var(--soft);padding-block:20px}
 .pv .cq:first-child{border-top-color:var(--ink)}
 .pv .cq:last-child{padding-bottom:0}
 .pv .cq blockquote,.pv .cq-row .cq:first-child blockquote{font-size:20px;line-height:26px}
 .cq-tm{height:18px}.cq-ws{height:23px}.cq-360{height:34px}
}