body{--bg:#211711;--ink:#F4EEE4;--accent:#E3A66A;--soft:#453124;--body:StudioSans,sans-serif;--display:StudioHahmlet,serif;--focus:#E3A66A}.brand{font-weight:700}.coffee-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:38px;align-items:center;position:relative;padding-block:42px 95px;min-height:740px}.coffee-title h1{font-weight:700;line-height:1.35;font-size:clamp(44px,5.2vw,74px)}.coffee-title .lead{margin-top:28px}.coffee-title .action{background:#E3A66A;color:#211711;margin-top:32px}.coffee-bed{position:relative}.coffee-bed svg{width:100%;transform:rotate(-10deg)}.coffee-note{margin-top:8px;margin-left:45px;font-size:14px;color:#E3CDB8}.scroll-note{position:absolute;bottom:20px;left:0;font-size:14px;color:#E3CDB8}.bean-section{background:#E3A66A;color:#211711;padding:90px 0;--soft:#F3C99C;--bg:#E3A66A;--ink:#211711}.bean-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.bean-grid h2{font-weight:700;line-height:1.4}.bean-grid .intro-copy{margin-top:25px;max-width:25ch}.taste-output{min-height:175px;margin-top:36px}.taste-output h3{font-weight:700;margin-bottom:16px}.taste-scale{display:flex;align-items:center;gap:8px;font-size:13px}.taste-scale i{height:15px;flex:1;background:#211711}.taste-scale i:nth-of-type(n+4){opacity:.25}.taste-scale.bright i{opacity:.25}.taste-scale.bright i:nth-of-type(n+4){opacity:1}.coffee-menu{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px}.coffee-menu dl{margin:0}.coffee-menu dl>div{padding:24px 0;border-bottom:1px solid #634631}.coffee-menu dt{font-family:StudioHahmlet;font-size:28px;color:#E3A66A}.coffee-menu dd{margin:12px 0 0;max-width:43ch}.coffee-menu dd a{margin-top:10px}.coffee-visit{background:#15100C;padding:80px 0 35px}.coffee-visit>div>p{margin-top:24px}.coffee-visit .channels{margin-block:32px 65px}.coffee-visit .channel-response{color:#E7D9CB}.coffee-visit .foot-name{color:#E3A66A;font-weight:700}.sample-strip{background:#E3A66A;color:#211711}@media(max-width:767px){.coffee-hero{display:flex;flex-direction:column;align-items:stretch;gap:20px;padding-block:32px 60px;min-height:0}.coffee-title h1{font-size:43px}.coffee-title .lead{margin-top:20px}.coffee-title .action{margin-top:24px}.coffee-bed{margin-inline:5px}.coffee-note{margin-left:0;font-size:13px;margin-top:-8px}.scroll-note{display:none}.bean-grid,.coffee-menu{grid-template-columns:1fr;gap:32px}.bean-section{padding:60px 0}.bean-grid h2 br{display:none}.taste-output{min-height:150px;margin-top:24px}.taste-scale{gap:5px}.coffee-menu dl>div:first-child{padding-top:0}.coffee-visit{padding-top:60px}.coffee-visit .channel-response{min-height:150px}.coffee-visit .channels{margin-bottom:35px}}
.coffee-bed svg{transform:rotate(-7deg)}.brew-mark{display:block;font-family:StudioSans,sans-serif;font-size:13px;font-weight:400;margin-bottom:8px;color:#D6C3AF}.coffee-menu dl>div{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;padding-block:30px}.coffee-menu dd{margin:0}.coffee-end{display:flex;justify-content:space-between;gap:20px;padding-block:35px 5px;color:#E3A66A;font-family:StudioHahmlet,serif;font-size:clamp(25px,4vw,55px);font-weight:700}.coffee-visit .channels{margin-bottom:0}@media(max-width:767px){.coffee-menu dl>div{grid-template-columns:1fr;gap:12px}.coffee-bed{margin-top:5px}.coffee-end{font-size:25px;gap:10px}}