:root{--cream:#eee8da;--ink:#302a21;--copper:#a04d2d;--muted:#6d665b;--line:rgba(69,52,31,.19)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,'Noto Sans CJK KR','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button,a,input{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #bb713b;outline-offset:7px}h1,h2,p{margin:0}h1,h2{letter-spacing:-.065em;line-height:1.23}h1{font-size:clamp(46px,5.5vw,88px);font-weight:750}h2{font-size:clamp(34px,3.8vw,62px);font-weight:750}.defs{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.site-header{position:absolute;top:0;left:0;width:100%;height:80px;z-index:20;display:flex;align-items:center;gap:42px;padding:0 5%;background:rgba(244,238,224,.94);border-bottom:1px solid var(--line)}.logo{font:700 52px/.9 Georgia,serif;letter-spacing:-5px}.logo span{font-size:35px;vertical-align:top;letter-spacing:-4px}.header-caption{font-size:9px;letter-spacing:.17em;color:var(--muted)}.site-header nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:12px}.header-cta{border:1px solid #887c66;border-radius:40px;padding:13px 20px}.header-cta span{margin-left:25px;font-size:21px}.progress{position:fixed;z-index:40;top:0;height:3px;width:100%;background:var(--copper);transform-origin:left;transform:scaleX(0);pointer-events:none}.chapter-nav{position:fixed;right:3.2%;top:40%;z-index:30;display:flex;flex-direction:column;gap:17px;mix-blend-mode:multiply}.chapter-nav a{width:7px;height:7px;border-radius:50%;border:1px solid #918879;position:relative}.chapter-nav a:after{content:'';position:absolute;inset:-8px}.chapter-nav a.active{background:#272c34;border-color:#272c34}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.6}.kicker{font-size:11px;letter-spacing:.08em;margin-bottom:30px}.kicker i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--copper);margin-right:7px}.hero-track{height:140svh;min-height:950px}.hero-stage{height:100svh;min-height:650px;position:sticky;top:0;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% 50%;transform:scale(1.02)}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#eee8da 12%,rgba(238,232,218,.99) 32%,rgba(238,232,218,.68) 46%,transparent 68%)}.hero-top{position:absolute;top:110px;left:5%}.hero-copy{position:absolute;left:9%;top:27%;z-index:2}.hero-copy>p:not(.kicker){font-size:13px;line-height:1.9;margin-top:24px;color:var(--muted)}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:13px;padding:15px 0;border-bottom:1px solid #a69c8b;margin-top:26px}.text-link span{font-size:28px;line-height:1}.hero-copy .text-link{border:0}.hero-copy .text-link span{border:1px solid #897d69;border-radius:50%;width:48px;height:48px;display:grid;place-items:center}.hero-word{position:absolute;bottom:-15%;left:3%;font:700 35vw/.9 Georgia,serif;letter-spacing:-3vw;opacity:.04;pointer-events:none}.hero-bottom{position:absolute;bottom:5%;left:5%;right:5%;display:flex;align-items:end;justify-content:space-between}.hero-bottom p{font-size:14px;line-height:1.8;text-align:right;color:white;text-shadow:0 1px 12px #000}.story-track{height:560svh;position:relative}.story-stage{position:sticky;top:0;height:100svh;min-height:630px;overflow:hidden;background:var(--cream);isolation:isolate}.story-stage:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(20% - 1px),rgba(85,69,46,.025) calc(20% - 1px),rgba(85,69,46,.025) 20%)}.stage-caption{position:absolute;top:4.5%;left:5%;display:flex;gap:18px;align-items:center;font-size:9px;letter-spacing:.15em;z-index:10}.stage-caption>span:first-child{font:15px Georgia,serif}.stage-caption b{width:45px;height:1px;background:currentColor;opacity:.3}.story-panel{position:absolute;inset:0;opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform}.story-panel.active{visibility:visible;pointer-events:auto}.panel-copy{position:absolute;top:16%;left:10%;width:32%;max-width:480px}.panel-copy.right{left:60%;width:32%}.panel-copy .eyebrow{margin-bottom:22px;opacity:.7}.description{color:var(--muted);font-size:13px;line-height:1.9;margin-top:22px}.sliders{margin-top:26px;max-width:340px}.sliders label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-top:20px}.sliders output{font-size:10px;color:var(--copper);font-weight:400}.sliders input{display:block;appearance:none;width:100%;height:2px;margin:16px 0 10px;background:linear-gradient(90deg,var(--copper) 0 var(--value,50%),#cfc6b5 var(--value,50%) 100%);cursor:pointer}.sliders input::-webkit-slider-thumb{appearance:none;background:var(--copper);width:14px;height:14px;border-radius:50%;box-shadow:0 0 0 5px var(--cream)}.sliders input::-moz-range-thumb{background:var(--copper);width:14px;height:14px;border:0;border-radius:50%}.range-ends{display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.coffee-actor{position:absolute;left:0;top:0;width:260px;height:380px;z-index:4;pointer-events:none;will-change:transform}.bean-object{position:absolute;inset:0;filter:drop-shadow(15px 23px 17px rgba(36,22,13,.3));will-change:transform,opacity}.bean-object svg{width:100%;height:100%}.taste-art{position:absolute;left:47%;top:18%;width:46%;height:70%}.orbit{position:absolute;border:1px solid rgba(89,67,43,.15);border-radius:50%;width:95%;height:100%;transform:rotate(30deg)}.o2{transform:rotate(-25deg);width:80%;left:9%}.note{position:absolute;font-size:8px;letter-spacing:.12em}.n1{top:18%;left:2%}.n2{top:60%;right:0}.n3{bottom:3%;left:16%}.taste-result{position:absolute;top:103%;text-align:center;width:100%}.taste-result small{font-size:7px;letter-spacing:.2em;color:var(--muted)}.taste-result p{font-size:23px;letter-spacing:-.05em;color:var(--copper);margin-top:12px}.origin-art{position:absolute;left:8%;top:17%;width:45%;height:68%}.satellite{position:absolute;width:40px;height:60px;filter:drop-shadow(4px 6px 4px #0003)}.s1{left:1%;top:50%;transform:rotate(-25deg)}.s2{right:6%;top:15%;transform:rotate(50deg)}.s3{right:-4%;bottom:15%;transform:rotate(-15deg)}.origin-label{position:absolute;font-size:7px;letter-spacing:.15em;line-height:2}.origin-label b{font-size:10px;font-weight:400}.l1{left:-1%;bottom:20%}.l2{right:-5%;top:0}.l3{right:-8%;bottom:-5%}.blend-list{margin:24px 0 12px}.blend-list div{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:16px 0}.blend-list div:last-child{border-bottom:1px solid var(--line)}.blend-list dt{font-size:12px}.blend-list dt small{font:10px Georgia,serif;color:var(--copper);margin-right:16px}.blend-list dd{font:25px Georgia,serif;margin:0}.disclaimer{font-size:10px;color:var(--muted);line-height:1.8}.roast-panel .description{color:#c1b7a5}.roast-video{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover;opacity:.18;mask-image:linear-gradient(90deg,transparent,#000 50%)}.roast-options{padding:0;border:0;margin:22px 0 0;display:flex;flex-direction:column;gap:5px}.roast-options label{position:relative}.roast-options input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.roast-options span{display:flex;align-items:center;justify-content:space-between;padding:14px 12px;border:1px solid #ffffff35;border-radius:2px}.roast-options input:checked+span{border-color:#d59b6f;background:#b0774926}.roast-options b{font-size:11px;letter-spacing:.1em}.roast-options small{font-size:10px;color:#d1c4b0}.roast-options input:focus-visible+span{outline:2px solid #e9bb87}.roast-meter{position:absolute;left:56%;bottom:15%;width:35%;text-align:center;font-size:8px;letter-spacing:.15em;color:#d9bea0}.roast-meter div{height:2px;margin:16px auto;background:linear-gradient(90deg,#d19d60,#512718)}.coffee-bag{position:absolute;inset:18px -5px -2px;background:linear-gradient(100deg,#b0a48c,#e4d9bf 18%,#eaddc2 70%,#9c907a);clip-path:polygon(5% 0,96% 0,98% 90%,91% 100%,6% 98%,0 91%);border-radius:4px 4px 17px 15px;filter:drop-shadow(12px 18px 15px #0002);opacity:0;transform:scale(.8)}.bag-fold{height:25px;border-top:4px double #9f927a;border-bottom:2px solid #b1a68f;margin:12px 8px 0}.bag-label{background:#f6f1e4;margin:32px 26px 0;padding:22px 18px 18px;box-shadow:0 3px 12px #0000000b;display:flex;flex-direction:column;text-align:center;align-items:center;color:#34281d}.bag-word{font:700 43px Georgia,serif;letter-spacing:-4px}.bag-label>small{font-size:6px;letter-spacing:.15em;margin:8px 0 16px}.bag-label>strong{font-size:13px;letter-spacing:.1em;margin:8px 0}.bag-label>span:not(.bag-word){font-size:7px;letter-spacing:.15em}.bag-rule{width:100%;height:1px;background:#cabba4;margin:18px 0}.bag-label p{font-size:12px;line-height:1.7}.bag-seam{position:absolute;bottom:13px;left:15px;right:15px;border-top:1px solid #a89b82}.package-circle{position:absolute;left:6%;top:14%;width:49%;aspect-ratio:1;border:1px solid #d1b79b;border-radius:50%;z-index:-1}.pill-options{border:0;padding:0;margin:30px 0 0;display:flex;gap:8px;flex-wrap:wrap}.pill-options legend{font-size:12px;font-weight:700;margin-bottom:14px}.pill-options label{position:relative}.pill-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.pill-options span{display:block;border:1px solid #a59780;border-radius:50px;padding:12px 19px;font-size:12px}.pill-options input:checked+span{background:var(--ink);color:#f5efdf;border-color:var(--ink)}.pill-options input:focus-visible+span{outline:3px solid var(--copper);outline-offset:3px}.package-note{margin-top:34px;border-left:2px solid var(--copper);padding-left:17px}.package-note span{font-size:8px;letter-spacing:.15em;color:var(--muted)}.package-note p{margin-top:10px;font-size:19px;color:var(--copper)}.stage-footer{position:absolute;bottom:3.5%;left:5%;right:14%;display:flex;justify-content:space-between;font-size:7px;letter-spacing:.14em;opacity:.65;z-index:10}.plan-section{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;background:#e5dfcf;padding:100px 8%;gap:9%;align-items:center;overflow:hidden}.plan-art{min-height:600px;position:relative}.plan-art>.eyebrow{padding-top:30px}.desk-bag{position:absolute;left:25%;top:19%;width:240px;height:355px;transform:rotate(-7deg);z-index:2}.desk-bag .coffee-bag{opacity:1;transform:none}.desk-line{position:absolute;left:-40%;right:-10%;bottom:23%;height:1px;background:#bcaf98;transform:rotate(-10deg)}.desk-shadow{position:absolute;left:15%;top:72%;width:75%;height:55px;border-radius:50%;background:#6b513b33;filter:blur(20px);transform:rotate(-10deg)}.cup{position:absolute;bottom:18%;left:3%;width:145px;height:145px;border-radius:50%;background:linear-gradient(135deg,#faf4e5,#c3b69e);box-shadow:7px 15px 15px #3c261930;z-index:4;display:grid;place-items:center;transform:rotate(-20deg)}.cup:after{content:'';position:absolute;right:-20px;top:48px;width:40px;height:40px;border:12px solid #d8cdb7;border-radius:50%;z-index:-1}.cup>div{width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 38% 30%,#8e5129,#351a0d 60%);border:8px solid #e9deca;box-shadow:inset 1px 3px 6px #0008}.desk-caption{position:absolute;bottom:0;left:0;font:italic 21px/1.6 Georgia,serif;letter-spacing:-.04em}.plan-copy{max-width:480px}.plan-copy>.eyebrow{margin-bottom:22px}.plan-total{display:flex;align-items:center;justify-content:space-between;margin:35px 0 22px;border-top:1px solid var(--line);padding-top:24px}.plan-total small{font-size:10px;color:var(--muted)}.plan-total p{margin-top:8px;font-size:12px}.plan-total strong{font-size:25px;letter-spacing:-1px}.primary{width:100%;padding:20px 24px;background:var(--ink);color:#f5efdf;border:0;border-radius:3px;text-align:left;font-size:13px;display:flex;justify-content:space-between;align-items:center}.primary span{font-size:24px}.plan-copy>.disclaimer{margin-top:15px}.site-footer{padding:70px 8% 35px;display:flex;gap:40px;align-items:center}.site-footer p{font-size:13px}.site-footer>span{margin-left:auto;font-size:8px;letter-spacing:.1em;color:var(--muted)}#motion-toggle{position:fixed;right:3.3%;bottom:17px;padding:9px 14px;z-index:50;border:1px solid #b5a992;border-radius:30px;background:#f8f2e5e8;color:#574c3c;font-size:9px;backdrop-filter:blur(8px)}dialog{border:1px solid #d0c3ab;background:#f4edde;color:var(--ink);max-width:490px;width:calc(100% - 40px);padding:45px;max-height:90svh;overflow:auto;border-radius:4px;box-shadow:0 25px 100px #0003}dialog::backdrop{background:#231a12aa;backdrop-filter:blur(8px)}dialog h2{font-size:35px;margin:20px 0}dialog>button.dialog-close:first-child{position:absolute;right:16px;top:12px;background:none;border:0;font-size:30px}.summary-price{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:20px 0;margin-top:20px;font-size:13px}.summary-price strong{font-size:22px}#summary-details{font-size:13px;line-height:2;white-space:pre-line}dialog .primary{margin-top:25px}
@media(min-width:1400px){.coffee-actor{width:300px;height:438px}.panel-copy{top:20%}.taste-art{height:63%;top:20%}}
@media(max-height:720px) and (min-width:761px){.panel-copy{top:13%}.panel-copy h2{font-size:36px}.description{margin-top:14px}.sliders{margin-top:12px}.sliders label{margin-top:14px}.panel-copy .text-link{margin-top:12px}.panel-copy .eyebrow{margin-bottom:14px}.blend-list div{padding:12px 0}.taste-result{top:101%}.taste-result p{font-size:20px}}
@media(max-width:760px){.site-header{height:69px;padding:0 6%;gap:20px}.logo{font-size:40px}.logo span{font-size:27px}.header-caption,.site-header nav>a:first-child{display:none}.site-header nav{font-size:10px}.header-cta{padding:10px 14px}.header-cta span{margin-left:12px}.hero-track{height:125svh;min-height:800px}.hero-stage{min-height:640px}.hero-top{top:94px;left:7%;font-size:8px}.hero-video{object-position:65% center}.hero-wash{background:linear-gradient(180deg,#eee8da 3%,rgba(238,232,218,.96) 33%,rgba(238,232,218,.3) 62%,rgba(25,16,9,.25) 100%)}.hero-copy{left:8%;top:21%;right:5%}h1{font-size:clamp(38px,10vw,63px)}.kicker{font-size:9px;margin-bottom:22px}.hero-copy>p:not(.kicker){font-size:11px;margin-top:17px}.hero-copy .text-link{margin-top:16px;font-size:11px}.hero-copy .text-link span{width:38px;height:38px;font-size:22px}.hero-bottom{left:8%;right:8%;bottom:7%}.hero-bottom>.eyebrow{font-size:6px;color:white}.hero-bottom p{font-size:10px}.chapter-nav{right:5%;gap:13px;top:44%}.chapter-nav a{width:5px;height:5px}.story-track{height:auto}.story-stage{position:relative;height:auto;min-height:0;overflow:hidden}.stage-caption,.stage-footer,.coffee-actor{display:none}.story-panel{position:relative;inset:auto;opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;min-height:940px;padding:70px 8% 50px;overflow:hidden}.panel-copy,.panel-copy.right{position:relative;top:auto;left:auto;width:100%;max-width:none;z-index:5}.panel-copy .eyebrow{font-size:9px;margin-bottom:18px}h2{font-size:36px}.description{font-size:12px;line-height:1.8;margin-top:16px}.sliders{max-width:none;margin-top:24px}.sliders label{font-size:12px}.text-link{font-size:11px;margin-top:20px}.taste-art{position:relative;left:auto;top:auto;width:85%;height:300px;margin:45px auto 40px}.taste-art:after,.origin-art:after{content:'';position:absolute;left:30%;top:18%;width:43%;height:67%;background:radial-gradient(ellipse at 35% 25%,#b37a43,#64351c 55%,#27120c);border-radius:50%;transform:rotate(30deg);box-shadow:8px 13px 15px #2d1d1533;border:2px solid #88512e}.taste-art:before,.origin-art:before{content:'';position:absolute;left:49%;top:25%;width:8%;height:51%;border-left:4px solid #27110c;border-radius:50%;transform:rotate(30deg);z-index:2}.taste-result{top:105%}.taste-result p{font-size:19px}.note{font-size:6px}.origin-panel{display:flex;flex-direction:column-reverse;background:#e8e0d1;gap:10px}.origin-art{position:relative;left:auto;top:auto;width:90%;height:310px;margin:30px auto 35px}.origin-label{font-size:6px}.origin-label b{font-size:8px}.blend-list{margin-top:23px}.blend-list div{padding:14px 0}.origin-panel .text-link{margin-top:12px}.roast-panel{background:#251c15;color:#f4e9d7;min-height:770px}.roast-video{width:100%;height:55%;top:auto;bottom:0;mask-image:linear-gradient(180deg,transparent,#000 50%);opacity:.4}.roast-options{max-width:420px}.roast-meter{left:12%;bottom:13%;width:76%}.package-panel{min-height:850px;background:#ead9bf}.package-circle{left:10%;top:auto;bottom:10%;width:80%;height:auto}.package-panel>.mobile-bag{position:relative;width:220px;height:340px;margin:45px auto 0;transform:rotate(-8deg)}.mobile-bag .coffee-bag{opacity:1;transform:none}.plan-section{display:flex;flex-direction:column;padding:50px 8% 60px;gap:25px}.plan-art{width:100%;min-height:460px;max-width:420px}.desk-bag{width:200px;height:315px;top:12%;left:30%}.desk-bag .bag-label{margin:25px 20px;padding:15px 10px}.desk-bag .bag-word{font-size:35px}.desk-bag .bag-label>strong{font-size:10px}.desk-bag .bag-label>small{font-size:5px}.cup{width:115px;height:115px;bottom:20%}.cup>div{width:90px;height:90px;border-width:6px}.cup:after{top:36px;width:35px;height:35px;border-width:10px}.desk-caption{font-size:18px}.plan-copy{width:100%;max-width:none}.plan-copy h2{font-size:34px}.plan-copy>.eyebrow{font-size:9px}.plan-total strong{font-size:23px}.site-footer{padding:45px 8% 65px;flex-wrap:wrap;gap:20px}.site-footer p{font-size:11px}.site-footer>span{width:100%;margin:0;font-size:6px}#motion-toggle{right:5%;bottom:12px;font-size:8px}dialog{padding:32px 25px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-track{height:100svh}.hero-stage{position:relative}.hero-video,.roast-video{visibility:hidden}.hero-stage{background:url('assets/coffee-hero-poster.jpg') center/cover}.story-track{height:auto}.story-stage{position:relative;height:auto;min-height:0}.story-panel{position:relative;inset:auto;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto!important;min-height:850px}.coffee-actor,.stage-caption,.stage-footer{display:none}.roast-panel{background:#251c15;color:#f4e9d7}.package-panel{background:#ead9bf}.story-panel .panel-copy{z-index:5}.mobile-bag{position:absolute;left:18%;top:25%;width:260px;height:380px}.mobile-bag .coffee-bag{opacity:1;transform:none}}
@media(min-width:761px){.mobile-bag{display:none}}
@media(prefers-reduced-motion:reduce) and (min-width:761px){.mobile-bag{display:block}.taste-art:after,.origin-art:after{content:'';position:absolute;left:30%;top:18%;width:43%;height:67%;background:radial-gradient(ellipse at 35% 25%,#b37a43,#64351c 55%,#27120c);border-radius:50%;transform:rotate(30deg);box-shadow:8px 13px 15px #2d1d1533;border:2px solid #88512e}.taste-art:before,.origin-art:before{content:'';position:absolute;left:49%;top:25%;width:8%;height:51%;border-left:4px solid #27110c;border-radius:50%;transform:rotate(30deg);z-index:2}}
@media(max-height:630px) and (min-width:761px){.story-stage{min-height:100svh}.panel-copy{top:12%;}.panel-copy h2{font-size:30px}.panel-copy .eyebrow{font-size:8px;margin-bottom:10px}.description{font-size:11px;margin-top:12px}.sliders{margin-top:9px}.sliders label{margin-top:10px;font-size:11px}.sliders input{margin:12px 0 8px}.text-link{padding:9px 0;font-size:11px}.blend-list{margin-top:15px}.blend-list div{padding:9px 0}.roast-options{margin-top:14px}.roast-options span{padding:10px}.pill-options{margin-top:20px}.package-note{margin-top:23px}.taste-result{top:101%}.taste-result p{font-size:18px;margin-top:6px}}
@media(min-width:761px){.taste-art{top:17%;height:65%}.taste-result{top:101%}.taste-result p{margin-top:9px}.stage-footer{right:16%}}
.hero-bottom{bottom:8%}.chapter-nav.on-dark{mix-blend-mode:normal}.chapter-nav.on-dark a{border-color:#d3bfa1}.chapter-nav.on-dark a.active{background:#ead9bf;border-color:#ead9bf}
@media(max-width:760px){.chapter-nav{display:none}}