:root{--ink:#3c2b23;--muted:#796c60;--paper:#faf7f0;--orange:#c8542b;--line:#ded7ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Microsoft YaHei',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c8542b;outline-offset:4px}header,main,footer{max-width:1240px;margin:auto}header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:800;letter-spacing:2px;line-height:1.2}.brand span{display:block;font-size:9px;letter-spacing:3px;margin-top:9px}nav{display:flex;gap:32px;font-size:14px}.nav-button{border:1px solid var(--line);padding:10px 18px;border-radius:5px;font-size:13px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;padding:64px 36px 55px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--orange);font-weight:700;margin:0 0 20px}h1{font-size:clamp(34px,4.1vw,54px);line-height:1.4;letter-spacing:-2px;margin:0 0 22px}h1 span{color:var(--orange)}.intro{color:var(--muted);font-size:16px;margin-bottom:29px}.button{display:inline-flex;justify-content:space-between;gap:32px;background:var(--orange);color:white;padding:14px 22px;border:0;border-radius:5px;font-weight:600;cursor:pointer;font-size:14px}.small{font-size:11px;color:var(--muted);line-height:1.8}.scene{height:425px;background:#e9e1cd;border-radius:130px 130px 8px 8px;position:relative;overflow:hidden}.scene-note{position:absolute;top:33px;left:35px;z-index:2;font-size:9px;letter-spacing:2px;color:#74664e}.scene-note strong{display:block;font-size:20px;margin-top:8px;letter-spacing:1px}.orbit{position:absolute;width:470px;height:145px;border-radius:50%;background:#c6b99a;bottom:45px;left:5px;transform:rotate(-8deg)}.cup{position:absolute;bottom:96px;width:105px;height:170px;background:linear-gradient(90deg,#b47e4e,#deb881 45%,#c69a61);border:2px solid #ede1c9;border-radius:9px 9px 25px 25px;transform:rotate(-10deg);box-shadow:9px 15px 15px #49382e25}.cup:before{content:'';position:absolute;top:-9px;left:-5px;width:111px;height:17px;border-radius:50%;background:#ecdebd;border:2px solid #c0ae8b}.cup i{position:absolute;top:-65px;left:61px;width:8px;height:80px;background:#654333;transform:rotate(7deg);z-index:1}.cup b{display:block;text-align:center;font-size:13px;line-height:1.2;letter-spacing:1px;margin-top:52px;color:#573c29}.cup span{position:absolute;bottom:10px;left:20px;font-size:19px;line-height:16px;color:#463027}.c1{left:45px}.c2{left:175px;bottom:110px;transform:rotate(3deg);height:190px;background:linear-gradient(90deg,#a77b56,#d1b491,#b5956b)}.c3{left:300px;bottom:82px;transform:rotate(12deg)}.scene-label{position:absolute;bottom:18px;right:23px;font-size:16px}.scene-label small{display:block;font-size:9px;color:#6f614c}.promise{display:flex;justify-content:space-between;margin:0 36px;padding:23px 5px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.section{padding:65px 36px}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:28px}h2{font-size:29px;line-height:1.5;margin:0;font-weight:700}.section-title .eyebrow{margin-bottom:10px}.section-title>p{font-size:12px;color:var(--muted)}.planner{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:8px;overflow:hidden}form{padding:32px;background:white}h3{font-size:18px;margin:0 0 20px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:12px;color:var(--muted);margin-bottom:18px}input,select{display:block;width:100%;padding:11px 12px;margin-top:8px;border:1px solid var(--line);background:#fffdfa;color:var(--ink);border-radius:4px}form .button{width:100%;margin:6px 0 10px}.results{padding:30px 35px;background:#efe9dc}.result-top p{font-size:12px;margin:0}.result-top strong{font-family:Georgia,serif;font-size:63px;line-height:1.3}.result-top small{font-size:16px;font-family:sans-serif;font-weight:400}.result-top>span{display:block;font-size:11px;color:var(--muted);margin-bottom:18px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:11px 0;border-bottom:1px solid #d9d0bf;text-align:left}th:last-child,td:last-child{text-align:right}th{font-weight:400;color:var(--muted)}.result-actions{display:flex;gap:20px;margin:19px 0}.result-actions button{border:0;background:none;color:var(--ink);padding:0;font-size:12px;cursor:pointer;text-decoration:underline;text-underline-offset:4px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.card{display:block}.card-art{display:block;height:190px;padding:18px 23px;font-family:Georgia,serif;font-size:18px;position:relative;border-radius:5px}.card-art b{display:block;font-size:28px;line-height:1.2;margin:22px 0 0 30px;font-weight:400}.art-one{background:#e3c6a1;color:#654427}.art-two{background:#d7ddce;color:#4c6243}.art-three{background:#edc9b8;color:#8b4932}.tag{display:block;margin:18px 0 9px;font-size:10px;color:var(--orange)}.card h3{font-size:17px;margin-bottom:9px}.card p{font-size:12px;color:var(--muted)}.read{font-size:11px;display:block;margin-top:20px}.timeline{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;background:#eceee4;margin:20px 36px;padding:40px;border-radius:8px}.timeline h2{font-size:30px}.timeline>div>p:not(.eyebrow){font-size:12px;color:var(--muted);max-width:300px}.timeline .button{margin-top:15px}ol{list-style:none;margin:0;padding:0}li{padding:0 0 23px 25px;border-left:1px solid #b6beaa;position:relative}li:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#718365;left:-5px;top:6px}li>span{font-size:10px;color:#596c4f}li h3{font-size:15px;margin:4px 0}li p{font-size:12px;color:var(--muted);margin:0}.identity{max-width:820px;text-align:center;margin:auto}.identity p:not(.eyebrow){font-size:13px;color:var(--muted)}.identity a{font-size:12px;color:var(--orange)}footer{display:flex;justify-content:space-between;align-items:center;padding:33px 36px;border-top:1px solid var(--line)}footer p{font-size:11px;color:var(--muted)}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;z-index:10;padding:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.article{max-width:850px;padding:50px 30px;margin:auto}.article section{padding:28px 0;border-bottom:1px solid var(--line)}.article p,.article li{font-size:15px}.article li{border:0;padding-bottom:12px}.article li:before{display:none}.article h1{font-size:38px}.article h2{font-size:24px}@media(max-width:800px){header{height:85px;padding:0 20px}nav{gap:14px;font-size:12px}.nav-button{display:none}.hero{grid-template-columns:1fr;padding:35px 20px;gap:30px}h1{font-size:40px}.scene{height:370px;max-width:480px;width:100%;margin:auto}.cup{bottom:70px}.c2{bottom:90px}.c3{bottom:65px}.promise{margin:0 20px;flex-wrap:wrap;gap:15px}.promise span{width:44%}.section{padding:42px 20px}.section-title{display:block}h2{font-size:25px}.planner{grid-template-columns:1fr}form,.results{padding:25px}.cards{grid-template-columns:1fr}.card-art{height:160px}.timeline{margin:10px 20px;grid-template-columns:1fr;gap:30px;padding:25px}footer{padding:25px 20px;display:block}footer p{margin-top:15px}.scene-note{top:20px}.scene-label{font-size:13px}}@media(max-width:390px){.c1{left:20px}.c2{left:117px}.c3{left:213px}.cup{width:90px}.cup:before{width:96px}.cup b{font-size:11px}.cup span{left:12px}}@media print{header,footer,.hero,.promise,#guides,.identity,button,.result-actions,.skip{display:none!important}.section{padding:15px 0}.planner{display:block;border:0}form{padding:0}.fields{grid-template-columns:repeat(4,1fr)}.results{padding:10px;background:white}.timeline{display:block;margin:0;padding:15px;background:white}.timeline ol{margin-top:20px}body{background:white;color:black}h2{font-size:20px}a:after{content:none}.small{font-size:10px}}

.article-nav{display:flex;flex-wrap:wrap;gap:16px;margin:25px 0;font-size:13px;color:var(--orange)}.article h3{margin-top:25px}.article ul{padding-left:22px}.table-wrap{overflow-x:auto}.article table{min-width:480px;margin:20px 0}.article th,.article td{padding:12px 10px;text-align:left;vertical-align:top}.article details{border-bottom:1px solid var(--line);padding:16px 0}.article summary{cursor:pointer;font-weight:600}.article a:not(.button){text-decoration:underline;text-underline-offset:4px}.note-card{padding:24px;background:#f0eadf;border:1px solid var(--line);border-radius:6px}.note-card .tag{margin-top:0}@media print{.article table{min-width:0}.article-nav{display:none}}

.notice{padding:18px 20px;background:#efe9dc;border-left:3px solid var(--orange);font-size:13px!important}.article li{line-height:1.9}.article th{font-weight:600}.article .table-wrap{overflow:auto}@media(max-width:800px){header nav{gap:9px;font-size:11px}.brand{font-size:20px}}

.hero-menu{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}.hero-menu a{font-size:12px;background:#efe9dc;border:1px solid var(--line);border-radius:5px;padding:8px 12px}#menu .cards{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:950px){#menu .cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){#menu .cards{grid-template-columns:1fr}}

.photo-figure{margin:16px 0 24px;min-width:0}.photo-window{position:relative;width:100%;aspect-ratio:1;overflow:hidden;border-radius:7px;background:#e9e1cd}.photo-window img{position:absolute;width:200%;height:200%;max-width:none;display:block}.photo-figure figcaption{font-size:10px;color:var(--muted);margin-top:7px;line-height:1.6}.hero>.photo-hero{width:100%;margin:0}.article>.photo-hero{max-width:600px;margin:25px auto}.step-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.step-photos .photo-figure{margin-bottom:10px}.note-card .photo-figure{margin:0 0 18px}.menu-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:25px 0}.menu-photo-grid strong{font-size:16px}.article section>.photo-figure{max-width:530px}.hero{align-items:center}@media(max-width:600px){.step-photos{grid-template-columns:1fr}.step-photos .photo-figure{max-width:420px}.menu-photo-grid{gap:12px}.hero>.photo-hero{max-width:480px}}@media print{.photo-figure{break-inside:avoid;max-width:220px!important}.step-photos{display:flex}.hero>.photo-hero{display:none}}

.drink-options{border:1px solid var(--line);border-radius:5px;margin:15px 0 22px;padding:15px}.drink-options legend{font-size:13px;font-weight:600}.drink-choice{display:grid;grid-template-columns:1.2fr 1fr;gap:0 15px;padding:12px 0;border-bottom:1px solid var(--line)}.drink-choice>label:first-child{display:flex;align-items:center;gap:8px;color:var(--ink);font-weight:600}.drink-choice input[type=checkbox]{width:18px;height:18px;margin:0;accent-color:var(--orange)}.drink-choice label{margin-bottom:8px}.drink-choice>a{font-size:11px;color:var(--orange)}.drink-choice input:disabled{opacity:.45}.drink-result{padding:18px 0;border-top:1px solid #d9d0bf}.drink-result h3{margin:0 0 8px;font-size:16px}.drink-result>a{font-size:11px;color:var(--orange)}.results>h3{margin:25px 0 0}.drink-result .small{margin:7px 0}.results{min-width:0}

.drink-result>a.recipe-action{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin:18px 0 4px;padding:14px 18px;background:var(--orange);color:#fff;border:1px solid var(--orange);border-radius:6px;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 3px 8px #74351a18;transition:background .15s,box-shadow .15s}.drink-result>a.recipe-action:hover{background:#a63e1b;border-color:#a63e1b;box-shadow:0 4px 12px #74351a30}.recipe-action span:last-child{font-size:22px;line-height:1}@media print{.drink-result>a.recipe-action{display:none}}

.hero>.editorial-hero{align-self:center}.editorial-hero>img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:120px 120px 10px 10px}.hero{gap:54px}.photo-figure figcaption{letter-spacing:.15px}@media(max-width:800px){.hero{gap:30px}.editorial-hero>img{max-height:520px;aspect-ratio:4/5;border-radius:90px 90px 8px 8px}}

#menu .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.latest-heading{margin-top:35px}.catalog-page{max-width:1150px}.catalog-filters{display:grid;grid-template-columns:2fr 1fr;gap:20px}.catalog-page .cards{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-page .card{text-decoration:none!important}.pagination{display:flex;gap:20px;align-items:center;justify-content:center;margin:35px 0}.pagination button,.search-results button{cursor:pointer;padding:9px 14px;border:1px solid var(--line);border-radius:5px;background:var(--theme-panel,#fff);color:var(--ink)}.pagination button:disabled{opacity:.4;cursor:default}.drink-choice[hidden]{display:none}.drink-finder{margin-bottom:15px}.search-results{max-height:220px;overflow:auto}.search-result{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--line);font-size:12px}.search-result button{font-size:12px;white-space:nowrap}.drink-choice{position:relative}.remove-drink{border:0;background:transparent;color:var(--orange);font-size:12px;cursor:pointer}.drink-result summary{font-weight:700;cursor:pointer;padding:8px 0;font-size:15px}.drink-result[open] summary{margin-bottom:12px}.empty-state{padding:25px;background:var(--theme-soft,#eee);border-radius:6px;font-size:14px}@media(max-width:700px){#menu .cards,.catalog-page .cards{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-filters{grid-template-columns:1fr}}@media(max-width:450px){#menu .cards,.catalog-page .cards{grid-template-columns:1fr}}@media print{.drink-finder,.remove-drink{display:none}.drink-result>div,.drink-result>p{display:block!important}.pagination{display:none}}

.secondary-button{padding:10px 14px;border:1px solid var(--orange);background:transparent;color:var(--orange);border-radius:5px;cursor:pointer;font-size:12px}.quantity-control{display:flex;align-items:center;margin-top:8px;max-width:180px}.quantity-control input{margin:0;border-radius:0;text-align:center;padding:10px 3px;min-width:50px;appearance:textfield}.quantity-control input::-webkit-inner-spin-button{appearance:none}.quantity-control button{min-width:38px;min-height:44px;border:1px solid var(--line);background:var(--theme-panel,#fff);color:var(--ink);cursor:pointer;font-size:20px}.quantity-control button:first-child{border-radius:5px 0 0 5px}.quantity-control button:last-child{border-radius:0 5px 5px 0}.selected-indicator{display:none!important}.undo-notice{padding:12px;background:var(--theme-soft,#eee);font-size:12px;border-radius:5px;margin:8px 0}.undo-notice button{border:0;background:none;color:var(--orange);text-decoration:underline;cursor:pointer;min-height:32px}.back-control{margin-bottom:20px;display:block}#shopping-results:focus{outline:none}.result-actions{flex-wrap:wrap}.result-actions button{min-height:44px}.drink-result summary{min-height:48px}.drink-result[open] summary{color:var(--orange)}@media print{.quantity-control button,.back-control,.undo-notice,#distribute-plan{display:none}.quantity-control input{border:0}}

body{font-family:Arial,Helvetica,sans-serif}header{height:auto;min-height:100px;gap:20px}header nav{flex-wrap:wrap}h1{letter-spacing:-1.4px}footer{gap:25px;flex-wrap:wrap}footer nav{gap:18px;flex-wrap:wrap;font-size:12px}.drink-choice{grid-template-columns:1.3fr 1fr}.article li{padding-left:4px}.catalog-page{max-width:1150px}@media(max-width:600px){header{padding-top:20px;padding-bottom:20px;flex-wrap:wrap}.hero h1{font-size:38px}footer nav{gap:12px}.theme-switcher label{font-size:11px}}