/* Brand Story standalone (from aroma_pharm_brand_story_standalone_v2) */
.brand-story-page{padding-top:0}

.bs-title{
  padding:110px 0 78px;
  border-bottom:1px solid var(--line,#dfddd7);
}
.bs-title__inner{
  width:min(1320px,calc(100% - 80px));margin:auto;
  display:grid;grid-template-columns:.75fr 1.25fr;gap:80px;align-items:end
}
.bs-title .eyebrow{font-size:9px;letter-spacing:.24em;color:var(--muted,#79756d);padding-bottom:12px}
.bs-title h1{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;
  font-size:clamp(32px,4.6vw,58px);font-weight:400;line-height:1.22;
  letter-spacing:-.02em;margin:0;word-break:keep-all
}
.bs-title__desc{
  max-width:430px;font-size:13px;line-height:1.95;color:var(--muted,#79756d);
  margin-left:auto
}

/* Overlapping brand story cards — Luna left, Angel right, slight overlap */
.bs-cards{
  width:min(1200px,calc(100% - 48px));
  margin:0 auto;
  padding:70px 0 120px;
}
.bs-cards__stage{
  position:relative;
  min-height:clamp(480px,52vw,700px);
}
.bs-card{
  position:absolute;
  display:block;
  overflow:hidden;
  color:inherit;
  text-decoration:none;
  background:#ddd;
  box-shadow:0 22px 50px rgba(23,23,20,.16);
}
.bs-card__bg{
  position:absolute;inset:0;
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .7s ease
}
.bs-card:hover .bs-card__bg{transform:scale(1.03)}
.bs-card[data-scent]:hover .bs-card__bg{transform:scale(1.08) translate3d(calc(var(--sx) * -14px),calc(var(--sy) * -10px),0)}
.bs-card__panel{
  position:absolute;
  z-index:2;
  left:28px;top:50%;
  transform:translateY(-50%);
  width:min(46%,320px);
  padding:28px 26px 30px;
  background:rgba(248,244,236,.82);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.bs-card__logo{
  display:block;
  width:auto;
  height:38px;
  max-width:150px;
  object-fit:contain;
  margin:0 0 14px;
  filter:brightness(0);
  opacity:.92
}
.bs-card__name{
  font-size:13px;font-weight:600;letter-spacing:.08em;
  color:#1f1f1c;margin-bottom:14px
}
.bs-card__quote{
  margin:0 0 16px;
  font-size:13px;line-height:1.7;
  color:#5b7fa8;font-weight:500
}
.bs-card__quote--angel{color:#c9886a}
.bs-card__body{
  margin:0;
  font-size:12.5px;line-height:1.85;
  color:#2d2d28
}
.bs-card--luna{
  left:0;top:0;
  width:min(54%,640px);
  aspect-ratio:16/11;
  z-index:1
}
.bs-card--angel{
  right:0;bottom:0;
  width:min(54%,640px);
  aspect-ratio:16/11;
  z-index:2
}
.bs-card--angel .bs-card__panel{
  left:auto;right:28px
}

@media(max-width:900px){
  .bs-cards{padding:40px 0 80px;width:calc(100% - 30px)}
  .bs-cards__stage{min-height:0;display:grid;gap:18px}
  .bs-card{
    position:relative;left:auto!important;right:auto!important;
    top:auto!important;bottom:auto!important;
    width:100%!important;aspect-ratio:5/4;
    box-shadow:0 14px 32px rgba(23,23,20,.12)
  }
  .bs-card__panel,
  .bs-card--angel .bs-card__panel,
  .bs-card--luna .bs-card__panel{
    left:16px;right:16px;width:auto;
    top:auto;bottom:16px;transform:none;
    padding:20px 18px;text-align:left
  }
  .bs-card__logo{height:32px;max-width:120px;margin-bottom:10px}
  .bs-card__body br{display:none}
}

/* legacy editorial kept unused */
.bs-editorial{display:none}

.bs-index{
  background:#171714;color:#f6f3ed;padding:110px 0
}
.bs-index__inner{width:min(1180px,calc(100% - 80px));margin:auto}
.bs-index__head{
  display:flex;justify-content:space-between;align-items:end;margin-bottom:48px
}
.bs-index__head .eyebrow{font-size:9px;letter-spacing:.24em;color:#9b978f}
.bs-index__head h2{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(50px,5.5vw,78px);
  font-weight:400;line-height:.92;margin:0
}
.bs-index__row{
  display:grid;grid-template-columns:120px 1fr 1.3fr 140px;
  gap:26px;align-items:center;padding:30px 0;
  border-top:1px solid #35342f
}
.bs-index__row:last-child{border-bottom:1px solid #35342f}
.bs-index__num{font-family:"Cormorant Garamond",Georgia,serif;font-size:24px;color:#8f8a82}
.bs-index__name{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:44px;font-weight:400
}
.bs-index__text{font-size:12.5px;line-height:1.8;color:#b8b5ae}
.bs-index__link{
  justify-self:end;font-size:9px;letter-spacing:.16em;
  border-bottom:1px solid #8c8982;padding-bottom:6px;color:inherit;text-decoration:none
}

.bs-words{
  padding:135px 0 145px;background:#f8f6f1
}
.bs-words__inner{width:min(1280px,calc(100% - 80px));margin:auto}
.bs-words__lead{
  display:grid;grid-template-columns:.55fr 1.45fr;gap:80px;margin-bottom:90px
}
.bs-words__lead .label{font-size:9px;letter-spacing:.23em;color:var(--muted,#79756d);padding-top:10px}
.bs-words__lead p{
  max-width:670px;font-size:15px;line-height:2;color:#5f5b53;margin:0
}
.bs-word{
  display:grid;grid-template-columns:170px 1fr 1fr;
  gap:40px;align-items:end;padding:24px 0 32px;
  border-top:1px solid var(--line,#dfddd7)
}
.bs-word:last-child{border-bottom:1px solid var(--line,#dfddd7)}
.bs-word .num{font-family:"Cormorant Garamond",Georgia,serif;font-size:22px;color:#9a958d}
.bs-word h3{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;
  font-size:clamp(34px,4vw,54px);font-weight:400;line-height:1.15;margin:0
}
.bs-word p{
  justify-self:end;max-width:390px;font-size:12.5px;line-height:1.9;color:var(--muted,#79756d);margin:0
}

.bs-closing{
  margin:0 28px 28px;min-height:460px;position:relative;
  background-size:cover;background-position:center;
  display:flex;align-items:center;justify-content:center;text-align:center;color:#fff
}
.bs-closing:after{content:"";position:absolute;inset:0;background:rgba(18,18,15,.28)}
.bs-closing__copy{position:relative;z-index:2;width:min(760px,82vw)}
.bs-closing__copy .eyebrow{font-size:9px;letter-spacing:.25em;margin-bottom:22px}
.bs-closing__copy h2{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;font-size:clamp(26px,3.6vw,44px);
  font-weight:400;line-height:1.22;margin:0 0 22px;word-break:keep-all
}
.bs-closing__copy p{font-size:13px;line-height:1.9;max-width:520px;margin:auto}

@media(max-width:900px){
  .bs-title{padding:90px 0 55px}
  .bs-title__inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:30px}
  .bs-title h1{font-size:clamp(30px,9vw,48px)}
  .bs-title__desc{margin:0}
  .bs-index{padding:80px 0}
  .bs-index__inner{width:calc(100% - 40px)}
  .bs-index__head{display:block}
  .bs-index__head h2{margin-top:14px}
  .bs-index__row{grid-template-columns:52px 1fr;gap:14px}
  .bs-index__name{font-size:34px}
  .bs-index__text,.bs-index__link{grid-column:2}
  .bs-index__link{justify-self:start}
  .bs-words{padding:90px 0}
  .bs-words__inner{width:calc(100% - 40px)}
  .bs-words__lead{grid-template-columns:1fr;gap:24px;margin-bottom:55px}
  .bs-word{grid-template-columns:48px 1fr;gap:16px}
  .bs-word h3{font-size:clamp(30px,8vw,44px)}
  .bs-word p{grid-column:2;justify-self:start}
  .bs-closing{margin:0 15px 15px;min-height:56vh}
}

.bs-card__panel{
  z-index:3;
  transition:transform .7s ease, box-shadow .7s ease, background .7s ease
}
.bs-card[data-scent]:hover .bs-card__panel,
.bs-card[data-scent].is-scenting .bs-card__panel{
  transform:translateY(-50%) translate3d(calc(var(--sx) * 6px),calc(var(--sy) * 4px),0);
  box-shadow:0 16px 40px rgba(0,0,0,.12);
  background:rgba(248,244,236,.88)
}
.bs-card--angel[data-scent]:hover .bs-card__panel,
.bs-card--angel[data-scent].is-scenting .bs-card__panel{
  transform:translateY(-50%) translate3d(calc(var(--sx) * 6px),calc(var(--sy) * 4px),0)
}
.bs-card__quote{
  transition:letter-spacing .8s ease, opacity .8s ease
}
.bs-card[data-scent]:hover .bs-card__quote{
  letter-spacing:.02em
}
@media(max-width:900px){
  .bs-card[data-scent]:hover .bs-card__panel,
  .bs-card[data-scent].is-scenting .bs-card__panel,
  .bs-card--angel[data-scent]:hover .bs-card__panel,
  .bs-card--angel[data-scent].is-scenting .bs-card__panel{
    transform:none
  }
}