.herbal-opening{background:#382315;color:#f7f0e5;padding:78px max(5%,calc((100% - 1180px)/2)) 86px;min-height:430px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}
.herbal-opening .eyebrow{color:#c9aa83;margin:0 0 27px;font-size:13px;letter-spacing:.17em}
.herbal-opening h1{font-family:Georgia,'Noto Serif KR',serif;font-weight:500;font-size:clamp(3.5rem,8vw,7.25rem);line-height:1.05;letter-spacing:-.055em;margin:0 0 26px;color:#fff8eb}
.herbal-opening>p:not(.eyebrow){font-size:clamp(1rem,1.5vw,1.25rem);line-height:1.8;color:#e3d3c3;max-width:750px;margin:0}
.herbal-opening>a{color:#f1d2ae;text-decoration:none;border-bottom:1px solid #b89975;padding:13px 0 9px;margin-top:28px;font-size:1rem}
.herbal-opening>a span{margin-left:22px}
.herbal-topics{background:#f5f0e9;padding:100px max(5%,calc((100% - 1180px)/2));display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,1.6fr);gap:clamp(40px,6vw,100px)}
.herbal-section-heading .eyebrow{font-size:13px;color:#825f40;letter-spacing:.12em;margin:0 0 22px}
.herbal-section-heading{min-width:0}
.herbal-section-heading h2{font-family:Georgia,'Noto Serif KR',serif;font-weight:500;font-size:clamp(2.25rem,3.1vw,3rem);line-height:1.28;letter-spacing:-.045em;color:#382315;margin:0 0 27px;max-width:100%}
.herbal-section-heading>p:last-child{max-width:300px;font-size:1rem;line-height:1.85;color:#6c5949;margin:0}
.herbal-topic-list{border-top:1px solid #a99078}
.herbal-topic{display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:14px;padding:21px 4px 20px;color:#392718;text-decoration:none;border-bottom:1px solid #d3c3b1;transition:background .2s,padding-left .2s}
.herbal-topic:hover,.herbal-topic:focus-visible{background:#ebe0d2;padding-left:14px}
.herbal-topic-number{font-family:Georgia,serif;color:#9b7959;font-size:1rem;align-self:start;padding-top:3px}
.herbal-topic-copy{display:flex;flex-direction:column;gap:7px}
.herbal-topic-copy strong{font-size:clamp(1.13rem,1.7vw,1.35rem);font-weight:600;line-height:1.4}
.herbal-topic-copy small{font-size:.94rem;line-height:1.55;color:#746253}
.herbal-topic-arrow{font-size:1.2rem;color:#8c6c4d;align-self:start}
.herbal-types{background:#ded0bf;padding:95px max(5%,calc((100% - 1180px)/2));display:grid;grid-template-columns:minmax(245px,.8fr) minmax(0,1.6fr);gap:clamp(40px,6vw,100px)}
.herbal-type-list{border-top:1px solid #ad947a}
.herbal-type-list article{padding:25px 2px 31px;border-bottom:1px solid #ad947a}
.herbal-type-list article>span{font-size:.9rem;letter-spacing:.04em;color:#6b4f38}
.herbal-type-list h3{font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(1.45rem,2.5vw,2.15rem);font-weight:500;line-height:1.35;letter-spacing:-.025em;color:#382315;margin:14px 0 12px}
.herbal-type-list p{font-size:1rem;line-height:1.8;color:#554638;max-width:620px;margin:0}
.herbal-decoction{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#332217;color:#f7efe4;padding:0}
.herbal-decoction img{display:block;width:100%;height:100%;max-height:600px;min-height:420px;object-fit:cover}
.herbal-decoction>div{padding:clamp(45px,6vw,100px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.herbal-decoction .eyebrow{color:#c3a17d;font-size:13px;letter-spacing:.13em;margin:0 0 24px}
.herbal-decoction h2{font-family:Georgia,'Noto Serif KR',serif;font-weight:500;font-size:clamp(2rem,3.7vw,3.65rem);line-height:1.3;letter-spacing:-.04em;color:#f8f1e8;margin:0 0 19px}
.herbal-decoction p:not(.eyebrow){font-size:1rem;line-height:1.75;color:#dfd0c0;margin:0 0 28px}
.herbal-decoction a{color:#f4d1ab;border-bottom:1px solid #bb976e;padding-bottom:8px;text-decoration:none;font-size:1rem}
.herbal-decoction a span{margin-left:20px}
.herbal-decoction small{font-size:.82rem;color:#b9aa9c;line-height:1.5;margin-top:26px}
@media(max-width:780px){.herbal-opening{padding:70px 6% 76px;min-height:360px}.herbal-opening h1{font-size:clamp(3rem,12vw,5rem)}.herbal-opening>p:not(.eyebrow) br{display:none}.herbal-topics,.herbal-types{grid-template-columns:1fr;gap:34px;padding:68px 6%}.herbal-section-heading>p:last-child{max-width:unset}.herbal-decoction{grid-template-columns:1fr}.herbal-decoction img{min-height:0;max-height:430px;aspect-ratio:1.45}.herbal-decoction>div{padding:54px 6% 68px}}
@media(max-width:420px){.herbal-topic{grid-template-columns:32px minmax(0,1fr) 20px;gap:8px}.herbal-topic-copy small{font-size:.88rem}}