:root{--paper:#f5f0e8;--surface:#fffdf9;--ink:#2a211c;--muted:#6d625b;--accent:#b85f3e;--dark:#3a2b24;--line:#d9cfc4;--max:1120px;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--surface);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.8;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;width:100%;height:100%;object-fit:cover}.section-wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.site-header{height:88px;padding:0 max(32px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(217,207,196,.7);background:var(--surface)}.brand{font-size:20px;font-weight:700;line-height:1.2;letter-spacing:-.04em}.brand span{display:block;margin-top:6px;font-size:9px;letter-spacing:.17em;color:var(--muted);font-weight:500}.desktop-nav{display:flex;align-items:center;gap:38px;font-size:13px}.desktop-nav a,.mobile-instagram{transition:color .2s}.desktop-nav a:hover,.mobile-instagram:hover,.text-link:hover{color:var(--accent)}.nav-instagram{margin-left:16px}.mobile-instagram{display:none;font-size:12px}.hero{min-height:670px;padding-block:78px 100px;display:grid;grid-template-columns:54% 46%;align-items:center;gap:0}.hero-copy{padding-right:42px}.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:.17em;color:var(--accent);display:flex;align-items:center;gap:13px;margin:0 0 22px}.section-label:after{content:"";height:1px;width:48px;background:var(--accent);opacity:.65}.hero h1{font-size:clamp(56px,7vw,96px);line-height:1.22;letter-spacing:-.07em;margin:0 0 26px;white-space:nowrap}.hero-lead{font-size:17px;line-height:1.9;max-width:490px;margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{min-height:50px;padding:12px 19px;display:inline-flex;align-items:center;justify-content:center;gap:23px;border-radius:8px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span,.text-link span{font-size:16px}.button-dark{background:var(--dark);color:#fffdf9}.button-dark:hover{background:#513c31}.text-link{font-size:13px;font-weight:700;text-decoration:underline;text-decoration-color:#b9a89b;text-underline-offset:5px;transition:color .2s}.small-note{font-size:12px;color:var(--muted);line-height:1.7;margin:20px 0 0}.hero-visual{height:470px;position:relative;margin-left:6px}.hero-photo{position:absolute;margin:0;overflow:hidden;background:#ece3d8;border-radius:10px}.hero-photo-main{width:68%;height:85%;left:12%;top:2%;z-index:1}.hero-photo-secondary{width:45%;height:52%;right:0;top:26%;z-index:2;border:7px solid var(--surface)}.hero-photo-detail{width:29%;height:35%;left:0;bottom:0;z-index:3;border:6px solid var(--surface)}.photo-index{position:absolute;right:2px;bottom:1px;font-size:10px;letter-spacing:.16em;color:var(--muted)}.coffee{padding-block:80px 124px;display:grid;grid-template-columns:7fr 5fr;gap:90px;align-items:center}.coffee-image{margin:0;height:490px;overflow:hidden;border-radius:10px;background:#eee5d9}.coffee-copy{max-width:415px}.coffee-copy .section-label{margin-bottom:20px}.coffee-copy h2,.pairing h2,.latest h2{font-size:clamp(36px,4.1vw,55px);letter-spacing:-.055em;line-height:1.4;margin:0 0 24px}.coffee-copy>p:not(.section-label):not(.small-note),.pairing-copy>p,.latest-inner>div>p:not(.section-label){font-size:16px;line-height:2;margin:0 0 24px}.coffee-copy .text-link{display:inline-block;margin-top:4px}.coffee-copy .small-note{margin-top:15px}.pairing{background:var(--paper);padding-block:105px}.pairing-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.pairing h2{margin:0}.pairing-copy{max-width:445px}.pairing-mark{display:inline-flex;align-items:center;gap:13px;color:var(--accent);font-size:23px;font-weight:700;letter-spacing:.04em}.pairing-mark span{font-size:15px;color:#9e897a}.experience{padding-block:124px 82px}.experience>h2{font-size:clamp(27px,3vw,38px);line-height:1.5;letter-spacing:-.045em;max-width:780px;margin:0 0 53px}.experience-list{border-top:1px solid var(--line)}.experience-list article{display:grid;grid-template-columns:85px 1fr;gap:18px;padding:27px 0 25px;border-bottom:1px solid var(--line);align-items:start}.experience-number{color:var(--accent);font-size:12px;letter-spacing:.1em;padding-top:5px}.experience-list h3{font-size:21px;margin:0 0 4px;letter-spacing:-.03em}.experience-list p{font-size:15px;color:var(--muted);margin:0}.photo-strip{display:grid;grid-template-columns:3fr 2fr;gap:24px;align-items:center;padding-block:20px 120px}.photo-strip figure{margin:0;overflow:hidden;border-radius:8px;background:#eee5d9}.photo-strip figure:first-child{height:380px}.photo-strip figure:last-child{height:290px}.latest{background:var(--dark);color:var(--surface);padding-block:90px}.latest-inner{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.latest .section-label{color:#e4a082}.latest .section-label:after{background:#e4a082}.latest h2{margin:0}.latest-inner>div>p:not(.section-label){color:#e5dcd5;max-width:475px}.button-light{background:var(--surface);color:var(--dark)}.button-light:hover{background:#f1e7de}.access{padding-block:112px 120px;display:grid;grid-template-columns:1fr .85fr;gap:100px}.access-details h2{font-size:32px;letter-spacing:-.04em;margin:0 0 12px}.access address{font-style:normal;font-size:15px;overflow-wrap:anywhere}.station{margin:7px 0 24px;color:var(--muted);font-size:14px}.hours{margin:0;border-top:1px solid var(--line);max-width:430px}.hours div{display:flex;justify-content:space-between;gap:20px;padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.hours dt,.hours dd{margin:0}.access-note{font-size:12px;line-height:1.8;color:var(--muted);margin:14px 0 0}.phone-link{display:inline-flex;gap:20px;align-items:center;font-size:21px;font-weight:700;margin-top:21px}.phone-link span{font-size:15px;color:var(--accent)}.access-actions{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding-top:19px}.map-graphic{position:relative;width:100%;height:215px;overflow:hidden;border-radius:8px;background:#f1ebe3;margin-bottom:4px}.map-line{position:absolute;background:#d3c7ba;height:2px;width:120%;left:-8%;transform:rotate(-17deg)}.map-line-a{top:35%}.map-line-b{top:71%;transform:rotate(14deg)}.map-line-c{width:2px;height:140%;left:63%;top:-18%;transform:rotate(28deg)}.map-dot{position:absolute;width:17px;height:17px;background:var(--accent);border:4px solid #fffdf9;border-radius:50%;left:52%;top:49%;box-shadow:0 1px 7px #80645366}.map-label{position:absolute;left:18px;top:17px;color:var(--muted);font-size:12px}.map-button{width:100%;justify-content:space-between}.site-footer{padding:32px max(32px,calc((100vw - var(--max))/2)) 80px;background:#eee7df;display:flex;align-items:center;gap:40px;flex-wrap:wrap}.site-footer nav{margin-left:auto;display:flex;gap:23px;font-size:12px}.proposal-label{width:100%;font-size:10px;color:var(--muted);margin:0}.mobile-cta{display:none}.reveal{opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease}.reveal.is-visible{opacity:1;transform:none}@media(max-width:1024px){.section-wrap{width:min(100% - 48px,var(--max))}.site-header{padding-inline:24px}.hero{min-height:600px;padding-block:60px 78px;grid-template-columns:50% 50%}.hero-copy{padding-right:20px}.hero h1{font-size:clamp(54px,7.2vw,76px)}.hero-visual{height:410px}.coffee{gap:50px;padding-block:75px 95px}.coffee-image{height:410px}.pairing-inner,.latest-inner{gap:50px}.access{gap:50px}.experience{padding-block:100px 64px}.photo-strip{padding-bottom:95px}.site-footer{padding-inline:24px}}
@media(max-width:767px){html{scroll-padding-top:72px}.section-wrap{width:calc(100% - 40px)}.site-header{height:68px;padding-inline:20px}.brand{font-size:18px}.brand span{font-size:8px;margin-top:4px}.desktop-nav{display:none}.mobile-instagram{display:block}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-block:51px 70px}.hero-copy{padding:0}.eyebrow{font-size:11px;margin-bottom:18px}.hero h1{font-size:clamp(55px,13vw,72px);line-height:1.28;letter-spacing:-.07em;margin-bottom:18px}.hero-lead{font-size:15px;line-height:1.9;margin-bottom:22px;max-width:460px}.hero-actions{gap:17px}.button{min-height:48px;padding:11px 15px;gap:14px}.hero-actions .text-link{font-size:12px}.small-note{font-size:11px;margin-top:14px}.hero-visual{height:310px;margin:33px 0 0}.hero-photo-main{width:66%;height:88%;left:12%;top:0}.hero-photo-secondary{width:43%;height:49%;right:0;top:28%;border-width:5px}.hero-photo-detail{width:27%;height:33%;left:0;bottom:0;border-width:5px}.coffee{display:flex;flex-direction:column;gap:32px;padding-block:20px 76px;align-items:stretch}.coffee-image{height:auto;aspect-ratio:1.13}.coffee-copy{max-width:none}.coffee-copy h2,.pairing h2,.latest h2{font-size:clamp(34px,9vw,45px);line-height:1.42;margin-bottom:17px}.coffee-copy>p:not(.section-label):not(.small-note),.pairing-copy>p,.latest-inner>div>p:not(.section-label){font-size:15px;line-height:1.95}.pairing{padding-block:72px}.pairing-inner{display:block}.pairing-copy{margin-top:24px}.pairing-mark{font-size:20px}.experience{padding-block:76px 40px}.experience>h2{font-size:26px;line-height:1.6;margin-bottom:30px}.experience-list article{grid-template-columns:40px 1fr;gap:9px;padding-block:20px}.experience-list h3{font-size:18px}.experience-list p{font-size:14px;line-height:1.85}.photo-strip{grid-template-columns:1.3fr .9fr;gap:12px;padding-block:25px 72px}.photo-strip figure:first-child{height:auto;aspect-ratio:1 / 1.05}.photo-strip figure:last-child{height:auto;aspect-ratio:2 / 2.3}.latest{padding-block:70px}.latest-inner{display:block}.latest-inner>div+div{margin-top:22px}.latest-inner>div>p:not(.section-label){margin-bottom:20px}.access{display:block;padding-block:74px 72px}.access-details h2{font-size:28px}.access address{font-size:14px;line-height:1.8}.hours div{font-size:13px}.access-actions{padding-top:35px}.map-graphic{height:180px}.site-footer{padding:26px 20px 100px;gap:24px}.site-footer nav{width:100%;margin:0;gap:18px;flex-wrap:wrap}.proposal-label{font-size:9px}.mobile-cta{position:fixed;z-index:20;inset:auto 0 0;display:grid;grid-template-columns:repeat(3,1fr);min-height:calc(60px + env(safe-area-inset-bottom));padding:0 6px env(safe-area-inset-bottom);background:rgba(255,253,249,.97);border-top:1px solid var(--line)}.mobile-cta a{display:flex;align-items:center;justify-content:center;min-height:54px;font-size:10px;font-weight:700;letter-spacing:.08em}.mobile-cta a+a{border-left:1px solid var(--line)}.reveal{transform:translateY(7px)}}
@media(max-width:390px){.section-wrap{width:calc(100% - 36px)}.hero h1{font-size:54px}.hero-actions{gap:13px}.hero-actions .button{font-size:12px}.hero-actions .text-link{font-size:11px}.hero-visual{height:280px}.site-footer nav{gap:13px;font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;transform:none}}
img:not([src]){visibility:hidden}
.keep-together{white-space:nowrap}
.pairing-mark{display:block;width:72px;height:2px;background:var(--accent);margin-top:22px}.map-label{position:absolute;left:22px;top:24px;color:var(--muted);font-size:12px}.map-route{position:absolute;left:22px;top:82px;color:#aa9586;letter-spacing:.12em;font-size:14px}.map-route b{color:var(--accent);font-size:20px;vertical-align:-1px}.map-destination{position:absolute;left:22px;top:124px;font-weight:700;font-size:18px}