/* Dear Luna standalone (from aroma_pharm_dear_luna_standalone) */
.luna-page{padding-top:0}

.luna-hero{
  min-height:calc(100vh - 50px);
  display:grid;grid-template-columns:.92fr 1.08fr;
  background:#eee8de
}
.luna-hero__copy{
  display:flex;flex-direction:column;justify-content:center;
  padding:100px clamp(42px,6.8vw,100px)
}
.luna-hero__copy .eyebrow{
  font-size:9px;letter-spacing:.24em;color:#79756d;margin-bottom:26px
}
.luna-hero__copy h1{
  font-family:"Cormorant Garamond",Georgia,serif;
  font-size:clamp(68px,8vw,120px);font-weight:400;
  line-height:.8;letter-spacing:-.05em;margin:0 0 30px;color:#2e3029
}
.luna-hero__copy .quote{
  font-size:18px;line-height:1.8;font-weight:300;margin:0 0 18px;color:#404239
}
.luna-hero__copy .desc{
  font-size:13px;line-height:1.95;color:#777268;max-width:430px;margin:0
}
.luna-hero__visual{
  min-height:680px;background-size:cover;background-position:center;position:relative
}
.luna-hero__visual:after{
  content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.12))
}

.luna-intro{padding:125px 0}
.luna-intro__inner{
  width:min(1120px,calc(100% - 80px));margin:auto;
  display:grid;grid-template-columns:.6fr 1.4fr;gap:80px
}
.luna-intro__label{font-size:9px;letter-spacing:.23em;color:#79756d;padding-top:12px}
.luna-intro h2{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;font-size:clamp(24px,3.2vw,38px);
  font-weight:400;line-height:1.22;letter-spacing:-.02em;margin:0 0 30px;word-break:keep-all
}
.luna-intro p{
  max-width:650px;font-size:14px;line-height:2;color:#79756d;margin:0
}

.luna-products{padding:0 0 130px}
.luna-products__inner{width:min(1360px,calc(100% - 56px));margin:auto}
.luna-products__head{
  display:flex;justify-content:space-between;align-items:end;margin-bottom:34px
}
.luna-products__head .eyebrow{font-size:9px;letter-spacing:.23em;color:#79756d}
.luna-products__head h2{
  font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(48px,5vw,70px);
  font-weight:400;line-height:.95;margin:0
}
.luna-products__grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px
}
.luna-product{
  display:block;text-decoration:none;color:inherit;min-width:0
}
.luna-product__img{
  aspect-ratio:auto;background:#ece9e2;overflow:visible
}
.luna-product__img img{
  width:100%!important;height:auto!important;object-fit:contain;display:block
}
.luna-product:hover img{transform:none}
.luna-product__meta{padding:14px 2px 0}
.luna-product__name{font-size:12px;margin-bottom:5px}
.luna-product__sub{font-size:10px;color:#79756d}
.luna-product__price{font-size:11px;margin-top:10px}

.luna-editorial{
  width:min(1360px,calc(100% - 56px));margin:0 auto 130px;
  display:grid;grid-template-columns:1.2fr .8fr;gap:18px
}
.luna-editorial__media{
  min-height:680px;background-size:cover;background-position:center
}
.luna-editorial__copy{
  background:#e9e1d5;padding:64px;
  display:flex;flex-direction:column;justify-content:center
}
.luna-editorial__copy .eyebrow{font-size:9px;letter-spacing:.23em;color:#79756d}
.luna-editorial__copy h2{
  font-family:"Noto Serif KR","Cormorant Garamond",Georgia,serif;
  font-size:clamp(22px,3vw,36px);font-weight:400;
  line-height:1.22;letter-spacing:-.02em;margin:20px 0 26px;word-break:keep-all
}
.luna-editorial__copy p{
  font-size:13px;line-height:1.95;color:#6f6a61;margin:0;max-width:420px
}

.luna-cta{
  background:#171714;color:#f3f0e9;padding:95px 0
}
.luna-cta__inner{
  width:min(1180px,calc(100% - 80px));margin:auto;
  display:flex;align-items:flex-end;justify-content:space-between;gap:28px
}
.luna-cta__title{
  display:inline-block;
  font-family:"Noto Serif KR","Cormorant Garamond",serif;
  font-size:clamp(32px,4.2vw,56px);
  font-weight:400;
  line-height:1.3;
  letter-spacing:-.02em;
  color:#f3f0e9;
  text-decoration:none;
  word-break:keep-all
}
.luna-cta__more{
  flex:0 0 auto;
  color:#fff;
  font-size:11px;
  letter-spacing:.16em;
  border-bottom:1px solid #8f8b83;
  padding-bottom:7px;
  text-decoration:none;
  white-space:nowrap
}

@media(max-width:900px){
  .luna-hero{grid-template-columns:1fr}
  .luna-hero__visual{min-height:54vh;order:-1}
  .luna-hero__copy{padding:64px 26px 76px}
  .luna-hero__copy h1{font-size:clamp(52px,16vw,84px)}
  .luna-intro{padding:90px 0}
  .luna-intro__inner{width:calc(100% - 40px);grid-template-columns:1fr;gap:24px}
  .luna-products{padding-bottom:90px}
  .luna-products__inner{width:calc(100% - 30px)}
  .luna-products__head{display:block}
  .luna-products__head h2{margin-top:12px}
  .luna-products__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .luna-editorial{width:calc(100% - 30px);grid-template-columns:1fr;margin-bottom:90px}
  .luna-editorial__media{min-height:50vh}
  .luna-editorial__copy{padding:42px 28px}
  .luna-cta{padding:72px 0}
  .luna-cta__inner{width:calc(100% - 40px);flex-direction:column;align-items:flex-start;gap:18px}
  .luna-cta__more{white-space:normal}
}

.luna-hero__visual{overflow:hidden}
.luna-hero__visual .ap-scent{z-index:2}
.luna-hero__visual:after{z-index:3}
.luna-hero__copy .quote{
  animation:lunaQuoteBreath 6.5s ease-in-out infinite
}
@keyframes lunaQuoteBreath{
  0%,100%{opacity:.82;transform:translateY(0)}
  50%{opacity:1;transform:translateY(-2px)}
}
@media(prefers-reduced-motion:reduce){
  .luna-hero__copy .quote{animation:none}
}
