body{--ink:#244fa0;--paper:#f8efb6;background:var(--paper);color:var(--ink)}.cafe-nav{padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #244fa033}.cafe-logo{font:54px/.9 Bookman,Georgia,serif;letter-spacing:-4px}.cafe-logo span{display:block;font:9px/1.5 Sans,Arial,sans-serif;letter-spacing:1.5px;margin-top:13px}.cafe-nav nav{display:flex;gap:35px;font-size:14px}.cafe-nav a:hover{text-decoration:underline;text-underline-offset:5px}.cafe-hero{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:55px 6% 50px;align-items:center}.cafe-title{position:relative}.cafe-title>p{font:11px Sans;letter-spacing:1.2px;margin-bottom:30px}.cafe-title h1{font:clamp(65px,7.8vw,119px)/1.05 Bookman,Georgia,serif;letter-spacing:-7px;margin-bottom:35px}.cafe-title em{font-family:BookmanLight;font-style:italic}.cafe-button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 24px;border-radius:50px;background:#244fa0;color:#fff;font-size:13px;min-height:52px;transition:transform .2s,background .2s}.cafe-button:hover{transform:translateY(-2px);background:#183977}.cafe-hero figure{position:relative}.cafe-hero figure img{width:100%;aspect-ratio:1.04;border-radius:220px 220px 12px 12px}.cafe-hero figcaption{font:12px BookmanLight;text-align:right;margin-top:15px}.cafe-stamp{position:absolute;right:-15px;bottom:-55px;border:1px solid;border-radius:50%;width:100px;height:100px;display:grid;place-content:center;text-align:center;font:14px/1.1 Bookman;transform:rotate(12deg);z-index:2;background:#f8efb6}.cafe-intro{padding:100px 12%;text-align:center;background:#e4e7ec}.cafe-intro>p:first-child{font-size:10px;letter-spacing:1.5px}.cafe-intro h2{font:clamp(28px,3vw,43px)/1.4 BookmanLight;margin:30px auto;max-width:900px}.cafe-intro>p:last-child{max-width:540px;margin:auto;font-size:16px}.cafe-menu{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding:90px 8%}.cafe-menu h2{font:60px/1.06 Bookman;letter-spacing:-3px;margin-bottom:25px}.cafe-menu h2 em{font-family:BookmanLight}.cafe-menu-title p{font-size:12px}.cafe-menu .tablist{margin-bottom:30px}.cafe-menu .tablist button{border-radius:25px;font-size:12px}.cafe-menu article{display:grid;grid-template-columns:1fr auto;padding:25px 0;border-bottom:1px solid #244fa040;gap:8px}.cafe-menu article h3{font:23px BookmanLight}.cafe-menu article p{grid-column:1;font-size:13px}.cafe-menu article b{grid-column:2;grid-row:1/3;font-size:14px}.cafe-finder{display:grid;grid-template-columns:1fr 1fr;background:#244fa0;color:#faf0bf;align-items:center}.cafe-finder img{height:100%;min-height:640px;width:100%}.cafe-finder>div{padding:60px 12%}.cafe-finder h2{font:48px/1.1 BookmanLight;margin:25px 0 35px;letter-spacing:-2px}.cafe-finder>div>p:first-child{font-size:10px;letter-spacing:1.2px}.cafe-finder form{display:grid;gap:20px}.cafe-finder label{display:grid;gap:10px;font-size:13px}.cafe-finder select{border-color:#f8efb666;background:#244fa0}.cafe-finder .cafe-button{background:#f8efb6;color:#244fa0;justify-content:center;margin-top:8px}.cafe-visit{display:grid;grid-template-columns:1fr 1fr;gap:15%;padding:100px 8%;align-items:center}.cafe-visit h2{font:90px/1.05 Bookman;letter-spacing:-4px;margin-top:25px}.cafe-visit h2 em{font-family:BookmanLight}.cafe-visit h3{font:27px Bookman;margin-bottom:25px}.cafe-visit p{font-size:14px;margin-bottom:25px}.concept-footer{background:#e7e3c4}@media(max-width:700px){.cafe-nav{align-items:flex-start;padding:25px 6%}.cafe-logo{font-size:39px;letter-spacing:-3px}.cafe-logo span{font-size:7px;letter-spacing:.6px}.cafe-nav nav{flex-direction:column;gap:12px;font-size:12px}.cafe-hero{grid-template-columns:1fr;padding-top:40px;gap:45px}.cafe-title h1{font-size:69px;letter-spacing:-4px}.cafe-title>p{font-size:9px}.cafe-stamp{right:5px;bottom:-45px;width:80px;height:80px;font-size:12px}.cafe-hero figure img{aspect-ratio:1.2;border-radius:150px 150px 8px 8px}.cafe-intro{padding:65px 6%}.cafe-intro h2{font-size:29px}.cafe-menu{grid-template-columns:1fr;gap:35px;padding:65px 6%}.cafe-menu h2{font-size:47px}.cafe-menu h2 br{display:none}.cafe-menu .tablist{gap:8px}.cafe-menu .tablist button{padding:10px 14px;font-size:11px}.cafe-finder{grid-template-columns:1fr}.cafe-finder img{min-height:0;aspect-ratio:1.4}.cafe-finder>div{padding:40px 7%}.cafe-finder h2{font-size:42px}.cafe-visit{grid-template-columns:1fr;gap:40px;padding:65px 7%}.cafe-visit h2{font-size:73px}}@media(max-width:370px){.cafe-visit{grid-template-columns:minmax(0,1fr)}.cafe-visit h2{font-size:clamp(53px,18vw,66px)}}
