/* Source-based product guides; the approved cream site palette is retained. */
.product-guide{padding:24px 0 80px}.pg-heading{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:end;margin:40px 0}.pg-heading h1{font-size:clamp(52px,5.6vw,80px);line-height:1.04;margin-top:17px;max-width:650px}.pg-heading-copy .lead{font-size:19px;line-height:1.75}.pg-byline{font-size:11px;color:#6c7377;margin-top:22px}.pg-hero{margin:0}.pg-photo>img{width:100%;height:440px;object-fit:cover}.pg-hero figcaption{font-size:10px;color:#697075;margin-top:9px;text-align:right;line-height:1.6}.pg-packages>div{height:380px;background:#fffdf9;display:flex;align-items:center;justify-content:center;padding:42px;gap:25px;overflow:hidden}.pg-packages .pg-package{width:16%;height:280px;object-fit:contain;filter:drop-shadow(0 10px 7px #49382412)}.pg-skyflakes>div{flex-direction:column;gap:20px}.pg-skyflakes .pg-package{width:580px;height:82px;max-width:80%;object-fit:contain;filter:none}.pg-jumps{display:flex;align-items:center;gap:18px 27px;border-block:1px solid #d9d1c4;padding:18px 0;margin:28px 0 60px;font-size:12px;flex-wrap:wrap;color:#102e44}.pg-jumps>.eyebrow{margin-right:auto}.pg-jumps a:hover{text-decoration:underline}.pg-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:90px;max-width:1130px;margin:auto}.pg-prose{font-size:15px;line-height:1.85;color:#4c565b;min-width:0}.pg-section{margin-bottom:48px;scroll-margin-top:28px}.pg-section>.eyebrow{margin-bottom:13px}.pg-section>h2{color:#171b1e;font-size:38px;line-height:1.16;margin-bottom:22px}.pg-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;border-block:1px solid #d9d1c4;padding:21px 0;margin:27px 0}.pg-facts dt{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#677077}.pg-facts dd{margin:8px 0 0;font-family:var(--serif);font-size:21px;line-height:1.2;color:#102e44}.pg-pantry{border-left:1px solid #d9d1c4;padding-left:30px}.pg-pantry>h2{font-size:31px;margin:16px 0;line-height:1.15}.pg-sidebar-intro{font-size:12px;color:#677077;margin-bottom:25px}.pg-product{display:block;margin-bottom:32px}.pg-product .product-well{position:relative;height:195px;aspect-ratio:auto;overflow:hidden;margin-bottom:16px}.pg-product h3{font-size:22px;line-height:1.2;margin:8px 0}.pg-product>.eyebrow{font-size:8px}.pg-product .text-link{font-size:12px}.pg-steps{list-style:none;padding:0;counter-reset:step;margin:25px 0}.pg-steps li{counter-increment:step;position:relative;padding:0 0 24px 51px;margin-bottom:22px;border-bottom:1px solid #d9d1c4}.pg-steps li:before{content:'0' counter(step);position:absolute;left:0;top:0;font-family:var(--serif);font-size:29px;line-height:1;color:#94734b}.pg-steps strong{font-size:17px;color:#102e44}.pg-steps p{font-size:14px;margin-top:8px}.pg-note{font-size:12px;background:#eee7dc;padding:18px 22px;line-height:1.8}.pg-flavor-map{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.pg-flavor{border-top:1px solid #d9d1c4;padding-top:20px;display:grid;grid-template-columns:85px minmax(0,1fr);gap:15px}.pg-flavor-image{height:135px;background:#fffdf9;display:flex;align-items:center;justify-content:center}.pg-flavor-package{width:77px;height:116px;object-fit:contain}.pg-flavor h3{font-size:24px;margin:6px 0 10px;color:#171b1e;line-height:1.15}.pg-flavor p:not(.eyebrow){font-size:12px;line-height:1.75}.pg-flavor .eyebrow{font-size:8px}.pg-flavor .text-link{font-size:11px;margin-top:6px}.pg-idea-grid{display:grid;gap:20px;margin-top:24px}.pg-idea-grid>div{border-top:1px solid #d9d1c4;padding-top:18px}.pg-idea-grid h3{font-size:25px;color:#171b1e;margin-bottom:12px}.pg-idea-grid p{font-size:14px}.pg-sandwich-grid{display:grid;gap:25px}.pg-sandwich-grid>article{border-top:1px solid #d9d1c4;padding-top:22px}.pg-sandwich-package{height:110px;width:100%;object-fit:contain;background:#fffdf9;padding:12px;margin-bottom:20px}.pg-sandwich-grid h3{font-size:28px;color:#171b1e;margin-bottom:12px}.pg-sandwich-grid p{font-size:14px}.pg-sandwich-grid .text-link{font-size:12px;margin-top:5px}.pg-faq details{border-top:1px solid #d9d1c4;padding:17px 0}.pg-faq details:last-child{border-bottom:1px solid #d9d1c4}.pg-faq summary{cursor:pointer;font-weight:600;font-size:14px;color:#102e44;padding-right:15px}.pg-faq details p{font-size:13px;margin-top:14px;max-width:64ch}.pg-sources{border-top:1px solid #d9d1c4;padding-top:25px;font-size:12px;line-height:1.8}.pg-sources h2{font-size:29px;color:#171b1e;margin:10px 0 17px}.pg-sources ul{padding-left:18px;margin-top:20px}.pg-sources li{margin:7px 0}.pg-sources a{text-decoration:underline;text-decoration-color:#b9c2c7;text-underline-offset:4px}.pg-next{text-align:center;border-top:1px solid #d9d1c4;padding-top:37px;margin-top:60px}.pg-next h2{font-size:42px;margin:15px 0 20px}.pg-directory{padding-bottom:70px}.pg-directory-meta{border-block:1px solid #d9d1c4;display:flex;justify-content:space-between;padding:15px 0;font-size:11px;color:#677077;margin-bottom:32px}.pg-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}.pg-directory-card{display:flex;flex-direction:column;min-width:0}.pg-directory-card .pg-hero{margin-bottom:23px}.pg-compact.pg-photo>img{height:220px;object-fit:cover}.pg-directory-card:first-child .pg-photo>img{object-position:60% center}.pg-compact.pg-packages>div{height:220px;padding:20px;gap:12px}.pg-compact.pg-mochi .pg-package{height:170px;width:29%}.pg-compact.pg-skyflakes>div{gap:9px}.pg-compact.pg-skyflakes .pg-package{height:48px;width:90%;max-width:100%}.pg-directory-card>.eyebrow{font-size:8px}.pg-directory-card h2{font-size:30px;line-height:1.13;min-height:68px;margin:12px 0 14px}.pg-card-description{font-size:13px;color:#5c656b;line-height:1.8;margin-bottom:14px;flex:1}.pg-directory-card>.text-link{font-size:12px;align-self:start}.pg-directory-card:hover>.text-link{text-decoration-color:#102e44}
@media(max-width:1050px){.pg-heading{gap:35px}.pg-layout{gap:45px;grid-template-columns:minmax(0,1fr) 240px}.pg-pantry{padding-left:22px}.pg-flavor-map{grid-template-columns:1fr}.pg-directory-grid{gap:35px 22px}.pg-directory-card h2{font-size:27px}.pg-jumps>.eyebrow{width:100%}.pg-packages>div{gap:12px;padding-inline:25px}.pg-packages .pg-package{height:250px}.pg-skyflakes .pg-package{height:82px}}
@media(max-width:700px){.product-guide{padding:15px 0 45px}.pg-heading{grid-template-columns:1fr;gap:22px;margin:25px 0 28px}.pg-heading h1{font-size:51px}.pg-heading-copy .lead{font-size:16px}.pg-byline{margin-top:15px;font-size:10px}.pg-photo>img{height:280px}.pg-hero figcaption{text-align:left;font-size:9px}.pg-packages>div{height:265px;padding:18px;gap:5px}.pg-mochi .pg-package{height:210px;width:31%}.pg-mochi .pg-package:nth-child(n+4){display:none}.pg-skyflakes>div{gap:14px}.pg-skyflakes .pg-package{width:100%;max-width:100%;height:60px}.pg-jumps{gap:11px 17px;margin:24px 0 37px}.pg-layout{grid-template-columns:1fr;gap:35px}.pg-section{margin-bottom:36px}.pg-section>h2{font-size:32px}.pg-prose{font-size:14px}.pg-facts{gap:10px}.pg-facts dd{font-size:19px}.pg-facts dt{font-size:8px}.pg-flavor{grid-template-columns:85px minmax(0,1fr)}.pg-pantry{border-left:0;border-top:1px solid #d9d1c4;padding:28px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.pg-pantry>.eyebrow,.pg-pantry>h2,.pg-pantry>.pg-sidebar-intro,.pg-pantry>.text-link{grid-column:1/-1}.pg-product .product-well{height:180px}.pg-product h3{font-size:20px}.pg-next{margin-top:35px}.pg-next h2{font-size:33px}.pg-directory-grid{grid-template-columns:1fr 1fr;gap:34px 18px}.pg-compact.pg-photo>img,.pg-compact.pg-packages>div{height:170px}.pg-compact.pg-mochi .pg-package{height:130px}.pg-compact.pg-packages>div{padding:10px;gap:4px}.pg-compact.pg-skyflakes .pg-package{height:35px}.pg-directory-card h2{font-size:25px;min-height:0}.pg-directory-card>.eyebrow{font-size:7px}.pg-card-description{font-size:12px}.pg-directory-meta span:last-child{display:none}.pg-directory-card .pg-hero{margin-bottom:18px}}
@media(max-width:420px){.pg-directory-grid{grid-template-columns:1fr}.pg-compact.pg-photo>img,.pg-compact.pg-packages>div{height:220px}.pg-compact.pg-mochi .pg-package{height:175px}.pg-compact.pg-skyflakes .pg-package{height:48px}.pg-pantry{grid-template-columns:1fr}.pg-product .product-well{height:220px}.pg-product h3{font-size:24px}}

.pg-nittoh-photo>img{height:auto;min-height:280px;object-fit:cover}.pg-sources h3{font-size:28px;margin-bottom:15px}.pg-sources p{font-size:12px}.okonomi-ingredients{list-style:none;padding:0;margin:25px 0}.okonomi-ingredients li{display:grid;grid-template-columns:130px 1fr;gap:18px;padding:16px 0;border-top:1px solid #d9d1c4;font-size:14px}.okonomi-ingredients strong{color:#102e44}.okonomi-sauce-comparison{display:grid;grid-template-columns:1fr 1fr;gap:26px}.okonomi-sauce-comparison>div{border-top:2px solid #ac8a5a;padding-top:18px}.okonomi-sauce-comparison h3{font-size:25px;color:#171b1e;margin:10px 0 14px}.okonomi-sauce-comparison p{font-size:14px}.okonomi-sauce-comparison .text-link{font-size:12px;margin-top:10px}@media(max-width:700px){.pg-nittoh-photo>img{min-height:0}.okonomi-ingredients li{grid-template-columns:100px 1fr;gap:10px}.okonomi-sauce-comparison{gap:20px}.okonomi-sauce-comparison h3{font-size:23px}}

.pg-seiki-mochi>.pg-hero.pg-photo>img,.pg-skyflakes-flavors>.pg-hero.pg-photo>img{height:auto;object-fit:contain}

/* Matcha has a 640px square canvas around its 402x600px pouch. Frame the
   original image so the visible pouch is 116px tall, like its neighbors. */
.pg-flavor-image:has(>.pg-flavor-matcha){position:relative;overflow:hidden}
.pg-flavor-image>.pg-flavor-matcha{position:absolute;left:50%;top:50%;width:123.733333px;height:123.733333px;max-width:none;transform:translate(-50.15625%,-49.84375%);object-fit:contain;mix-blend-mode:multiply}