:root{--paper:#f4efe5;--paper2:#eee8dc;--ink:#201e1a;--muted:#746f66;--line:#d9d0c1;--gold:#bc7a2d;--brown:#2b1c14;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.75}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible+span{outline:2px solid var(--gold);outline-offset:4px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.35}h1{font-size:clamp(38px,3.4vw,52px);letter-spacing:.01em}h2{font-size:clamp(34px,3vw,46px)}h3{font-size:24px}.wrap{width:min(100% - 120px,1320px);margin-inline:auto}.site-header{height:76px;display:flex;align-items:center;gap:70px;padding:0 max(60px,calc((100vw - 1320px)/2));background:var(--paper);position:relative;z-index:10}.brand{display:inline-flex;align-items:center;gap:8px;font-size:20px;font-weight:700;white-space:nowrap;letter-spacing:-.03em;line-height:1}.brand svg{width:28px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8}.nav{display:flex;align-items:center;gap:38px;font-size:13px;flex:1}.nav a{position:relative;white-space:nowrap}.nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:2px;background:var(--gold)}.nav a:hover,.footer-nav a:hover{color:var(--gold)}.header-link{font-size:13px;white-space:nowrap}.header-link span{margin-left:18px}.menu-toggle{display:none}.hero{position:relative;min-height:clamp(640px,82vh,880px);overflow:hidden;background:#ece7da}.hero-photo{position:absolute;inset:0 0 0 37%;background-image:url('assets/coffee-cherries.png');background-size:cover;background-position:center;mask-image:linear-gradient(90deg,transparent 0%,#000 35%);transform-origin:70% 50%}.hero-content{position:relative;min-height:inherit;display:flex;align-items:center}.hero-copy{max-width:620px;padding:80px 0 115px}.eyebrow{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.08em;color:#49453e;margin-bottom:26px}.eyebrow span{display:block;width:32px;height:2px;background:var(--gold)}.lead,.section-intro>p:not(.eyebrow):not(.hint),.trace-heading>p,.subscribe-intro>p:not(.eyebrow){color:#666159;line-height:1.9;max-width:380px}.lead{margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:42px;min-height:52px;padding:0 23px;border:1px solid transparent;font-size:13px;transition:background .2s,color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#211f1b;color:#fff;margin-top:34px;min-width:158px}.button-dark:hover{background:#4b3928}.hero-caption{position:absolute;right:max(60px,calc((100vw - 1320px)/2));bottom:80px;color:white;text-shadow:0 1px 10px #0008;font-size:13px}.hero-caption span,.hero-caption strong,.hero-caption small{display:block}.hero-caption span,.hero-caption small{font-size:11px;opacity:.8}.hero-caption strong{font-weight:500;margin:10px 0}.hero-caption i{display:block;width:68px;height:1px;background:#fff9;margin:16px 0}.hero-index{position:absolute;bottom:35px;left:max(60px,calc((100vw - 1320px)/2));display:flex;gap:14px;align-items:center;font-size:10px;letter-spacing:.08em;color:#777066}.hero-index span{display:block;width:46px;height:1px;background:#9c9180}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding-block:44px}.benefits>div{display:grid;grid-template-columns:38px auto;column-gap:15px;align-items:center;padding:0 32px;border-right:1px solid var(--line)}.benefits>div:first-child{padding-left:0}.benefits>div:last-child{border:0}.benefit-icon{grid-row:span 2;font-size:28px;line-height:1;color:#6a5744}.benefits strong{font-family:var(--serif);font-size:16px;font-weight:500}.benefits small{font-size:12px;color:var(--muted)}.section{padding-block:clamp(88px,9vw,136px)}.flavor-section{background:#f0eadf}.flavor-grid{display:grid;grid-template-columns:1fr 1.2fr .85fr;align-items:center;gap:clamp(30px,4vw,70px)}.section-intro>p:not(.eyebrow):not(.hint){margin-top:28px}.hint{margin-top:45px;font-size:12px;border-bottom:1px solid #8a7a67;display:inline-flex;gap:28px;padding-bottom:8px}.wheel-wrap{position:relative;width:min(100%,440px);aspect-ratio:1;margin:auto}.wheel-wrap svg{width:100%;height:100%;overflow:visible}.wheel-segment{cursor:pointer;stroke:#f0eadf;stroke-width:1.2;transition:opacity .2s,filter .2s}.wheel-segment:hover,.wheel-segment:focus{filter:brightness(.9);outline:none}.wheel-segment.selected{stroke:#2b1c14;stroke-width:3}.wheel-label{font-size:13px;fill:#29241f;text-anchor:middle;dominant-baseline:middle;pointer-events:none;font-family:var(--sans)}.wheel-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:24%;aspect-ratio:1;border-radius:50%;background:#f0eadf;display:grid;place-content:center;justify-items:center;gap:4px}.wheel-center small{font-size:10px;color:#6e6255}.bean{width:22px;height:35px;background:#493426;border-radius:50%;transform:rotate(20deg);position:relative}.bean:after{content:"";position:absolute;width:2px;height:24px;background:#f0eadf;left:10px;top:5px;transform:rotate(-12deg);border-radius:100%}.wheel-mobile-hint{display:none}.flavor-detail{border-left:1px solid #cfc4b4;padding-left:36px;min-height:290px}.detail-top{display:flex;justify-content:space-between;gap:15px;font-size:12px;color:var(--muted)}.flavor-detail h3{font-size:30px;margin:25px 0 12px}.estate-name{font-size:14px}.muted{color:var(--muted);font-size:12px;margin-top:6px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.tags span{border:1px solid #d2c8b9;padding:4px 9px;font-size:11px;color:#655b50}.detail-line{width:34px;height:1px;background:#9e8d77;margin:24px 0}.flavor-detail>p:last-child{font-size:13px;color:#666159;line-height:1.9}.trace-section{background:#f8f4eb}.trace-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:60px}.trace-heading>p{max-width:325px}.trace-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:stretch}.estate-photo{position:relative;min-height:470px;overflow:hidden;background:#777}.estate-photo img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.estate-photo:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#161b13b8)}.estate-photo figcaption{position:absolute;z-index:1;bottom:27px;left:30px;color:#fff}.estate-photo figcaption span,.estate-photo figcaption small{display:block}.estate-photo figcaption small{opacity:.8;margin-top:4px}.timeline{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.timeline-list{border-left:1px solid #cfc2b1}.timeline-step{border:0;background:transparent;color:#81786d;text-align:left;width:100%;padding:12px 10px 12px 28px;position:relative;display:flex;flex-direction:column;gap:2px}.timeline-step:before{content:"";position:absolute;left:-5px;top:24px;width:9px;height:9px;background:#cbbfad;border-radius:50%;transition:background .2s,transform .2s}.timeline-step.active{color:var(--ink)}.timeline-step.active:before{background:var(--gold);transform:scale(1.3)}.timeline-step strong{font-weight:500;font-size:15px}.timeline-step small{font-size:11px}.timeline-detail{border-top:1px solid #cfc2b1;padding-top:22px}.timeline-detail>span{color:var(--gold);font-size:11px}.timeline-detail h3{margin:15px 0}.timeline-detail p{font-size:13px;line-height:1.9;color:#70685e}.certificate{display:grid;grid-template-columns:220px 1fr;margin-top:110px;border:1px solid #ded5c7;background:#f2ece0;box-shadow:0 6px 20px #6c54350a}.certificate-art{position:relative;min-height:260px;border-right:1px solid #ded5c7;display:flex;justify-content:center;align-items:center;color:#746653;overflow:hidden}.certificate-art svg{height:220px}.stamp{position:absolute;right:20px;bottom:22px;border:1px solid #a2876b;border-radius:50%;width:64px;height:64px;display:grid;place-content:center;text-align:center;font-size:9px;line-height:1.5;color:#987a58;transform:rotate(-14deg)}.certificate-main{padding:35px 42px}.cert-header{display:flex;justify-content:space-between;gap:30px}.certificate .eyebrow{margin-bottom:12px}.cert-header h3{font-size:24px}.cert-id{font-family:Georgia,serif;font-size:12px;text-align:right;letter-spacing:.06em}.cert-id strong{font-weight:400;font-size:13px}.certificate-main>p{color:#746d63;font-size:13px;margin-top:12px}.cert-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:30px}.cert-stats div{border-right:1px solid #d9d0c1;padding:0 22px}.cert-stats div:first-child{padding-left:0}.cert-stats div:last-child{border:0}.cert-stats small,.cert-stats strong{display:block}.cert-stats small{color:#8a8176;font-size:11px}.cert-stats strong{font-size:13px;font-weight:500;margin-top:4px}.cert-stats em{font-style:normal;font-size:10px;color:#847b70}.subscription{background:var(--brown);color:#f6f0e6}.subscribe-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:12%;align-items:start}.subscription .eyebrow{color:#d7c7b6}.subscribe-intro h2{font-size:clamp(36px,3.4vw,52px)}.subscribe-intro>p:not(.eyebrow){color:#c0b3a6;margin-top:25px}.subscription-note{border-top:1px solid #6d5546;max-width:370px;margin-top:80px;padding-top:22px;color:#d1c2b3;font-size:13px}.subscription-note span{font-size:20px;margin-right:12px;color:#cf9652}.configurator{border:1px solid #725b4b;padding:32px 36px;background:#332219}.config-head{display:flex;justify-content:space-between;font-size:12px;color:#cabbaa;border-bottom:1px solid #705547;padding-bottom:18px}.configurator fieldset{border:0;padding:0;margin:25px 0 0}.configurator legend{font-size:13px;margin-bottom:12px}.configurator legend span{color:#be8b59;font-size:11px;margin-right:12px}.options{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.options.three{grid-template-columns:repeat(3,1fr)}.options label{position:relative;cursor:pointer}.options input{position:absolute;opacity:0}.options label>span{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:48px;padding:10px 14px;border:1px solid #715849;color:#dbd0c4;transition:border-color .2s,background .2s}.options label:hover>span{border-color:#c7a47d}.options input:checked+span{border-color:#dfa653;background:#4b3020;color:#fff}.options strong{font-size:12px;font-weight:500}.options small{font-size:10px;color:#baa999}.config-bottom{display:flex;align-items:end;justify-content:space-between;gap:20px;border-top:1px solid #705547;margin-top:30px;padding-top:22px}.config-bottom small,.config-bottom strong{display:block}.config-bottom small{font-size:11px;color:#c4b2a0}.config-bottom strong{font-family:Georgia,serif;font-size:27px;font-weight:400}.button-gold{background:#c68332;color:#fff;min-height:48px}.button-gold:hover{background:#d69748}.config-summary{color:#e9d4b9;font-size:12px;line-height:1.8;margin-top:16px}.footer-main{display:flex;justify-content:space-between;align-items:start;gap:30px;padding-block:52px}.footer-main p{font-size:12px;color:#91897e;margin-top:16px}.footer-nav{display:flex;gap:35px;font-size:12px}.footer-end{text-align:right}.footer-end p{margin:0 0 16px}.footer-end small{font-size:11px;color:#9c948a}
@media(max-width:1100px){.site-header{gap:35px}.nav{gap:22px}.flavor-grid{grid-template-columns:1fr 1.15fr;gap:45px}.flavor-detail{grid-column:2;min-height:0}.trace-grid{gap:5%}.timeline{grid-template-columns:1fr}.timeline-detail{margin-left:28px}.estate-photo{min-height:520px}.benefits>div{padding:0 18px}}
@media(max-width:700px){body{font-size:14px}.wrap{width:calc(100% - 40px)}.site-header{height:66px;padding:0 20px;justify-content:space-between}.brand{font-size:19px}.header-link{margin-left:auto}.menu-toggle{display:flex;width:36px;height:36px;border:0;background:none;flex-direction:column;justify-content:center;gap:6px;padding:7px}.menu-toggle span{width:22px;height:1px;background:#211f1b}.nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--paper);padding:20px;box-shadow:0 10px 15px #33221916;flex-direction:column;align-items:start;gap:18px}.nav.open{display:flex}.nav a:first-child:after{bottom:-3px}.hero{min-height:760px;display:flex;flex-direction:column;background:#ece7da}.hero-photo{inset:auto 0 0 0;height:52%;background-image:url('assets/coffee-cherries.png');mask-image:linear-gradient(180deg,transparent 0%,#000 30%);background-position:center}.hero-content{min-height:0;align-items:start}.hero-copy{padding:64px 0 0;max-width:100%}h1{font-size:34px;line-height:1.4}h2{font-size:32px}.lead{margin-top:20px;max-width:310px}.button-dark{margin-top:25px}.hero-caption{right:20px;bottom:52px}.hero-index{left:20px;bottom:22px;color:#fff;text-shadow:0 1px 5px #000}.benefits{grid-template-columns:1fr 1fr;padding-block:28px;row-gap:25px}.benefits>div{padding:0 8px 0 0;grid-template-columns:30px auto;gap:0 10px}.benefits>div:nth-child(2){border:0;padding-left:15px}.benefits>div:nth-child(4){padding-left:15px}.benefits strong{font-size:15px}.benefits small{font-size:10px}.benefit-icon{font-size:24px}.section{padding-block:88px}.flavor-grid{display:flex;flex-direction:column;align-items:stretch;gap:35px}.section-intro>p:not(.eyebrow):not(.hint){margin-top:20px}.hint{display:none}.wheel-wrap{width:min(100%,370px)}.wheel-mobile-hint{display:block;text-align:center;color:#8a8176;font-size:11px}.flavor-detail{padding-left:20px;min-height:0}.flavor-detail h3{margin:16px 0 8px}.tags{margin-top:18px}.detail-line{margin:18px 0}.trace-heading{display:block;margin-bottom:35px}.trace-heading>p{margin-top:20px}.trace-grid{display:block}.estate-photo{min-height:0;aspect-ratio:1.1}.timeline{grid-template-columns:1fr 1fr;gap:20px;margin-top:38px}.timeline-detail{margin-left:0}.timeline-step{padding:10px 4px 10px 20px}.timeline-step:before{top:21px}.certificate{grid-template-columns:1fr;margin-top:65px}.certificate-art{min-height:180px;border-right:0;border-bottom:1px solid #ded5c7}.certificate-art svg{height:160px}.certificate-main{padding:28px 22px}.cert-header h3{font-size:20px}.cert-header{display:block}.cert-id{display:block;text-align:left;margin-top:18px}.cert-stats{grid-template-columns:1fr 1fr;gap:20px 0}.cert-stats div{padding:0 12px}.cert-stats div:nth-child(3){padding-left:0}.cert-stats div:nth-child(2){border:0}.subscribe-grid{grid-template-columns:1fr;gap:45px}.subscription-note{margin-top:35px}.configurator{padding:25px 20px}.options label>span{padding:10px}.options small{display:none}.config-bottom{align-items:center}.button-gold{gap:15px;padding:0 15px}.footer-main{display:grid;grid-template-columns:1fr 1fr}.footer-nav{grid-column:1/-1;grid-row:2;gap:24px}.footer-end p{max-width:150px}.footer-main{padding-block:40px}.footer-end{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}