@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
@font-face{font-family:SangjuBrush;src:url('assets/SangjuGyeongcheon.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{--green:#203e2d;--paper:#f7f6f0;--ink:#20352a;--muted:#687166;--line:#cbd0c6;--font:'Noto Sans KR',-apple-system,BlinkMacSystemFont,sans-serif;--brush:SangjuBrush,'AppleMyungjo',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);word-break:keep-all}h1,h2,h3,h4,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #b77c3d;outline-offset:5px}img{max-width:100%;display:block}.header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:25px;height:90px;padding:0 5%;background:#f7f6f0f0;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.brand{font-family:var(--brush);font-size:40px;line-height:1;font-weight:400;white-space:nowrap}.brand span{font-family:var(--font);font-size:9px;letter-spacing:2px;display:block;margin-top:8px}nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav-cta{background:var(--green);color:var(--paper);padding:12px 20px}.nav-cta span{margin-left:22px}
.hero{position:relative;display:grid;grid-template-columns:54% 46%;background:var(--green);color:var(--paper);overflow:hidden;min-height:850px}.hero-copy{z-index:2;padding:58px 8% 60px 10%}.eyebrow{font-size:14px;letter-spacing:.07em;font-weight:500;margin-bottom:26px;color:var(--green)}.hero .eyebrow{color:#ced7bc}.hero h1{font-family:var(--brush);font-weight:400;font-size:clamp(82px,8.5vw,145px);line-height:1.06;letter-spacing:-.035em;-webkit-text-stroke:.45px currentColor}.hero h1 em{font-style:normal;color:#e7d89b;display:inline-block;transform:rotate(-3deg);margin-top:10px;white-space:nowrap}.hero-description{margin-top:30px;font-size:16px;line-height:1.9;color:#dce2d6}.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:18px 23px;font-size:14px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary,.light{background:var(--paper);color:var(--green)}.hero .button{margin-top:27px}.text-link{display:flex;align-items:center;gap:16px;font-size:14px;margin-top:24px}.hero .text-link{color:#c8d3c3}.hero-product{position:relative;min-width:0;overflow:hidden;will-change:transform}.hero-product img{position:absolute;inset:0;width:100%;height:110%;object-fit:cover;object-position:50% 45%}.hero-caption{position:absolute;bottom:22px;right:24px;color:#fff;font-size:12px;background:#16321dc9;padding:8px 12px}
.section{padding:105px 7%;scroll-margin-top:16px}.section h2{font-family:var(--brush);font-weight:400;font-size:clamp(52px,5.8vw,84px);line-height:1.2;letter-spacing:-.025em;-webkit-text-stroke:.2px currentColor}.trust{text-align:center;padding-bottom:75px}.stats{display:grid;grid-template-columns:repeat(3,1fr);max-width:1200px;margin:55px auto 0}.stats>div+div{border-left:1px solid var(--line)}.stats strong{font-family:var(--brush);font-size:88px;font-weight:400;line-height:1.2}.stats strong span{font-family:var(--font);font-size:20px;margin-left:10px}.stats p{font-size:15px;color:var(--muted);margin-top:12px}.delivery-photo{position:relative;margin:0 7% 100px;height:470px;overflow:hidden}.delivery-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 47%}.delivery-photo::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#0008)}.delivery-photo figcaption{position:absolute;left:40px;bottom:30px;font-family:var(--brush);font-size:clamp(42px,5vw,68px);color:var(--paper);z-index:1}
.custom{background:#e9ede5}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:45px}.section-description{font-size:16px;line-height:1.9;color:var(--muted);padding-bottom:12px}.custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.custom-grid article{min-width:0;padding:40px}.price-panel{color:var(--paper);background:var(--green);display:flex;flex-direction:column;justify-content:center}.card-label{font-size:12px;letter-spacing:.12em;opacity:.7;margin-bottom:25px}.custom-grid h3{font-family:var(--brush);font-size:clamp(44px,4.4vw,64px);font-weight:400;line-height:1.2;letter-spacing:-.02em}.body-copy{font-size:16px;line-height:1.9;color:var(--muted);margin-top:25px}.price-panel .body-copy{color:#d9e1d2}.size-options{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.size-options span{border:1px solid #dce3d278;padding:12px 20px;font-size:14px}.fine-print{font-size:12px;line-height:1.9;color:var(--muted);margin-top:32px}.price-panel .fine-print{color:#c5d1bd}.combination-panel{background:var(--paper)}.combination-photo{width:100%;height:250px;object-fit:cover;object-position:50% 50%;margin-bottom:27px}.combination-list{margin-top:20px}.combination-list>div{display:flex;gap:18px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}.combination-list>div:last-child{border:0}.combination-number{width:25px;font-size:20px;text-align:center}.combination-list h4{font-size:16px;font-weight:600;margin-bottom:5px}.combination-list p{font-size:14px;color:var(--muted)}.combination-panel .fine-print{margin-top:20px}
.packaging{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%}.packaging-photo{position:relative;height:780px;overflow:hidden}.packaging-photo img{width:100%;height:100%;object-fit:cover}.image-caption{position:absolute;bottom:20px;left:20px;color:var(--paper);font-size:12px;background:#203e2dcc;padding:8px 13px}.packaging-types{margin-top:24px}.packaging-types>div{display:flex;gap:20px;padding:22px 0;border-bottom:1px solid var(--line)}.packaging-types>div>span{font-size:12px;padding-top:6px}.packaging-types h3{font-size:20px;font-weight:600}.packaging-types p{font-size:14px;line-height:1.9;color:var(--muted);margin-top:8px}.packing-examples{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:25px}.packing-examples img{width:100%;height:180px;object-fit:cover}.packing-examples figcaption{font-size:12px;margin-top:9px;color:var(--muted)}.packaging .text-link{font-weight:500}.locations{padding-top:20px}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:42px}.location-grid article{padding-top:27px;border-top:1px solid var(--line)}.location-label{font-size:11px;letter-spacing:.13em;color:var(--muted)}.location-grid h3{font-family:var(--brush);font-size:40px;font-weight:400;margin-top:15px;line-height:1.3}.location-grid p{font-size:16px;color:var(--muted);line-height:1.9;margin-top:16px}
.order{background:var(--green);color:var(--paper);display:grid;grid-template-columns:1.25fr 1fr;gap:7%;align-items:center}.order .eyebrow{color:#c3d0b9}.order h2{font-size:clamp(52px,5.6vw,80px)}.order-description{margin-top:26px;font-size:16px;line-height:1.9;color:#d6dfcf}.order-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:30px}.instagram-link{font-size:14px;padding-bottom:5px;border-bottom:1px solid #94a289;display:inline-flex;gap:16px}.phone{display:inline-block;font-size:15px;letter-spacing:.1em;color:#c0ceb5;margin-top:22px}.order-checklist{border:1px solid #91a18266;padding:30px}.order-checklist>p{font-size:16px}.order-checklist ol{list-style:none;padding:0;margin:23px 0}.order-checklist li{display:flex;gap:18px;font-size:15px;line-height:1.8;border-bottom:1px solid #91a18240;padding:14px 0}.order-checklist li:last-child{border:0}.order-checklist li span{font-size:12px;color:#a7b89b;padding-top:4px}.order-checklist small{font-size:12px;line-height:1.9;color:#b9c8af;display:block}footer{padding:42px 5% 26px}footer>div:first-child{display:flex;align-items:flex-start;justify-content:space-between;gap:25px}footer p{font-size:13px;line-height:1.9;color:var(--muted);text-align:right}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-top:22px;margin-top:35px;font-size:11px;color:var(--muted)}.mobile-order{display:none}.will-reveal{opacity:0;transform:translateY(35px);transition:opacity .85s,transform .85s cubic-bezier(.2,.65,.3,1)}.will-reveal.is-visible{opacity:1;transform:none}
@media(min-width:1650px){.hero-copy{padding-left:14%}.section{padding-left:10%;padding-right:10%}}
@media(max-width:1100px){.hero{min-height:740px}.hero-copy{padding-top:45px}.hero h1{font-size:9.3vw}.hero-description{font-size:15px}.section-heading{display:block}.section-description{margin-top:25px}.custom-grid article{padding:30px}.packaging{gap:5%}.packaging-photo{height:760px}.section h2{font-size:60px}.packing-examples img{height:150px}.order{grid-template-columns:1fr 1fr;gap:5%}.order h2{font-size:61px}.order-checklist{padding:22px}}
@media(max-width:760px){.header{height:76px;padding:0 6%}.brand{font-size:34px}.brand span{font-size:8px;letter-spacing:1.2px}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:11px 13px}.nav-cta span{margin-left:12px}.hero{display:flex;flex-direction:column;min-height:0}.hero-copy{padding:39px 6% 36px}.hero .eyebrow{font-size:12px;margin-bottom:20px}.hero h1{font-size:clamp(75px,18vw,130px);line-height:1.04;letter-spacing:-.02em}.hero h1 br:first-of-type{display:none}.hero h1 em{margin-top:9px}.hero-description{font-size:14px;margin-top:25px}.hero .button{font-size:13px;padding:16px 19px;gap:20px;margin-top:25px}.hero .text-link{font-size:13px;margin-top:19px}.hero-product{height:440px;flex:none;width:100%;aspect-ratio:auto}.hero-product img{height:115%;object-position:50% 45%}.hero-caption{bottom:17px;right:17px;font-size:11px}.section{padding:72px 6%}.section .eyebrow{font-size:12px;margin-bottom:20px}.section h2{font-size:clamp(46px,11vw,65px);line-height:1.18}.trust{padding-bottom:52px}.stats{grid-template-columns:1fr;gap:20px;margin-top:38px}.stats>div+div{border-left:0;border-top:1px solid var(--line);padding-top:22px}.stats strong{font-size:75px}.stats strong span{font-size:18px}.stats p{font-size:14px;margin-top:4px}.delivery-photo{margin:0 6% 65px;height:340px}.delivery-photo figcaption{left:22px;bottom:20px;font-size:40px;max-width:90%}.section-description{font-size:15px;margin-top:20px}.section-heading{margin-bottom:27px}.custom-grid{grid-template-columns:1fr;gap:18px}.custom-grid article{padding:30px}.custom-grid h3{font-size:48px}.price-panel{min-height:460px}.combination-photo{height:270px}.body-copy{font-size:15px}.size-options{gap:10px}.size-options span{padding:11px 18px}.packaging{grid-template-columns:1fr;gap:35px}.packaging-photo{height:auto;aspect-ratio:3/4;max-height:650px}.packaging-types h3{font-size:18px}.packing-examples img{height:190px}.locations{padding-top:0}.location-grid{grid-template-columns:1fr;gap:35px;margin-top:35px}.location-grid h3{font-size:35px}.location-grid p{font-size:15px}.order{grid-template-columns:1fr;gap:40px}.order h2{font-size:clamp(49px,12vw,70px)}.order-description{font-size:15px}.order-actions{flex-direction:column;align-items:flex-start;gap:22px}.order-checklist{padding:25px}.order-checklist li{font-size:14px}footer>div:first-child{display:block}footer p{text-align:left;margin-top:22px;font-size:12px}.footer-bottom{font-size:10px}.footer-bottom>span:last-child{display:none}.mobile-order{position:fixed;left:6%;right:6%;bottom:18px;z-index:15;display:flex;justify-content:space-between;align-items:center;padding:17px 23px;background:var(--green);color:var(--paper);border:1px solid #fff5;box-shadow:0 4px 20px #0004;font-size:14px;opacity:0;visibility:hidden;transform:translateY(20px);transition:opacity .2s,transform .2s,visibility .2s}.mobile-order.is-shown{opacity:1;visibility:visible;transform:none}}
@media(max-width:420px){.hero h1{font-size:18vw}.hero h1 br:first-of-type{display:block}.hero h1 em{font-size:20vw}.hero-product{height:390px}.section h2{font-size:11.5vw}.packing-examples img{height:145px}.custom-grid h3{font-size:43px}.order h2{font-size:12.5vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.hero-product{will-change:auto}}

/* Upright, weighty brush lettering with a traditional Korean structure. */
.hero h1{font-size:clamp(68px,7.3vw,116px);line-height:1.19;letter-spacing:-.035em;-webkit-text-stroke:0}
.hero h1 em{transform:none;letter-spacing:-.05em}
.section h2{font-size:clamp(42px,4.5vw,68px);line-height:1.32;letter-spacing:-.045em;-webkit-text-stroke:0}
.custom-grid h3{font-size:clamp(36px,3.5vw,52px);line-height:1.4}
.packaging h2{font-size:clamp(36px,3.9vw,57px)}
.location-grid h3{font-size:32px}.delivery-photo figcaption{font-size:clamp(32px,4vw,56px)}
.order h2{font-size:clamp(40px,4.2vw,64px)}
.brand{font-size:30px;letter-spacing:-.08em}.brand span{letter-spacing:1.2px}
@media(max-width:1100px){.hero h1{font-size:7.6vw}.section h2{font-size:49px}.packaging h2{font-size:40px}.order h2{font-size:43px}.custom-grid h3{font-size:40px}}
@media(max-width:760px){.brand{font-size:25px}.hero h1{font-size:clamp(58px,12.7vw,92px)}.hero h1 br:first-of-type{display:block}.hero h1 em{font-size:inherit}.hero-copy{padding-bottom:38px}.section h2{font-size:clamp(34px,8.2vw,48px)}.custom-grid h3{font-size:clamp(32px,8.5vw,44px)}.packaging h2{font-size:clamp(36px,9.5vw,48px)}.location-grid h3{font-size:28px}.order h2{font-size:clamp(35px,9vw,50px)}.delivery-photo figcaption{font-size:clamp(28px,7vw,39px)}}
@media(max-width:420px){.hero h1{font-size:16vw}.hero h1 em{font-size:16vw}.section h2{font-size:8.4vw}.packaging h2{font-size:9.5vw}.order h2{font-size:9.3vw}.custom-grid h3{font-size:8.5vw}}
/* Readable supporting text and keyboard navigation. */
.skip-link{position:fixed;top:-100px;left:16px;z-index:100;background:var(--paper);color:var(--green);padding:14px 20px}.skip-link:focus{top:12px}
.hero-description,.body-copy,.section-description,.location-grid p,.order-description{font-size:1rem}
.card-label,.fine-print,.image-caption,.hero-caption,.packing-examples figcaption,.location-label,.order-checklist small,footer p,.footer-bottom{font-size:.875rem}
.brand span{font-size:.75rem;letter-spacing:.04em}.stats p{font-size:1rem}
@media(max-width:760px){.nav-cta,.hero .button,.hero .text-link{font-size:.875rem}.header{gap:12px}.brand span{font-size:.75rem;letter-spacing:0}.nav-cta span{margin-left:6px}.hero .eyebrow,.section .eyebrow{font-size:.875rem}.mobile-order{bottom:calc(18px + env(safe-area-inset-bottom))}}
@media(max-width:360px){.header{padding:0 4%}.brand{font-size:23px}.nav-cta{padding:11px 9px}.hero h1{font-size:15vw}}