@font-face{font-family:'Noto Serif KR';src:url('../assets/fonts/serif.woff') format('woff');font-weight:400;font-display:swap}
@font-face{font-family:'Noto Sans KR';src:url('../assets/fonts/sans.woff') format('woff');font-weight:400;font-display:swap}
.story-page{--story-paper:#f4f1e9;--story-ink:#171310;--story-body:#514a43;--story-muted:#746b61;--story-line:#d9d2c5;margin:0;background:var(--story-paper);color:var(--story-ink);font-family:'Noto Sans KR',-apple-system,BlinkMacSystemFont,'Malgun Gothic',sans-serif;font-size:16px;line-height:1.95;word-break:keep-all;overflow-wrap:break-word}
.story-page *,.story-page *::before,.story-page *::after{box-sizing:border-box}
.story-page a{color:inherit;text-underline-offset:6px}.story-page a:focus-visible,.story-page button:focus-visible{outline:2px solid #75644c;outline-offset:6px}.story-page ::selection{background:#ded5c4}.story-page img{display:block;max-width:100%}.story-page figure,.story-page p{margin:0}.story-page h1,.story-page h2,.story-page h3{font-family:'Noto Serif KR',Batang,serif;font-weight:400;word-break:keep-all}.story-wrap{width:min(1160px,calc(100% - 112px));margin-inline:auto}.story-skip{position:fixed;top:-80px;left:20px;z-index:100;background:var(--story-paper);padding:8px 16px}.story-skip:focus{top:10px}
.story-header{position:relative;max-width:1160px;margin:0 auto;padding:20px 0;display:flex;justify-content:space-between;align-items:center;gap:24px;z-index:20}.story-logo img{width:122px;height:auto}.story-nav{display:flex;align-items:center;gap:18px;font-size:14px;letter-spacing:.02em}.story-nav a{position:relative;display:inline-block;text-decoration:none;letter-spacing:.02em;transform:scale(1);transition:transform .3s cubic-bezier(.22,.72,.16,1),letter-spacing .3s cubic-bezier(.22,.72,.16,1)}.story-nav a:hover,.story-nav a:focus-visible{transform:scale(1.2);letter-spacing:.11em}.story-nav a[aria-current]{text-decoration:underline}.story-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1.5px;background:linear-gradient(90deg,#2fadcf 0%,#d1bada 20%,#a2c3e7 40%,#f9d2dc 55%,#bcbcd7 70%,#94bfe6 85%,#a691be 100%);transform:scaleX(0);transform-origin:center;transition:transform .4s cubic-bezier(.22,.72,.16,1);pointer-events:none}.story-nav a:hover::after,.story-nav a:focus-visible::after{transform:scaleX(1)}.story-nav>span:not(.nav-label){font-size:10px}.story-nav .nav-label{color:var(--story-body)}.story-menu-toggle{display:none;background:transparent;border:0;width:44px;height:44px;align-items:center;justify-content:center;flex-direction:column;gap:7px;padding:10px;color:var(--story-ink)}.story-menu-toggle span{display:block;width:24px;height:1px;background:currentColor;transition:transform .2s}.story-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.story-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.story-mobile-nav{position:absolute;top:100%;left:0;right:0;background:var(--story-paper);padding:20px 24px 32px;border-bottom:1px solid var(--story-line);box-shadow:0 16px 22px #17131008}.story-mobile-nav[hidden]{display:none}.story-mobile-nav a,.story-mobile-nav .nav-label{display:block;padding:10px 0;text-decoration:none;font-size:17px}.story-mobile-nav .nav-label{color:var(--story-muted)}
.story-opening{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);gap:11%;align-items:center;padding:68px 0 60px}.story-eyebrow{font-size:14px;letter-spacing:.05em;color:var(--story-muted)}.story-opening h1{font-size:clamp(32px,3.25vw,49px);line-height:1.7;letter-spacing:-.045em;margin:21px 0 29px}.story-opening-text{max-width:445px;color:var(--story-body);font-size:16px;line-height:2.05}.story-opening-text p+p{margin-top:20px}.story-door{padding-top:7px}.story-door img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center}.story-door figcaption{font-size:12px;letter-spacing:.01em;color:var(--story-muted);padding-top:13px;text-align:right}.story-origin{display:grid;grid-template-columns:1fr 1.08fr;gap:13%;padding-top:72px;padding-bottom:120px}.story-page h2{font-size:clamp(27px,2.7vw,37px);line-height:1.8;letter-spacing:-.04em;margin:0 0 27px}.story-origin h2{padding-left:8%}.story-prose{font-size:16px;line-height:2.05;color:var(--story-body)}.story-prose p+p{margin-top:22px}.story-meeting{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:6.5%;width:min(1450px,calc(100% - 56px));margin:0 auto;align-items:center}.story-meeting-photo{height:570px;align-self:stretch}.story-meeting-photo img{width:100%;height:100%;object-fit:cover;object-position:60% center}.story-meeting-copy{max-width:410px;padding:32px 28px 32px 0}.story-meeting-copy .story-eyebrow{margin-bottom:26px}.story-meeting-copy h2{font-size:clamp(26px,2.35vw,35px);line-height:1.85}.story-making{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12%;padding-top:135px;padding-bottom:125px}.story-making-copy{padding-left:7%}.story-making-photo{margin-top:60px!important}.story-making-photo img{width:100%;height:auto;aspect-ratio:1.14;object-fit:cover;object-position:center}.story-seasons{padding-top:70px;border-top:1px solid var(--story-line)}.story-seasons-heading{text-align:center;margin-bottom:48px}.story-seasons-heading h2{font-size:34px;margin:0 0 20px}.story-seasons-heading>p{color:var(--story-body);font-size:16px}.story-blends{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.story-blend>img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.story-blend-title{display:flex;align-items:baseline;justify-content:space-between;padding-top:23px;padding-bottom:15px}.story-blend-title h3{font-size:29px;line-height:1.4;margin:0}.story-blend-title>span{font-size:14px;color:var(--story-muted)}.story-blend>p{font-size:15px;line-height:1.95;color:var(--story-body)}.story-blend>p.story-tasting-notes{font-size:12px;color:var(--story-muted);margin-top:17px;letter-spacing:-.03em}.story-ending{text-align:center;padding:135px 0 105px}.story-ending h2{font-size:clamp(27px,2.7vw,37px);line-height:1.9;margin-bottom:24px}.story-ending>p{color:var(--story-body);font-size:16px;line-height:2.05}.story-next{display:inline-flex;gap:30px;align-items:center;margin-top:33px;border-bottom:1px solid #9f9484;text-decoration:none;font-size:14px;padding:7px 0}.story-next:hover{border-color:var(--story-ink)}.story-footer{border-top:1px solid var(--story-line);display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:26px;padding-bottom:30px;font-size:13px;color:var(--story-muted)}.story-footer img{width:100px;height:auto}.story-footer a:not(:first-child){text-decoration:none}.story-footer small{font-size:12px}
@media(min-width:1450px){.story-opening{padding-top:90px}.story-meeting{width:min(1450px,calc(100% - 100px))}.story-meeting-photo{height:620px}}
@media(max-width:1250px){.story-header{margin-inline:56px}.story-meeting-photo{height:550px}.story-meeting{gap:5%}.story-meeting-copy{padding-right:15px}.story-blends{gap:18px}}
@media(max-width:960px){.story-wrap{width:calc(100% - 64px)}.story-header{margin-inline:32px}.story-opening{gap:6%;padding-top:45px}.story-opening h1{font-size:34px}.story-origin{gap:9%;padding-top:55px;padding-bottom:85px}.story-origin h2{padding-left:0}.story-meeting{grid-template-columns:1.08fr 1fr;width:calc(100% - 40px);gap:5%}.story-meeting-photo{height:600px}.story-meeting-copy h2{font-size:29px}.story-making{gap:8%;padding-block:90px}.story-making-copy{padding-left:0}.story-blends{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 30px}.story-blend>p{font-size:16px}.story-blend>p.story-tasting-notes{font-size:13px}.story-ending{padding-top:100px}}
@media(max-width:640px){.story-wrap{width:calc(100% - 44px)}.story-header{margin-inline:22px;padding:16px 0;min-height:74px}.story-logo img{width:100px;height:auto}.story-nav{display:none}.story-menu-toggle{display:flex;margin-right:-10px}.story-mobile-nav{left:-22px;right:-22px}.story-opening{display:flex;flex-direction:column;gap:35px;align-items:stretch;padding-top:38px;padding-bottom:0}.story-eyebrow{font-size:13px}.story-opening h1{font-size:32px;line-height:1.75;letter-spacing:-.05em;margin:21px 0 24px}.story-opening-text{font-size:16px;line-height:2;max-width:none}.desktop-break{display:none}.story-opening-text p+p{margin-top:18px}.story-door{padding:0;margin-left:12%!important}.story-door img{aspect-ratio:5/4;object-position:center 52%}.story-door figcaption{font-size:12px;line-height:1.75;padding-top:10px;text-align:left}.story-origin{display:block;padding-top:69px;padding-bottom:63px}.story-page h2{font-size:27px;line-height:1.8;margin-bottom:24px}.story-prose{font-size:16px;line-height:2}.story-prose p+p{margin-top:20px}.story-meeting{display:flex;flex-direction:column;gap:0;width:100%}.story-meeting-photo{height:auto;width:100%;align-self:auto}.story-meeting-photo img{height:auto;aspect-ratio:1.14;object-position:61% center}.story-meeting-copy{width:calc(100% - 44px);max-width:none;padding:37px 0 0}.story-meeting-copy .story-eyebrow{margin-bottom:20px}.story-meeting-copy h2{font-size:28px;line-height:1.75}.story-making{display:flex;flex-direction:column;gap:29px;padding-top:66px;padding-bottom:68px;align-items:stretch}.story-making-photo{margin-top:0!important;margin-right:12%!important;order:0}.story-making-photo img{aspect-ratio:1.2}.story-seasons{padding-top:49px}.story-seasons-heading{text-align:left;margin-bottom:30px}.story-seasons-heading h2{font-size:26px;margin-bottom:17px}.story-seasons-heading>p{line-height:2}.story-blends{gap:34px 16px}.story-blend-title{padding-top:16px;padding-bottom:12px}.story-blend-title h3{font-size:25px}.story-blend-title>span{font-size:13px}.story-blend>p{font-size:14px;line-height:1.95}.story-blend>p.story-tasting-notes{font-size:12px;line-height:1.85;margin-top:12px}.story-ending{padding-top:77px;padding-bottom:68px}.story-ending h2{font-size:25px;line-height:1.85;margin-bottom:20px}.story-ending>p{font-size:15px;line-height:2}.story-next{font-size:14px;margin-top:25px}.story-footer{flex-wrap:wrap;gap:19px;padding-block:22px}.story-footer a:nth-child(2){font-size:12px}.story-footer small{width:100%;font-size:12px}.story-footer img{width:85px}}
@media(max-width:350px){.story-opening h1{font-size:29px}.story-blends{grid-template-columns:1fr}.story-blend>p{font-size:16px}.story-blend-title h3{font-size:28px}.story-ending h2{font-size:23px}}
@media(prefers-reduced-motion:reduce){.story-page *{scroll-behavior:auto!important;transition:none!important}}