@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=Noto+Sans+JP:wght@400;500;600&family=Noto+Serif+JP:wght@400;500&display=swap');
:root{--paper:#f7f7f3;--ink:#253133;--muted:#626c6b;--line:#d5dad5;--accent:#866442;--serif:'Noto Serif JP',serif;--sans:'Noto Sans JP',sans-serif;--display:'Cormorant Garamond',Georgia,serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);background:var(--paper);font:400 16px/2 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}button,input,textarea,select{font:inherit}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;left:10px;top:-100px;z-index:100;background:white;padding:10px}.skip:focus{top:10px}.header{height:106px;padding:20px 4.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:10}.brand{width:208px}.brand img{mix-blend-mode:multiply}.header nav{display:flex;align-items:center;gap:32px}.header nav>a{font-size:14px;letter-spacing:.1em}.reserve{padding:12px 26px;background:var(--ink);color:white}.reserve span{margin-left:24px}.hero{position:relative;padding:30px 4.5% 0}.hero-visual{margin-left:22%;height:min(68vw,620px);overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;animation:image-enter 1.6s ease-out}.hero-copy{position:absolute;top:50%;left:7.5%;transform:translateY(-51%);background:var(--paper);padding:36px 50px 36px 0;max-width:650px}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:500;margin-bottom:30px}.hero h1{font:400 clamp(28px,3.15vw,48px)/1.8 var(--serif);letter-spacing:.065em;line-break:strict}.hero h1 span{white-space:nowrap}.hero-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;margin:22px 0 30px}.text-link{border-bottom:1px solid currentColor;display:inline-flex;gap:44px;align-items:center;padding:9px 0;font-size:14px;letter-spacing:.05em;transition:color .2s}.text-link:hover{color:var(--accent)}.hero-bottom{display:flex;justify-content:space-between;padding:24px 0;font-size:12px;letter-spacing:.13em;color:var(--muted)}.section{padding:110px max(7.5vw,24px)}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro h2,.cafe-feature h2{font:400 clamp(28px,3vw,42px)/1.75 var(--serif);letter-spacing:.06em}.intro p:not(.eyebrow){color:var(--muted);line-height:2.25}.cafe-feature{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.cafe-feature>img{width:100%;max-height:600px;object-fit:cover}.cafe-feature p{color:#d3dcd8}.footer{padding:65px 7.5%;border-top:1px solid var(--line)}.footer>img{width:200px;mix-blend-mode:multiply;margin-bottom:30px}.footer small{display:block;margin-top:40px;font-size:12px;letter-spacing:.1em}@keyframes image-enter{from{transform:scale(1.045)}to{transform:scale(1)}}@media(max-width:760px){.header{height:86px;padding:14px 22px}.brand{width:165px}.header nav{gap:18px}.header nav>a:not(.reserve){display:none}.header .reserve{padding:8px 15px}.reserve span{margin-left:10px}.hero{padding:18px 20px 0}.hero-visual{height:340px;margin-left:36px}.hero-copy{position:relative;top:auto;left:auto;transform:none;margin-top:-50px;max-width:calc(100% - 25px);padding:28px 20px 15px 0}.hero h1{font-size:clamp(24px,6vw,35px);letter-spacing:.03em}.eyebrow{font-size:11px;margin-bottom:20px}.hero-copy>p:not(.eyebrow){margin:16px 0}.hero-bottom{font-size:10px;gap:12px;align-items:start}.hero-bottom span:last-child{max-width:130px;text-align:right}.section{padding:70px 26px}.intro{grid-template-columns:1fr;gap:14px}.intro h2,.cafe-feature h2{font-size:28px}.intro p:not(.eyebrow){font-size:15px}.intro br:not(h2 br){display:none}.cafe-feature{grid-template-columns:1fr;gap:40px}.cafe-feature>img{max-height:440px}.footer{padding:55px 26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}