@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&family=Noto+Serif+KR:wght@400;500;600&display=swap');
:root{color-scheme:light;--ink:#263e30;--paper:#f9f8f3;--gold:#d7be85}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,.campaign:focus-visible{outline:3px solid #b88a3d;outline-offset:5px}.site-header{height:104px;max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 48px;border-bottom:1px solid #dfe1d6}.wordmark{font-family:Georgia,serif;font-size:28px;letter-spacing:3px}.wordmark>span{color:#9c7540}.wordmark small{display:block;font-family:Arial,sans-serif;font-size:7px;letter-spacing:2.2px;margin-top:8px}.site-header nav{display:flex;gap:40px;font-size:13px}.home-link{font-size:12px;color:#65725f}.home-link span{margin-left:12px}main{max-width:1440px;margin:0 auto;padding:0 40px}.season-heading{display:flex;align-items:center;justify-content:space-between;margin:37px 0 24px}.season-heading>span{font-size:9px;letter-spacing:2px;color:#74806c}.season-heading p{font-family:'Noto Serif KR',serif;font-size:16px;margin:0;letter-spacing:.06em}.campaign{position:relative;height:370px;border-radius:12px;isolation:isolate;overflow:hidden;background:#e7e3d8;touch-action:pan-y}.slides,.slide,.scene{position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 1.2s;overflow:hidden}.slide.is-active{opacity:1;visibility:visible;z-index:1}.scene{background-size:cover;background-position:center;transform:scale(1.025)}.slide.is-active .scene{animation:scene-drift 16s ease-out both}.slide-greeting{color:#233726;background:#ede7db}.slide-discount{color:#fff8e7;background:#72816b}.slide-gift{color:#f3e4bd;background:#173123}.slide-greeting .scene{background-image:url('greeting.webp')}.slide-discount .scene{background-image:url('discount.webp')}.slide-gift .scene{background-image:url('gift.webp')}.copy{position:absolute;z-index:2;left:7.8%;top:50%;transform:translateY(-50%);width:62%;padding-bottom:12px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:3px;margin:0 0 17px}.copy h1,.copy h2{font-family:'Noto Serif KR',serif;font-weight:500;font-size:clamp(27px,3.1vw,43px);line-height:1.48;letter-spacing:-.055em;margin:0 0 15px;word-break:keep-all}.description{font-size:14px;line-height:1.9;margin:0 0 18px;letter-spacing:-.03em}.description strong{font-weight:500}.open-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid #4f624e;border-radius:30px;padding:8px 16px;font-size:12px;font-weight:500;background:#f8f4e955}.open-badge i{display:block;width:6px;height:6px;background:#5a7651;border-radius:50%;box-shadow:0 0 0 4px #5a765114}.text-link{font-size:12px;border-bottom:1px solid #e6e8d6;padding-bottom:7px;display:inline-flex;gap:22px;align-items:center}.gift-note{display:inline-block;letter-spacing:.12em;font-size:10px;border-top:1px solid #d2bf8466;padding-top:10px}.discount-number{position:absolute;right:9%;top:41%;transform:translateY(-50%);font-family:Georgia,serif;font-size:clamp(100px,15vw,220px);color:#f6e8c4;letter-spacing:-.08em;line-height:1;text-shadow:1px 1px #fff8df,3px 4px #a08c62,9px 14px 22px #26342140;z-index:1}.discount-number span{font-size:.65em;letter-spacing:-.04em}.moon-glow{position:absolute;width:32%;aspect-ratio:1;right:2%;top:-38%;border-radius:50%;background:radial-gradient(circle,#fff3c72a,transparent 67%);mix-blend-mode:screen;animation:moon-breathe 8s ease-in-out infinite;pointer-events:none}.arrow{position:absolute;z-index:5;top:50%;transform:translateY(-50%);width:40px;height:48px;border:none;background:transparent;padding:8px;opacity:.7;transition:opacity .2s}.arrow:hover{opacity:1}.arrow svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.3}.arrow-prev{left:12px}.arrow-next{right:12px}.campaign[data-slide='1'],.campaign[data-slide='2']{color:#fff7df}.carousel-controls{position:absolute;z-index:5;bottom:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;color:inherit}.dots{display:flex;align-items:center;gap:0}.dots button{border:0;background:none;padding:10px 5px}.dots button span{display:block;width:6px;height:6px;background:currentColor;border-radius:5px;opacity:.3;transition:width .4s,opacity .4s}.dots button[aria-current=true] span{width:24px;opacity:1}.counter{font:10px Arial,sans-serif;letter-spacing:1px;white-space:nowrap}.counter b{font-weight:600}.playback{border:1px solid currentColor;background:transparent;border-radius:50%;width:25px;height:25px;padding:0;font:12px Arial,sans-serif;line-height:23px;opacity:.8}.leaves{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}.leaves i{position:absolute;top:-12%;width:9px;height:18px;border-radius:1px 90% 2px 90%;background:linear-gradient(135deg,#cfaa67,#ac7d3d);opacity:0;animation:leaf-fall 13s linear infinite}.leaves i:nth-child(1){left:69%;animation-delay:-2s}.leaves i:nth-child(2){left:84%;animation-delay:-7s;width:6px;height:13px}.leaves i:nth-child(3){left:95%;animation-delay:-10s}.leaves i:nth-child(4){left:52%;animation-delay:-4s;width:5px;height:11px}.leaves i:nth-child(5){left:76%;animation-delay:-12s}.is-paused .leaves i,.is-paused .scene,.is-paused .moon-glow{animation-play-state:paused}.benefit-nav{display:grid;grid-template-columns:repeat(3,1fr);margin-top:17px;border-top:1px solid #dce0d5;border-bottom:1px solid #dce0d5}.benefit-nav button{display:flex;align-items:center;gap:18px;position:relative;text-align:left;border:0;background:transparent;padding:25px 24px;transition:background .3s}.benefit-nav button+button{border-left:1px solid #dce0d5}.benefit-nav button:after{content:'';position:absolute;left:24px;right:24px;bottom:-1px;height:2px;background:var(--ink);transform:scaleX(0);transition:transform .5s}.benefit-nav button.is-selected:after{transform:scaleX(1)}.benefit-nav button:hover,.benefit-nav button.is-selected{background:#eef0e6}.benefit-index{font-family:Georgia,serif;font-size:23px;color:#a0a995}.benefit-nav small{display:block;font-size:8px;letter-spacing:1.6px;color:#7f8a77;margin-bottom:8px}.benefit-nav strong{font-size:13px;font-weight:500;letter-spacing:-.03em}.benefit-arrow{margin-left:auto;font-size:19px;color:#899580}.season-message{position:relative;text-align:center;padding:66px 16px 60px}.little-moon{display:block;width:27px;height:27px;border-radius:50%;margin:0 auto 17px;background:radial-gradient(circle at 35% 30%,#f6ebc6,#d6bd82);box-shadow:0 0 24px #d6bd8224}.season-message .eyebrow{font-size:8px;color:#839075;letter-spacing:2.8px}.season-message h2{font-family:'Noto Serif KR',serif;font-size:24px;letter-spacing:-.05em;font-weight:500;margin:0 0 15px;word-break:keep-all}.season-message>p:not(.eyebrow){font-size:12px;line-height:2;color:#7b8475}.shop-button{display:inline-flex;gap:44px;align-items:center;background:#294332;color:#fff9e9;padding:14px 23px;border-radius:3px;font-size:12px;margin-top:15px;transition:background .25s,transform .25s}.shop-button:hover{background:#405c44;transform:translateY(-2px)}footer{max-width:1360px;margin:auto;border-top:1px solid #dce0d5;padding:27px 8px;display:flex;align-items:center;gap:25px;color:#89917f;font-size:10px}.footer-logo{font-family:Georgia,serif;letter-spacing:2px;font-size:15px;color:#435440}footer small{margin-left:auto;font-size:8px;letter-spacing:1.4px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes scene-drift{from{transform:scale(1.025)}to{transform:scale(1)}}@keyframes moon-breathe{50%{opacity:.4;transform:scale(1.14)}}@keyframes leaf-fall{0%{transform:translate(0,-20px) rotate(10deg);opacity:0}15%{opacity:.5}80%{opacity:.35}100%{transform:translate(-140px,460px) rotate(260deg);opacity:0}}
.wordmark,.footer-logo{display:inline-flex;align-items:center;flex-shrink:0;line-height:0}.wordmark img{display:block;width:76px;height:76px;object-fit:contain}.footer-logo img{display:block;width:40px;height:40px;object-fit:contain}
@media(max-width:600px){.wordmark img{width:48px;height:48px}.footer-logo img{width:34px;height:34px}}
@media(min-width:1500px){.campaign{height:390px}}
@media(max-width:900px){.site-header{padding:0 24px;height:90px}.site-header nav{gap:20px}.home-link{display:none}main{padding:0 24px}.season-heading>span:first-child{display:none}.campaign{height:340px}.copy{left:8%;width:68%}.copy h1,.copy h2{font-size:32px}.description{font-size:12px}.discount-number{right:5%;font-size:145px}.benefit-nav button{padding:20px 12px;gap:9px}.benefit-nav strong{font-size:11px}.benefit-index{font-size:18px}.benefit-arrow{display:none}footer{margin:0 24px}}
@media(max-width:600px){.site-header{height:78px;padding:0 20px}.wordmark{font-size:22px;letter-spacing:2px}.wordmark small{font-size:6px;letter-spacing:1.4px}.site-header nav{gap:17px;font-size:11px}.site-header nav a:last-child{display:none}main{padding:0 14px}.season-heading{margin:24px 5px 17px}.season-heading p{font-size:12px}.season-heading>span{font-size:8px;letter-spacing:1px}.campaign{height:525px;border-radius:9px}.scene{background-size:auto 245px;background-repeat:no-repeat;background-position:right bottom}.slide-greeting .scene{background-color:#eee8dc}.slide-discount .scene{background-color:#73816b}.slide-gift .scene{background-color:#193324}.scene:after{content:'';position:absolute;inset:220px 0 auto;height:85px;background:linear-gradient(to bottom,#eee8dc,transparent)}.slide-discount .scene:after{background:linear-gradient(to bottom,#73816b,transparent)}.slide-gift .scene:after{background:linear-gradient(to bottom,#193324,transparent)}.copy{left:28px;right:22px;top:37px;transform:none;width:auto;padding:0}.copy .eyebrow{font-size:8px;letter-spacing:2px;margin-bottom:16px}.copy h1,.copy h2{font-size:29px;line-height:1.55;margin-bottom:12px}.description{font-size:12px;line-height:1.9;margin-bottom:14px}.open-badge{font-size:11px;padding:8px 11px;background:#f8f4e9bb}.text-link{font-size:11px}.gift-note{font-size:9px}.discount-number{top:auto;bottom:41px;right:35px;transform:none;font-size:137px}.arrow{top:64%;width:32px;background:#f9f7ef26;border-radius:50%;height:32px;padding:5px}.arrow-prev{left:9px}.arrow-next{right:9px}.arrow svg{width:20px;height:20px}.carousel-controls{bottom:13px;border-radius:30px;padding:0 9px;gap:14px;background:#f4f1e788;color:#263e30}.campaign[data-slide='1'] .carousel-controls,.campaign[data-slide='2'] .carousel-controls{background:#15302399;color:#fff8df}.moon-glow{width:60%;top:45%;right:-10%}.benefit-nav{margin-top:13px}.benefit-nav button{display:block;text-align:center;padding:15px 4px}.benefit-index{font-size:14px;display:block;margin-bottom:7px}.benefit-nav small{display:none}.benefit-nav strong{font-size:10px;font-weight:500;word-break:keep-all;display:block;line-height:1.7}.benefit-nav button:after{left:8px;right:8px}.season-message{padding:45px 12px}.season-message h2{font-size:20px;line-height:1.6}.season-message>p:not(.eyebrow){font-size:11px}footer{margin:0 20px;gap:15px;padding:22px 0;flex-wrap:wrap}footer small{width:100%;margin-left:0;font-size:7px}.leaves i:nth-child(4){display:none}}
@media(max-width:600px){
  .scene:after{inset:auto 0 175px;height:90px;background:linear-gradient(to bottom,#eee8dc 25%,transparent)}
  .slide-discount .scene:after{background:linear-gradient(to bottom,#73816b 25%,transparent)}
  .slide-gift .scene{background-size:auto 205px;background-position:80% bottom}
  .slide-gift .scene:after{bottom:135px;height:90px;background:linear-gradient(to bottom,#193324 25%,transparent)}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.leaves{display:none}}