@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700&display=swap');
:root{--cream:#f3eee4;--wine:#512c25;--ink:#372821;--muted:#80746b;--line:#512c2533;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px;overflow-x:clip}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans KR',Arial,sans-serif;word-break:keep-all;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #bb8064;outline-offset:5px}.skip{position:fixed;left:20px;top:-100px;padding:15px;background:var(--cream);color:var(--wine);z-index:100}.skip:focus{top:10px}header{position:absolute;top:0;left:0;right:0;height:106px;display:flex;align-items:center;padding:0 5%;gap:26px;color:var(--cream);border-bottom:1px solid #f3eee425;z-index:10}.logo{display:inline-block;font:26px/.9 var(--serif);letter-spacing:2px;text-align:center}.logo span{display:block;font:8px Arial,sans-serif;letter-spacing:5px;margin-top:9px;padding-left:5px}.demo-badge{font-size:9px;opacity:.7;letter-spacing:.3px}nav{margin-left:auto;display:flex;align-items:center;gap:32px;font-size:11px}.nav-cta{border:1px solid #f3eee466;padding:13px 19px}.nav-toggle{display:none}.motion-toggle{position:fixed;right:20px;bottom:20px;z-index:30;background:#f3eee4ec;color:var(--wine);border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:9px}.motion-toggle[hidden]{display:none}.motion-toggle:disabled{cursor:default;opacity:.75}.hero{position:relative;min-height:800px;height:100svh;max-height:1100px;color:var(--cream);overflow:hidden;background:#1e100b;isolation:isolate}.hero-picture{position:absolute;inset:0;z-index:-3}.hero-picture img{object-position:65% 50%;transform:scale(1.025)}.hero-wash{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#190d0bab,transparent 80%),linear-gradient(0deg,#140b08bb,transparent 60%)}.hero-edition{position:absolute;left:6%;top:143px;font:8px Arial,sans-serif;letter-spacing:2.5px}.hero-copy{position:absolute;top:33%;left:7%;width:52%}.eyebrow{font:10px 'Noto Sans KR',Arial,sans-serif;letter-spacing:2px;margin:0 0 25px}.hero h1{font-size:clamp(43px,4.5vw,67px);letter-spacing:-3px;line-height:1.32;font-weight:500;margin:0 0 25px}.hero h1>span{display:block}.hero-copy>p:last-of-type{font-size:13px;line-height:2;color:#d0c1ae}.text-link{display:inline-flex;gap:55px;align-items:center;font-size:11px;padding:16px 0;border-bottom:1px solid var(--wine);margin-top:18px}.text-link span{font-size:18px}.text-link.light{border-color:#f3eee48c}.hero-word{position:absolute;bottom:-5.5vw;left:3.5%;font:25vw/.95 var(--serif);letter-spacing:-1.5vw;color:#f3eee4ed;pointer-events:none}.scroll-cue{position:absolute;bottom:25%;left:7%;font:8px Arial,sans-serif;letter-spacing:2px}.scroll-cue>span{font-size:18px;margin-left:24px}.hero-side{position:absolute;right:3%;top:42%;writing-mode:vertical-rl;font:8px Arial,sans-serif;letter-spacing:2px;color:#dfd4c3}.section{padding:105px 7%}.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:20px;font:9px Arial,sans-serif;letter-spacing:1.7px;border-top:1px solid var(--line);padding-top:20px}.section-kicker span:last-child{font:10px 'Noto Sans KR',sans-serif;letter-spacing:0;color:var(--muted)}h2{font-size:clamp(36px,4.3vw,64px);line-height:1.3;letter-spacing:-3px;font-weight:500;margin:0}em{font-weight:normal}.story{min-height:100svh}.story-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:8%;align-items:center;margin-top:65px}.serif-label{font:italic 30px/1.1 var(--serif);letter-spacing:-1px;color:var(--wine);margin:0 0 30px}.story-copy h2{margin-bottom:30px}.story-copy>p:not(.serif-label){font-size:13px;line-height:2;color:var(--muted);margin:0 0 20px}.story-art{position:relative;aspect-ratio:1/1.1}.story-iris{width:100%;height:100%;clip-path:circle(var(--iris,50%) at 50% 50%)}.story-iris img{object-position:72% 50%;transform:scale(var(--iris-scale,1.12))}.story-seal{position:absolute;top:7%;right:-5%;width:110px;height:110px;border-radius:50%;background:var(--wine);color:var(--cream);font:7px/1.5 Arial,sans-serif;letter-spacing:1px;text-align:center;padding:18px 0;transform:rotate(13deg)}.story-seal b{font:40px/.95 var(--serif)}.image-note{position:absolute;bottom:0;right:0;font-size:8px;color:var(--muted)}.menu{background:#eae2d5;min-height:100svh}.menu-heading{display:flex;align-items:end;justify-content:space-between;margin:50px 0 30px}.menu-heading h2{font:clamp(52px,6.5vw,98px)/1 var(--serif);letter-spacing:-5px;color:var(--wine)}.menu-heading p{font-size:12px;line-height:1.9;color:var(--muted)}.menu-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.cup-stage{position:relative;min-height:430px;background:radial-gradient(ellipse,#f6f0e5,transparent 68%)}.cup-art{width:100%;height:420px;overflow:visible;transform-origin:50% 80%}.cup-caption{position:absolute;bottom:0;left:0;font:7px Arial,sans-serif;letter-spacing:1px;color:var(--muted)}.cup-number{position:absolute;top:12px;left:5px;font:italic 37px var(--serif);color:#512c2538}.menu-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.menu-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;padding:14px 0;margin-bottom:-1px}.menu-tabs button[aria-selected=true]{color:var(--wine);border-color:var(--wine)}.menu-english{font:italic 42px/1 var(--serif);color:var(--wine);margin:0 0 18px}.menu-name{font-size:21px;font-weight:500;letter-spacing:-1px;margin:0 0 18px}.menu-description{font-size:12px;line-height:2;color:var(--muted);min-height:50px}.flavor{display:flex;gap:9px;margin-top:24px}.flavor span{border:1px solid #512c252e;border-radius:30px;padding:7px 12px;font:7px Arial,sans-serif;letter-spacing:1px}.menu-note{font-size:8px;color:var(--muted);margin-top:30px;line-height:1.7}.space{height:100svh;min-height:680px;max-height:1100px;position:relative;overflow:hidden;color:var(--cream);background:var(--wine);isolation:isolate}.space-photo{position:absolute;inset:0;z-index:-3}.space-photo>img{opacity:0}.space-slice{position:absolute;top:0;bottom:0;width:50%;overflow:hidden}.space-slice:first-of-type{left:0}.space-slice:last-of-type{right:0}.space-slice:before{content:'';position:absolute;top:0;bottom:0;width:200%;background:url('assets/cafe.png') center/cover}.space-slice:first-of-type:before{left:0}.space-slice:last-of-type:before{right:0}.space-shade{position:absolute;inset:0;background:linear-gradient(90deg,#24170dd4,transparent 85%),linear-gradient(0deg,#21150da0,transparent 50%);z-index:-1}.space-copy{position:absolute;left:7%;top:25%}.space-copy h2{font-size:clamp(38px,4.7vw,70px);margin-bottom:30px}.space-copy>p:last-child{font-size:13px;line-height:2;color:#ded3bf}.space-word{position:absolute;right:5%;bottom:15%;font:italic clamp(70px,12vw,180px)/1 var(--serif);letter-spacing:-7px}.space-note{position:absolute;left:7%;bottom:35px;font-size:9px;color:#d5cbbb}.partnership{background:var(--cream)}.partner-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:55px 0 65px}.partner-heading>p{font-size:12px;line-height:2;color:var(--muted)}.support-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.support-list article{padding:30px 30px 35px;border-right:1px solid var(--line)}.support-list article:first-child{padding-left:0}.support-list article:last-child{border:0}.support-list article>span{font:italic 24px var(--serif);color:var(--wine)}.support-list h3{font-size:20px;font-weight:500;letter-spacing:-.8px;margin:30px 0 15px}.support-list p{font-size:11px;line-height:2;color:var(--muted);margin:0}.opening{margin-top:85px}.opening .serif-label{font-size:36px;margin-bottom:18px}.opening h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin:0 0 35px}.opening ol{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;border-top:1px solid var(--line)}.opening li{position:relative;padding:25px 12px 20px 0}.opening li:before{content:'';width:5px;height:5px;position:absolute;top:-3px;left:0;background:var(--wine);border-radius:50%}.opening li>span{display:block;font:10px Arial,sans-serif;color:var(--muted);margin-bottom:22px}.opening strong{font-size:15px;font-weight:500}.opening li p{font-size:10px;color:var(--muted);line-height:1.8}.small-note{font-size:9px;color:var(--muted);margin-top:30px;line-height:1.8}.contact{background:var(--wine);color:var(--cream)}.contact .section-kicker{border-color:#f3eee444}.contact .section-kicker span:last-child{color:#c1a89b}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:60px}.contact h2{font-size:53px;margin-bottom:35px}.contact .serif-label{color:#cbb3a1;font-size:29px;line-height:1.2}.faq{margin-top:50px}.faq details{border-bottom:1px solid #f3eee433;padding:18px 0}.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:11px;line-height:1.7}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:17px}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:11px;line-height:1.9;color:#ceb9aa}.form-heading>span{font:8px Arial,sans-serif;letter-spacing:2px;color:#ccb5a5}.form-heading h3{font-size:20px;font-weight:500;letter-spacing:-1px;margin:15px 0}.form-notice{font-size:10px;line-height:1.9;color:#d6c0b1;background:#ffffff09;border-left:2px solid #ceb29c;padding:14px 15px;margin:24px 0 30px}.form-notice strong{font-weight:500;color:var(--cream)}label{display:block;font-size:11px;margin-bottom:24px}input,textarea,select{display:block;width:100%;background:transparent;color:var(--cream);border:0;border-radius:0;border-bottom:1px solid #f3eee455;padding:13px 0;font-size:12px;resize:vertical}input::placeholder,textarea::placeholder{color:#c6ad9d}select option{background:var(--wine);color:var(--cream)}.form-submit{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:var(--cream);color:var(--wine);padding:18px 20px;font-size:12px;margin-top:30px}.form-submit span{font-size:20px}.preview{border:1px solid #f3eee444;padding:20px;font-size:12px;line-height:1.9;margin-top:20px;white-space:pre-wrap;overflow-wrap:anywhere}.preview[hidden]{display:none}footer{padding:45px 7%;display:flex;justify-content:space-between;align-items:center;gap:30px;background:#eae2d5;color:var(--wine)}footer>p{font-size:10px;line-height:2;margin:0}footer>p>span{font-size:9px;color:var(--muted)}.back-top{font-size:23px;border:1px solid var(--line);width:42px;height:42px;display:grid;place-items:center}.motion-off .story-iris{clip-path:circle(70% at 50% 50%)!important}.motion-off .story-iris img{transform:none!important}.motion-off *{animation:none!important;transition:none!important}
@media(max-width:1000px){nav{gap:20px}.demo-badge{font-size:8px}header{gap:18px}.hero-copy{width:60%}.hero h1{font-size:50px}.story-grid{gap:6%}.menu-layout{gap:4%}.cup-stage{min-height:360px}.cup-art{height:350px}.menu-tabs{gap:20px}.support-list article{padding:25px 20px}.support-list h3{font-size:17px}.contact-grid{gap:7%}.contact h2{font-size:45px}}
@media(max-width:760px){html{scroll-padding-top:15px}header{height:85px;padding:0 7%;gap:15px}.logo{font-size:23px}.logo span{font-size:6px;letter-spacing:4px}.demo-badge{font-size:7px;max-width:70px;line-height:1.7}.nav-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:none;border:0;width:40px;height:40px}.nav-toggle span{background:var(--cream);height:1px;width:24px}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}nav{display:none;position:absolute;top:85px;left:0;right:0;background:#512c25fa;padding:22px 7%;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #f3eee444}nav.open{display:flex}nav>a{padding:15px 0;font-size:13px}.nav-cta{text-align:center;margin-top:10px}.motion-toggle{right:12px;bottom:12px;font-size:8px;padding:9px 12px}.hero{height:100svh;min-height:780px;max-height:1100px}.hero-picture img{object-position:72% 50%}.hero-wash{background:linear-gradient(0deg,#160b09df,transparent 65%),linear-gradient(90deg,#190d0b80,transparent 90%)}.hero-edition{top:115px;left:7%;font-size:6px;letter-spacing:1.7px}.hero-copy{top:auto;bottom:190px;left:7%;right:7%;width:auto}.hero-copy .eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:18px}.hero h1{font-size:36px;letter-spacing:-2px;line-height:1.35;margin-bottom:20px}.hero-copy>p:last-of-type{font-size:11px;line-height:1.9}.text-link{font-size:10px;gap:38px;padding:12px 0;margin-top:10px}.hero-word{font-size:26vw;bottom:8px;left:2%;letter-spacing:-1.3vw}.scroll-cue{bottom:142px;font-size:7px;letter-spacing:1.6px}.hero-side{display:none}.section{padding:65px 7%}.section-kicker{font-size:7px;letter-spacing:1.1px;padding-top:17px;gap:12px}.section-kicker span:last-child{font-size:8px}h2{font-size:38px;letter-spacing:-2px}.story-grid{grid-template-columns:1fr;gap:30px;margin-top:38px}.serif-label{font-size:26px;margin-bottom:25px}.story-copy h2{margin-bottom:23px}.story-copy>p:not(.serif-label){font-size:11px;line-height:2;margin-bottom:15px}.story-art{width:93%;margin-left:4%;aspect-ratio:1.1}.story-seal{width:82px;height:82px;right:-4%;font-size:5px;padding:12px 0}.story-seal b{font-size:31px}.image-note{font-size:7px;bottom:-10px}.menu{min-height:100svh;padding-top:45px;padding-bottom:55px}.menu-heading{display:block;margin:28px 0 0}.menu-heading h2{font-size:49px;letter-spacing:-2.5px}.menu-heading>p{font-size:10px;line-height:1.7;margin-top:14px}.menu-layout{display:flex;flex-direction:column;gap:8px}.cup-stage{width:100%;min-height:210px;height:clamp(200px,28svh,250px)}.cup-art{height:100%;width:100%}.cup-caption{bottom:0;left:0;font-size:5px;letter-spacing:.6px}.cup-number{font-size:26px;top:0}.menu-info{width:100%}.menu-tabs{justify-content:space-between;gap:20px;margin-bottom:18px}.menu-tabs button{font-size:11px;padding:13px 0}.menu-english{font-size:30px;margin:0 0 12px}.menu-name{font-size:17px;margin-bottom:10px}.menu-description{font-size:10px;line-height:1.8;min-height:36px;margin:0}.flavor{gap:7px;margin-top:14px}.flavor span{font-size:6px;padding:6px 9px}.menu-note{font-size:7px;margin-top:16px;line-height:1.6}.space{height:100svh;min-height:720px}.space-copy{left:7%;right:7%;top:22%}.space-copy .eyebrow{font-size:8px;letter-spacing:1.5px}.space-copy h2{font-size:35px;letter-spacing:-2px;line-height:1.4;margin-bottom:25px}.space-copy>p:last-child{font-size:11px}.space-word{font-size:75px;letter-spacing:-4px;right:7%;bottom:21%}.space-note{font-size:7px;bottom:38px;left:7%;right:7%}.partner-heading{display:block;margin:40px 0}.partner-heading h2{font-size:36px}.partner-heading>p{font-size:11px;margin-top:25px}.support-list{display:block}.support-list article,.support-list article:first-child{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:35px 1fr;gap:12px}.support-list article:last-child{border:0}.support-list article>span{font-size:22px}.support-list h3{font-size:18px;margin:3px 0 0}.support-list p{grid-column:2;font-size:10px;line-height:1.9}.opening{margin-top:55px}.opening .serif-label{font-size:31px}.opening h3{font-size:21px;line-height:1.5;margin-bottom:25px}.opening ol{grid-template-columns:1fr 1fr;gap:20px 15px;border:0}.opening li{border-top:1px solid var(--line);padding:20px 0 10px}.opening li>span{font-size:9px;margin-bottom:16px}.opening strong{font-size:14px}.opening li p{font-size:9px}.small-note{font-size:8px;margin-top:20px}.contact-grid{grid-template-columns:1fr;gap:50px;margin-top:40px}.contact h2{font-size:40px;margin-bottom:25px}.contact .serif-label{font-size:27px}.faq{margin-top:30px}.faq summary{font-size:10px}.faq details{padding:15px 0}.faq details>p{font-size:10px}.form-heading h3{font-size:20px}.form-notice{font-size:9px}label{font-size:10px}input,textarea,select{font-size:12px}.form-submit{font-size:11px}footer{padding:35px 7% 70px;gap:25px;flex-wrap:wrap}footer .logo{font-size:24px}footer>p{order:3;width:100%;font-size:9px}footer>p>span{font-size:8px}.back-top{margin-left:auto}}
@media(max-width:350px){.hero h1{font-size:31px}.hero{min-height:740px}.hero-copy{bottom:170px}.scroll-cue{bottom:124px}.menu-heading h2{font-size:43px}.cup-stage{height:205px;min-height:205px}.menu-name{font-size:16px}.menu-tabs{gap:15px}.menu-tabs button{font-size:10px}.menu{padding-top:38px}.section-kicker span:last-child{font-size:7px}.space-copy h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.story-iris{clip-path:circle(70% at 50% 50%)!important}.story-iris img{transform:none!important}}