@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;500&display=swap");
.hero-carousel{display:grid;position:relative;margin:22px 2.8% 0;border-radius:4px;overflow:hidden;height:clamp(560px,47vw,720px);background:#eef0e3}.hero-carousel .hero{grid-area:1/1;margin:0;height:100%;min-height:0;min-width:0;grid-template-columns:1fr 1fr;border-radius:0;transition:opacity .75s ease,visibility .75s}.hero-slide{opacity:0;visibility:hidden;pointer-events:none}.hero-slide.is-active{opacity:1;visibility:visible;pointer-events:auto}.hero-carousel .hero-image{min-height:0;overflow:hidden}.hero-carousel .hero-image>img{height:100%;object-fit:cover}.hero-carousel .hero-copy{padding-top:55px}.hero-carousel .hero-bottom{padding-top:40px;margin-bottom:55px}.hero-carousel h2{font-size:clamp(30px,3.2vw,54px);margin-bottom:26px}.hero-model{background:#f2f0e7}.hero-model .hero-image>img{object-position:60% center}.hero-model .eyebrow{color:#607355}.hero-model .hero-description{font-size:13px;line-height:2}.carousel-controls{position:absolute;left:4.5%;bottom:22px;z-index:2;display:flex;align-items:center;gap:8px;background:#fdfdf9db;border:1px solid #d5dec8;border-radius:28px;padding:4px 8px;backdrop-filter:blur(10px)}.carousel-controls button{width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:50%;font-size:18px}.carousel-controls button:hover{background:#dce5cf}.carousel-controls .slide-dot{width:24px}.slide-dot::after{content:'';width:6px;height:6px;background:#afbaa4;border-radius:50%;transition:width .3s}.slide-dot[aria-pressed=true]::after{background:#294736;width:19px;border-radius:6px}.slide-count{font-size:10px;letter-spacing:1px;margin:0 3px}.carousel-controls [data-carousel-toggle]{font-size:12px;border-left:1px solid #d5dec8;border-radius:0;width:30px;margin-left:3px}.model-credit{position:absolute;bottom:21px;right:22px;font-size:9px;letter-spacing:1px;color:#516047;background:#fdfdf9aa;padding:3px 7px;border-radius:3px}@media(max-width:1100px){.hero-carousel h2{font-size:36px}.hero-carousel .hero-copy{padding-top:45px}}@media(max-width:700px){.hero-carousel{margin:14px 4% 0;height:calc(375px + 82vw);max-height:950px}.hero-carousel .hero{grid-template-columns:1fr;grid-template-rows:375px 1fr}.hero-carousel .hero-copy{padding:34px 8% 18px;min-height:0}.hero-carousel .hero h1,.hero-carousel .hero h2{font-size:34px;letter-spacing:-1.5px;margin-bottom:18px}.hero-carousel .hero-description,.hero-model .hero-description{font-size:12px}.hero-carousel .hero .button{margin-top:22px}.hero-carousel .hero-bottom{padding-top:25px;margin-bottom:0}.hero-carousel .hero-image{aspect-ratio:auto}.hero-model .hero-image>img{object-position:center 40%}.carousel-controls{left:50%;bottom:15px;transform:translateX(-50%);white-space:nowrap}.hero-carousel .hero-product{bottom:65px}.model-credit{bottom:63px;right:16px;font-size:8px}}@media(prefers-reduced-motion:reduce){.hero-carousel .hero{transition:none}}

.hero-carousel .hero h1,.hero-carousel .hero h2{font-family:"Noto Serif KR","Batang","바탕",serif;font-weight:400;letter-spacing:-1.5px;line-height:1.5}
.logo{display:block;width:150px;line-height:0}.logo img{display:block;width:150px;height:auto;object-fit:contain}.footer-top .logo{width:150px}.announcement{display:flex;align-items:center;justify-content:center;min-height:36px}.announcement span{display:inline-flex;align-items:center}.announcement span img{width:48px;height:auto}@media(max-width:700px){.logo,.footer-top .logo{width:115px}.logo img{width:115px}.announcement{min-height:32px}.announcement span img{width:42px}}/* Full-bleed model campaign: keep copy above the photograph. */
.hero-carousel .hero-model{display:block;position:relative;isolation:isolate}
.hero-carousel .hero-model .hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-carousel .hero-model .hero-image>img{width:100%;height:100%;object-fit:cover;object-position:center 38%}
.hero-carousel .hero-model::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(245,244,235,.96) 0%,rgba(245,244,235,.87) 27%,rgba(245,244,235,.3) 49%,rgba(245,244,235,0) 67%)}
.hero-carousel .hero-model .hero-copy{position:relative;width:55%;height:100%;padding:55px 7% 110px;justify-content:center}
.hero-carousel .hero-model .hero-bottom{position:absolute;left:13%;right:4%;bottom:84px;margin:0;padding:0;font-size:9px}
.hero-carousel .hero-model .hero-description{color:#52614f}
@media(max-width:1100px) and (min-width:701px){.hero-carousel .hero-model .hero-copy{width:60%;padding-left:7%;padding-right:3%}.hero-carousel .hero-model .hero-bottom{left:12%;right:10%}}
@media(max-width:700px){
 .hero-carousel .hero-model .hero-image>img{object-position:70% top}
 .hero-carousel .hero-model::after{background:linear-gradient(0deg,rgba(245,244,235,.99) 0%,rgba(245,244,235,.94) 22%,rgba(245,244,235,.55) 43%,rgba(245,244,235,0) 65%)}
 .hero-carousel .hero-model .hero-copy{width:100%;height:100%;padding:30px 8% 92px;justify-content:flex-end}
 .hero-carousel .hero-model .hero-bottom{display:none}
 .hero-carousel .hero-model .eyebrow{margin-bottom:12px;font-size:8px}
 .hero-carousel .hero-model h1{font-size:31px;margin-bottom:14px}
 .hero-carousel .hero-model .hero-description{font-size:11px}
 .hero-carousel .hero-model .button{margin-top:20px}
}