:root{--paper:#faf8f2;--cream:#f0ebe2;--brown:#574334;--ink:#302e29;--muted:#80796d;--line:#ded8cb;--navy:#253646}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a:focus-visible,button:focus-visible{outline:2px solid var(--brown);outline-offset:5px}.announcement{height:34px;background:var(--brown);color:#fff9ed;font-size:11px;letter-spacing:1.6px;text-align:center;display:flex;justify-content:center;align-items:center;gap:24px}.announcement span{letter-spacing:.4px}header{height:105px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line)}.wordmark{font-family:Georgia,serif;font-size:24px;color:var(--brown);letter-spacing:-.7px;line-height:1.1;white-space:nowrap}.wordmark span{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:2.4px;margin-top:9px}nav{display:flex;gap:37px;font-size:12px;letter-spacing:1.3px}nav a:hover,.footer-links a:hover{text-decoration:underline;text-underline-offset:7px}.header-actions{display:flex;gap:20px;align-items:center}.header-actions button{border:0;background:none;padding:0;color:inherit}.header-actions a,.header-actions button{display:grid;place-items:center;min-height:35px;min-width:25px;position:relative}.header-actions svg{width:21px;height:21px}.count{position:absolute;right:-9px;top:-3px;font-size:10px;color:var(--brown)}.hero{display:grid;grid-template-columns:1fr 1.08fr;margin:34px 5% 0;min-height:570px;background:#eee9df}.hero-copy{padding:72px 10%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:11px;letter-spacing:2.4px;color:var(--brown);margin:0 0 25px}.hero h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,3.6vw,60px);line-height:1.14;letter-spacing:-1.6px;color:var(--brown);margin:0 0 24px}.hero p:not(.eyebrow){font-size:15px;line-height:1.9;color:#756b5e;margin:0 0 35px}.button{display:inline-flex;justify-content:center;align-items:center;padding:15px 31px;background:var(--brown);color:white;border:1px solid var(--brown);font-size:12px;letter-spacing:1px;min-height:50px}.button.outline{background:transparent;color:var(--brown)}.hero-photo{position:relative;min-height:500px}.hero-photo img{width:100%;height:100%;object-fit:cover;position:absolute}.image-caption{position:absolute;bottom:18px;right:20px;font-size:10px;color:#665a49;background:#faf8f2ca;padding:3px 10px;letter-spacing:1px}.section{padding:85px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head h2,.page-title{font-family:Georgia,serif;font-size:37px;font-weight:400;letter-spacing:-1px;margin:0;color:var(--brown)}.section-head p{font-size:14px;color:var(--muted);margin:8px 0 0}.text-link{font-size:12px;border-bottom:1px solid var(--brown);padding-bottom:4px;letter-spacing:1px}.featured{display:grid;grid-template-columns:1.15fr 1fr;background:#f1ede5}.product-art{position:relative;min-height:410px;overflow:hidden;background:#ebe5d9}.product-art img{width:100%;height:100%;position:absolute;object-fit:cover}.product-art .badge{position:absolute;left:22px;top:22px;padding:5px 12px;background:var(--paper);color:var(--brown);font-size:11px;letter-spacing:1px}.featured-copy{padding:60px 15%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.featured-copy h3{font-weight:400;font-size:25px;margin:10px 0}.featured-copy p{font-size:14px;color:var(--muted);margin:0 0 22px}.price{font-size:16px!important;color:var(--brown)!important}.note{font-size:12px!important;color:var(--muted);line-height:1.7}.brand{margin:0 5%;padding:80px 0;border-top:1px solid var(--line);text-align:center}.brand h2{font-family:Georgia,serif;font-size:45px;font-weight:400;color:var(--brown);margin:18px 0 25px}.brand p{line-height:2;font-size:15px;color:#7b7368}.brand .brand-line{font-family:Georgia,serif;font-style:italic;font-size:23px;color:#9a8570;margin-top:28px}.corporate{background:#eee9df;padding:55px 7%;display:grid;grid-template-columns:1fr 1.6fr;gap:10%}.corporate h2{font-family:Georgia,serif;font-weight:400;font-size:31px;margin:0 0 12px}.corporate p{font-size:14px;color:#746b5e;line-height:1.9;margin:0 0 17px}.business-list{display:flex;flex-wrap:wrap;gap:17px 28px;font-size:10px;letter-spacing:1px;color:var(--brown);border-top:1px solid #d8d0c3;padding-top:20px}footer{padding:53px 5% 25px}.footer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.footer-links{display:flex;gap:28px;font-size:11px;letter-spacing:1px}.company{font-size:11px;color:var(--muted);line-height:2}.company strong{font-weight:400;color:var(--brown);font-size:12px}.company span{margin-left:15px}.footer-bottom{border-top:1px solid var(--line);padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:var(--muted);margin-top:30px}.footer-bottom div{display:flex;gap:20px}.footer-bottom small{font-size:10px}.page{padding:65px 7% 90px;min-height:55vh}.page-heading{margin-bottom:45px}.page-heading p{color:var(--muted);font-size:15px}.breadcrumbs{font-size:11px;color:var(--muted);margin-bottom:35px}.about-layout{display:grid;grid-template-columns:1fr 1.35fr;gap:10%}.portrait{background:#eee9df;min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#9a8b76;font-family:Georgia,serif;font-size:60px}.portrait small{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;margin-top:20px}.ceo h2{font-family:Georgia,serif;color:var(--brown);font-size:29px;font-weight:400;margin-top:0}.ceo p{font-size:15px;line-height:2.1;color:#70685d}.ceo .signature{margin-top:35px;color:var(--brown)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.contact-layout .page-title{font-size:48px}.contact-layout p{color:var(--muted);font-size:15px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}label{font-size:13px;color:var(--brown)}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:0;background:transparent;padding:13px;color:var(--ink);font-size:15px}textarea{resize:vertical;min-height:140px}input:focus,select:focus,textarea:focus{outline:1px solid var(--brown)}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:7%}.detail .product-art{min-height:540px}.detail h1{font-size:29px;font-weight:400;color:var(--brown);margin:12px 0}.detail p{color:var(--muted);font-size:15px}.quantity{display:inline-flex;border:1px solid var(--line);margin:12px 0 26px}.quantity button{border:0;background:none;min-width:42px;height:43px}.quantity input{border:0;width:54px;text-align:center;padding:0}.purchase-buttons{display:flex;gap:10px;margin-bottom:30px}.purchase-buttons button{flex:1}details{border-top:1px solid var(--line);padding:16px 0;font-size:14px}summary{cursor:pointer;color:var(--brown)}.cart-row{display:grid;grid-template-columns:110px 1fr auto;gap:25px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:25px}.cart-row img{width:110px;height:120px;object-fit:cover}.cart-row h3{font-weight:400;font-size:18px}.cart-summary{margin:35px 0 0 auto;max-width:380px}.cart-summary p{display:flex;justify-content:space-between}.empty{padding:55px 0;text-align:center}.empty h2{font-weight:400}.empty p{color:var(--muted)}.notice{padding:16px 20px;border-left:2px solid #a68d70;background:#f0ebe2;font-size:14px;color:#756958;margin:20px 0}.policy{max-width:800px;line-height:2}.policy h2{font-size:22px;font-weight:400}.search-row{display:flex;gap:12px;margin-top:12px}dialog{border:1px solid var(--line);background:var(--paper);width:min(650px,90%);padding:45px;color:var(--ink)}dialog::backdrop{background:#30291f66}.close{position:absolute;right:16px;top:10px;font-size:26px;border:0;background:none}dialog h2{font-weight:400;font-size:25px}.checkout{display:grid;grid-template-columns:1.2fr .8fr;gap:7%}.checkout h2{font-size:20px;font-weight:400}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--brown);color:white;padding:12px 24px;font-size:14px;display:none;z-index:5}.inline-link{border:0;background:none;color:var(--muted);font-size:12px;text-decoration:underline}.search-result{font-size:14px;margin-bottom:25px;color:var(--muted)}
@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:850px){header{height:auto;min-height:100px;flex-wrap:wrap;padding:22px 0 15px;gap:20px}.wordmark{font-size:21px}nav{order:3;flex-basis:100%;justify-content:center;gap:27px;font-size:11px}.header-actions{gap:15px}.hero{min-height:0;grid-template-columns:1fr 1fr}.hero-copy{padding:40px 9%}.hero h1{font-size:34px}.hero-photo{min-height:420px}.hero p:not(.eyebrow){font-size:13px}.eyebrow{font-size:10px}.featured-copy{padding:35px 12%}.featured-copy h3{font-size:21px}.corporate{gap:6%}.about-layout{gap:7%}.portrait{min-height:450px}.contact-layout{gap:7%}.detail .product-art{min-height:400px}.detail{gap:5%}}
@media(max-width:600px){.announcement{font-size:9px;height:29px;gap:12px;letter-spacing:1px}.announcement span{font-size:9px}header{margin:0 6%;min-height:100px;padding-top:18px;gap:18px}.wordmark{font-size:20px}.wordmark span{font-size:8px;letter-spacing:1.8px;margin-top:6px}.header-actions{gap:12px}.header-actions svg{width:19px;height:19px}nav{justify-content:space-between;gap:12px;font-size:10px}.hero{margin:20px 5% 0;grid-template-columns:1fr;position:relative}.hero-copy{padding:28px 7% 27px}.hero-copy .eyebrow{margin-bottom:13px;font-size:9px}.hero h1{font-size:37px;line-height:1.05;margin-bottom:14px;letter-spacing:-1px}.hero p:not(.eyebrow){font-size:13px;line-height:1.8;margin-bottom:17px}.button{min-height:44px;padding:11px 25px;font-size:11px}.hero-photo{min-height:235px}.hero-photo img{object-position:50% 55%}.image-caption{font-size:9px;bottom:10px;right:10px}.section{padding:47px 6%}.section-head{margin-bottom:22px}.section-head h2{font-size:28px}.section-head p{font-size:12px}.text-link{font-size:10px}.featured{grid-template-columns:1fr}.product-art{min-height:310px}.featured-copy{padding:25px 8% 30px}.featured-copy .eyebrow{margin-bottom:5px}.featured-copy h3{font-size:22px}.featured-copy p{font-size:13px;margin-bottom:18px}.brand{padding:45px 3%;margin:0 6%}.brand h2{font-size:32px}.brand p{font-size:13px;line-height:2}.brand .brand-line{font-size:20px}.corporate{padding:35px 7%;grid-template-columns:1fr;gap:20px}.corporate h2{font-size:26px}.corporate p{font-size:12px}.business-list{gap:11px 17px;font-size:9px}.footer-top{align-items:start;gap:25px}.footer-links{gap:12px;font-size:9px}footer{padding:35px 6% 22px}.company{font-size:10px}.company span{display:block;margin:0}.footer-bottom{flex-direction:column;font-size:9px;gap:12px}.page{padding:35px 6% 55px}.page-title{font-size:31px}.page-heading{margin-bottom:28px}.page-heading p{font-size:13px}.about-layout,.contact-layout,.detail,.checkout{grid-template-columns:1fr;gap:35px}.portrait{min-height:290px}.ceo h2{font-size:25px}.ceo p{font-size:14px}.contact-layout .page-title{font-size:37px}.form-grid{gap:18px}.form-grid .field{grid-column:1/-1}.detail .product-art{min-height:350px}.detail h1{font-size:25px}.cart-row{grid-template-columns:80px 1fr;gap:18px}.cart-row img{width:80px;height:105px}.cart-row>div:last-child{grid-column:2}.cart-row h3{font-size:16px;margin:0}.cart-row .quantity{margin:10px 0}.footer-top .wordmark{font-size:17px}.footer-top .wordmark span{font-size:7px}.note{font-size:11px!important}dialog{padding:35px 22px}}

/* Korean brand identity: original artwork shown in two precisely cropped windows. */
.logo-symbol,.logo-name{display:block;flex:none;background-image:url('/assets/brand-original.png');background-repeat:no-repeat;mix-blend-mode:multiply}
.logo-symbol{width:32px;height:47px;background-size:157.168px 88.454px;background-position:-14.852px -20.21px}
.logo-name{width:125px;height:27px;background-size:224.048px 126.094px;background-position:-83.884px -39.396px}
.wordmark .brand-lockup{display:flex;align-items:center;gap:11px;margin:0;letter-spacing:0}
.wordmark .store-label{font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:9px;letter-spacing:1.4px;margin:6px 0 0 44px}
.wordmark{display:inline-block;line-height:1.2}
.announcement{font-size:12px;letter-spacing:1.1px}
nav{font-size:14px;letter-spacing:0;gap:32px}
.hero h1,.section-head h2,.brand h2,.page-title,.corporate h2,.ceo h2{font-family:'Noto Serif KR','Nanum Myeongjo','AppleMyungjo','Batang',serif;font-weight:400;word-break:keep-all}
.hero h1{font-size:clamp(37px,3.4vw,56px);line-height:1.35;letter-spacing:-1.8px;margin-bottom:24px}
.hero-copy{padding-top:55px;padding-bottom:55px}
.hero p:not(.eyebrow){font-size:16px}
.button{font-size:14px;letter-spacing:0}
.section-head .eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 13px;color:var(--brown)}
.section-head h2{font-size:36px;letter-spacing:-1px}.section-head p{font-size:14px}
.text-link{font-size:13px;letter-spacing:0}
.featured-copy h3{word-break:keep-all}.featured-copy p{font-size:15px}
.featured-copy .eyebrow{font-size:10px}.product-art .badge{letter-spacing:.4px;font-size:12px}
.brand .story-symbol{margin:28px auto 14px;width:39px;height:57px;background-size:190.608px 107.274px;background-position:-18.012px -24.51px}
.brand h2{font-size:39px;letter-spacing:-1px;margin:10px 0 23px}.brand .story-lead{font-size:21px;line-height:1.85;color:var(--brown);margin-bottom:25px;letter-spacing:-.4px}
.brand p{font-size:15px;line-height:2}.brand .brand-line{font-size:23px}
.business-list{font-size:12px;letter-spacing:0}.footer-links{font-size:12px;letter-spacing:0}
html{scroll-behavior:smooth;scroll-padding-top:24px}
@media(max-width:850px){nav{gap:27px;font-size:13px}.hero h1{font-size:36px}.hero-copy{padding:40px 9%}.hero p:not(.eyebrow){font-size:14px}}
@media(max-width:600px){.announcement{font-size:11px;letter-spacing:.6px}header{padding-top:15px}.logo-symbol{width:27px;height:40px;background-size:133.76px 75.28px;background-position:-12.64px -17.2px}.logo-name{width:106px;height:23px;background-size:190.608px 107.274px;background-position:-71.364px -33.516px}.wordmark .brand-lockup{gap:9px}.wordmark .store-label{font-size:8px;letter-spacing:1px;margin:5px 0 0 36px}nav{font-size:12px;gap:12px}.hero-copy{padding:27px 7% 26px}.hero h1{font-size:37px;line-height:1.28;letter-spacing:-1px;margin-bottom:15px}.hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:13px}.hero p:not(.eyebrow){font-size:14px;margin-bottom:19px}.hero-photo{min-height:235px}.button{font-size:13px;min-height:45px}.section-head h2{font-size:29px}.section-head p{font-size:13px}.section-head .eyebrow{font-size:9px}.text-link{font-size:12px}.brand h2{font-size:32px}.brand .story-lead{font-size:18px}.brand p{font-size:14px}.featured-copy p{font-size:14px}.footer-links{font-size:11px}.footer-top{align-items:center}.contact-layout .page-title{font-size:33px}.business-list{font-size:11px}.footer-top .store-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.wordmark .brand-lockup > span{margin:0}

/* Health as an everyday lifestyle value. */
.hero p.hero-message{font-family:'Noto Serif KR','AppleMyungjo','Batang',serif;font-size:23px;line-height:1.65;letter-spacing:-.6px;color:var(--brown);margin:0 0 17px}
.hero p:not(.eyebrow):not(.hero-message){margin-bottom:25px}
.featured-copy .goods-lead{color:var(--brown);font-size:17px;line-height:1.8}
.brand .korean-slogan{font-family:'Noto Serif KR','AppleMyungjo','Batang',serif;font-style:normal;font-size:23px;letter-spacing:-.5px;color:var(--brown);margin-top:32px}
@media(max-width:850px){.hero p.hero-message{font-size:21px}}
@media(max-width:600px){.hero-copy{padding:25px 7% 23px}.hero h1{font-size:34px;margin-bottom:14px}.hero p.hero-message{font-size:20px;line-height:1.55;margin-bottom:13px}.hero p:not(.eyebrow):not(.hero-message){font-size:13px;line-height:1.85;margin-bottom:17px}.hero-photo{min-height:235px}.featured-copy .goods-lead{font-size:16px}.brand .korean-slogan{font-size:19px}.brand p{word-break:keep-all}}
/* Native AI vector symbol and traced wordmark, without raster cropping or blending. */
.logo-symbol,.logo-name,.brand .story-symbol{background-position:center;background-size:contain;background-repeat:no-repeat;mix-blend-mode:normal}
.logo-symbol,.brand .story-symbol{background-image:url('/assets/dh-symbol.svg')}
.logo-name{background-image:url('/assets/howoo-wordmark.svg')}

/* External store purchase */
.naver-purchase{width:100%;justify-content:center;gap:12px}.naver-purchase:disabled{opacity:.6;cursor:default}.purchase-buttons{margin-top:28px}

.product-gallery{display:grid;gap:20px;align-self:start}.product-gallery img{width:100%;display:block}.featured+.featured{margin-top:80px;padding-top:60px;border-top:1px solid var(--line)}

/* Naver outbound purchase identity */
.button.naver-purchase{background:#03c75a;border-color:#03c75a;color:#fff;min-height:60px;font-weight:600;letter-spacing:0;display:flex;align-items:center;gap:14px;padding:16px 20px}
.button.naver-purchase:hover:not(:disabled){background:#02b350;border-color:#02b350;color:#fff}
.button.naver-purchase:focus-visible{outline:3px solid #174f32;outline-offset:4px}
.button.naver-purchase:disabled{background:#03c75a;border-color:#03c75a;opacity:1;cursor:not-allowed}
.naver-mark{font-family:Arial,Helvetica,sans-serif;font-size:28px;font-weight:1000;line-height:1;letter-spacing:-2px;display:inline-block;flex-shrink:0}
@media(max-width:480px){.button.naver-purchase{font-size:15px;gap:12px;min-height:58px}.naver-mark{font-size:26px}}

/* Product photo gallery: native swipe with explicit controls */
.product-gallery{display:block;min-width:0;max-width:100%;align-self:start}
.gallery-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;background:#eee7dc;direction:ltr}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-slide{flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;aspect-ratio:3/2;display:grid;place-items:center}
.gallery-slide img{width:100%;height:100%;object-fit:contain;user-select:none}
.gallery-controls{display:flex;align-items:center;justify-content:space-between;padding:10px 0}
.gallery-controls button{width:44px;height:44px;background:transparent;border:1px solid var(--line);color:var(--brown);font-size:27px;line-height:1;cursor:pointer}
.gallery-count{font-size:13px;letter-spacing:2px;color:var(--brown)}
.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 8px}
.gallery-thumbs button{flex:0 0 calc((100% - 40px)/5);min-width:58px;padding:3px;border:1px solid transparent;background:transparent;cursor:pointer;opacity:.65}
.gallery-thumbs button[aria-pressed="true"]{border-color:var(--brown);opacity:1}
.gallery-thumbs img{width:100%;aspect-ratio:3/2;object-fit:cover;display:block}
.gallery-track:focus-visible,.gallery-controls button:focus-visible,.gallery-thumbs button:focus-visible{outline:2px solid var(--brown);outline-offset:2px}
.gallery-note{font-size:12px;line-height:1.7;color:#85776c;margin:10px 0 0}
@media(max-width:600px){.gallery-thumbs{gap:6px}.gallery-thumbs button{flex-basis:calc((100% - 24px)/5)}.gallery-controls{padding:8px 0}}