:root{--ink:#203a32;--green:#224e40;--deep:#183e37;--paper:#f8f7f2;--muted:#69736b;--line:#dcded3;--sage:#eef0e8;--gold:#b09157}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.4;cursor:default}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(36px,4.5vw,68px);line-height:1.2;letter-spacing:-.045em;font-weight:600}h2{font-size:clamp(26px,3vw,40px);line-height:1.35;font-weight:500;letter-spacing:-.03em}h3{font-size:21px;line-height:1.5;font-weight:500;margin-bottom:8px}p{color:var(--muted)}small{font-size:13px}#header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{max-width:1536px;margin:auto;padding:23px 4vw;display:flex;align-items:center;gap:32px}.brand{display:flex;flex-direction:column;line-height:1.15;flex-shrink:0}.brand strong{font-size:34px;letter-spacing:.06em}.brand small{font-size:9px;letter-spacing:.2em;margin-top:8px}.nav{display:flex;align-items:center;gap:clamp(15px,2vw,30px);margin-left:auto}.nav a{font-size:14px;white-space:nowrap;border-bottom:2px solid transparent;padding:8px 0}.nav a.active{border-color:var(--green)}.partner-link{font-size:12px;padding-left:20px;border-left:1px solid var(--line);white-space:nowrap}.mobile-toggle{display:none}.wrap{max-width:1392px;padding:0 4vw;margin:auto}.page-top{padding:62px 0 32px;max-width:960px}.page-top h1{font-size:clamp(36px,4vw,54px);margin:15px 0 22px}.eyebrow{display:block;font-size:11px;letter-spacing:.18em;color:var(--green);margin-bottom:20px}.hero{padding:62px 0 68px;display:grid;grid-template-columns:1fr 1.06fr;gap:6%;align-items:center}.hero h1{margin-bottom:26px}.hero p{font-size:18px;max-width:510px}.hero-art{position:relative;padding-bottom:32px}.hero-art .hero-drink{width:90%;aspect-ratio:6/5;object-fit:contain;margin-left:auto;border-radius:3px}.hero-art .machine-inset{position:absolute;left:-12px;bottom:0;width:29%;height:58%;object-fit:contain;background:#fff;border:9px solid var(--paper);border-radius:3px}.hero-art figcaption{font-size:11px;text-align:right;margin-top:10px;color:var(--muted)}figure{margin:0}.actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:26px}.button,button.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--green);background:var(--green);color:#fff;padding:12px 22px;min-height:46px;border-radius:3px;font-size:14px}.button.secondary{background:transparent;color:var(--green)}.text-link{border-bottom:1px solid var(--green);padding-bottom:3px;font-size:14px}.section{padding:58px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2{margin-bottom:0}.section-head p{margin:12px 0 0;max-width:640px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.card{display:block;min-width:0}.card img{width:100%;aspect-ratio:6/5;object-fit:contain;border-radius:3px;background:#f0f0e9}.card h3{margin:17px 0 5px}.card p{font-size:14px;line-height:1.65;margin-bottom:0}.card:hover h3{text-decoration:underline;text-underline-offset:5px}.card.ingredient img{aspect-ratio:1;object-fit:contain;background:#fff;padding:20px}.card.product img{aspect-ratio:4/3;object-fit:contain;background:#fff;padding:28px}.card .arrow{float:right;font-size:22px;color:var(--green)}.card small{color:var(--muted)}.offering{padding:25px 0 10px;border-top:2px solid var(--green)}.offering .num{font-size:12px;color:var(--gold);display:block;margin-bottom:20px}.offering h3{font-size:25px}.offering p{font-size:14px;max-width:260px}.industry{padding:27px;background:var(--sage);min-height:176px}.industry .eyebrow{margin-bottom:15px}.industry p{max-width:350px}.flow{display:flex;gap:0;counter-reset:step;flex-wrap:wrap}.flow>div{flex:1;min-width:135px;padding:25px 22px 25px 0;border-top:1px solid var(--green);font-size:16px}.flow>div:before{counter-increment:step;content:'0'counter(step);font-size:11px;color:var(--gold);display:block;margin-bottom:15px}.callout{background:var(--deep);color:#fff;padding:48px;display:flex;align-items:center;justify-content:space-between;gap:32px}.callout p{color:#c3d3c9;margin:10px 0 0}.callout h2{margin:0}.callout .button{background:#eef0e7;color:var(--deep);border-color:#eef0e7}.muted-box{padding:30px;background:var(--sage);border-left:2px solid var(--green)}.muted-box p:last-child{margin:0}.notice{font-size:13px;padding:16px 20px;background:var(--sage);color:var(--muted);margin-bottom:28px}.tabs{display:flex;gap:30px;border-bottom:1px solid var(--line);margin:10px 0 28px;overflow:auto}.tabs a{white-space:nowrap;padding:13px 0}.tabs a.active{border-bottom:2px solid var(--green)}.filters{display:flex;align-items:center;gap:16px;margin-bottom:28px;flex-wrap:wrap}.filters input{max-width:380px;flex:1;min-width:160px}.filters select{max-width:220px}input,textarea,select{border:1px solid #acb6ab;padding:11px 14px;background:#fff;color:var(--ink);border-radius:3px;width:100%}label{display:block;font-size:14px;margin-bottom:8px}textarea{resize:vertical;min-height:130px}.field{margin-bottom:20px}.detail{display:grid;grid-template-columns:1.12fr 1fr;gap:7%;padding:38px 0 55px;align-items:center}.detail h1{font-size:clamp(34px,4vw,54px);margin-bottom:22px}.detail-img{background:#f0f0e9;width:100%;aspect-ratio:6/5;object-fit:contain}.detail-img.product,.detail-img.ingredient{background:#fff;padding:35px;aspect-ratio:1}.detail .badge{display:inline-block;font-size:12px;padding:5px 10px;background:var(--sage);margin-top:14px}.back{display:inline-block;padding-top:28px;color:var(--muted);font-size:13px}.plain-list{padding-left:21px;color:var(--muted)}.plain-list li{padding:7px 0}details{border-top:1px solid var(--line);padding:23px 0}summary{cursor:pointer;font-size:19px}.center{display:flex;justify-content:center;margin:30px 0}.login{max-width:460px;margin:65px auto 100px;padding:35px;background:#fff;border:1px solid var(--line)}.login h1{font-size:32px}.error{color:#9b3529}.workspace-title{background:var(--deep);color:#fff;padding:32px;margin:35px 0}.workspace-title p{color:#d0dcd3}.work-layout{display:grid;grid-template-columns:210px 1fr;gap:38px;padding:36px 0 70px}.work-nav a{display:block;padding:10px 15px;border-bottom:1px solid var(--line);font-size:14px}.work-nav a.active{background:var(--green);color:#fff}.work-card{background:var(--sage);padding:25px;min-height:130px}.work-card strong{display:block;font-size:20px;margin-bottom:9px}.work-card p{font-size:14px;margin:0}.work-card:hover{outline:1px solid var(--green)}.internal-record{border-bottom:1px solid var(--line);padding:22px 0}.internal-record pre{white-space:pre-wrap;word-break:break-word;font-size:13px;max-height:350px;overflow:auto}.internal-record img{max-width:350px}.form-result{white-space:pre-wrap;background:var(--sage);padding:22px}#footer{border-top:1px solid var(--line);padding:32px 4vw;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px;margin-top:60px}#footer a{text-decoration:underline}#present-controls:empty{display:none}.presenter #header,.presenter #footer{display:none}.presenter .wrap{max-width:1550px}.presenter h1{font-size:clamp(40px,5vw,78px)}.presenter p{font-size:20px}.presenter .card p{font-size:17px}.presenter main{padding-bottom:100px}.player{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);max-width:calc(100% - 24px);width:980px;background:var(--deep);color:white;padding:15px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 6px 30px #183e372b;border-radius:5px;z-index:20}.player button,.player a{border:1px solid #627e72;background:transparent;color:#fff;padding:10px 14px;white-space:nowrap;min-height:44px;border-radius:3px;font-size:14px}.player .progress{margin-right:auto;min-width:80px}.player small{display:block;color:#bdd0c4}.skip{position:absolute;left:10px;top:-70px;background:var(--green);color:white;padding:10px;z-index:99}.skip:focus{top:10px}.loading{padding:100px;text-align:center}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin:35px 0 70px}.specs{display:grid;grid-template-columns:1fr 1fr;gap:15px}.section .actions{margin-bottom:5px}.empty{padding:35px 0}.mobile-toggle{background:none;border:1px solid var(--line);padding:8px 14px}.subtitle{max-width:700px;font-size:18px}.logo-word{font-weight:600;font-size:52px;line-height:1.3}.company-intro{background:var(--sage);padding:45px}.company-intro p{max-width:730px;font-size:19px}
@media(min-width:1900px){.presenter .grid.beverages{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1100px){.header-inner{gap:18px}.nav{gap:16px}.nav a{font-size:12px}.partner-link{padding-left:12px}.grid{gap:24px}.hero{gap:4%}.hero h1{font-size:48px}.brand strong{font-size:28px}.brand small{font-size:8px}}
@media(max-width:850px){.mobile-toggle{display:block;margin-left:auto}.header-inner{padding:18px 5vw;flex-wrap:wrap}.nav{display:none;order:4;flex-basis:100%;flex-wrap:wrap;margin:0;gap:14px 25px;padding-top:16px}.nav.open{display:flex}.nav a{font-size:15px}.partner-link{border:0}.wrap{padding:0 5vw}.hero{padding:38px 0 45px;gap:35px;grid-template-columns:1fr}.hero h1{font-size:48px}.hero-art{max-width:580px}.hero-art .hero-drink{width:86%}.hero-art .machine-inset{left:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:40px 0}.detail{gap:30px;grid-template-columns:1fr 1fr}.detail h1{font-size:34px}.callout{padding:30px;align-items:start;flex-direction:column;gap:8px}.work-layout{grid-template-columns:1fr}.work-nav{display:flex;overflow:auto;gap:10px}.work-nav a{white-space:nowrap}.form-columns{gap:30px}.player{flex-wrap:wrap;gap:8px;padding:12px}.player .progress{font-size:13px}.player button,.player a{padding:8px;font-size:12px}}
@media(max-width:540px){.hero h1{font-size:43px}.hero p{font-size:16px}.eyebrow{font-size:10px}.hero-art .hero-drink{width:88%}.section-head{align-items:start;flex-direction:column;gap:12px}.grid{gap:24px 15px}.grid.two{grid-template-columns:1fr}.grid.four{gap:24px 15px}.card h3{font-size:18px}.card p{font-size:13px}.card.ingredient img{padding:12px}.card.product img{padding:14px}.detail{grid-template-columns:1fr;padding-top:20px}.detail-img{max-height:520px}.industry{padding:21px;min-height:170px}.industry h3{font-size:18px}.industry p{font-size:14px}.flow>div{flex-basis:33%;min-width:100px;font-size:14px}.page-top{padding-top:35px}.page-top h1{font-size:38px}.tabs{gap:22px;font-size:14px}.login{margin:35px 0;padding:25px}.form-columns{grid-template-columns:1fr}.button{padding:11px 17px}.work-layout .grid{grid-template-columns:1fr}.player .progress{flex-basis:100%}.presenter main{padding-bottom:160px}.presenter p{font-size:17px}.presenter h1{font-size:43px}#footer{flex-direction:column}.company-intro{padding:28px}.notice{font-size:12px}.card .arrow{font-size:18px}}
@media(prefers-reduced-motion:no-preference){.card img{transition:filter .2s}.card:hover img{filter:brightness(1.02)}}

.detail.no-image{display:block;max-width:950px;padding-top:50px}.detail.no-image>div:first-child{display:none}.hero-art .machine-inset{height:auto;aspect-ratio:1/1.12;object-fit:contain}.card img,.detail-img{height:auto}

.workspace-title h1{font-size:38px;margin:10px 0 14px}.workspace-title .eyebrow{color:#c3d3c9;margin-bottom:10px}.workspace-title .button{background:#eef0e7;color:var(--deep);border-color:#eef0e7}.workspace-title .actions{margin-top:18px}
/* Case, atlas and service extension: same warm-white / green palette. */
.quiet,figcaption{font-size:12px;color:var(--muted);margin-top:12px}.field-card figure{position:relative;margin-bottom:15px}.field-card img{aspect-ratio:4/3;object-fit:cover}.field-card small{font-size:12px}.field-card h3{font-size:21px;margin-top:8px}.field-label{position:absolute;left:12px;bottom:12px;padding:3px 10px;background:var(--paper);font-size:12px}.case-meta{display:flex;gap:16px 28px;flex-wrap:wrap;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;margin:0 0 35px;font-size:14px}.field-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center;margin-bottom:30px}.field-cover{width:100%;max-height:620px;object-fit:contain;background:var(--sage)}.field-notes h2{font-size:30px}.field-notes h3{margin-top:24px}.field-notes .plain-list{padding-left:18px}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.gallery-button{display:block;position:relative;border:0;background:var(--sage);padding:0;width:100%;overflow:hidden}.gallery-button img{width:100%;aspect-ratio:4/3;object-fit:contain}.gallery-button span{position:absolute;right:10px;bottom:10px;font-size:12px;padding:3px 9px;background:var(--paper);color:var(--ink)}.field-video{max-width:1000px;margin:auto}.field-video video{width:100%;max-height:650px;background:#162921;display:block}.field-filters{display:grid;grid-template-columns:180px 170px 1fr auto;gap:20px;align-items:end;margin:28px 0}.field-filters label{margin:0}.field-filters input,.field-filters select{display:block;margin-top:7px;height:48px}.field-filters button{height:48px}.field-count{font-size:14px}.atlas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.atlas-toolbar p{margin:0}.atlas-toolbar button{border:0;background:none;cursor:pointer;color:var(--green)}.atlas{display:grid;grid-template-columns:1.4fr 1fr;margin-top:24px;border:1px solid var(--line);border-radius:4px;overflow:hidden;align-items:stretch}.atlas-canvas{background:var(--sage);padding:25px 10px;min-width:0}.atlas svg{width:100%;height:auto;display:block}.atlas-province{fill:#dce3d5;stroke:#f8f7f2;stroke-width:1.2;cursor:pointer}.atlas-province.has-records{fill:#b8c9ae}.atlas-province.selected{fill:#7f9e70}.atlas-province:hover{fill:#a8bd98}.atlas-province:focus-visible{outline:none;stroke:var(--green);stroke-width:3}.atlas-point{fill:var(--deep);cursor:pointer}.atlas-point .point-hit{fill:transparent}.atlas-point .point-halo{fill:#b09157;fill-opacity:.4;stroke:var(--paper);stroke-width:1.4}.atlas-point.selected .point-halo,.atlas-point:focus-visible .point-halo{fill:#e0b257;fill-opacity:1;stroke:var(--green);stroke-width:2}.atlas-point.muted{opacity:.2}.atlas-point:focus-visible{outline:none}.atlas-list{border-left:1px solid var(--line);padding:23px 25px;min-width:0}.atlas-list-head{display:flex;justify-content:space-between;gap:12px;font-size:13px;margin-bottom:12px}.atlas-list-head button{border:0;background:none;font-size:12px;color:var(--green)}.atlas-list #field-results{max-height:620px;overflow:auto;scrollbar-width:thin}.atlas-record{display:grid;grid-template-columns:88px 1fr 15px;gap:16px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.atlas-record img{width:88px;height:76px;object-fit:cover}.atlas-record strong{font-weight:500;font-size:14px;line-height:1.55;display:block}.atlas-record small{font-size:11px;display:block;margin-top:4px;color:var(--muted)}.atlas-record:hover strong{text-decoration:underline}.atlas-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;background:var(--sage);padding:30px 45px}.atlas-preview svg{display:block;width:100%;max-height:380px}.atlas-preview .atlas-province{cursor:inherit}.atlas-preview p{max-width:440px}.atlas-preview .eyebrow{margin-bottom:14px}.atlas-preview h2{font-size:32px}.industry .industry-photo{width:100%;height:180px;object-fit:cover;margin-bottom:20px}.industry.has-photo{padding:0 0 25px}.industry.has-photo h3,.industry.has-photo p,.industry.has-photo .eyebrow{margin-left:25px;margin-right:25px}#photo-viewer{width:min(1150px,96vw);max-height:95vh;border:0;border-radius:4px;background:var(--paper);padding:20px;color:var(--ink)}#photo-viewer::backdrop{background:#0b211ed9}.viewer-bar,.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:15px}.viewer-bar strong{font-size:15px;font-weight:500}.viewer-image{width:100%;height:70vh;object-fit:contain;margin:15px auto}.viewer-controls p{font-size:13px;margin:0}.viewer-bar button,.viewer-controls button{border:1px solid var(--line);background:var(--paper);color:var(--green);padding:8px 15px;min-height:44px;border-radius:3px}.presenter .atlas{grid-template-columns:1.6fr 1fr}.presenter .atlas-record strong{font-size:19px}.presenter .atlas-record small{font-size:15px}.presenter .atlas-list #field-results{max-height:660px}.presenter .atlas-point .point-halo{r:10px}.presenter .field-label{font-size:15px}
@media(max-width:900px){.field-filters{grid-template-columns:1fr 1fr}.field-search{grid-column:1}.field-lead{gap:25px}.atlas{grid-template-columns:1.1fr 1fr}.atlas-list{padding:15px}.atlas-record{grid-template-columns:65px 1fr 10px;gap:10px}.atlas-record img{width:65px;height:65px}.atlas-preview{gap:30px;padding:25px}.gallery-grid{gap:17px}.presenter .atlas{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.field-lead{grid-template-columns:1fr;gap:28px}.field-cover{max-height:520px}.case-meta{font-size:12px;gap:10px 18px}.field-filters{gap:15px}.field-filters label{font-size:13px}.field-filters button{font-size:13px}.atlas,.presenter .atlas{grid-template-columns:1fr}.atlas-canvas{padding:15px 10px}.atlas-list{border-left:0;border-top:1px solid var(--line);padding:20px}.atlas-list #field-results{max-height:none}.atlas-record{grid-template-columns:78px 1fr 12px;gap:14px}.atlas-record img{width:78px;height:70px}.atlas-record strong{font-size:15px}.atlas-record small{font-size:12px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-button span{font-size:10px;bottom:6px;right:6px}.field-grid{grid-template-columns:1fr}.field-card h3{font-size:22px}.field-card p{font-size:14px}.atlas-preview{grid-template-columns:1fr;gap:10px;padding:25px}.atlas-preview svg{max-height:310px}.atlas-preview h2{font-size:28px}.viewer-image{height:60vh}.viewer-bar strong{font-size:13px}.viewer-controls button{font-size:12px;min-width:76px;padding:8px}.viewer-controls{gap:7px}.viewer-controls p{font-size:11px}.presenter .atlas-record strong{font-size:17px}}

.draft-tabs{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.draft-tabs a{padding:10px 16px;border:1px solid var(--line);font-size:14px}.draft-tabs a.active{color:white;background:var(--green)}.menu-photo-grid figure{background:#fff;padding:18px}.menu-photo-grid img{width:100%;height:330px;object-fit:contain}.menu-photo-grid figcaption{padding:15px 8px}.menu-photo-grid h3{color:var(--ink)}.menu-photo-grid .badge{display:inline-block;padding:4px 10px;background:var(--sage);color:var(--green)}@media(max-width:600px){.menu-photo-grid{grid-template-columns:1fr}.menu-photo-grid img{height:350px}}