:root{--black:#15100d;--brown:#3a2117;--coffee:#6d3f29;--amber:#e8b56b;--cream:#f2e8d8;--white:#fff;--muted:#8b7d72}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f0e8;color:var(--black);font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.65}.skip{position:fixed;top:-4rem;left:1rem;z-index:10;background:#fff;padding:.6rem 1rem}.skip:focus{top:1rem}.nav{height:86px;width:100%;position:absolute;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1.25rem,5vw,5rem);border-bottom:1px solid rgba(255,255,255,.18);color:#fff}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff}.logo>span{font:700 italic 1.8rem Georgia,serif;color:var(--amber);border:2px solid var(--amber);width:42px;height:42px;border-radius:50%;display:grid;place-items:center}.logo b{font-size:1rem;letter-spacing:.08em}.logo small{font:500 .55rem/1.2 Arial,sans-serif;letter-spacing:.24em;display:block;opacity:.65;margin-top:.2rem}.nav nav{display:flex;gap:2rem}.nav nav a{color:#fff;text-decoration:none;font-size:.9rem}.nav nav a:hover,.nav nav a:focus-visible{color:var(--amber)}.hero{height:100vh;min-height:720px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:flex-end;background:var(--black)}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(16,10,7,.08),rgba(16,10,7,.2) 45%,rgba(16,10,7,.88) 100%)}.hero-copy{position:relative;color:#fff;width:min(600px,44vw);margin-right:clamp(2rem,8vw,9rem);padding-top:5rem}.overline,.section-no{font:600 .72rem Arial,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--amber)}.hero h1{font-family:"Noto Serif SC","Songti SC",serif;font-size:clamp(3rem,5.7vw,6rem);line-height:1.15;margin:1rem 0 .4rem;letter-spacing:.05em}.slogan{font:500 clamp(1.2rem,2vw,1.65rem) "Noto Serif SC","Songti SC",serif;color:#f4d5a5}.desc{max-width:500px;color:#ddd2c9;margin-top:1.6rem}.cta{display:inline-flex;gap:2rem;align-items:center;background:var(--amber);color:#21130d;text-decoration:none;font-weight:700;margin-top:1.7rem;padding:1rem 1.35rem}.cta span{font-size:1.25rem;transition:.2s}.cta:hover span{transform:translate(.25rem,.25rem)}.wrap{width:min(1160px,calc(100% - 3rem));margin-inline:auto}.manifesto{padding:8rem 0}.split{display:grid;grid-template-columns:1fr 2fr;gap:3rem}.split h2,.brew h2,.recipe h2,.daily h2{font-family:"Noto Serif SC","Songti SC",serif;font-size:clamp(2.2rem,4vw,3.9rem);font-weight:600;line-height:1.3;margin:0}.split>div>p{max-width:660px;color:#695d55;font-size:1.04rem}.flavor-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:5rem;border-top:1px solid #c8bdb0}.flavor-grid article{padding:2.5rem 2rem;border-right:1px solid #c8bdb0;min-height:300px;position:relative}.flavor-grid article:first-child{border-left:1px solid #c8bdb0}.flavor-grid i{font:bold .7rem Arial;color:#a47750;letter-spacing:.2em}.flavor-grid h3{font:600 1.6rem "Noto Serif SC",serif;margin:3rem 0 .8rem}.flavor-grid p{color:#74685f;font-size:.95rem}.flavor-grid span{position:absolute;bottom:2.5rem;color:var(--coffee);font-size:.85rem}.brew{background:var(--black);color:#fff;padding:8rem 0}.light{color:var(--amber)}.brew-head{display:grid;grid-template-columns:1.2fr 1fr;gap:6rem;align-items:end}.brew-head p{color:#b8ada5;margin:0}.method-list{margin-top:4rem;border-top:1px solid #493e37}.method-list article{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:1.8rem 0;border-bottom:1px solid #493e37;gap:1rem}.method-list .num{font:bold 1rem Arial;color:var(--amber)}.method-list h3{margin:0;font:600 1.35rem "Noto Serif SC",serif}.method-list p{margin:.2rem 0 0;color:#978c84}.method-list strong{font:500 1.3rem Georgia,serif;color:var(--amber)}.recipe{padding:8rem 0}.recipe-layout{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.recipe-title>span{display:block;font:900 clamp(3.5rem,7vw,7rem)/.82 Arial,sans-serif;letter-spacing:-.06em;color:#ddd1c0;margin:2.5rem 0}.dial{display:grid;grid-template-columns:1fr 1fr;border:1px solid #cdbfae;border-radius:50%;aspect-ratio:1;overflow:hidden;transform:rotate(3deg)}.dial>div{display:flex;flex-direction:column;align-items:center;justify-content:center}.dial>div:nth-child(odd){border-right:1px solid #cdbfae}.dial>div:nth-child(-n+2){border-bottom:1px solid #cdbfae}.dial b{font:600 clamp(1.7rem,3vw,2.5rem) Georgia,serif;color:var(--coffee)}.dial small{color:#74675d}.timeline{list-style:none;padding:0;margin:5rem 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.timeline li{border-top:4px solid var(--amber);padding-top:1.4rem}.timeline b{font:700 1rem Georgia,serif}.timeline p{color:#71645b}.daily{padding:2rem 0 8rem}.daily-card{background:var(--coffee);color:#fff;padding:clamp(3rem,7vw,7rem);position:relative;overflow:hidden}.daily-card:after{content:"W";position:absolute;right:-1rem;bottom:-6rem;font:italic 700 20rem Georgia;color:rgba(255,255,255,.04)}.daily-card>p{color:var(--amber);letter-spacing:.2em;font-size:.78rem}.daily-card h2{max-width:750px}.daily-card>span{display:block;margin-top:2rem;max-width:620px;color:#e0cbc0;position:relative;z-index:1}footer{background:#0d0907;color:#9d9189;padding:2.8rem 0}.footer{display:flex;justify-content:space-between;align-items:end}.footer b{color:#fff}.footer p{margin:.3rem 0 0;font-size:.85rem}.footer a{color:#9d9189;text-decoration:none;font-size:.82rem}.footer a:hover{color:#fff}@media(max-width:820px){.nav{height:72px}.nav nav{gap:1rem}.nav nav a:nth-child(2),.nav nav a:nth-child(4){display:none}.hero{justify-content:flex-start}.overlay{background:linear-gradient(90deg,rgba(16,10,7,.82),rgba(16,10,7,.2))}.hero-copy{width:min(610px,80vw);margin:4rem 0 0 clamp(1.5rem,7vw,5rem)}.split,.brew-head,.recipe-layout{grid-template-columns:1fr;gap:2rem}.flavor-grid{grid-template-columns:1fr}.flavor-grid article,.flavor-grid article:first-child{border-left:1px solid #c8bdb0;min-height:250px}.flavor-grid article{border-bottom:1px solid #c8bdb0}.manifesto,.brew,.recipe{padding:5rem 0}.dial{width:min(440px,90vw);margin:auto}.timeline{grid-template-columns:1fr}}@media(max-width:520px){.wrap{width:min(100% - 2rem,1160px)}.logo b{font-size:.9rem}.nav nav a{font-size:.82rem}.hero-copy{width:calc(100% - 2rem);margin-left:1rem}.hero h1{font-size:2.8rem}.method-list article{grid-template-columns:38px 1fr}.method-list strong{grid-column:2}.recipe-title>span{font-size:3.6rem}.daily{padding-bottom:4rem}.daily-card{width:100%;padding-inline:1.3rem}.footer{display:block}.footer a{display:inline-block;margin-top:1rem}}