html{scroll-behavior:smooth;scroll-padding-top:100px}
body.fragrance-site{margin:0;background:#fafaf7;color:#222c27;font-family:Arial,'Apple SD Gothic Neo','Noto Sans KR',sans-serif;line-height:1.8;word-break:keep-all}
.fragrance-site{--green:#1c382d;--ink:#222c27;--paper:#fafaf7;--line:#c9cec5;--red:#9d3e2d;color:var(--ink);background:var(--paper)}
.fragrance-site *{box-sizing:border-box}
.fragrance-site a{color:inherit;text-decoration:none}
.fragrance-site button{font:inherit}
.fragrance-site a:focus-visible,.fragrance-site button:focus-visible,.fragrance-site summary:focus-visible{outline:3px solid #aa673e;outline-offset:5px}
.fragrance-site h1,.fragrance-site h2,.fragrance-site p{margin-top:0}
.fragrance-site header{padding:22px 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line)}
.fragrance-site .logo{font-family:Georgia,serif;font-size:32px;letter-spacing:4px;line-height:1}
.fragrance-site .logo span{display:block;font-family:Arial,sans-serif;font-size:12px;letter-spacing:3px;margin-top:9px}
.fragrance-site nav{display:flex;gap:32px;font-size:14px}
.fragrance-site nav a:hover,.fragrance-site .text-link:hover{text-decoration:underline;text-underline-offset:6px}
.fragrance-site .hero{display:grid;grid-template-columns:1.05fr 1fr;min-height:740px}
.fragrance-site .hero-copy{background:var(--green);color:#fff;padding:70px 9%;display:flex;flex-direction:column;align-items:flex-start}
.fragrance-site .eyebrow{font-size:12px;letter-spacing:2px;margin:0 0 30px;font-weight:500}
.fragrance-site h1{font-size:clamp(40px,4.4vw,68px);line-height:1.35;font-weight:400;letter-spacing:-2px;margin:30px 0}
.fragrance-site .intro{font-size:17px;color:#d8e0d9;line-height:2}
.fragrance-site .button{display:inline-block;padding:13px 26px;font-size:14px;border:1px solid;margin-top:24px;transition:background .2s}
.fragrance-site .light{border-color:#b5c4b7;color:#fff}
.fragrance-site .light:hover{background:#ffffff16}
.fragrance-site .dark{background:var(--green);color:white;border-color:var(--green)}
.fragrance-site .dark:hover{background:#31543f}
.fragrance-site .hero-bottom{display:flex;justify-content:space-between;width:100%;gap:20px;font-size:12px;letter-spacing:1px;margin-top:auto;padding-top:65px;color:#c8d4c9}
.fragrance-site .hero-image{position:relative;min-height:700px;background:#e8e1d7}
.fragrance-site .hero-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:50% 55%}
.fragrance-site .image-caption{position:absolute;bottom:26px;left:28px;background:var(--paper);padding:7px 14px;font-size:12px;letter-spacing:1px}
.fragrance-site .wrap{max-width:1320px;margin-inline:auto;padding:110px 6%}
.fragrance-site h2{font-size:clamp(30px,3.3vw,48px);font-weight:400;line-height:1.4;letter-spacing:-1.5px;margin-bottom:28px}
.fragrance-site .story{display:grid;grid-template-columns:1fr 2fr;gap:80px}
.fragrance-site .story>div{max-width:660px}
.fragrance-site .story p:not(.eyebrow){color:#59625b;font-size:17px;line-height:2}
.fragrance-site .collection{background:#e9ede7}
.fragrance-site .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}
.fragrance-site .section-heading>p{color:#59625b;font-size:16px}
.fragrance-site .elements{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #aab5a8;border-bottom:1px solid #aab5a8}
.fragrance-site .element{border:0;border-right:1px solid #aab5a8;background:transparent;padding:25px 8px;display:flex;flex-direction:column;align-items:center;gap:20px;cursor:pointer;color:#586158;transition:background .2s,color .2s}
.fragrance-site .element:last-child{border-right:0}
.fragrance-site .element span{font-size:12px;letter-spacing:1px}
.fragrance-site .element b{font-family:Georgia,'Noto Serif KR',serif;font-size:56px;font-weight:400;line-height:1.3}
.fragrance-site .element:hover{background:#d7dfd3}
.fragrance-site .element.active{background:var(--green);color:#fff}
.fragrance-site .element.active:first-child{background:var(--red)}
.fragrance-site .element-caption{padding-top:32px;min-height:155px}
.fragrance-site .element-caption>span{font-size:16px}
.fragrance-site .element-caption p{color:#59625b;margin:8px 0}
.fragrance-site .element-caption a{font-size:14px;border-bottom:1px solid;padding-bottom:3px}
.fragrance-site .product{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}
.fragrance-site .product-image img{width:100%;height:auto;display:block}
.fragrance-site .product-copy h2{font-family:Georgia,serif;font-size:72px;letter-spacing:0;line-height:1.1}
.fragrance-site .product-copy h2 span{display:block;font-family:Arial,'Apple SD Gothic Neo',sans-serif;font-size:24px;letter-spacing:-.7px;margin-top:14px}
.fragrance-site .lead{font-size:24px;line-height:1.65}
.fragrance-site .product-copy>p:not(.lead):not(.eyebrow){color:#59625b}
.fragrance-site dl{font-size:14px;margin:32px 0}
.fragrance-site dl div{display:grid;grid-template-columns:100px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}
.fragrance-site dd{margin:0}
.fragrance-site dt{color:#6a716a}
.fragrance-site details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}
.fragrance-site summary{font-size:14px;cursor:pointer}
.fragrance-site details p{font-size:16px;margin:20px 0 5px;line-height:1.9}
.fragrance-site .ritual{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:white}
.fragrance-site .ritual-copy{padding:80px 14%}
.fragrance-site .ritual-copy>p:not(.eyebrow):not(.lead){color:#d7dfd6}
.fragrance-site .ritual-copy details{border-color:#607366;margin-top:35px}
.fragrance-site .ritual-image{display:flex;align-items:center;background:#ece3d8}
.fragrance-site .ritual-image img{width:100%;height:auto;display:block}
.fragrance-site .closing{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:10%}
.fragrance-site .closing-image img{width:100%;height:auto;display:block;max-height:580px;object-fit:cover}
.fragrance-site .closing p:not(.eyebrow){color:#59625b}
.fragrance-site .text-link{display:block;font-size:14px;margin-top:20px}
.fragrance-site footer{display:flex;align-items:center;justify-content:space-between;padding:50px 6%;border-top:1px solid var(--line);gap:30px}
.fragrance-site .footer-logo{font-family:Georgia,serif;font-size:40px;letter-spacing:4px}
.fragrance-site footer p{margin:0;font-family:Georgia,serif;font-style:italic;font-size:20px}
.fragrance-site footer span,.fragrance-site footer>a:last-child{font-size:12px}
.fragrance-site .skip{position:absolute;top:-100px;left:12px;background:white;padding:15px;z-index:3}
.fragrance-site .skip:focus{top:0}
@media(min-width:1600px){.fragrance-site .hero{min-height:860px}.fragrance-site .hero-copy{padding-top:100px}}
@media(max-width:760px){
  .fragrance-site header{padding:20px 6%;align-items:flex-start;gap:18px}
  .fragrance-site .logo{font-size:24px;letter-spacing:3px}
  .fragrance-site .logo span{font-size:12px;letter-spacing:2px}
  .fragrance-site nav{gap:12px;font-size:12px;flex-wrap:wrap;justify-content:flex-end;max-width:200px}
  .fragrance-site .hero{grid-template-columns:1fr}
  .fragrance-site .hero-copy{padding:45px 7%}
  .fragrance-site .hero-copy h1{font-size:44px;margin-top:10px}
  .fragrance-site .hero-bottom{padding-top:45px}
  .fragrance-site .hero-image{min-height:580px}
  .fragrance-site .wrap{padding:70px 7%}
  .fragrance-site .story{grid-template-columns:1fr;gap:0}
  .fragrance-site .section-heading{display:block;margin-bottom:30px}
  .fragrance-site .elements{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fragrance-site .element:last-child{grid-column:1 / -1}
  .fragrance-site .element{border-bottom:1px solid #aab5a8;padding:18px 3px;gap:16px}
  .fragrance-site .element span,.fragrance-site .element span:last-child{font-size:12px;letter-spacing:0}
  .fragrance-site .element b{font-size:36px}
  .fragrance-site .element-caption{min-height:180px}
  .fragrance-site .product,.fragrance-site .closing{grid-template-columns:1fr;gap:40px}
  .fragrance-site .product-copy h2{font-size:60px}
  .fragrance-site .ritual{grid-template-columns:1fr}
  .fragrance-site .ritual-copy{padding:65px 7%}
  .fragrance-site .ritual-image{grid-row:1}
  .fragrance-site .closing-image img{max-height:480px}
  .fragrance-site footer{flex-wrap:wrap;padding:35px 7%}
  .fragrance-site footer>div{width:100%;order:3}
  .fragrance-site h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.fragrance-site *{transition:none!important}}