.coffee{--ink:#2d2622;--accent:#2d2622;--paper:#fff;--wash:#f5f2ef;--line:#ddd5ce;--muted:#756d66;--radius:0px;color:var(--ink);background:#fff;font-family:'DM Sans','Noto Sans JP',sans-serif}
.coffee .site-header{height:112px;padding-inline:6%;position:relative;z-index:40;background:#fff;border:0}
.coffee .logo{display:flex;align-items:center;gap:13px;color:inherit;font-family:'Noto Serif JP',serif;letter-spacing:.04em}
.cr-brand-seal{display:grid;place-items:center;background:#2d2622;color:#fff;width:43px;height:57px;border-radius:50%;font:500 33px/1 'Cormorant Garamond',serif;flex-shrink:0}
.cr-brand-type{display:flex;flex-direction:column;gap:5px}.coffee .cr-brand-type small{font:500 10px/1.4 'DM Sans',sans-serif;letter-spacing:.11em;margin:0}.cr-brand-type>span{font-family:'Noto Serif JP',serif;font-size:21px;font-weight:600;letter-spacing:.035em;white-space:nowrap}
.cr-header-actions{display:flex;align-items:center;gap:23px}.cr-shop-link{font-size:14px;letter-spacing:.04em;border-bottom:1px solid transparent;padding:8px 0}.cr-shop-link:hover{border-color:currentColor}
.coffee .cart-button{width:55px;height:55px;display:flex;justify-content:center;align-items:center;gap:3px;border:0;border-radius:50%;background:#2d2622;color:#fff;font:500 11px/1.4 'DM Sans',sans-serif;padding:0}.coffee .cart-button span{background:none;color:inherit;padding:0;min-width:0;font-size:12px}
.coffee .menu-toggle{display:block;position:relative;width:50px;height:55px;border:0;background:none;color:#2d2622;font-size:10px;padding:30px 0 0;letter-spacing:.03em}
.coffee .menu-toggle:before,.coffee .menu-toggle:after{content:'';position:absolute;left:6px;top:8px;height:2px;width:38px;background:currentColor;transition:transform .2s}.coffee .menu-toggle:after{top:21px}.coffee .menu-toggle[aria-expanded=true]:before{transform:translateY(6.5px) rotate(45deg)}.coffee .menu-toggle[aria-expanded=true]:after{transform:translateY(-6.5px) rotate(-45deg)}
.coffee .nav{display:none;position:absolute;top:112px;right:0;left:auto;bottom:auto;background:#2d2622;color:#fff;padding:28px 45px 35px;width:min(440px,100%);max-height:calc(100svh - 112px);overflow:auto;box-shadow:0 20px 30px #0002}.coffee .nav[data-open=true]{display:flex;flex-direction:column;gap:0;align-items:stretch}.coffee .nav>a{font:500 21px/1.6 'DM Sans',sans-serif;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;border-bottom:1px solid #ffffff30;min-height:62px}.coffee .nav>a small{font:400 12px/1.7 'Noto Sans JP',sans-serif;color:#e0d7d0}.coffee .nav>a:hover{color:#ddbea1}
.cr-hero{position:relative;margin:0 6%;height:calc(100svh - 175px);min-height:490px;max-height:800px}.cr-hero-photo{height:100%;overflow:hidden;border-radius:85px 85px 0 0}.cr-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 56%}.cr-hero h1{position:absolute;top:22%;right:-4.2%;writing-mode:vertical-rl;font:600 14px/2 'Noto Sans JP',sans-serif;letter-spacing:.09em;margin:0;max-height:75%}.cr-hero h1 br{display:none}.cr-hero-link{position:absolute;bottom:38px;right:35px;display:flex;align-items:center;gap:24px;background:#fffef8ed;padding:10px 11px 10px 24px;border-radius:40px;font-size:14px;font-weight:500}.cr-hero-link span{display:grid;place-items:center;background:#2d2622;color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px}
.cr-type-band{font:600 clamp(45px,7.5vw,124px)/1.1 'DM Sans',sans-serif;letter-spacing:.055em;white-space:nowrap;overflow:hidden;margin-top:-.44em;position:relative;z-index:1;padding-bottom:.2em;pointer-events:none}.cr-outline{color:transparent;-webkit-text-stroke:1px #2d2622}.coffee .section-head h2{font-family:'Noto Sans JP',sans-serif;font-size:30px;letter-spacing:.08em;font-weight:500;line-height:1.8}.coffee .section-head .eyebrow{font:500 13px/1.5 'DM Sans',sans-serif;letter-spacing:.12em;color:var(--muted)}
.coffee .btn{background:#2d2622;color:#fff;font-family:'Noto Sans JP',sans-serif;font-size:14px;border-color:#2d2622;border-radius:30px;letter-spacing:.02em}.coffee .btn:hover{background:#594a3f}.coffee .btn.outline{color:#2d2622;background:transparent;border-color:#c7bcb2}.coffee .btn.outline:hover{background:#2d2622;color:#fff}.coffee .filter{font-size:14px;border-radius:30px;min-height:44px;border-color:#d7ccc3}.coffee .filter[aria-pressed=true]{background:#2d2622;color:#fff}.coffee .product-card{background:#fff;border:0}.coffee .product-photo{background:#f2eee9;border-radius:18px;overflow:hidden}.coffee .product-photo img{aspect-ratio:1;transition:transform .4s}.coffee .product-photo:hover img{transform:scale(1.03)}.coffee .product-photo .tag{top:17px;left:17px;border-radius:20px;background:#fffcf8;font-size:12px;padding:5px 12px}.coffee .product-body{padding:23px 0 0}.coffee .product-body h3{font-family:'DM Sans',sans-serif;font-size:23px;font-weight:500;letter-spacing:.01em}.coffee .product-body p{font-size:15px;line-height:2;color:#756d66;min-height:60px}.coffee .product-price{font-size:23px;font-weight:500}.coffee .product-price span{font-size:12px;font-weight:400}.coffee .product-body .btn{font-size:13px;gap:15px}.coffee .product-detail{padding-top:35px}.coffee .product-detail>img{border-radius:45px 45px 0 0;aspect-ratio:1;object-fit:cover}.coffee .product-detail h1{font-family:'DM Sans',sans-serif;font-size:clamp(32px,4vw,52px);font-weight:500;line-height:1.2;letter-spacing:-.025em}.coffee .product-detail p{font-size:16px;line-height:2}.coffee .product-detail .form-note{font-size:12px}.coffee .product-detail .eyebrow{font-size:12px}.coffee .field input,.coffee .field select{font-size:16px;border-color:#d7ccc3;border-radius:5px;background:#fcfbf9}.coffee .product-options .btn{border-radius:6px}.coffee .flavor-bar i.on{background:#684b37}.coffee .page-intro h1{font-family:'DM Sans',sans-serif;font-size:clamp(32px,4vw,50px);font-weight:500;line-height:1.2}.coffee .brew-step{border:0;border-top:1px solid var(--line);padding:25px 0}.coffee .brew-step>span{font-size:37px;font-family:'DM Sans',sans-serif;color:#887260}.coffee .brew-step h3{font:500 22px/1.6 'Noto Sans JP',sans-serif}.coffee .brew-step p{font-size:16px;line-height:2}.coffee .faq{padding:0;border:0;background:none}.coffee .faq summary{font-size:16px}.coffee .faq details>p{font-size:16px}.coffee .site-footer{background:#2d2622;color:#fff}.coffee .site-footer .cr-brand-seal{background:#fff;color:#2d2622}.coffee .site-footer .logo{color:#fff}.coffee .footer-links{font-size:14px}.coffee .modal{border-radius:20px}.coffee .modal h2{font:500 30px/1.5 'DM Sans',sans-serif}.coffee .modal .btn{border-radius:30px}.coffee .cart-item h3{font:500 18px/1.4 'DM Sans',sans-serif}
@media(max-width:1100px){.coffee .site-header{padding-inline:5%}.cr-brand-type>span{font-size:19px}.cr-header-actions{gap:19px}.cr-hero{margin-inline:6%;min-height:460px}.cr-hero-photo{border-radius:60px 60px 0 0}.cr-hero h1{font-size:12px}.coffee .product-body .btn{padding-inline:14px}}
@media(max-width:760px){.coffee .site-header{height:88px;padding-inline:5%}.coffee .logo{gap:8px}.cr-brand-seal{width:29px;height:41px;font-size:26px}.cr-brand-type>span{font-size:15px;letter-spacing:0}.coffee .cr-brand-type small{font-size:8px;letter-spacing:.04em}.cr-header-actions{gap:10px}.cr-shop-link{display:none}.coffee .cart-button{width:40px;height:40px;font-size:9px}.coffee .cart-button span{font-size:11px}.coffee .menu-toggle{width:36px;height:45px;font-size:9px;padding-top:28px}.coffee .menu-toggle:before,.coffee .menu-toggle:after{width:28px;left:4px;top:7px}.coffee .menu-toggle:after{top:20px}.coffee .nav{top:88px;width:100%;padding:18px 7% 25px;max-height:calc(100svh - 88px)}.coffee .nav>a{font-size:21px;min-height:60px}.cr-hero{margin-inline:5% 10%;height:62svh;min-height:400px;max-height:610px}.cr-hero-photo{border-radius:44px 44px 0 0}.cr-hero-photo img{object-position:59% center}.cr-hero h1{right:-9%;top:12%;font-size:12px;letter-spacing:.035em;line-height:1.8;max-height:82%}.cr-hero-link{right:17px;bottom:31px;font-size:12px;gap:15px;padding:8px 8px 8px 18px}.cr-hero-link span{width:34px;height:34px;font-size:18px}.cr-type-band{font-size:48px;margin-top:-.38em;letter-spacing:.035em}.coffee .section-head h2{font-size:27px}.coffee .grid3{grid-template-columns:1fr;gap:36px}.coffee .product-body p{min-height:0;font-size:16px}.coffee .product-body h3{font-size:25px}.coffee .product-photo img{aspect-ratio:1.15}.coffee .product-body .btn{font-size:14px;min-height:50px}.coffee .product-detail{padding-top:20px;gap:32px}.coffee .product-detail>img{border-radius:32px 32px 0 0}.coffee .product-detail h1{font-size:34px}.coffee .product-detail p{font-size:16px}.coffee .page-intro h1{font-size:34px}.coffee .site-footer .cr-brand-type>span{font-size:20px}.coffee .site-footer .cr-brand-seal{width:38px;height:49px}.coffee .site-footer .cr-brand-type small{font-size:10px}}
@media(max-width:370px){.cr-brand-type>span{font-size:13px}.coffee .logo{gap:6px}.cr-header-actions{gap:5px}.coffee .cart-button{width:36px;height:36px}.cr-brand-seal{width:26px;height:37px}.coffee .menu-toggle{width:31px}.coffee .menu-toggle:before,.coffee .menu-toggle:after{left:3px;width:25px}}
.cr-about{display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding:120px 6% 110px;gap:8%}
.cr-about:before{content:'';position:absolute;z-index:0;inset:70px 0 50px 40%;background-image:linear-gradient(#d9d4ce55 1px,transparent 1px),linear-gradient(90deg,#d9d4ce55 1px,transparent 1px);background-size:28px 28px;pointer-events:none}
.cr-about-photo,.cr-about-copy{position:relative}.cr-about-photo{align-self:center}.cr-about-photo img{aspect-ratio:.88;object-fit:cover;border-radius:180px 180px 0 0;object-position:58% center}
.cr-about-copy{padding:25px 4% 25px 0}.cr-about-copy h2{font:600 16px/1.9 'Noto Sans JP',sans-serif;letter-spacing:.03em;margin-bottom:26px}.cr-about-copy .cr-display{font:600 clamp(38px,4.4vw,67px)/1.08 'DM Sans',sans-serif;letter-spacing:.015em;margin:0 0 35px}.cr-about-copy>p:not(.cr-display){font-size:16px;line-height:2.25;letter-spacing:.025em}.cr-about-copy>p+p{margin-top:17px}
.cr-round-link{display:inline-flex;align-items:center;gap:22px;font-size:14px;font-weight:500;margin-top:30px;line-height:1.7}.cr-round-link>span{display:grid;place-items:center;width:56px;height:56px;background:#2d2622;color:#fff;border-radius:50%;font-size:21px;transition:transform .2s,background .2s}.cr-round-link:hover>span{background:#6c503a;transform:translateX(3px)}
.cr-brew-photo img{height:500px;max-height:60vw;width:100%;object-fit:cover;object-position:center 52%}.cr-brew-content{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:65px 85px}.cr-brew-content h2{font:500 32px/1.9 'Noto Sans JP',sans-serif;letter-spacing:.09em}.cr-brew-content .eyebrow{font:500 13px/1.5 'DM Sans',sans-serif;letter-spacing:.12em;margin-bottom:20px}.cr-brew-content p{font-size:16px;line-height:2.2}.cr-brew-content .cr-round-link{margin-top:23px}
.coffee #shop{padding-top:65px;border-top:1px solid var(--line)}.coffee #shop .section-head{align-items:center}.coffee #shop .section-head .eyebrow{font-size:36px;letter-spacing:.015em;color:#2d2622;font-weight:500;margin-bottom:7px}.coffee #shop .section-head h2{font-size:16px;letter-spacing:.07em}.coffee #shop .section-head>p{font-size:16px;line-height:2}.coffee #shop .filters{gap:12px}.coffee #product-count{margin-top:25px}.coffee .cr-faq{border-top:1px solid var(--line);padding-block:75px 110px}.coffee .cr-faq .section-head h2{font-size:26px}.coffee .cr-faq .section-head .eyebrow{font-size:12px}
@media(max-width:1100px){.cr-about{gap:6%;padding-block:90px}.cr-about-copy .cr-display{font-size:46px}.cr-about-photo img{border-radius:130px 130px 0 0;aspect-ratio:.72}.cr-brew-photo img{height:400px}.cr-brew-content{gap:7%}}
@media(max-width:760px){.cr-about{grid-template-columns:1fr;gap:35px;padding:60px 7% 65px}.cr-about:before{inset:180px 0 25px 12%;background-size:25px 25px}.cr-about-photo{width:88%;margin-inline:auto}.cr-about-photo img{border-radius:120px 120px 0 0;aspect-ratio:1}.cr-about-copy{padding:0}.cr-about-copy h2{font-size:15px;margin-bottom:23px}.cr-about-copy .cr-display{font-size:48px;line-height:1.08;margin-bottom:27px}.cr-about-copy>p:not(.cr-display){font-size:16px;line-height:2.1}.cr-round-link{font-size:14px;gap:22px;margin-top:25px}.cr-round-link>span{width:48px;height:48px}.cr-brew-photo img{height:auto;max-height:none;aspect-ratio:1.2;object-position:47% center}.cr-brew-content{grid-template-columns:1fr;gap:25px;padding-block:38px 55px}.cr-brew-content h2{font-size:27px;line-height:1.8}.cr-brew-content p{font-size:16px}.cr-brew-content .eyebrow{font-size:12px;margin-bottom:15px}.coffee #shop{padding-top:45px}.coffee #shop .section-head{align-items:start}.coffee #shop .section-head .eyebrow{font-size:32px}.coffee #shop .section-head h2{font-size:15px}.coffee #shop .filters{gap:8px;flex-wrap:wrap}.coffee #shop .filter{font-size:13px;padding:10px 17px}.coffee .cr-faq{padding-block:55px 65px}.coffee .cr-faq .section-head h2{font-size:24px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.coffee .product-photo img,.cr-round-link>span{transition:none}}