.coffee{background:#f7f1e5;color:#29392a}.coffee .brand-header{background:#f7f1e5}.coffee .brand-logo>span{font-family:'Noto Serif TC',serif;letter-spacing:.12em}.coffee .brand-symbol{width:38px;height:38px}.coffee .brand-logo small{font-family:'DM Sans',sans-serif;letter-spacing:.25em;font-size:9px}.coffee h1,.coffee h2,.coffee h3{font-family:'Noto Serif TC',serif;font-weight:500;letter-spacing:.02em}.coffee-hero{height:660px;position:relative;isolation:isolate;color:#fff4e2;overflow:hidden}.coffee-hero .hero-image{z-index:-2;object-position:center}.coffee-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#201b13a8,#201b1326 60%,transparent)}.coffee-hero-copy{padding:112px var(--pad) 90px}.coffee-hero h1{font-size:clamp(44px,4.7vw,68px);line-height:1.45}.coffee-hero p{font-size:15px;line-height:2.1;margin:24px 0 32px;color:#f6ead5}.coffee-button{background:#f4ecd9;color:#30402c;font-weight:500}.coffee-button:hover{background:#fff9ed}.coffee-hero-bottom{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.1em}.coffee-hero-bottom span:last-child{font-family:'Noto Serif TC',serif;letter-spacing:.12em;font-size:12px}.coffee-intro{padding-top:88px;padding-bottom:104px}.coffee-section-heading{display:grid;grid-template-columns:56px 1fr 1fr;align-items:center;gap:32px;margin-bottom:64px}.coffee-flower svg{width:46px;height:46px;stroke:#8f7141;stroke-width:1.2}.coffee-section-heading h2{font-size:36px;line-height:1.6}.coffee-section-heading p{font-size:14px;color:#6e715f;line-height:2}.coffee-bean-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(44px,8vw,120px);align-items:center}.coffee-bean-feature img{width:100%;aspect-ratio:1;object-fit:cover}.coffee-series{font-size:12px;letter-spacing:.15em;color:#8c7147}.coffee-bean-feature h3{font-size:36px;line-height:1.6;margin:20px 0}.coffee-bean-feature p{font-size:14px;color:#626653;line-height:2}.tasting-notes{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0}.tasting-notes span{padding:6px 13px;border:1px solid #b4b59d;border-radius:30px;font-size:11px}.coffee .text-action{font-size:13px;font-weight:500}.coffee-story{background:#2c3e2d;color:#f7eddb;display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.story-large{font-family:'Noto Serif TC',serif;font-size:clamp(32px,3.6vw,52px);line-height:1.65;letter-spacing:.03em}.coffee-story h2{font-size:30px;line-height:1.6}.coffee-story>div>p{color:#d4dac7;font-size:14px;margin-top:24px;line-height:2}.coffee-brew h2{line-height:1.6;font-size:38px}.coffee-brew .section-heading p{font-size:14px;color:#6a705e}.brew-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0}.brew-steps li{border-top:1px solid #c4c7b6;padding-top:26px}.brew-steps span{font-family:'Noto Serif TC',serif;color:#8f7751;font-size:18px}.brew-steps h3{font-size:28px;margin:28px 0 14px}.brew-steps p{font-size:13px;color:#6a705e}.coffee .brand-footer{background:#eae4d4;border-top:1px solid #d0d0bd}.coffee .footer-wordmark{font-family:'Noto Serif TC',serif;font-weight:500}.coffee .footer-bottom{border-color:#b7bba8}
@media(max-width:800px){.coffee-hero{height:610px}.coffee-hero-copy{padding-top:98px}.coffee-hero h1{font-size:48px}.coffee-section-heading{grid-template-columns:40px 1fr;gap:24px}.coffee-section-heading h2{font-size:32px}.coffee-section-heading p{grid-column:2}.coffee-flower svg{width:36px;height:36px}.coffee-bean-feature{gap:36px}.coffee-bean-feature h3{font-size:29px}.coffee-story{gap:40px}.coffee-story h2{font-size:26px}}
@media(max-width:640px){.coffee-hero{height:700px}.coffee-hero .hero-image{object-position:62% center}.coffee-hero::after{background:linear-gradient(180deg,#221b13ad 0%,#221b1340 65%,#221b1333)}.coffee-hero-copy{padding-top:58px}.coffee-hero h1{font-size:clamp(34px,9.5vw,48px);line-height:1.55}.coffee-hero p{font-size:13px;margin:22px 0 28px}.coffee-hero-bottom{bottom:24px;flex-direction:column;gap:10px;font-size:8px}.coffee-hero-bottom span:last-child{font-size:10px}.coffee-intro{padding-top:56px;padding-bottom:60px}.coffee-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:36px}.coffee-section-heading p{grid-column:1;font-size:12px}.coffee-section-heading h2{font-size:29px;letter-spacing:0}.coffee-flower svg{width:34px;height:34px}.coffee-bean-feature{grid-template-columns:1fr;gap:32px}.coffee-bean-feature img{aspect-ratio:1.15}.coffee-bean-feature h3{font-size:32px;margin:18px 0}.coffee-bean-feature p{font-size:13px}.coffee-story{grid-template-columns:1fr;gap:36px}.story-large{font-size:29px}.coffee-story h2{font-size:28px}.coffee-story>div>p{font-size:13px}.coffee-brew h2{font-size:30px}.coffee-brew .section-heading p{font-size:13px}.brew-steps{grid-template-columns:1fr;gap:26px}.brew-steps li{display:grid;grid-template-columns:34px 1fr;column-gap:20px;padding-top:22px;align-items:center}.brew-steps h3{margin:0;font-size:25px}.brew-steps p{grid-column:2;font-size:12px;margin-top:8px}.brew-steps span{font-size:15px}.coffee .footer-wordmark{font-size:26px}}