:root{--cream:#f4efe5;--paper:#fbf8f1;--ink:#20332b;--green:#294b3c;--lime:#d5e16e;--orange:#d96f3d;--line:rgba(32,51,43,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans JP",sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;height:86px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;transition:.35s}.site-header.scrolled{height:68px;background:rgba(244,239,229,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}.logo{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.08em}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--green);color:var(--cream);font-family:serif}.nav{display:flex;gap:34px;font-size:13px;font-weight:500}.nav a{position:relative}.nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1px;background:var(--ink);transition:.25s}.nav a:hover:after{width:100%}.menu-toggle{display:none;border:0;background:none;width:40px;height:40px}.menu-toggle span{display:block;width:24px;height:1px;background:var(--ink);margin:7px auto;transition:.25s}
.hero{position:relative;min-height:760px;height:100vh;display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden}.hero-copy{padding:18vh 6vw 10vh 10vw;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.24em;margin:0 0 22px}.hero h1,.section h2{font-family:"DM Serif Display","Noto Sans JP",serif;font-weight:400}.hero h1{font-size:clamp(52px,6.6vw,100px);line-height:1.16;letter-spacing:-.04em;margin:0 0 34px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-text{font-size:15px;margin:0 0 38px}.hero-actions{display:flex;align-items:center;gap:32px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 25px;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:.04em;transition:.25s}.button-dark{background:var(--ink);color:white}.button:hover{transform:translateY(-2px)}.text-link{font-size:13px;font-weight:700}.text-link span{margin-left:8px}.hero-art{position:relative;background:var(--green);overflow:hidden}.sun{position:absolute;width:430px;height:430px;border-radius:50%;background:var(--lime);top:18%;left:15%}.cup{position:absolute;width:300px;height:160px;border-radius:9px 9px 90px 90px;background:var(--paper);left:22%;top:45%;box-shadow:0 30px 0 -10px rgba(0,0,0,.12)}.cup:after{content:"";position:absolute;width:80px;height:78px;border:18px solid var(--paper);border-left:0;border-radius:0 50% 50% 0;right:-77px;top:22px}.coffee{position:absolute;left:12px;right:12px;top:10px;height:35px;border-radius:50%;background:#664231}.steam{position:absolute;width:3px;height:70px;background:rgba(255,255,255,.7);border-radius:50%;top:-90px;left:42%;transform:rotate(8deg)}.steam-two{left:59%;height:90px;top:-112px;transform:rotate(-7deg)}.leaf{position:absolute;width:90px;height:190px;background:var(--orange);border-radius:100% 0 100% 0}.leaf-one{top:7%;right:5%;transform:rotate(25deg)}.leaf-two{bottom:3%;left:5%;transform:rotate(200deg);background:#e8bb60}.hero-note{position:absolute;right:5%;bottom:7%;color:white;font-family:"DM Serif Display";line-height:1.15;letter-spacing:.08em}.scroll-cue{position:absolute;bottom:34px;left:3vw;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl}.scroll-cue span{display:inline-block;height:60px;width:1px;background:var(--ink);margin-top:12px}
.section{padding:120px 8vw}.section-heading{display:grid;grid-template-columns:1fr 2fr;align-items:end;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:60px}.section h2{font-size:clamp(42px,5vw,72px);margin:0;line-height:1}.about{background:var(--paper)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-visual{position:relative;min-height:520px;background:var(--lime);display:grid;place-items:center;overflow:hidden}.about-visual .number{position:absolute;top:20px;left:26px;font-family:"DM Serif Display";font-size:22px}.about-visual p{font-family:"DM Serif Display";font-size:50px;line-height:1;text-align:center;z-index:2}.bean{position:absolute;width:90px;height:130px;border-radius:50%;background:var(--green);transform:rotate(35deg)}.bean:after{content:"";position:absolute;left:47%;top:5%;height:90%;width:2px;background:var(--lime);transform:rotate(10deg)}.bean-a{top:-20px;right:20px}.bean-b{bottom:10px;left:-20px;transform:rotate(-20deg)}.bean-c{bottom:20px;right:35px;width:55px;height:80px;transform:rotate(65deg)}.about-copy h3{font-family:"DM Serif Display","Noto Sans JP",serif;font-size:clamp(28px,3vw,44px);font-weight:400;line-height:1.5;margin:0 0 28px}.about-copy>p{font-size:14px;max-width:560px}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;padding-top:28px;border-top:1px solid var(--line)}.values div{display:flex;gap:12px}.values dt{font-family:serif;font-size:25px;color:var(--orange)}.values dd{font-size:11px;margin:4px 0 0;line-height:1.6}
.menu-section{background:var(--cream)}.menu-intro{display:flex;justify-content:space-between;align-items:end}.menu-intro h2{font-size:clamp(42px,5vw,72px)}.menu-intro>p{font-size:13px}.filters{display:flex;gap:10px;margin:40px 0 28px}.filter{border:1px solid var(--ink);background:transparent;border-radius:40px;padding:8px 20px;font-size:12px;cursor:pointer}.filter.active,.filter:hover{background:var(--ink);color:white}.menu-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.menu-card{display:grid;grid-template-columns:170px 1fr;gap:28px;padding:38px 0;border-bottom:1px solid var(--line);transition:.35s}.menu-card:nth-child(odd){padding-right:38px;border-right:1px solid var(--line)}.menu-card:nth-child(even){padding-left:38px}.menu-card.hidden{display:none}.menu-icon{height:170px;display:grid;place-items:center;background:var(--green);color:var(--lime);font-family:serif;font-size:52px;border-radius:50% 50% 8px 8px}.icon-latte{background:#d7b064;color:var(--ink)}.icon-cake{background:var(--orange);color:var(--paper);border-radius:4px 60px 4px 4px}.icon-toast{background:var(--lime);color:var(--green);border-radius:60px 60px 8px 8px}.tag{font-size:9px;letter-spacing:.18em;color:var(--orange);font-weight:700}.menu-card h3{font-family:"DM Serif Display","Noto Sans JP",serif;font-weight:400;font-size:22px;margin:5px 0}.menu-card p{font-size:12px;line-height:1.8;margin:0 0 14px}.menu-card strong{font-family:"DM Serif Display";font-size:20px}.menu-note{text-align:right;font-size:10px;margin-top:20px}
.location{background:var(--paper)}.location-card{display:grid;grid-template-columns:.85fr 1.15fr;min-height:590px}.location-copy{background:var(--green);color:white;padding:70px}.location-copy h2{font-size:58px;margin-bottom:45px}.address{font-size:15px}.shop-info{margin:35px 0}.shop-info div{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-top:1px solid rgba(255,255,255,.2);font-size:12px}.shop-info div:last-child{border-bottom:1px solid rgba(255,255,255,.2)}.shop-info dt{color:rgba(255,255,255,.65)}.shop-info dd{margin:0}.open-status{font-size:11px}.open-status span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);margin-right:7px}.open-status.closed span{background:#de7557}.button-light{background:var(--lime);color:var(--ink);margin-top:10px}.map{position:relative;overflow:hidden;background-color:#e9dfca;background-image:linear-gradient(35deg,transparent 48%,rgba(41,75,60,.1) 49%,rgba(41,75,60,.1) 51%,transparent 52%);background-size:100px 100px}.road{position:absolute;background:rgba(255,255,255,.8)}.road-h{width:110%;height:50px;left:-5%;top:52%;transform:rotate(-8deg)}.road-v{height:110%;width:35px;left:30%;top:-5%;transform:rotate(12deg)}.river{position:absolute;bottom:12%;left:0;width:100%;background:#b6d2cb;padding:12px 55px;color:var(--green);font-size:10px;letter-spacing:.15em}.station{position:absolute;left:21%;top:29%;font-size:11px;font-weight:700}.pin{position:absolute;left:61%;top:38%;width:68px;height:68px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--orange);display:grid;place-items:center;box-shadow:0 8px 20px rgba(0,0,0,.16)}.pin span{transform:rotate(45deg);font-family:serif;font-size:24px;color:white}.map p{position:absolute;left:57%;top:51%;font-size:12px;font-weight:700;background:var(--paper);padding:4px 10px}
footer{padding:65px 8vw 30px;background:#17271f;color:white;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center}.footer-logo .logo-mark{background:var(--lime);color:var(--ink)}footer>p{font-family:"DM Serif Display","Noto Sans JP",serif;font-size:22px;text-align:right}.footer-links{display:flex;gap:25px;font-size:11px}footer small{text-align:right;opacity:.5;font-size:9px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:70px;padding:0 22px}.menu-toggle{display:block;z-index:3}.menu-toggle.active span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle.active span:last-child{transform:translateY(-4px) rotate(-45deg)}.nav{position:fixed;inset:0;background:var(--lime);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;font-size:20px;transform:translateX(100%);transition:.35s}.nav.open{transform:none}.hero{height:auto;min-height:0;grid-template-columns:1fr}.hero-copy{padding:145px 24px 80px;min-height:680px}.hero h1{font-size:54px}.hero-art{height:480px}.sun{width:300px;height:300px;left:9%}.cup{width:220px;height:125px;left:18%;top:48%}.scroll-cue{display:none}.section{padding:90px 24px}.section-heading{display:block}.about-grid,.location-card{grid-template-columns:1fr}.about-visual{min-height:400px}.about-visual p{font-size:38px}.values{gap:8px}.values div{display:block}.values dd{margin:4px 0}.menu-intro{display:block}.menu-intro>p{margin-top:25px}.menu-grid{grid-template-columns:1fr}.menu-card{grid-template-columns:105px 1fr;padding:24px 0!important;border-right:0!important}.menu-icon{height:115px;font-size:35px}.location{padding-left:0;padding-right:0}.location-copy{padding:60px 25px}.location-copy h2{font-size:46px}.map{height:430px}footer{grid-template-columns:1fr;text-align:left}footer>p,footer small{text-align:left}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* Photo-led presentation and permanently visible navigation */
html{scroll-padding-top:76px}
.site-header{height:76px;background:rgba(244,239,229,.95);backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line)}
.site-header.scrolled{height:64px;background:rgba(244,239,229,.95)}
.hero{padding-top:76px}
.hero-art{background:url('assets/cafe-hero.jpg') center/cover no-repeat}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 42%,rgba(23,39,31,.62))}
.photo-label{position:absolute;z-index:2;left:40px;right:40px;bottom:38px;color:#fff;display:flex;align-items:end;justify-content:space-between;border-top:1px solid rgba(255,255,255,.7);padding-top:15px}
.photo-label span{font-family:serif;font-size:20px}.photo-label strong{font-size:9px;letter-spacing:.2em}
.about-visual{background:url('assets/cafe-about.jpg') center/cover no-repeat}
.about-visual:after{content:"";position:absolute;inset:0;background:rgba(23,39,31,.28)}
.about-visual .number{z-index:2;color:#fff}.about-visual p{color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4)}
.menu-icon{border-radius:2px;background-image:url('assets/cafe-menu.jpg');background-size:245%;background-repeat:no-repeat;box-shadow:inset 0 0 0 1px rgba(32,51,43,.08)}
.icon-drip{background-position:8% 52%}.icon-latte{background-position:40% 52%}.icon-cake{background-position:82% 48%}.icon-toast{background-image:url('assets/cafe-hero.jpg');background-size:250%;background-position:68% 54%}
@media(max-width:800px){html{scroll-padding-top:70px}.hero{padding-top:0}.photo-label{left:22px;right:22px;bottom:24px}.photo-label span{font-size:16px}}