:root{--blue:#164b83;--ink:#17222c;--paper:#f5f0e6;--clay:#bd6244;--yellow:#f0b947;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:84px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--white);border-bottom:1px solid #17222c33;position:relative;z-index:4}.brand{display:flex;gap:13px;align-items:center}.brand span{font:700 25px "Barlow Condensed";letter-spacing:.06em}.brand small{font:600 10px "Barlow Condensed";letter-spacing:.2em;border-left:1px solid;padding-left:13px}.topbar nav{display:flex;gap:32px;font:600 13px "Barlow Condensed";letter-spacing:.14em}.menu-button{display:none;border:0;background:transparent;font:700 13px "Barlow Condensed"}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:23% 44% 33%;grid-template-rows:1fr;background:var(--white)}.door-panel{background:var(--blue);color:#fff;position:relative;padding:35px;min-height:650px}.door-panel:after{content:"";position:absolute;top:18%;bottom:8%;left:18%;right:18%;border:2px solid #ffffff55;box-shadow:inset 0 0 0 12px #ffffff0d}.door-number{font:600 14px "Barlow Condensed";letter-spacing:.25em}.door-copy{position:absolute;z-index:2;top:41%;left:0;right:0;text-align:center}.door-copy span{display:block;font:600 11px "Barlow Condensed";letter-spacing:.3em}.door-copy strong{display:block;font:700 104px/1 "Barlow Condensed";letter-spacing:-.04em}.open{position:absolute;bottom:24px;font:600 11px "Barlow Condensed";letter-spacing:.17em}.hero-photo{position:relative;overflow:hidden}.hero-image{height:100%;min-height:650px;background:linear-gradient(180deg,transparent 60%,#18222b55),url("https://images.unsplash.com/photo-1509440159596-0249088772ff?auto=format&fit=crop&w=1500&q=88") center/cover}.photo-note{position:absolute;left:22px;bottom:12px;color:#fff;font:600 10px "Barlow Condensed";letter-spacing:.18em}.hero-message{padding:9vw 4vw 5vw;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font:600 11px "Barlow Condensed";letter-spacing:.22em;text-transform:uppercase}.hero-message h1,.section h2,.coffee h2,.visit h2{font:600 clamp(30px,4vw,62px)/1.35 "Shippori Mincho",serif;letter-spacing:.02em;margin:30px 0}.hero-message h1 em{color:var(--blue);font-style:normal}.hero-message>p:not(.eyebrow){font-size:14px;line-height:2}.arrow-link{margin-top:auto;border-bottom:2px solid;padding:12px 0;font:700 13px "Barlow Condensed";letter-spacing:.16em}.arrow-link span{margin-left:28px}.marquee{overflow:hidden;background:var(--yellow);border-block:1px solid;padding:13px 0;white-space:nowrap}.marquee div{font:700 14px "Barlow Condensed";letter-spacing:.16em;animation:travel 18s linear infinite}@keyframes travel{to{transform:translateX(-50%)}}.section{padding:110px 7vw}.section-index{display:flex;gap:16px;align-items:center;font:600 12px "Barlow Condensed";letter-spacing:.2em}.section-index span{border:1px solid;border-radius:50%;width:34px;height:34px;display:grid;place-items:center}.bread-intro{max-width:720px;margin:55px 0 70px 18%}.bread-intro>p:last-child{max-width:520px;line-height:2}.bread-grid{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:18px;align-items:start}.bread-card{position:relative}.bread-card:nth-child(2){margin-top:90px}.bread-card:nth-child(3){margin-top:35px}.card-photo{aspect-ratio:4/5;background-size:cover;background-position:center;filter:saturate(.82)}.avocado .card-photo{background-image:url("https://images.unsplash.com/photo-1525351484163-7529414344d8?auto=format&fit=crop&w=900&q=85")}.potato .card-photo{background-image:url("https://images.unsplash.com/photo-1565958011703-44f9829ba187?auto=format&fit=crop&w=900&q=85")}.tomato .card-photo{background-image:url("https://images.unsplash.com/photo-1579751626657-72bc17010498?auto=format&fit=crop&w=900&q=85")}.bread-card h3{font:600 25px "Shippori Mincho";margin:18px 0 8px}.bread-card p{font-size:12px;line-height:1.8;max-width:90%}.bread-card b{font:600 10px "Barlow Condensed";letter-spacing:.18em;color:var(--clay)}.hand-note{position:absolute;z-index:2;right:-12px;top:-22px;background:var(--yellow);padding:12px 15px;transform:rotate(5deg);font:600 13px "Barlow Condensed"}.fineprint{text-align:right;margin-top:55px;font-size:10px;color:#61666a}.coffee{display:grid;grid-template-columns:55% 45%;min-height:720px;background:var(--ink);color:#fff}.coffee-photo{background:url("https://images.unsplash.com/photo-1442512595331-e89e73853f31?auto=format&fit=crop&w=1500&q=88") center/cover}.coffee-copy{padding:90px 7vw}.section-index.light span{border-color:#fff}.coffee-copy>p:not(.eyebrow){line-height:2;color:#d9d4cb}.coffee-meta{display:flex;gap:12px;margin-top:55px;flex-wrap:wrap}.coffee-meta span{border:1px solid #ffffff50;padding:9px 15px;font:600 11px "Barlow Condensed";letter-spacing:.14em}.story-route{display:flex;align-items:center;max-width:620px;margin:70px auto 20px}.route-label{font:600 12px "Barlow Condensed";letter-spacing:.2em}.route-label.active{color:var(--blue)}.route-line{height:2px;background:var(--ink);flex:1;margin:0 20px;position:relative}.route-line:after{content:"→";position:absolute;right:-5px;top:-12px}.story-copy{margin-left:18%;max-width:850px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;line-height:2;font-size:14px}.story blockquote{margin:100px 0 0;font:600 clamp(28px,5vw,70px) "Shippori Mincho";color:var(--blue);text-align:center}.visit{display:grid;grid-template-columns:1fr 1.1fr .7fr;min-height:650px;background:var(--clay);color:#fff;padding:100px 7vw;gap:6vw;align-items:center}.visit-info dl{margin:0}.visit-info dl div{padding:17px 0;border-bottom:1px solid #ffffff55;display:grid;grid-template-columns:90px 1fr}.visit-info dt{font:600 10px "Barlow Condensed";letter-spacing:.17em}.visit-info dd{margin:0;font-size:13px}.instagram{display:flex;justify-content:space-between;margin-top:30px;background:var(--white);color:var(--ink);padding:17px 20px;font:700 12px "Barlow Condensed";letter-spacing:.12em}.note{font-size:10px}.blue-door{height:420px;background:var(--blue);border:12px solid var(--white);box-shadow:10px 10px 0 #803b2a;display:grid;place-items:center;position:relative}.blue-door:before{content:"";position:absolute;inset:35px;border:2px solid #ffffff55}.blue-door span{font:700 70px "Barlow Condensed";z-index:1}footer{background:var(--ink);color:#fff;padding:35px 5vw;display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:30px}footer strong{font:700 25px "Barlow Condensed"}footer span,footer small{font:500 9px "Barlow Condensed";letter-spacing:.15em}
@media(max-width:800px){.topbar{height:66px}.topbar nav{display:none;position:absolute;top:66px;left:0;right:0;background:var(--white);padding:25px;flex-direction:column}.topbar nav.open{display:flex}.menu-button{display:block}.hero{grid-template-columns:34% 66%;grid-template-rows:62vh auto}.door-panel,.hero-image{min-height:62vh}.door-panel{padding:18px}.door-copy strong{font-size:67px}.hero-photo{grid-column:2}.hero-message{grid-column:1/3;padding:65px 8vw;min-height:470px}.hero-message h1{font-size:38px}.section{padding:80px 7vw}.bread-intro,.story-copy{margin-left:0}.bread-grid{grid-template-columns:1fr 1fr}.bread-card:nth-child(2),.bread-card:nth-child(3){margin-top:0}.bread-card:nth-child(3){grid-column:2}.coffee{grid-template-columns:1fr}.coffee-photo{min-height:60vh}.coffee-copy{padding:75px 8vw}.columns{grid-template-columns:1fr;gap:10px}.story blockquote{margin-top:70px}.visit{grid-template-columns:1fr;padding:80px 8vw}.blue-door{height:320px;width:70%;margin:auto}.visit-title h2{font-size:42px}footer{grid-template-columns:1fr}footer span{line-height:1.7}}@media(max-width:480px){.bread-grid{display:block}.bread-card{margin-bottom:45px!important}.bread-card:nth-child(3){grid-column:auto}.door-panel{min-height:520px}.hero-image{min-height:520px}.door-copy strong{font-size:55px}.columns{font-size:13px}.visit-info dl div{grid-template-columns:78px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee div{animation:none}}