@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800;900&family=Noto+Serif+KR:wght@400;500;600;700;900&display=swap');
:root{--green:#9f1c1e;--ink:#292422;--paper:#ffffff;--lime:#faeee9;--orange:#9f1c1e;--line:rgba(65,41,35,.2);font-family:'Noto Sans KR',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:6rem}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:7px}.skip{position:fixed;left:1rem;top:-6rem;z-index:20;background:var(--lime);padding:1rem}.skip:focus{top:1rem}.header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 4.7%;border-bottom:1px solid var(--line);gap:2rem}.wordmark{font-family:'Noto Serif KR',serif;font-weight:900;font-size:1.9rem;letter-spacing:-.08em;display:inline-flex;align-items:center;gap:.7rem;white-space:nowrap}.brand-seal{font-size:.9rem;border:1px solid var(--orange);color:var(--orange);padding:.12rem .18rem;letter-spacing:0;font-weight:500}.navigation{display:flex;align-items:center;gap:2.3rem;font-size:.95rem;font-weight:500}.navigation a{padding:.6rem 0;border-bottom:1px solid transparent}.navigation a:hover{border-color:var(--green)}.nav-note{font-size:.875rem;margin-left:3rem;color:#6c625c}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.03fr 1fr;min-height:660px}.hero-copy{padding:4.6rem 8.5% 2rem 9.2%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:.875rem;font-weight:600;margin:0 0 2.1rem;letter-spacing:.05em}h1,h2,p{word-break:keep-all;overflow-wrap:break-word}h1{font-family:'Noto Serif KR',serif;font-size:clamp(2.6rem,4.25vw,5rem);font-weight:600;letter-spacing:-.065em;line-height:1.38;margin:0}.accent-word{font-weight:900}.hero-description{font-size:1rem;line-height:1.95;margin:1.8rem 0 2rem;color:#6c625c}.primary-link{background:var(--green);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:1.12rem 1.5rem;font-size:.95rem;transition:background .18s}.primary-link span{font-size:1.3rem}.primary-link:hover{background:#792521}.hero-bottom{display:flex;width:100%;justify-content:space-between;gap:1rem;margin-top:auto;padding-top:3.3rem;font-size:.75rem;letter-spacing:.04em;color:#756a63}.hero-visual{position:relative;overflow:hidden;background:#9f1c1e;min-height:580px;color:white}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.image-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,20,4,.08) 42%,rgba(1,22,9,.6))}.visual-caption{position:absolute;bottom:2.6rem;left:7%;right:7%;display:flex;align-items:flex-end;justify-content:space-between;gap:1rem}.visual-caption>span:first-child{font-family:'Noto Serif KR',serif;font-size:1.75rem;line-height:1.5;font-weight:500;letter-spacing:-.03em}.caption-index{font-size:.75rem;letter-spacing:.08em;white-space:nowrap}.statement-band{background:var(--lime);display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.65rem 4.7%;border-top:1px solid var(--green);border-bottom:1px solid var(--green);font-size:1.1rem;font-weight:500}.band-brand{font-family:'Noto Serif KR',serif;font-weight:900;letter-spacing:-.08em}.section{padding:3.5rem 7% 4.6rem}.section-label{display:flex;align-items:center;justify-content:space-between;gap:1rem;font-size:.875rem;border-bottom:1px solid var(--line);padding-bottom:1.25rem;letter-spacing:.03em}.section-label span:last-child{font-size:.75rem;letter-spacing:.08em}.ingredient-content{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:4.7rem 0}.ingredient-content h2{font-family:'Noto Serif KR',serif;font-size:clamp(2.5rem,4vw,4.6rem);font-weight:500;line-height:1.4;letter-spacing:-.06em;margin:0}.ingredient-text p{font-size:1rem;line-height:2;color:#6c625c;margin:0 0 1.8rem}.ingredient-text p.large-copy{font-size:1.5rem;color:var(--green);line-height:1.65;font-weight:500;margin-bottom:1.8rem}.text-link{display:inline-flex;gap:3rem;border-bottom:1px solid var(--green);padding:.5rem 0;font-size:.95rem}.ingredient-foot{display:flex;gap:2rem;justify-content:space-between;border-top:1px solid var(--line);padding-top:1.4rem;align-items:center}.ingredient-foot>span:first-child{font-family:'Noto Serif KR',serif;font-size:1.7rem;font-weight:700;letter-spacing:-.08em}.ingredient-foot>span:last-child{font-size:.875rem}.story-section{background:var(--green);color:var(--paper)}.story-section .section-label{border-color:rgba(245,244,237,.25)}.story-content{text-align:center;padding:4.5rem 0 1rem}.story-kicker{font-size:.95rem;color:var(--lime);margin:0 0 1.8rem}.story-content :is(h1,h2){font-family:'Noto Serif KR',serif;font-size:clamp(2rem,3.4vw,4rem);font-weight:500;line-height:1.55;letter-spacing:-.04em;margin:0 0 2rem}.story-content>p:last-of-type{font-size:1rem;line-height:2;color:#dde2d5;margin-bottom:2.6rem}.story-signature{display:inline-block;border:1px solid #b8c1aa;padding:.8rem 1.15rem;font-family:'Noto Serif KR',serif;font-size:1.25rem;font-weight:600;letter-spacing:.14em}.footer{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:3rem 4.7%;}.footer p{font-size:.75rem;margin:.75rem 0 0;color:#6c625c}.footer-right{text-align:right}.footer-right>a{font-size:.875rem;display:inline-flex;gap:2.5rem}.photo-credit{display:block;font-size:.75rem;line-height:1.7;margin:0;padding:.9rem 4.7%;border-top:1px solid var(--line);color:#6c625c}.photo-credit a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:1700px){.hero{min-height:820px}.hero-copy{padding-top:6rem}}
@media(max-width:1000px){.header{height:84px}.nav-note{display:none}.hero{min-height:600px}.hero-copy{padding-top:3.5rem}.hero-bottom{flex-wrap:wrap;font-size:.75rem}.hero-visual{min-height:570px}.hero-description br{display:none}.hero-description{max-width:22rem}.visual-caption{bottom:2rem}.visual-caption>span:first-child{font-size:1.4rem}.caption-index{display:none}.ingredient-content{gap:5%}}
@media(max-width:700px){html{scroll-padding-top:1rem}.header{height:78px;padding:0 6%;position:relative;z-index:5}.wordmark{font-size:1.6rem}.menu-toggle{display:flex;align-items:center;gap:1.3rem;padding:.7rem 0 .7rem .7rem;border:0;background:none;color:var(--green);font-size:.875rem}.menu-toggle span{font-size:1.5rem}.navigation{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);padding:1.3rem 6% 1.7rem;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #0000000d}.navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:.4rem}.navigation a{padding:.8rem 0}.hero{grid-template-columns:1fr}.hero-copy{padding:3rem 7% 1.7rem;min-height:510px}.eyebrow{margin-bottom:1.7rem;font-size:.8rem}h1{font-size:clamp(2.55rem,9vw,4rem);line-height:1.45;letter-spacing:-.07em}.hero-description{margin:1.5rem 0;font-size:.95rem;max-width:24rem}.hero-description br{display:initial}.primary-link{padding:1rem 1.35rem;gap:3rem;font-size:.9rem}.hero-bottom{padding-top:2.5rem;gap:.6rem;font-size:.75rem}.hero-visual{min-height:460px}.visual-caption{left:7%;right:7%;bottom:2rem}.visual-caption>span:first-child{font-size:1.7rem}.caption-index{display:block}.statement-band{padding:1.35rem 7%;gap:1rem;font-size:.95rem}.band-brand{display:none}.section{padding:2.5rem 7% 3rem}.section-label{font-size:.8rem}.section-label span:last-child{font-size:.75rem}.ingredient-content{grid-template-columns:1fr;padding:2.8rem 0;gap:2.5rem}.ingredient-content h2{font-size:2.8rem}.ingredient-text p.large-copy{font-size:1.3rem}.ingredient-text p{font-size:.95rem}.ingredient-foot{gap:1rem}.ingredient-foot>span:last-child{max-width:13rem;font-size:.8rem;text-align:right;line-height:1.7}.story-content{padding:3rem 0 .5rem}.story-content :is(h1,h2){font-size:clamp(1.75rem,6.3vw,2.6rem)}.story-content>p:last-of-type{font-size:.95rem}.footer{padding:2.4rem 7%;align-items:flex-start}.footer-right>a{gap:1.2rem}.footer-right>p{font-size:.75rem;max-width:10rem;line-height:1.7}.photo-credit{padding:1rem 7%}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.brand-logo{display:block;object-fit:contain;width:210px;height:70px}.navigation{gap:1.8rem}.store-nav{margin-left:1.4rem;color:#9f1c1e!important}.store-nav span{margin-left:.45rem}.hero-copy{background:#faf7f3}.eyebrow{color:#9f1c1e}.accent-word{color:#9f1c1e}.primary-link{background:#9f1c1e;color:white}.statement-band{background:#9f1c1e;color:#fff;border:0}.band-brand{font-family:'Noto Sans KR',sans-serif;letter-spacing:0}.chopi-section{background:#faf7f3}.story-section{background:#9f1c1e}.story-kicker{color:#f1d9d8}.story-section .section-label{border-color:#ffffff40}.story-content>p:last-of-type{color:#f5e9e5}.story-store{display:inline-flex;gap:2.4rem;align-items:center;padding:1rem 0;border-bottom:1px solid #fff9;font-size:.95rem}.products-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;padding:3.2rem 0 2.6rem}.products-heading :is(h1,h2){font-family:'Noto Serif KR',serif;font-size:clamp(2rem,3.1vw,3.4rem);font-weight:600;letter-spacing:-.05em;line-height:1.5;margin:0}.products-heading p{font-size:1rem;line-height:1.9;margin:0 0 .3rem;color:#6c625c}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.product-image{aspect-ratio:1;background:#f1f3f2;overflow:hidden}.product-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.product-card a:hover .product-image img{transform:scale(1.035)}.product-title{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin:1.25rem 0 .7rem}.product-title h3{font-size:1.35rem;letter-spacing:-.04em;margin:0;font-weight:600}.product-title>span{font-size:1.3rem;color:#9f1c1e}.product-card p{font-size:.95rem;line-height:1.9;color:#6c625c;margin:0 0 1rem}.product-link{font-size:.875rem;text-decoration:underline;text-underline-offset:5px}.product-note{font-size:.8rem;color:#756a63;margin:2rem 0 0}.footer-contact{display:flex;flex-direction:column;gap:.8rem;font-size:.875rem}.footer-contact a:hover{text-decoration:underline}.footer .brand-logo{width:180px;height:60px}
@media(max-width:1000px){.navigation{gap:1rem}.store-nav{margin-left:0}.brand-logo{width:185px;height:62px}.product-grid{gap:1.25rem}.footer{flex-wrap:wrap}.footer-right{margin-left:auto}}
@media(max-width:700px){.brand-logo{width:168px;height:56px}.navigation{gap:.4rem}.store-nav{color:#9f1c1e!important}.hero-copy{min-height:520px}.products-heading{display:block;padding:2.4rem 0 2rem}.products-heading :is(h1,h2){font-size:2.2rem}.products-heading p{margin-top:1.3rem;font-size:.95rem}.product-grid{grid-template-columns:1fr;gap:2.6rem}.product-image{aspect-ratio:1.15}.product-title h3{font-size:1.3rem}.product-note{font-size:.8rem;line-height:1.7}.footer{gap:2rem}.footer-contact{order:3;flex-basis:100%;flex-direction:row;justify-content:space-between;gap:1rem;font-size:.8rem}.footer .brand-logo{width:150px;height:50px}.footer-right{padding-top:.8rem}.story-store{gap:1.3rem}.hero-visual{min-height:450px}}
.header{height:auto;min-height:104px;padding-top:1rem;padding-bottom:1rem}.wordmark{gap:.6rem;color:#9f1c1e}.wordmark-text{font-family:'Noto Serif KR',serif;font-size:1.65rem;font-weight:900;letter-spacing:-.065em}.wordmark-text small{display:block;font-family:'Noto Sans KR',sans-serif;font-size:.75rem;font-weight:500;letter-spacing:.02em;margin-top:.25rem}.official-logo{display:block;flex-shrink:0;width:auto;height:64px;object-fit:contain}.footer .official-logo{height:56px}.hero-visual{background:#ffb600;color:#292422}.hero-photo{object-position:50% 50%}.image-shade{background:linear-gradient(180deg,transparent 65%,rgba(255,184,0,.3))}.visual-caption>span:first-child{font-size:1.5rem;font-weight:700}.ingredient-content{align-items:center}.ingredient-photo{aspect-ratio:.94;overflow:hidden}.ingredient-photo img{width:100%;height:100%;object-fit:cover;object-position:36% 65%;display:block}.ingredient-text h2{margin:0 0 1.9rem;font-size:clamp(2.2rem,3.5vw,4rem)}.ingredient-text p.large-copy{font-size:1.25rem}.story-section{background:#9f1c1e}.jenpi-card{order:-1}.statement-band{background:#9f1c1e}.brand-seal,.brand-logo{display:none}
@media(max-width:1000px){.header{min-height:90px}.wordmark-text{font-size:1.5rem}.visual-caption>span:first-child{font-size:1.25rem}}
@media(max-width:700px){.header{min-height:86px;padding-top:.8rem;padding-bottom:.8rem}.wordmark-text{font-size:1.45rem}.wordmark-text small{font-size:.75rem}.hero-visual{min-height:450px;aspect-ratio:1}.visual-caption{bottom:1.5rem}.visual-caption>span:first-child{font-size:1.25rem}.ingredient-photo{aspect-ratio:1.2}.ingredient-text h2{font-size:2.7rem}.footer .wordmark-text{font-size:1.25rem}.footer .wordmark-text small{font-size:.75rem}.footer{column-gap:1rem}.footer-right>p{max-width:7rem}.footer-contact{flex-wrap:wrap}}
@media(max-width:700px){.hero-visual{width:100%;min-width:0;min-height:0;aspect-ratio:1}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:700px){.official-logo{height:54px}.footer .official-logo{height:48px}.primary-link{gap:1.6rem}}

/* Brand, ingredient research and product development */
.hero-description{max-width:29rem;margin-bottom:1.1rem}
.hero-business-link{display:inline-flex;align-items:center;gap:1.4rem;font-size:.9rem;font-weight:500;color:#9f1c1e;border-bottom:1px solid #9f1c1e;padding:.45rem 0;margin-bottom:1.5rem}
.hero-bottom{line-height:1.7}
.business-section{background:#fff}
.business-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding:3.2rem 0 2.8rem}
.business-heading :is(h1,h2){font-family:'Noto Serif KR',serif;font-size:clamp(2.2rem,3.4vw,3.8rem);font-weight:600;letter-spacing:-.05em;line-height:1.45;margin:0}
.business-heading>p{color:#6c625c;line-height:1.9;font-size:1rem;margin:0 0 .3rem}
.business-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}
.business-card{border-top:2px solid #9f1c1e;border-bottom:1px solid var(--line);padding:1.5rem 0 1.8rem;display:flex;flex-direction:column;align-items:flex-start}
.business-card-top{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-bottom:2.3rem}
.business-number{font-family:'Noto Serif KR',serif;font-size:2rem;color:#9f1c1e;line-height:1}
.business-status{font-size:.75rem;padding:.4rem .7rem;background:#faeee9;border-radius:2px;color:#842023;white-space:nowrap}
.business-card h3{font-size:1.5rem;letter-spacing:-.04em;margin:0 0 1rem;font-weight:600}
.business-card>p{font-size:.95rem;line-height:1.95;color:#6c625c;margin:0 0 1.75rem}
.business-card .text-link{font-size:.8rem;margin-top:auto;gap:2rem}
.business-detail{font-size:.8rem;line-height:1.7;color:#9f1c1e;margin-top:auto;padding:.5rem 0}
.business-note{font-size:.8rem;line-height:1.8;color:#6c625c;margin:1.3rem 0 0}
.products-section{background:#faf7f3}
.chopi-section{background:#fff}
.story-content>p:last-of-type{max-width:44rem;margin-left:auto;margin-right:auto}
.story-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem 2.5rem}
.story-contact{display:inline-flex;align-items:center;gap:2rem;background:white;color:#9f1c1e;padding:1.05rem 1.4rem;font-size:.95rem;font-weight:500}
.story-section a:focus-visible{outline-color:white}
@media(max-width:1000px){.business-grid{gap:1.25rem}.business-card h3{font-size:1.35rem}.business-heading>p{max-width:21rem}.business-heading>p br{display:none}.hero-bottom{flex-direction:column;gap:.25rem}.hero-copy{padding-top:3rem}}
@media(max-width:700px){.hero-copy{min-height:0;padding-top:2.6rem;padding-bottom:1.8rem}.hero-business-link{font-size:.85rem;margin-bottom:1.4rem}.hero-bottom{padding-top:2rem;flex-direction:row;flex-wrap:wrap;gap:.5rem 1rem}.hero-description{max-width:28rem}.business-heading{display:block;padding:2.4rem 0 2rem}.business-heading :is(h1,h2){font-size:2.3rem}.business-heading>p{font-size:.95rem;max-width:24rem;margin:1.3rem 0 0}.business-grid{grid-template-columns:1fr;gap:1.8rem}.business-card{padding:1.25rem 0 1.5rem}.business-card-top{margin-bottom:1.5rem}.business-card h3{font-size:1.4rem}.business-card>p{margin-bottom:1.2rem}.business-note{margin-top:1.2rem}.story-actions{flex-direction:column;gap:1rem;align-items:stretch;max-width:24rem;margin:auto}.story-contact,.story-store{justify-content:space-between;font-size:.85rem;gap:1rem}.story-content>p:last-of-type{max-width:30rem}.story-content>p:last-of-type br{display:none}.ingredient-text h2{font-size:clamp(2.1rem,8.7vw,2.7rem)}}

.renewal-card .product-image{position:relative}
.product-status{position:absolute;top:1rem;left:1rem;z-index:1;display:inline-block;padding:.55rem .8rem;background:#9f1c1e;color:#fff;font-size:.875rem;font-weight:600;line-height:1.4}
/* Separate pages, with shared brand navigation. */
body{min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.navigation a[aria-current="page"]{color:#9f1c1e;border-bottom:2px solid #9f1c1e;font-weight:700}
.breadcrumb{display:flex;gap:.85rem;align-items:center;padding:1.5rem 7%;font-size:.875rem;color:#6c625c;border-bottom:1px solid var(--line)}
.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.breadcrumb [aria-current]{color:var(--ink)}
.home-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.5rem;padding-top:2.5rem;padding-bottom:2.8rem}
.home-page-link{border-top:1px solid var(--line);padding:1.2rem 0 .5rem}
.home-page-label{display:flex;justify-content:space-between;gap:1rem;font-size:1.15rem;font-weight:600;color:#9f1c1e}
.home-page-link p{font-size:1rem;line-height:1.8;margin:.75rem 0 0;color:#6c625c}
.home-page-link:hover{border-color:#9f1c1e}
.page-business .business-section,.page-products .products-section{padding-top:2.5rem}
.page-story main{background:#9f1c1e}
.page-story .breadcrumb{background:white}
.page-story .story-section{min-height:calc(100svh - 175px)}
@media(max-width:850px) and (min-width:701px){.navigation{gap:.8rem}.wordmark-text{font-size:1.25rem}.header{gap:1rem;padding-left:4%;padding-right:4%}}
@media(max-width:700px){.home-pages{grid-template-columns:1fr;gap:1.3rem;padding-top:1.8rem;padding-bottom:2rem}.breadcrumb{padding-top:1.1rem;padding-bottom:1.1rem}.navigation a[aria-current="page"]{border-bottom:1px solid #9f1c1e}.page-story .story-section{min-height:0}}

/* Shared mobile experience on the same pages and domain. */
.mobile-actions{display:none}
img{max-width:100%}
@media(max-width:900px){
  html{scroll-padding-top:96px}
  .header{position:sticky;top:0;z-index:10;min-height:80px;padding:12px 5%;gap:16px;background:#fff}
  .header .official-logo{height:50px}
  .wordmark-text{font-size:1.4rem}
  .wordmark-text small{font-size:.75rem}
  .menu-toggle{display:flex;align-items:center;justify-content:center;gap:12px;min-width:80px;min-height:48px;padding:8px 10px;border:1px solid var(--line);border-radius:2px;background:#fff;color:var(--green);font-size:.95rem;flex-shrink:0}
  .menu-toggle span{font-size:1.3rem;line-height:1}
  .navigation{display:none;position:absolute;top:100%;left:0;right:0;padding:8px 5% 20px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 10px 20px #0000000d;max-height:calc(100svh - 160px);overflow-y:auto;overscroll-behavior:contain}
  .navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}
  .navigation a{display:flex;align-items:center;min-height:52px;padding:12px 8px;font-size:1rem}
  .navigation a[aria-current="page"]{border-bottom:1px solid var(--line);background:#faf7f3}
  .navigation .store-nav{margin:8px 0 0;color:#fff!important;background:var(--green);justify-content:space-between;padding:12px 16px}
}
@media(max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-bottom:100px}
  body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  main,.hero,.hero-copy,.product-card,.business-card,.ingredient-text{min-width:0}
  .header{padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right))}
  .hero{display:grid;grid-template-columns:minmax(0,1fr);min-height:0;background:#faf7f3;padding:28px 0 30px}
  .hero-copy{display:contents}
  .hero-copy>.eyebrow{grid-row:1;margin:0 24px 12px;font-size:.75rem;line-height:1.8;letter-spacing:.015em}
  .hero-copy>h1{grid-row:2;margin:0 24px 24px;font-size:clamp(2rem,8.5vw,3.1rem);line-height:1.42;letter-spacing:-.065em}
  .hero-visual{grid-row:3;display:block;width:100%;min-height:0;aspect-ratio:1.1;margin:0 0 24px}
  .hero-photo{object-fit:cover;object-position:50% 55%}
  .visual-caption{bottom:16px;left:24px;right:24px;align-items:center}
  .visual-caption>span:first-child{font-family:'Noto Sans KR',sans-serif;font-size:.875rem;line-height:1.5}
  .caption-index{font-size:.625rem;letter-spacing:.03em}
  .hero-copy>.hero-description{grid-row:4;margin:0 24px 16px;max-width:none;font-size:1rem;line-height:1.85}
  .hero-copy>.hero-business-link{grid-row:5;justify-self:start;min-height:44px;align-items:center;margin:0 24px 20px;padding:8px 0;font-size:.9375rem}
  .hero-copy>.primary-link{grid-row:6;margin:0 24px;padding:16px 18px;min-height:56px;font-size:1rem;gap:12px}
  .hero-bottom{display:none}
  .statement-band{padding:20px 24px;font-size:1rem;line-height:1.8;word-break:keep-all}
  .section{padding:36px 24px 44px}
  .section-label{font-size:.8125rem;line-height:1.6;gap:12px}
  .section-label span:last-child{font-size:.625rem;letter-spacing:.06em;white-space:nowrap}
  .home-pages{padding:28px 24px 32px;gap:8px}
  .home-page-link{padding:22px 0;min-height:96px}
  .home-page-label{font-size:1.125rem}
  .home-page-link p{font-size:1rem;margin-top:8px}
  .breadcrumb{padding:12px 24px;min-height:52px;line-height:1.7}
  .breadcrumb a{display:inline-flex;align-items:center;min-height:36px}
  .page-business .business-section,.page-products .products-section{padding-top:28px}
  .business-heading,.products-heading{padding:28px 0}
  .business-heading :is(h1,h2),.products-heading :is(h1,h2),.ingredient-text h2{font-size:clamp(1.85rem,7.5vw,2.65rem);line-height:1.5}
  .business-heading>p,.products-heading>p{font-size:1rem;line-height:1.85;margin-top:18px;max-width:none}
  .products-heading>p br,.business-heading>p br{display:none}
  .business-grid{gap:24px}
  .business-card{padding:24px 0}
  .business-card-top{margin-bottom:20px}
  .business-card h3{font-size:1.375rem}
  .business-card>p,.product-card p,.ingredient-text p,.story-content>p:last-of-type{font-size:1rem;line-height:1.9}
  .business-card .text-link,.text-link{min-height:44px;align-items:center;font-size:.9375rem}
  .business-detail{font-size:.875rem}
  .business-note,.product-note{font-size:.875rem;line-height:1.8}
  .product-grid{gap:36px}
  .product-card>a{display:block}
  .product-image{aspect-ratio:1.12}
  .jenpi-card .product-image{aspect-ratio:1.25;background:#f1f3f2}
  .jenpi-card .product-image img{object-fit:contain}
  .product-title{margin:18px 0 8px}
  .product-title h3{font-size:1.375rem}
  .product-link{display:inline-flex;align-items:center;min-height:44px;font-size:.9375rem;color:var(--green)}
  .ingredient-content{gap:28px;padding:28px 0}
  .ingredient-text h2{margin-bottom:20px}
  .ingredient-foot{align-items:flex-start}
  .ingredient-foot>span:last-child{font-size:.875rem;max-width:70%}
  .story-content{padding:32px 0 4px;text-align:left}
  .story-kicker{font-size:.875rem;line-height:1.8;margin-bottom:20px}
  .story-content :is(h1,h2){font-size:clamp(1.8rem,7vw,2.6rem);line-height:1.65;margin-bottom:24px}
  .story-content>p:last-of-type{margin:0 0 28px}
  .story-actions{max-width:none}
  .story-contact,.story-store{min-height:54px;font-size:.9375rem;line-height:1.6}
  .footer{display:grid;grid-template-columns:minmax(0,1fr);gap:22px;padding:32px 24px 24px}
  .footer p{font-size:.8125rem;line-height:1.8}
  .footer-contact{order:initial;display:flex;flex-direction:column;align-items:flex-start;gap:4px;font-size:.875rem}
  .footer-contact a{display:inline-flex;align-items:center;min-height:44px;flex-wrap:wrap;gap:6px}
  .footer-right{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0;padding:16px 0 0;border-top:1px solid var(--line);text-align:left}
  .footer-right>a{min-height:44px;align-items:center;gap:12px;flex-shrink:0}
  .footer-right>p{max-width:none;margin:0;font-size:.625rem;text-align:right}
  .photo-credit{padding:16px 24px 24px;font-size:.6875rem;line-height:1.9}
  .mobile-actions{display:grid;grid-template-columns:1fr 1fr 1.25fr;position:fixed;left:0;right:0;bottom:0;z-index:15;min-height:76px;padding:8px max(12px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left));gap:8px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 20px #29242208}
  .mobile-actions>a{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:58px;font-size:.8125rem;line-height:1.4;border-radius:2px}
  .mobile-actions>a>span[aria-hidden]{font-size:1.125rem;line-height:1}
  .mobile-actions svg{width:20px;height:20px}
  .mobile-actions>a[aria-current="page"]{color:var(--green);font-weight:700;background:#faf7f3}
  .mobile-actions>.mobile-buy{flex-direction:row;gap:12px;background:var(--green);color:#fff;font-size:1rem;font-weight:600}
  .mobile-actions a:focus-visible{outline-offset:1px}
}
@media(max-width:360px){
  .wordmark-text{font-size:1.2rem}
  .wordmark-text small{font-size:.625rem}
  .header .official-logo{height:46px}
  .menu-toggle{min-width:68px;gap:8px;font-size:.875rem}
  .hero-copy>.eyebrow{font-size:.6875rem}
  .caption-index{display:none}
}
