/* 장안발효 — 화면용 서체 체계. 실제 제품 패키지의 글자는 원본을 유지한다. */
:root{--serif:'Newsreader',Georgia,serif;--ko:'MaruBuri',serif;--ui:'Pretendard','Malgun Gothic',sans-serif}
body{font-family:var(--ui);font-size:18px;line-height:1.65;font-synthesis:none;word-break:keep-all;overflow-wrap:break-word}
button,input,select,textarea{font-family:var(--ui)}
h1,h2,h3{font-synthesis:none}
em{font-style:normal}
.header{font-size:13px;line-height:1.3;letter-spacing:.03em}
.brand{font-family:var(--ko)!important;font-weight:600!important;letter-spacing:0}
.brand span{font-family:var(--ui);font-size:12px}
.hero-heading{padding:4.2vw 3vw 3vw}
.hero h1{font:400 clamp(72px,12.6vw,242px)/1.12 var(--serif);font-optical-sizing:auto;letter-spacing:-.025em}
.hero-foot{font-size:13px;line-height:1.65}
.eyebrow{font:500 13px/1.6 var(--ui);letter-spacing:.06em}
.statement{font:400 clamp(32px,3.9vw,64px)/1.65 var(--ko);letter-spacing:-.02em}
.collection .statement{font-size:clamp(30px,3.6vw,58px);line-height:1.7}
.giant,.shelf>.giant{font:400 clamp(80px,16.2vw,300px)/1.04 var(--serif);font-optical-sizing:auto;letter-spacing:-.025em}
.ferment .giant{position:relative;padding:0 3vw}
.floating-product{margin:48px auto 28px}
.shelf>.giant{padding:0 3vw}
.product-window{margin-top:56px}
.featured-note>span,.product-subtitle{font:400 13px/1.6 var(--ui);letter-spacing:.04em}
.featured-note h3{font:600 30px/1.45 var(--ko);letter-spacing:-.015em;margin:14px 0}
.featured-note p{font:400 17px/1.85 var(--ui)}
.product-label{font:600 24px/1.5 var(--ko);letter-spacing:-.015em;margin-top:24px}
.oval{font:500 14px/1.5 var(--ui)}
.product-controls,.recipe-controls{font:400 14px/1.6 var(--ui)}
.product-controls button,.recipe-controls button{font-size:13px;min-height:48px}
.full-bleed>span{font:400 clamp(26px,3vw,48px)/1.65 var(--ko);letter-spacing:-.02em}
.table-section>.giant{font:400 clamp(54px,10.7vw,205px)/1.12 var(--serif);letter-spacing:-.025em;padding:0 3vw}
.recipe-card h3{font:600 25px/1.5 var(--ko);letter-spacing:-.02em}
.recipe-card span{font-size:13px}
.recipe-card p{font:400 16px/1.8 var(--ui);color:#c8c3bd}
.contact h2{font:400 clamp(40px,5vw,80px)/1.5 var(--ko);letter-spacing:-.025em}
.footer-logo{display:inline-block;font:400 clamp(40px,8.5vw,160px)/1.2 var(--serif);letter-spacing:-.025em}
.footer-links>div{font-size:14px}
.legal{font:400 12px/1.7 var(--ui)}
.replay,.intro>button,.close{font-size:14px}
.intro-art span{font:400 34px/1.5 var(--ko);letter-spacing:.08em}
.intro>p{font:400 12px/1.6 var(--ui);letter-spacing:.13em}
.menu-layout nav a{font:400 clamp(35px,4.5vw,72px)/1.2 var(--serif);letter-spacing:-.02em}
.menu-layout small{font:400 14px/1.6 var(--ui)}
.menu-layout p{font-size:14px}
.content-dialog h2{font:400 clamp(30px,4vw,54px)/1.5 var(--ko);letter-spacing:-.025em}
.content-dialog p{line-height:1.85}
.story-columns p{font-size:18px}
.story-columns h3{font:600 26px/1.5 var(--ko)}
.catalog-item h3{font:500 17px/1.6 var(--ui)}
.catalog-item p,.catalog-note{font:400 15px/1.75 var(--ui)}
.catalog-filters button{font-size:14px}
#product-content h2{font:600 34px/1.5 var(--ko)}
#product-content .eyebrow{font-size:12px}
.price{font-family:var(--ui);font-weight:500;font-variant-numeric:tabular-nums}
.buy-note{font-size:14px}
@media(max-width:700px){
 body{font-size:16px}
 .header{font-size:12px}
 .brand{font-size:18px!important}
 .hero-heading{padding:10vw 5vw 4vw}
 .hero h1{font-size:18vw;line-height:1.08;letter-spacing:-.025em}
 .hero h1 em{font-size:26vw;line-height:1.1}
 .hero-foot{font-size:12px}
 .hero-foot>a{max-width:100px;text-align:right}
 .eyebrow{font-size:11px;letter-spacing:.04em}
 .statement,.collection .statement{font-size:clamp(23px,6.05vw,40px);line-height:1.85;letter-spacing:-.02em}
 .inline-photo{width:1.2em;margin:0 .05em}
 .giant,.ferment .giant,.shelf>.giant{font-size:17.8vw;line-height:1.06;letter-spacing:-.025em}
 .floating-product{margin:32px auto}
 .product-window{margin-top:36px}
 .product-label{font-size:22px}
 .product-subtitle{font-size:12px}
 .featured-note h3{font-size:28px}
 .featured-note p{font-size:16px}
 .product-controls{flex-wrap:wrap;gap:18px}
 .product-controls>p{font-size:12px;max-width:none}
 .product-controls>div{gap:18px}
 .recipe-controls{font-size:12px}
 .table-section>.giant{font-size:11.3vw;line-height:1.18;letter-spacing:-.025em}
 .recipe-card h3{font-size:22px}
 .recipe-card p{font-size:16px}
 .contact h2{font-size:clamp(34px,9vw,54px);letter-spacing:-.02em}
 .contact .eyebrow{font-size:11px}
 .footer-logo{font-size:10.8vw;letter-spacing:-.025em}
 .footer-links>div{font-size:13px}
 .legal{font-size:12px}
 .menu-layout nav a{font-size:36px;line-height:1.3}
 .menu-layout small{display:block;margin:2px 0 0;font-size:13px}
 .story-columns p{font-size:16px}
 .catalog-item h3{font-size:16px}
 .catalog-item p,.catalog-note{font-size:14px}
 .catalog-filters button{font-size:13px}
 #product-content h2{font-size:30px}
}