.bf-page{--bf-ink:#26352f;--bf-forest:#194031;--bf-olive:#6c7d61;--bf-paper:#fcfbf7;--bf-stone:#f2eee6;--bf-line:#e4ded2;--bf-plum:#6f476d;background:var(--bf-paper);color:var(--bf-ink);overflow:hidden}
.bf-shell{width:min(1200px,calc(100% - 40px));margin:0 auto}
.bf-kicker{margin:0 0 18px;color:#3e5a4a;font-size:12px;font-weight:700;letter-spacing:.25em;line-height:1.4;text-transform:uppercase}
.bf-kicker--olive{color:#748269}
.bf-button{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-width:142px;padding:12px 16px;border:1px solid transparent;font-size:13px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.bf-button span{font-size:18px;line-height:1}
.bf-button--dark{background:var(--bf-forest);border-color:var(--bf-forest);color:#fff}
.bf-button--dark:hover,.bf-button--dark:focus-visible{background:#102e24;border-color:#102e24;color:#fff}
.bf-button--outline{border-color:#9a9b8d;color:var(--bf-forest);background:transparent}
.bf-button--outline:hover,.bf-button--outline:focus-visible{border-color:var(--bf-forest);background:var(--bf-forest);color:#fff}
.bf-text-link{display:inline-flex;align-items:center;gap:12px;color:var(--bf-forest);font-size:13px;font-weight:700;text-decoration:none}
.bf-text-link span{font-size:18px;line-height:1}
.bf-text-link:hover{text-decoration:underline;text-underline-offset:4px}
.bf-hero{position:relative;min-height:560px;background:#f4f0e8;color:var(--bf-ink)}
.bf-hero__background{position:absolute;inset:0;background:url('../../img/hwangchil/beauty-fragrance-editorial-hero.png') center center/cover no-repeat}
.bf-hero__inner{position:relative;display:flex;min-height:560px;align-items:center;justify-content:space-between;gap:30px}
.bf-hero__copy{max-width:480px;padding:72px 0 76px}
.bf-hero h1{margin:0 0 18px;color:var(--bf-forest);font-family:Georgia,'Noto Serif KR',serif;font-size:clamp(52px,6vw,82px);font-weight:400;letter-spacing:.01em;line-height:.98}
.bf-hero__lead{margin:0 0 15px;color:#3f5148;font-family:Georgia,'Noto Serif KR',serif;font-size:22px;letter-spacing:-.05em;line-height:1.4}
.bf-hero__description{margin:0 0 28px;color:#69746b;font-size:14px;line-height:1.9}
.bf-hero__product{display:block;width:min(46%,490px);padding:0;background:#fff;box-shadow:0 24px 48px rgba(58,65,55,.15);transition:transform .25s ease,box-shadow .25s ease}
.bf-hero__product:hover,.bf-hero__product:focus-visible{transform:translateY(-6px);box-shadow:0 30px 58px rgba(58,65,55,.22)}
.bf-hero__product img{display:block;width:100%;aspect-ratio:1.17/1;object-fit:cover}
.bf-index{background:#fff;border-top:1px solid var(--bf-line);border-bottom:1px solid var(--bf-line)}
.bf-index__inner{display:grid;grid-template-columns:repeat(4,1fr)}
.bf-index__item{display:flex;align-items:center;justify-content:center;gap:13px;min-height:104px;border-right:1px solid var(--bf-line);color:var(--bf-ink);text-decoration:none;transition:background .2s ease,color .2s ease}
.bf-index__item:first-child{border-left:1px solid var(--bf-line)}
.bf-index__item:hover,.bf-index__item:focus-visible{background:#f5f3ed;color:var(--bf-forest)}
.bf-index__icon{display:flex;width:38px;height:38px;align-items:center;justify-content:center;border:1px solid #aeb5a9;border-radius:50%;color:var(--bf-olive);font-size:17px}
.bf-index__item small,.bf-index__item strong{display:block}
.bf-index__item small{margin-bottom:6px;color:#899083;font-size:10px;letter-spacing:.18em}
.bf-index__item strong{font-size:15px;font-weight:600;letter-spacing:-.04em}
.bf-gallery{padding:112px 0 118px;background:var(--bf-paper)}
.bf-gallery__grid{display:grid;grid-template-columns:.8fr 1.5fr;gap:76px;align-items:center}
.bf-gallery__intro h2,.bf-story__intro h2,.bf-section-heading h2,.bf-catalog__copy h2{margin:0;color:var(--bf-forest);font-family:Georgia,'Noto Serif KR',serif;font-size:38px;font-weight:400;letter-spacing:-.06em;line-height:1.35}
.bf-rule{display:block;width:44px;height:1px;margin:22px 0;background:#a3ad99}
.bf-gallery__intro>p:not(.bf-kicker),.bf-story__intro>p:not(.bf-kicker),.bf-catalog__copy>p:not(.bf-kicker){margin:0;color:#717971;font-size:14px;line-height:1.9}
.bf-gallery__intro .bf-text-link{margin-top:30px}
.bf-gallery__visuals{display:grid;grid-template-columns:1.05fr .95fr;grid-template-rows:1fr 1fr;gap:16px;min-height:590px}
.bf-gallery__image{display:block;overflow:hidden;background:#eef0ea}
.bf-gallery__image--large{grid-row:1/3}
.bf-gallery__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.bf-gallery__image:hover img,.bf-gallery__image:focus-visible img{transform:scale(1.035)}
.bf-story{position:relative;overflow:hidden;background:#eef0e7}
.bf-story__background{position:absolute;inset:0;background:url('../../img/hwangchil/beauty-fragrance-ingredient.png') right center/cover no-repeat;opacity:.86}
.bf-story:after{position:absolute;inset:0;background:rgba(250,249,244,.82);content:''}
.bf-story__inner{position:relative;z-index:1;display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;min-height:520px;align-items:center;padding:80px 0}
.bf-story__timeline{padding:8px 0}
.bf-story-step{display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:start;padding:18px 0;border-bottom:1px solid rgba(115,132,108,.28)}
.bf-story-step:first-child{padding-top:0}
.bf-story-step:last-child{border-bottom:0}
.bf-story-step__number{display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #7d9478;border-radius:50%;color:var(--bf-forest);font-size:12px;font-weight:700}
.bf-story-step h3{margin:0 0 7px;color:var(--bf-forest);font-family:Georgia,'Noto Serif KR',serif;font-size:20px;font-weight:400;letter-spacing:-.045em}
.bf-story-step p{margin:0;color:#737d73;font-size:13px;line-height:1.75}
.bf-bestseller{padding:108px 0 116px;background:#fff}
.bf-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}
.bf-section-heading h2{font-size:34px}
.bf-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bf-product-card{background:#fff;border:1px solid #e7e2d8;box-shadow:0 12px 28px rgba(44,62,48,.06)}
.bf-product-card__image{display:block;overflow:hidden;background:#f3f4ef}
.bf-product-card__image img{display:block;width:100%;aspect-ratio:1.18/1;object-fit:cover;transition:transform .35s ease}
.bf-product-card:hover .bf-product-card__image img{transform:scale(1.04)}
.bf-product-card__body{padding:20px 20px 22px}
.bf-product-card__tag{margin:0 0 8px;color:#80907d;font-size:10px;letter-spacing:.14em}
.bf-product-card h3{min-height:43px;margin:0 0 8px;color:var(--bf-forest);font-family:Georgia,'Noto Serif KR',serif;font-size:19px;font-weight:400;letter-spacing:-.05em;line-height:1.35}
.bf-product-card h3 a{color:inherit;text-decoration:none}
.bf-product-card__body>p:not(.bf-product-card__tag){display:-webkit-box;min-height:42px;margin:0 0 14px;overflow:hidden;color:#858d84;font-size:12px;line-height:1.7;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.bf-product-card strong{display:block;color:#2b4135;font-size:15px}
.bf-product-card__more{display:inline-block;margin-top:14px;color:#5e7969;font-size:12px;font-weight:600;text-decoration:none}
.bf-product-card__more:hover{text-decoration:underline;text-underline-offset:4px}
.bf-catalog{padding:88px 0;background:#f3f0e9}
.bf-catalog__inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}
.bf-catalog__copy h2{font-size:34px}
.bf-catalog__copy>p:not(.bf-kicker){margin:20px 0 26px}
.bf-catalog__actions{display:flex;flex-wrap:wrap;gap:10px}
.bf-catalog__book{min-width:0;padding:24px;background:#edf0e9;border:1px solid #d7ddd3}
.bf-catalog .hc-catalog-book__viewport{border-color:#ccd5cb;background:#f1eee6}
.bf-catalog .hc-catalog-book__slide{background:#f1eee6}
.bf-catalog .hc-catalog-book__slide img{box-shadow:0 12px 25px rgba(50,69,57,.15)}
.bf-catalog .hc-catalog-book__control{border-color:#78917d;background:rgba(25,64,49,.9);color:#fff}
.bf-catalog .hc-catalog-book__control:hover,.bf-catalog .hc-catalog-book__control:focus-visible{background:#6f476d;color:#fff}
.bf-catalog .hc-catalog-book__dot{border-color:#78917d}
.bf-catalog .hc-catalog-book__dot.is-active{background:#6f476d}
@media (max-width:1100px){
    .bf-gallery__grid{gap:48px}
    .bf-story__inner{gap:48px}
}

@media (max-width:800px){
    .bf-shell{width:min(calc(100% - 32px),720px)}
    .bf-hero,.bf-hero__inner{min-height:620px}
    .bf-hero__inner{display:block;padding-top:48px}
    .bf-hero__copy{max-width:520px;padding:0 0 34px}
    .bf-hero__product{width:min(72%,460px);margin-left:auto}
    .bf-gallery{padding:78px 0 84px}
    .bf-gallery__grid,.bf-story__inner,.bf-catalog__inner{display:block}
    .bf-gallery__intro{margin-bottom:38px}
    .bf-gallery__visuals{min-height:510px}
    .bf-story__inner{padding:70px 0}
    .bf-story__intro{margin-bottom:36px}
    .bf-bestseller{padding:78px 0 84px}
    .bf-catalog__copy{margin-bottom:36px}
}
@media (max-width:520px){
    .bf-shell{width:calc(100% - 28px)}
    .bf-kicker{font-size:11px;letter-spacing:.18em}
    .bf-hero,.bf-hero__inner{min-height:640px}
    .bf-hero__inner{padding-top:38px}
    .bf-hero h1{font-size:54px}
    .bf-hero__lead{font-size:19px}
    .bf-hero__description{font-size:13px}
    .bf-hero__description br{display:none}
    .bf-hero__product{width:92%}
    .bf-index__inner{grid-template-columns:repeat(2,1fr)}
    .bf-index__item{min-height:84px;justify-content:flex-start;padding-left:18px}
    .bf-index__item:nth-child(odd){border-left:1px solid var(--bf-line)}
    .bf-index__item:nth-child(n+3){border-top:1px solid var(--bf-line)}
    .bf-index__item strong{font-size:14px}
    .bf-gallery__intro h2,.bf-story__intro h2,.bf-section-heading h2,.bf-catalog__copy h2{font-size:30px}
    .bf-gallery__visuals{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;min-height:410px;gap:9px}
    .bf-story-step{grid-template-columns:48px 1fr;gap:14px}
    .bf-story-step__number{width:36px;height:36px}
    .bf-story-step h3{font-size:17px}
    .bf-story-step p{font-size:12px}
    .bf-section-heading{display:block}
    .bf-section-heading .bf-text-link{margin-top:18px}
    .bf-product-grid{grid-template-columns:1fr;gap:14px}
    .bf-product-card__image img{aspect-ratio:1.25/1}
    .bf-catalog{padding:62px 0}
    .bf-catalog__actions .bf-button{min-width:0;flex:1}
    .bf-catalog__book{padding:14px}
}

/* 본문 블럭 간격: 100px 여백 안으로 각 블럭 배경을 상·하단 50px 확장합니다. */
.bf-gallery,.bf-story,.bf-bestseller,.bf-catalog{position:relative;z-index:0;isolation:isolate;margin-top:100px;margin-bottom:100px}
.bf-gallery::before,.bf-story::before,.bf-bestseller::before,.bf-catalog::before{position:absolute;z-index:-1;top:-50px;right:0;bottom:-50px;left:0;content:'';pointer-events:none}
.bf-gallery::before{background:var(--bf-paper)}
.bf-story::before{background:#eef0e7}
.bf-bestseller::before{background:#fff}
.bf-catalog::before{background:#f3f0e9}

/* 브랜드소개 기준 최종 히어로 정렬 */
.bf-hero { height: 500px; min-height: 500px; }
.bf-hero__inner { box-sizing: border-box; width: 100%; max-width: 1200px; height: 500px; min-height: 500px; margin: 0 auto; padding: 78px 62px 54px; align-items: flex-start; justify-content: flex-start; }
.bf-hero__copy { max-width: 580px; padding: 0; }
.bf-hero .bf-kicker { margin-bottom: 16px; }
.bf-hero h1 { max-width: 580px; font-size: 64px; line-height: 1.18; letter-spacing: -.05em; }
.bf-hero__product { align-self: flex-start; width: min(42%, 450px); margin: 0 0 0 auto; }
@media (max-width: 600px) {
    .bf-hero, .bf-hero__inner { height: 480px; min-height: 480px; }
    .bf-hero__inner { padding: 64px 22px 34px; }
    .bf-hero__copy { max-width: 100%; }
    .bf-hero__product { width: 92%; }
    .bf-hero .bf-kicker { font-size: 12px; }
    .bf-hero h1 { font-size: 34px; }
}