:root{--green:#304d47;--cream:#eee4d4;--paper:#f7f1e7;--red:#a75d42;--ochre:#cf9b51;--ink:#2e342e;--sub:#736f64;--rule:#d0c3ae;--serif:Georgia,'Yu Mincho',serif;--sans:'Yu Gothic',Meiryo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.9;font-size:15px}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 80px));margin:auto}.notice{height:28px;text-align:center;background:var(--green);color:var(--paper);font-size:9px;line-height:28px;letter-spacing:.16em}.top{height:85px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule)}.logo{display:flex;align-items:center;gap:12px;font-family:var(--serif);font-size:18px;letter-spacing:.08em}.logo b{display:block;font-size:23px;font-weight:400}.logo-flower{font-size:26px;color:var(--red)}.insta,.under{font-size:11px}.insta span{color:var(--red)}.hero{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;padding:45px 4% 76px}.hero-text{padding-left:3%;position:relative;z-index:1}.since,.kicker{font-size:10px;letter-spacing:.15em;font-weight:700;color:var(--red)}.since i{display:inline-block;width:28px;border-top:1px solid var(--red);margin:0 10px 3px}.hero h1{font:clamp(52px,6vw,76px)/1.4 var(--serif);font-weight:400;letter-spacing:.08em;margin:22px 0 12px}.lead{font:21px/1.9 var(--serif);letter-spacing:.08em;margin:0}.intro{font-size:12px;color:var(--sub);margin-top:17px}.hero-links{display:flex;gap:22px;align-items:center;margin-top:28px}.pill{background:var(--green);color:var(--paper);padding:10px 17px;font-size:11px;display:flex;gap:32px}.under{text-decoration:underline;text-underline-offset:5px}.siphon-scene{height:430px;background:#e2d6c3;position:relative;display:grid;place-items:center;overflow:hidden}.siphon-scene svg{width:min(85%,390px);position:relative;z-index:1}.scene-ring{position:absolute;width:360px;height:360px;border:1px solid #cdb99b;border-radius:50%}.scene-caption{position:absolute;right:20px;top:20px;font:10px/1.5 var(--serif);letter-spacing:.17em}.scene-stamp{position:absolute;left:20px;bottom:17px;font:italic 13px var(--serif);color:var(--red)}.steam{position:absolute;width:2px;height:35px;background:var(--red);top:63px;opacity:.65;transform:rotate(15deg)}.s1{left:45%}.s2{left:51%;top:49px;height:42px}.s3{left:57%;top:64px}.hero-bottom{position:absolute;left:4%;right:0;bottom:23px;display:flex;justify-content:space-between;font:10px var(--serif);letter-spacing:.16em;color:var(--sub)}.story{padding:95px 0;background:var(--paper)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.story h2,.brew h2,.visit h2,.closing h2{font:clamp(33px,4vw,48px)/1.55 var(--serif);font-weight:400;letter-spacing:.06em;margin:3px 0}.story-copy{line-height:2.2;font-size:14px}.note{font-size:11px;color:var(--sub);margin-top:17px}.brew{padding:84px 0;background:#e7ddce}.brew-inner{display:grid;grid-template-columns:90px 1fr 210px;align-items:center;gap:25px}.brew-number{font:52px var(--serif);color:var(--red);border-right:1px solid var(--rule);height:100%;display:grid;align-items:center}.brew h2{font-size:37px}.brew-copy{font-size:12px;color:var(--sub);margin-top:14px}.brew-stamp{width:175px;height:175px;border:1px solid var(--red);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--red);font:11px var(--serif);letter-spacing:.2em;transform:rotate(-12deg)}.brew-stamp b{font-size:30px;font-weight:400;margin-top:8px}.visit{padding:95px 0;background:var(--green);color:var(--paper)}.visit-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.visit .kicker{color:#e2b56e}.visit h2{font-size:42px;margin:12px 0 25px}.address{display:flex;gap:15px;border-top:1px solid #718078;border-bottom:1px solid #718078;padding:18px 0;max-width:520px}.address>span{font-size:23px;color:#e2b56e}.address b{font-size:13px}.address p{font-size:11px;margin:3px 0;color:#e1e4db}.contact{margin:16px 0}.contact>a{font:20px var(--serif);color:#f2cf90}.contact>a span{font:16px var(--sans)}.contact p{font-size:10px;color:#c5d0c5;margin:2px 0}.map{display:inline-block;margin-top:5px;border:1px solid #c8d0c5;padding:9px 15px;font-size:11px}.hours-note{min-height:260px;background:var(--paper);color:var(--green);padding:26px;position:relative;overflow:hidden}.hours-note .kicker{color:var(--red)}.clock{font:24px/1.7 var(--serif);margin:15px 0}.hours-note>a{font-size:11px;text-decoration:underline;text-underline-offset:4px}.lily{position:absolute;right:-12px;bottom:-38px;font-size:130px;color:#e6dac7;transform:rotate(-13deg)}.closing{padding:57px 0;background:#dfc8a8}.closing-inner{display:flex;align-items:center;justify-content:space-between}.closing .kicker{margin:0}.closing h2{font-size:31px}.closing-inner>a{font-size:12px;border-bottom:1px solid var(--red);padding:8px 0}.closing-inner>a span{color:var(--red)}.footer{background:#243e38;color:#e9e0d1;padding:25px 0 17px}.foot-row,.foot-note{display:flex;justify-content:space-between;align-items:center}.foot-row{font:13px var(--serif);letter-spacing:.1em}.foot-row span:last-child,.foot-note{font-size:9px;color:#b8c0b3}.foot-note{border-top:1px solid #53655c;margin-top:15px;padding-top:12px}
@media(max-width:900px){.wrap{width:calc(100% - 56px)}.hero{grid-template-columns:1fr .95fr;padding-inline:0}.hero h1{font-size:clamp(42px,5.6vw,52px)}.siphon-scene{height:360px}.scene-ring{width:290px;height:290px}.story-grid{gap:45px}.visit-grid{gap:40px}.visit h2{font-size:36px}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.notice{height:27px;line-height:27px;font-size:8px}.top{height:70px}.logo{font-size:16px}.logo b{font-size:20px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:28px;padding:41px 0 62px}.hero-text{padding:0}.hero h1{font-size:51px;line-height:1.36}.lead{font-size:19px}.intro{font-size:11px}.hero-links{flex-wrap:wrap;gap:15px}.siphon-scene{height:290px}.siphon-scene svg{width:76%;max-height:270px}.scene-ring{width:235px;height:235px}.hero-bottom{left:0;font-size:8px}.story{padding:65px 0}.story-grid{grid-template-columns:1fr;gap:20px}.story h2,.visit h2{font-size:35px}.story-copy{font-size:13px}.brew{padding:60px 0}.brew-inner{grid-template-columns:48px 1fr;gap:15px}.brew-number{font-size:33px}.brew h2{font-size:29px}.brew-copy{font-size:11px}.brew-stamp{grid-column:2;width:115px;height:115px;font-size:8px;justify-self:end;margin-top:5px}.brew-stamp b{font-size:22px}.visit{padding:66px 0}.visit-grid{grid-template-columns:1fr;gap:30px}.visit h2{font-size:35px}.hours-note{min-height:230px}.clock{font-size:22px}.closing{padding:38px 0}.closing-inner{align-items:flex-start;gap:15px;flex-direction:column}.closing h2{font-size:27px}.foot-row span:last-child{font-size:8px}.foot-note{align-items:flex-start;gap:12px;font-size:8px}.foot-note span:last-child{text-align:right;white-space:nowrap}}
@media(max-width:360px){.wrap{width:calc(100% - 32px)}.hero h1{font-size:46px}.lead{font-size:17px}.siphon-scene{height:255px}.story h2,.visit h2{font-size:31px}.brew-inner{grid-template-columns:39px 1fr;gap:11px}.brew h2{font-size:25px}.address p{font-size:10px}}
:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important}}