:root{--ink:#352419;--paper:#f5efe4;--red:#a62c35;--serif:'Noto Serif JP',serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.85 'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #bc7139;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:var(--serif);font-weight:600}h2{font-size:clamp(23px,2.8vw,40px);letter-spacing:.09em}ul,ol{list-style:none;padding:0;margin:0}.wrap{width:84%;max-width:1440px;margin:auto}.paper{background:var(--paper) url('./assets/concept/paper-512.webp') repeat;background-size:512px}.masthead{height:clamp(30px,3.9vw,64px);padding:0 3%;display:flex;align-items:center;justify-content:space-between;background:#fffdf9}.shop{font:500 clamp(16px,2vw,27px) var(--serif);letter-spacing:.07em}.masthead nav{display:flex;gap:30px;font-size:clamp(11px,1.3vw,17px)}.masthead a:hover,footer a:hover{text-decoration:underline}.opening{position:relative;container-type:inline-size;aspect-ratio:1419/1108;background:#3b271c url('./assets/concept/opening-v2-1419.webp') center/100% 100% no-repeat}.hero{position:absolute;inset:0 0 auto;height:39%;color:#fff8eb}.hero .wrap{margin:0;position:absolute;top:5cqw;left:8%;width:75%}.hero h1{font-size:4.16cqw;font-weight:400;line-height:1.28;letter-spacing:.07em;text-shadow:0 1px 8px #291b1566}.intro{position:absolute;inset:44.8% 0 0;background:none;padding:0}.intro .wrap{width:auto;margin:0 0 0 7.4%}.offer-copy{width:44cqw}.shop-name{font:600 2.8cqw/1.45 var(--serif);letter-spacing:.08em}.intro h2{font-size:3.15cqw;line-height:1.5;letter-spacing:.08em}.benefits{display:flex;flex-direction:column;gap:.65cqw;margin:1.2cqw 0 1cqw;width:21.3cqw}.benefits li{display:flex;gap:1.5cqw;align-items:center;min-height:4.75cqw;border:1px solid #a98b6b;border-radius:.45cqw;padding:.6cqw 1.65cqw;color:#693915;font:600 1.55cqw/1.2 var(--serif);background:#fff7ec25}.benefits img{width:2.6cqw;height:2.8cqw;filter:invert(25%) sepia(45%) saturate(650%) hue-rotate(344deg)}.benefits small{font-size:1.5cqw;display:block;white-space:nowrap}.price{font:500 2.6cqw/1.25 var(--serif);margin:1.1cqw 0 1.6cqw;display:flex;align-items:baseline;gap:.5cqw}.price strong{font-size:5.4cqw;font-weight:600;letter-spacing:-.035em}.price small{font-size:2.25cqw}.button{display:flex;align-items:center;justify-content:center;gap:1em;min-height:64px;width:100%;max-width:560px;background:linear-gradient(110deg,#aa2937,#b63239 55%,#972731);color:#fff7e7;border-radius:7px;font:600 22px var(--serif);letter-spacing:.07em;box-shadow:inset 0 0 12px #e0937320;transition:filter .2s}.button span{font:400 1.2em sans-serif}.button:hover{filter:brightness(.92)}.intro .button{width:40cqw;min-height:6.2cqw;font-size:2.5cqw;border-radius:.65cqw}.flavors{padding:2.2vw 0 3vw;background:#352119 url('./assets/concept/botanical-1942.webp') center/cover}.flavors h2{font-size:clamp(23px,2.6vw,38px);text-align:center;color:#fff8eb;margin-bottom:2vw;font-weight:500}.flavor-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.flavor{display:grid;grid-template-columns:51% 49%;background:#f7f0e5;border-radius:5px;overflow:hidden}.flavor>img{width:100%;height:100%;object-fit:cover;min-height:clamp(170px,22vw,330px)}.flavor>div{padding:2vw 1.4vw 1.6vw}.origin{font-size:clamp(12px,1.45vw,20px);font-family:var(--serif);font-weight:600;margin-bottom:.7vw}.flavor h3{font-size:clamp(14px,1.65vw,23px);line-height:1.6}.roast-level{display:inline-block;background:#774319;color:#fff9e7;padding:2px 9px;font-size:clamp(11px,1.1vw,15px);line-height:1.6;margin:1.6vw 0 1vw;border-radius:3px}.flavor div>p:last-child{font-size:clamp(12px,1.3vw,18px);line-height:1.9}.reasons{position:relative;padding:2.5vw 0 5vw}.reasons:before{content:'';position:absolute;top:-12px;left:0;right:0;height:24px;background:var(--paper) url('./assets/concept/paper-512.webp');border-radius:50% 40% 0 0}.reasons h2{text-align:center;margin-bottom:4vw}.reason-grid{width:86%;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:6.5vw}.reason-grid img{aspect-ratio:1.85;object-fit:cover;border-radius:4px}.reason-grid figcaption{font:500 clamp(18px,2.5vw,34px) var(--serif);text-align:center;letter-spacing:.08em;margin-top:1.8vw}.moment{background:#302116 url('./assets/concept/brew-2048.webp') center/cover;min-height:30vw;display:flex;align-items:center;color:#fff9e9;clip-path:polygon(0 0,30% 1.5%,65% 0,100% 0,100% 95%,60% 100%,25% 98%,0 97%)}.moment p{font:400 clamp(23px,2.6vw,36px)/1.6 var(--serif);letter-spacing:.08em;text-shadow:0 2px 8px #251910}.closing{padding:3.5vw 0 5vw;background-image:url('./assets/concept/closing-1704.webp');background-size:cover;background-position:center;text-align:center}.closing h2{font-size:clamp(25px,2.8vw,38px)}.steps{display:flex;gap:3vw;margin:4vw auto;max-width:1230px}.steps li{flex:1;position:relative;display:flex;align-items:center;justify-content:center;gap:1.6vw;background:#fffaf6d9;border-radius:7px;min-height:11vw;font:500 clamp(13px,1.5vw,21px) var(--serif)}.steps img{width:4vw;height:4vw;max-width:60px;filter:invert(22%) sepia(70%) saturate(550%) hue-rotate(345deg)}.steps span{position:absolute;left:10%;top:8%;background:#693611;color:#fff;border-radius:50%;width:2.7vw;height:2.7vw;min-width:23px;min-height:23px;display:grid;place-items:center;font:500 clamp(13px,1.7vw,23px) var(--serif)}.steps li+li:before{content:'›';position:absolute;left:-2vw;font:30px var(--serif)}.closing .button{margin:auto;width:45%;min-height:6.5vw;font-size:clamp(20px,2.5vw,34px)}.closing-price{font-size:clamp(14px,1.8vw,23px);margin-top:18px}.closing-price strong{font:600 clamp(28px,3.5vw,46px) var(--serif)}.closing-price>span{font-size:13px}details{text-align:left;max-width:720px;margin:25px auto 0;border-block:1px solid #bba68c;background:#f6efe4cc}summary{padding:12px 20px;cursor:pointer;font-size:13px}dl{margin:0;padding:0 20px 15px}dl>div{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:12px 0;border-top:1px solid #dbcdbb;font-size:13px}dt{font-weight:500}dd{margin:0}footer{background:#2c211b;color:#e3d5c2;display:flex;justify-content:space-between;padding:25px 7%;font-size:12px}footer nav{display:flex;gap:22px}footer small{font-size:12px}.tracking-pixel{position:absolute;width:1px;height:1px}.skip{position:absolute;top:-100px;left:16px;background:white;padding:10px;z-index:5}.skip:focus{top:8px}.mobile{display:none}
@media(max-width:600px){.masthead{height:46px;padding:0 5%}.masthead nav{gap:16px;font-size:11px}.shop{font-size:16px}.opening{aspect-ratio:auto;height:850px;background-size:auto 850px;background-position:22% top}.hero{height:360px}.hero .wrap{top:36px;left:7%;width:90%}.hero h1{font-size:28px;line-height:1.4;letter-spacing:.04em}.intro{inset:370px 0 0}.intro .wrap{margin-left:6%}.offer-copy{width:90%}.shop-name{font-size:20px}.intro h2{font-size:25px}.benefits{width:165px;gap:6px;margin:14px 0 9px}.benefits li{min-height:40px;padding:7px 12px;gap:13px;font-size:13px;border-radius:4px;background:#fffaf1a8}.benefits img{width:23px;height:23px}.benefits small{font-size:12px}.price{font-size:20px;gap:4px;margin:10px 0 16px}.price strong{font-size:43px}.price small{font-size:17px}.intro .button{width:100%;max-width:340px;min-height:54px;font-size:20px;border-radius:5px}.flavors{padding:27px 0 40px}.flavors h2{font-size:22px;line-height:1.6;margin-bottom:22px}.mobile{display:block}.wrap{width:88%}.flavor-grid{grid-template-columns:1fr;gap:17px}.flavor{grid-template-columns:45% 55%}.flavor>img{min-height:244px}.flavor>div{padding:18px 14px}.origin{font-size:12px;margin-bottom:7px}.flavor h3{font-size:15px}.roast-level{font-size:11px;margin:12px 0 10px}.flavor div>p:last-child{font-size:12px}.reasons{padding:29px 0 36px}.reasons h2{font-size:25px;margin-bottom:26px}.reason-grid{width:100%;gap:16px}.reason-grid img{aspect-ratio:1.35}.reason-grid figcaption{font-size:16px;margin-top:13px;letter-spacing:0}.moment{min-height:320px;background-position:60% center}.moment p{font-size:22px;line-height:1.8;letter-spacing:.04em}.closing{padding:32px 0;background-size:auto 100%}.closing h2{font-size:24px}.steps{gap:12px;margin:30px auto}.steps li{min-height:108px;flex-direction:column;gap:8px;font-size:10px;padding:28px 2px 10px}.steps img{width:28px;height:28px}.steps span{top:4px;left:7px;font-size:12px;width:20px;height:20px;min-width:20px;min-height:20px}.steps li+li:before{left:-10px;font-size:21px}.closing .button{width:100%;min-height:56px;font-size:20px}.closing-price{font-size:12px}.closing-price strong{font-size:28px}summary{font-size:12px}dl>div{grid-template-columns:1fr;gap:3px;font-size:12px}footer{padding:23px 6%;display:block;text-align:center}footer nav{justify-content:center;margin-top:13px;gap:20px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

.bean-choice{padding:48px 0}.bean-choice h2{text-align:center}.choice-intro{text-align:center;margin:20px auto 28px;max-width:700px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.choice-grid article{background:#fffaf4;border:1px solid #dfd0bc;border-radius:7px;padding:26px}.choice-grid h3{font:500 clamp(19px,2vw,26px) var(--serif);margin-bottom:12px}.choice-grid p,.choice-note{font-size:15px;line-height:1.9}.brew-choice{max-width:none;margin:26px 0;padding:0}.brew-choice>div{grid-template-columns:minmax(150px,1fr) 2fr;padding:18px 0;font-size:15px}.choice-note{margin:18px 0}.choice-source{font-size:12px;line-height:1.8}.choice-source a{text-decoration:underline}@media(max-width:600px){.bean-choice{padding:32px 0}.bean-choice h2{font-size:24px;line-height:1.5}.choice-intro{font-size:13px}.choice-grid{grid-template-columns:1fr;gap:14px}.choice-grid article{padding:20px}.choice-grid p,.choice-note{font-size:13px}.brew-choice>div{grid-template-columns:1fr;gap:7px;font-size:13px}.masthead nav{gap:10px;font-size:10px}}

.defer-media [data-defer-background]:not(.media-ready){background-image:none}