/* Shared rhythm for the home and About pages. No template assets or copy are imported. */
.home-page,.about-page { --brand-width:1200px; --brand-gutter:clamp(24px,4.5vw,64px); --brand-space:clamp(64px,7.5vw,112px); --brand-paper:#fff8ef; --brand-ink:#321506; --brand-title:clamp(2.25rem,4.3vw,3.75rem); --brand-ease:cubic-bezier(.22,1,.36,1); }
.home-page :is(#products,#proof,#voices,#support,#faq,#contact),.about-page :is(#story,#identity,#history,#products-transition) { padding:var(--brand-space) var(--brand-gutter); }
.home-page :is(#products,#proof,#voices,#support,#faq,#contact)>div,.about-page :is(#story,#identity,#history,#products-transition)>div { max-width:var(--brand-width); padding-inline:0; margin-inline:auto; }
.home-page :is(#productsTitle,#pairingTitle,#proofTitle,#voicesTitle,#faqTitle,#b2bTitle,#supportTitle.home-support-title),.about-page :is(#storyTitle,#logoTitle,#historyTitle,#productCtaTitle) { font-size:var(--brand-title)!important; line-height:1.12!important; letter-spacing:-.035em; text-wrap:pretty; }
.home-page :is(.condensed-label,.home-eyebrow),.about-page .condensed-label { font-size:.75rem; font-weight:700; line-height:1.5; letter-spacing:.1em; }
.home-page main,.about-page main { overflow:clip; }
.home-page [data-reveal],.about-page [data-reveal] { opacity:1; transform:none; transition:none; }
/* Opening: keep MOKDA's sauce-pour concept and give the food room to breathe. */
.home-page .hero-section { height:min(820px,100svh); min-height:680px; }
.home-page .hero-content { max-width:1328px; padding-inline:var(--brand-gutter); }
.home-page .hero-copy { max-width:32rem; }
/* The single hero crops its artwork without creating a horizontal scroll container. */
.home-page #heroSlides { overflow:clip; }
.home-page .hero-copy [data-hero-subtitle] { font-size:1rem; }
.home-page .hero-sauce-plate { right:-2%; width:62%; }
.home-page .hero-slide.is-active .hero-media-motion { animation-duration:850ms; animation-delay:120ms; }
.home-page .hero-slide.is-active .hero-motion { animation-duration:700ms; }
.home-page .hero-slide.is-active .hero-motion-cta { animation-delay:260ms; }
/* Product grid: quiet, square edges and a shared baseline. */
.home-page #products { background:var(--brand-paper); }
.home-page .home-products-heading { margin-bottom:40px; }
.home-page #productsGrid { gap:40px; }
.home-page .home-product-image { aspect-ratio:4/5; border-radius:0; }
.home-page .home-product-copy { padding:24px 0 28px; }
.home-page .home-product-label h3 { font-size:clamp(1.65rem,2.6vw,2.5rem); letter-spacing:-.025em; }
.home-page .home-upcoming-product { margin-top:12px; padding-block:24px; }
/* Both available sauces use the same image size and caption baseline. */
.home-page #pairings { padding:var(--brand-space) max(var(--brand-gutter),calc((100vw - var(--brand-width))/2)); background:#f8dfc4; }
.home-page .home-pairing-intro { grid-template-columns:1.2fr 1fr; gap:64px; margin-bottom:48px; }
.home-page .home-pairing-intro h2 { max-width:17ch; }
.home-page .home-pairing-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px; }
.home-page .home-pairing-gallery figure { display:block; }
.home-page .home-pairing-gallery img { border-radius:0; aspect-ratio:4/3; }
.home-page .home-pairing-gallery figcaption { display:block; margin:0; padding:16px 0 0; border:0; }
.home-page .home-pairing-gallery h3 { font-size:clamp(1.2rem,1.8vw,1.65rem); }
/* Field notes: complete portraits, no crop or decorative masks. */
.home-page #proof>div { display:grid; grid-template-columns:1fr; gap:40px; align-items:start; }
.home-page #proof>div>div:first-child { display:grid; grid-template-columns:1fr 1fr; column-gap:64px; position:static; align-self:start; max-width:none; margin:0; padding:0; text-align:left; }
.home-page #proof>div>div:first-child>p { grid-column:1; grid-row:1; }
.home-page #proofTitle { grid-column:1; grid-row:2; margin:0; max-width:none; }
.home-page #storyBody { grid-column:2; grid-row:1/3; align-self:end; margin:0; font-size:1rem; line-height:1.8; font-weight:400; gap:16px; }
.home-page #field-story { margin:0; max-width:none; }
.home-page #proofCarouselTrack { grid-template-columns:.75fr .5629fr 1.7778fr; gap:24px; align-items:start; }
.home-page #proofCarouselTrack>figure { background:transparent; border-radius:0; box-shadow:none; aspect-ratio:auto; overflow:visible; }
.home-page #proofCarouselTrack>figure:first-child { grid-column:auto; grid-row:auto; aspect-ratio:auto; }
.home-page #proofCarouselTrack>figure:nth-child(2) { width:100%; justify-self:stretch; }
.home-page #proofCarouselTrack>figure:nth-child(3) { grid-column:auto; }
.home-page #proofCarouselTrack>figure img { position:static; display:block; width:100%; height:auto; object-fit:contain; transform:none!important; filter:none; }
.home-page #proof>div>div:has(>#proofHistoryCta) { grid-column:1/-1; margin:8px 0 0; text-align:center; }
.home-page #proofHistoryCta { margin-inline:auto; border-radius:999px; }
/* Quotes, FAQ and invitation each keep a distinct reading role. */
.home-page #voices { background:var(--brand-paper); }
.home-page #voices { padding-top:clamp(48px,5vw,72px); padding-bottom:clamp(48px,5vw,72px); }
.home-page #voicesList.home-quotes-reading { gap:56px; }
.home-page #voicesList.home-quotes-reading .voice-entry { background:transparent; border:0; border-top:1px solid #32150638; padding:28px 0 0; border-radius:0; }
.home-page #voicesList.home-quotes-reading .voice-entry:first-child { border-top:0; padding-top:0; }
.home-page #voicesList blockquote { font-size:1.125rem; line-height:1.85; }
.home-page #institutions { padding:28px var(--brand-gutter); background:var(--brand-paper); }
.home-page #institutions>div { max-width:var(--brand-width); padding-inline:0; }
.home-page #support { background:#321506; }
.home-page #support>div>div:first-child { padding:0; }
.home-page #supportTitle.home-support-title { max-width:18ch; }
.home-page #supportTotal { font-size:clamp(5rem,10vw,9rem); }
.home-page #faq { background:#fffdf9; }
.home-page #faq>div { grid-template-columns:.7fr 1.3fr; gap:80px; }
.home-page #faq>div>div:first-child { position:sticky; top:112px; }
.home-page .home-faq-reading { padding-block:26px; }
.home-page #contact { background:#321506; border-bottom:1px solid #f8dfc426; }
.home-page #contact>div { gap:48px; }
.home-page #contact :is(#b2bTitle,#b2bDescription) { color:#fff8ef; }
.home-page #contact #b2bKicker { color:#ff9461; }
.home-page #b2bCta { grid-column:1/-1; justify-self:center; width:fit-content; height:auto; min-height:52px; margin-inline:auto; flex-direction:row; padding:16px 28px; border-radius:999px; font-size:.875rem; background:#fff8ef; color:#321506; }
.home-page #b2bCta:hover { background:#f8dfc4; }
.home-page #b2bCta::after { font-size:1.3rem; margin-left:16px; }
/* About alternates copy/photo and logo/copy; the timeline remains in reading order. */
.about-page #story .about-story-grid { grid-template-columns:1fr 1fr; grid-template-areas:'kicker media' 'title media' 'body media'; column-gap:80px; align-items:start; }
.about-page #story .about-story-figure { align-self:start; max-width:520px; justify-self:end; width:100%; }
.about-page #story .about-story-media { aspect-ratio:auto; background:transparent; }
.about-page #story .about-story-media img { position:static; display:block; width:100%; height:auto; object-fit:contain; transform:none; }
.about-page #story #storyTitle { font-size:var(--brand-title)!important; line-height:1.12!important; letter-spacing:-.035em; margin-bottom:32px; max-width:17ch; }
.about-page #story #storyBody { max-width:32rem; padding:0; font-size:1rem; line-height:1.85; }
.about-page #story .about-story-grid { grid-template-rows:auto auto 1fr; }
.about-page #storyKicker { margin:0 0 24px; }
.about-page #identity>div { grid-template-columns:.7fr 1.3fr; gap:56px; }
.about-page #identity .about-identity-logo { max-width:280px!important; }
.about-page #identity figure { justify-content:center; padding:0; }
.about-page #logoTitle { max-width:18ch; }
.about-page #history>div { grid-template-columns:.7fr 1.3fr; gap:56px; }
.about-page #history>div>div:first-child { position:static; }
.about-page #historyTitle { max-width:12ch; }
.about-page .about-history-photo { width:100%; }
.about-page #timelineList .about-timeline-item { padding-bottom:14px; }
.about-page #timelineList .about-month-start { margin-top:22px; padding-top:26px; }
.about-page #timelineList .about-product-milestone>div { display:grid; grid-template-columns:minmax(0,1fr) 128px; max-width:440px; column-gap:24px; align-items:center; }
.about-page #timelineList .about-product-milestone>div>p { grid-column:1; }
.about-page #timelineList .about-product-milestone>div>p:first-child { align-self:end; }
.about-page #timelineList .about-product-milestone>div>p:nth-child(2) { align-self:start; }
.about-page #timelineList .about-prototypes { grid-column:2; grid-row:1/3; width:100%; height:auto; margin:0; }
.about-page #products-transition { border-top:0; }
/* One motion language, with different distances for copy and visual groups. */
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .home-page .home-product-panel a:hover .mokda-packshot-studio img { transform:translateX(-50%) scale(1.025); }
  .home-page .home-pairing-gallery figure img { transition:filter .35s ease; }
  .home-page .home-pairing-gallery figure:hover img { filter:brightness(1.035); }
}
@media(max-width:1023px) {
  .home-page #proof>div { grid-template-columns:1fr; }
  .home-page #proof>div>div:first-child { max-width:none; }
  .home-page #proofTitle { max-width:none; }
  .home-page #storyBody { max-width:44rem; }
  .home-page #proofCarouselTrack { max-width:none; }
  .home-page #faq>div>div:first-child { position:static; }
  .about-page #story .about-story-grid { column-gap:40px; }
  .about-page #identity>div,.about-page #history>div { gap:48px; }
}
@media(max-width:767px) {
  .home-page,.about-page { --brand-gutter:20px; --brand-space:64px; --brand-title:clamp(2rem,8.5vw,2.75rem); }
  .home-page .hero-section { min-height:720px; height:100svh; max-height:860px; }
  .home-page .hero-content { padding-inline:20px; }
  .home-page .hero-copy { max-width:none; }
  .home-page .hero-sauce-plate { left:20px; right:20px; bottom:0; width:auto; height:45%; transform:none; overflow:hidden; border-radius:18px 18px 0 0; box-shadow:0 16px 40px #32150624; }
  .home-page .hero-sauce-plate img { object-fit:cover; object-position:center 48%; }
  .home-page .home-products-heading { margin-bottom:32px; }
  .home-page #productsGrid { gap:36px; }
  .home-page .home-product-image { aspect-ratio:4/5; }
  .home-page .home-pairing-intro { grid-template-columns:1fr; gap:20px; margin-bottom:32px; }
  .home-page .home-pairing-gallery { grid-template-columns:1fr; gap:32px; }
  .home-page .home-pairing-gallery figcaption p { margin-top:8px; }
  .home-page #proof>div { gap:32px; }
  .home-page #proof>div>div:first-child { grid-template-columns:1fr; }
  .home-page #storyBody { grid-column:1; grid-row:3; margin-top:20px; }
  .home-page #proofCarouselTrack { grid-template-columns:4fr 3fr; gap:14px; }
  .home-page #proofCarouselTrack>figure:nth-child(2) { width:100%; }
  .home-page #proofCarouselTrack>figure:nth-child(3) { grid-column:1/-1; }
  .home-page #voicesList.home-quotes-reading { gap:36px; }
  .home-page #voicesList.home-quotes-reading .voice-entry { padding:24px 0 0; }
  .home-page #voicesList blockquote { font-size:1rem; }
  .home-page #faq>div { display:block; }
  .home-page #faq>div>div:first-child { text-align:left; margin:0 0 32px; }
  .home-page #faqTitle { text-align:left; }
  .home-page #faqCta { margin-left:0; }
  .home-page #contact>div { display:block; }
  .home-page #contact>div>div { text-align:left; margin-bottom:28px; }
  .home-page #b2bTitle,.home-page #b2bDescription { text-align:left; }
  .home-page #b2bCta { margin:0 auto; }
  .about-page #story .about-story-grid { grid-template-columns:1fr; grid-template-areas:'kicker' 'title' 'media' 'body'; grid-template-rows:auto; gap:0; }
  .about-page #story .about-story-figure { margin-bottom:32px; max-width:none; }
  .about-page #story #storyTitle { max-width:none; margin-bottom:32px; }
  .about-page #identity>div { grid-template-columns:minmax(0,1fr) 104px; gap:0 24px; align-items:center; }
  .about-page #identity figure { order:initial; grid-column:2; grid-row:1/3; width:100%; padding:0; }
  .about-page #identity>div>div { display:contents; }
  .about-page #logoKicker { grid-column:1; grid-row:1; align-self:end; }
  .about-page #logoTitle { grid-column:1; grid-row:2; align-self:start; margin-top:12px; }
  .about-page #identity #motiveBody { grid-column:1/-1; margin-top:28px; }
  .about-page #identity .about-identity-logo { max-width:none!important; }
  .about-page #history>div { grid-template-columns:1fr; gap:36px; }
  .about-page #history>div>div:first-child { display:grid; grid-template-columns:minmax(0,1fr) minmax(108px,34%); grid-template-rows:auto 1fr; gap:0 24px; align-items:start; }
  .about-page #historyKicker { grid-column:1; grid-row:1; margin-bottom:14px; }
  .about-page #historyTitle { grid-column:1; grid-row:2; max-width:none; font-size:clamp(1.65rem,6vw,2.5rem)!important; overflow-wrap:anywhere; }
  html[lang^="es"] .about-page #historyTitle { font-size:clamp(1rem,5vw,1.75rem)!important; overflow-wrap:normal; }
  .about-page .about-history-photo { grid-column:2; grid-row:1/3; width:100%; max-width:none; margin:0; }
  .about-page #timelineList .about-product-milestone>div { grid-template-columns:minmax(0,1fr) 96px; column-gap:16px; }
  /* A single year shares the introduction row with its photograph on phones. */
  .about-page #history:has(#timelineList>article:only-child)>div { grid-template-columns:minmax(0,1fr) minmax(108px,34%); gap:12px 24px; }
  .about-page #history:has(#timelineList>article:only-child)>div>div:first-child,
  .about-page #history #timelineList:has(>article:only-child),
  .about-page #history #timelineList>article:only-child { display:contents; }
  .about-page #history:has(#timelineList>article:only-child) #historyKicker { margin:0; }
  .about-page #history:has(#timelineList>article:only-child) .about-history-photo { grid-row:1/4; }
  .about-page #history #timelineList>article:only-child>div:first-child { grid-column:1; grid-row:3; align-self:end; padding:0; }
  .about-page #history #timelineList>article:only-child>div:first-child .display-latin { font-size:clamp(3rem,15vw,4.5rem); }
  .about-page #history #timelineList>article:only-child>div:last-child { grid-column:1/-1; grid-row:4; margin-top:24px; }
}
@media(max-width:360px) {
  .about-page #identity>div { grid-template-columns:minmax(0,1fr) 80px; column-gap:16px; }
  .about-page #logoTitle { font-size:1.75rem!important; }
}
/* September review: fewer repeated sections, clearer photographic roles. */
.products-page,.qna-page { --brand-width:1200px; --brand-gutter:clamp(24px,4.5vw,64px); --brand-paper:#fff8ef; --brand-ink:#321506; }
:is(.home-page,.about-page,.products-page,.qna-page) main :is(h1,h2,h3) { word-break:keep-all; overflow-wrap:normal; }
:is(.products-page,.qna-page) :is([data-reveal],.reveal-target) { opacity:1; transform:none; transition:none; }
.home-page .home-products-heading { display:grid; grid-template-columns:1.1fr 1fr; align-items:end; gap:56px; max-width:none; }
.home-page .home-lineup-lead { font-size:1rem; line-height:1.8; font-weight:400; color:#5a3826; max-width:32rem; padding-bottom:4px; }
.home-page .home-product-image { aspect-ratio:4/5; }
.home-page .home-product-image>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; position:static; }
.home-page .home-product-panel:nth-child(2) .home-product-image { background:#fff8ef; }
.home-page .home-product-copy { padding-top:24px; padding-bottom:0; border:0; }
.home-page .home-product-uses { color:#a93600; font-size:.8rem; line-height:1.6; margin-top:16px; font-weight:600; }
.home-page #proof>div { grid-template-columns:.9fr 1.1fr; gap:36px 64px; align-items:center; }
.home-page #proof>div>div:first-child { display:block; }
.home-page #proofTitle { margin-top:16px; font-size:clamp(2rem,3.7vw,3.25rem)!important; }
.home-page #storyBody { margin-top:24px; color:#f8dfc4c9; }
.home-page #proofCarouselTrack { grid-template-columns:repeat(2,minmax(0,1fr)); gap:20px; }
.home-page #proofCarouselTrack>figure { width:100%; aspect-ratio:3/4; overflow:hidden; }
.home-page #proofCarouselTrack>figure picture { display:block; width:100%; height:100%; }
.home-page #proofCarouselTrack>figure img { width:100%; height:100%; object-fit:cover; }
.home-page #productsGrid .home-product-image { aspect-ratio:1; }
.home-page #home-product-panel-0 .home-product-image>img { object-position:center 30%; }
.home-page #home-product-panel-1 .home-product-image>img { object-position:center 60%; }
@media(min-width:1024px) {
  .home-page #proof>div>div:first-child { grid-column:1; grid-row:1; align-self:center; padding-bottom:0; }
  .home-page #field-story { grid-column:2; grid-row:1; }
}
.home-page #voicesTitle { max-width:24ch; }
.home-page #voicesList blockquote { font-weight:400; }

/* The founder's photograph is shown complete beside the brand statement. */
.about-page #top.about-opening { padding:136px var(--brand-gutter) 64px; }
.about-page #top.about-opening>div { display:grid; grid-template-columns:1.1fr .9fr; gap:64px; max-width:var(--brand-width); min-height:0; align-items:center; margin:auto; }
.about-page #top.about-opening .about-opening-copy { display:block; width:auto; min-height:0; position:static; }
.about-page #top.about-opening h1 { font-size:clamp(4.8rem,8.3vw,7.5rem); max-width:7ch; }
.about-page #top.about-opening :is(h1,#heroKicker) { text-transform:uppercase; }
.about-page #top.about-opening #heroBody { font-weight:400; }
.about-page #top.about-opening .about-opening-photo { display:block; position:static; z-index:auto; width:auto; max-width:100%; min-height:0; margin:0; justify-self:end; }
.about-page #top.about-opening img { position:static; display:block; width:auto; height:auto; max-height:540px; max-width:100%; object-fit:contain; transform:none; }
.about-page #story .about-story-grid { grid-template-columns:1fr 1fr; grid-template-areas:'kicker kicker' 'title title' 'media body'; gap:0 56px; }
.about-page #story #storyTitle { max-width:26ch; margin-bottom:40px; word-break:keep-all; text-wrap:balance; }
.about-page #story .about-story-figure { max-width:none; justify-self:stretch; align-self:start; }
.about-page #story #storyBody { max-width:none; font-weight:400; }
.about-page #story #storyBody p:first-child { font-size:1.125rem; line-height:1.75; color:#321506; font-weight:600; }
.about-page #identity { padding-block:56px; }
.about-page #identity>div { grid-template-columns:.45fr 1.55fr; gap:64px; }
.about-page #identity .about-identity-logo { max-width:200px!important; }
.about-page #logoTitle { font-size:clamp(2rem,3vw,2.75rem)!important; margin-top:14px; max-width:none; }
.about-page #identity #motiveBody { margin-top:20px; max-width:45rem; font-weight:400; }
.about-page #historyTitle { max-width:none; font-size:clamp(1.75rem,2.35vw,2.4rem)!important; }
.about-page .about-history-photo { width:min(100%,270px); }
.about-page #timelineList .display-latin { font-size:clamp(3rem,5vw,4.25rem); }
.about-page #timelineList .about-timeline-item { padding-block:8px; }
.about-page #timelineList .about-month-start { margin-top:16px; padding-top:20px; }
.about-page #timelineList .about-timeline-item p { font-weight:600; }
.about-page #timelineList .about-timeline-item p+p { font-weight:400; }
.about-page #timelineList .about-product-milestone { padding:24px 0; margin-top:12px; border-top:1px solid #32150630; border-bottom:0; }
.about-page #timelineList .about-product-milestone>div { max-width:none; grid-template-columns:minmax(0,1fr) 128px; }
.about-page #timelineList .timeline-month { transition:color .3s; }
.about-page #timelineList .is-reading .timeline-month { color:#d94a00; }
.about-page #timelineList .is-reading>div>p:first-child { text-decoration:underline; text-decoration-color:#ef5f1855; text-underline-offset:6px; }

/* Product pages keep food photography, with taste and uses on separate levels. */
.products-page .product-opening>div { min-height:540px; max-width:1440px; grid-template-columns:1fr 1fr; }
.products-page .product-opening>div>div { min-width:0; }
.products-page .product-opening>div>div:first-child { padding:64px var(--brand-gutter); }
.products-page #pageTitle { font-size:clamp(3.3rem,6.6vw,6rem); line-height:.98; letter-spacing:-.035em; }
.products-page #pageSubtitle { font-weight:400; font-size:1rem; line-height:1.8; }
.products-page #pageSlogan { font-size:clamp(1.3rem,2vw,1.85rem); max-width:22ch; margin-top:28px; }
.products-page .product-opening img { object-position:62% center; }
.products-page .product-opening>div>div:last-child>div { display:none; }
.products-page .product-feature>div:not(.product-food-only) { padding:64px var(--brand-gutter); }
.products-page .product-food-only { min-height:570px; }
.products-page .product-feature h2 { font-size:clamp(2.7rem,4.8vw,4.3rem); letter-spacing:-.035em; line-height:1.04; }
.products-page .product-feature p[id$='Desc'] { margin-top:28px; font-size:1.15rem; line-height:1.8; font-weight:500; letter-spacing:-.015em; }
.products-page .product-feature p[id$='Uses'] { border-top:1px solid currentColor; padding-top:20px; margin-top:24px; font-size:.9rem; line-height:1.8; font-weight:400; letter-spacing:0; text-transform:none; opacity:.85; }
.products-page .product-food-only { width:min(100%,600px); min-height:0!important; aspect-ratio:4/5; align-self:center; justify-self:center; margin-block:64px; border-radius:20px; box-shadow:0 24px 64px #3215061c; }
.products-page .product-food-only img { position:static; display:block; width:100%; height:100%; object-fit:cover; object-position:center; transform:none!important; }

/* Five readable answers: no accordion interaction required. */
.qna-page main { background:#fff8ef; }
.qna-page .brand-grid-bg { background-image:none; }
.qna-page .qna-opening { background:#f8dfc4; color:#321506; padding:152px var(--brand-gutter) 48px; }
.qna-page .qna-opening>div { max-width:var(--brand-width); text-align:left; }
.qna-page .qna-opening [data-reveal] { max-width:none; margin:0; }
.qna-page #pageKicker { font:700 .75rem/1.5 'Noto Sans','Noto Sans KR',sans-serif; letter-spacing:.1em; color:#a93600; }
.qna-page #pageTitle { font-size:clamp(2.4rem,4.7vw,4rem); max-width:24ch; color:#321506; letter-spacing:-.035em; line-height:1.12; text-wrap:balance; word-break:normal; overflow-wrap:normal; hyphens:none; }
.qna-page #pageTitle .qna-title-word { display:inline-block; white-space:nowrap; }
.qna-page #pageDescription { margin:24px 0 0; color:#5a3826; font-weight:400; line-height:1.8; }
.qna-page .qna-reading { background:#fff8ef; padding:0 var(--brand-gutter) 80px; }
.qna-page .qna-reading>div { max-width:var(--brand-width); }
.qna-page #qnaList { gap:18px; }
.qna-page .qna-reading-item { display:grid; grid-template-columns:40px minmax(0,1fr); gap:24px; border:1px solid #32150620; border-radius:16px; background:#fffdf9; padding:32px; box-shadow:0 5px 20px #32150604; }
.qna-page .qna-reading-number { display:flex; align-items:center; justify-content:center; align-self:start; width:36px; height:36px; border-radius:10px; background:#ef5f1810; color:#a93600; font-size:.85rem; font-weight:700; font-variant-numeric:tabular-nums; }
.qna-page .qna-reading-item>div { display:grid; grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr); gap:32px; align-items:start; }
.qna-page .qna-reading-item h2 { font-size:1.125rem; font-weight:700; line-height:1.65; }
.qna-page .qna-reading-item p { font-size:1rem; font-weight:400; line-height:1.85; color:#5a3826; word-break:keep-all; text-wrap:pretty; }
.qna-page .qna-reading [data-reveal]:last-child { text-align:left; margin-top:28px; }
.qna-page #boardContactLink { border-radius:999px; box-shadow:none; font-weight:700; }
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .home-page .home-product-image>img { transition:none; }
  :is(.home-page,.about-page,.products-page,.qna-page) main a { transition:background-color .2s,color .2s; }
}
@media(max-width:1023px) {
  .products-page .product-opening>div { grid-template-columns:1fr; }
  .products-page .product-opening>div>div:last-child { min-height:380px; }
  .home-page #proof>div { gap:32px; }
  .qna-page .qna-reading-item>div { grid-template-columns:minmax(0,1fr); gap:12px; }
}
@media(min-width:768px) {
  .home-page #voicesList.home-quotes-reading .voice-entry,
  .home-page #voicesList.home-quotes-reading .voice-entry:first-child { border-top:0; padding-top:0; }
  html[lang^="es"] .home-page #faqTitle { font-size:clamp(2rem,3.25vw,3.15rem)!important; word-break:normal; overflow-wrap:normal; hyphens:none; }
}
@media(max-width:767px) {
  .products-page,.qna-page { --brand-gutter:20px; }
  .home-page .home-products-heading { grid-template-columns:1fr; gap:20px; }
  .home-page .hero-title { font-size:clamp(2rem,12vw,4.3rem); line-height:1; }
  .home-page #productsGrid .home-product-image { aspect-ratio:1; }
  .home-page .home-product-copy { min-height:0; }
  .home-page #productsGrid { gap:40px; }
  .home-page #proof>div { grid-template-columns:1fr; }
  .home-page #proofCarouselTrack { gap:14px; }
  .about-page #top.about-opening { padding:124px 20px 48px; }
  .about-page #top.about-opening>div { grid-template-columns:1fr; gap:32px; }
  .about-page #top.about-opening h1 { font-size:clamp(4.25rem,18vw,6rem)!important; }
  .about-page #top.about-opening .about-opening-photo { width:100%; justify-self:stretch; }
  .about-page #top.about-opening img { max-height:400px; margin:auto; }
  .about-page #story .about-story-grid { grid-template-columns:1fr; grid-template-areas:'kicker' 'title' 'media' 'body'; }
  .about-page #story #storyTitle { margin-bottom:28px; max-width:none; }
  .about-page #story .about-story-figure { margin-bottom:28px; }
  .about-page #identity { padding-block:44px; }
  .about-page #identity>div { grid-template-columns:1fr 96px; gap:0 24px; }
  .about-page #identity #motiveBody { margin-top:24px; }
  .about-page .about-history-photo { width:100%; }
  .about-page #historyTitle { font-size:clamp(1.6rem,6vw,2rem)!important; }
  .about-page #history:has(#timelineList>article:only-child) #historyTitle { grid-column:1/-1; grid-row:2; margin-block:8px 16px; }
  .about-page #history:has(#timelineList>article:only-child) .about-history-photo { grid-row:3; }
  .about-page #timelineList .about-product-milestone>div { grid-template-columns:minmax(0,1fr) 96px; }
  .products-page .product-opening>div>div:first-child { padding:48px 20px; }
  .products-page #pageTitle { font-size:clamp(2.75rem,10.5vw,4rem); }
  .products-page .product-opening>div>div:last-child { min-height:300px; }
  .products-page .product-feature>div:not(.product-food-only) { padding:40px 20px; }
  .products-page .product-food-only { width:100%; min-height:0!important; aspect-ratio:4/5; margin-block:0; border-radius:0; box-shadow:none; }
  .products-page .product-feature p[id$='Desc'] { font-size:1.05rem; }
  .qna-page .qna-opening { padding:128px 20px 36px; }
  .qna-page #pageTitle { font-size:clamp(2rem,7.8vw,2.5rem)!important; word-break:normal; overflow-wrap:normal; hyphens:none; }
  .qna-page .qna-reading-item { grid-template-columns:28px minmax(0,1fr); gap:12px; padding:22px 18px; }
  .qna-page .qna-reading-number { width:28px; height:28px; border-radius:8px; font-size:.75rem; }
  .qna-page .qna-reading-item>div { display:contents; }
  .qna-page .qna-reading-item h2 { grid-column:2; }
  .qna-page .qna-reading-item p { grid-column:1/-1; }
  .qna-page .qna-reading-item h2 { font-size:1.05rem; }
  .qna-page .qna-reading-item p { font-size:.95rem; }
}
@media(prefers-reduced-motion:reduce) {
  .about-page #timelineList .timeline-month,.home-page .home-product-image>img { transition:none; }
}