@charset "UTF-8";
.footer-logo img{width:100%;height:auto}
:root{--green:#0c4233;--cream:#f6f0e2;--yellow:#edba58;--ochre:#cc850f;--line:rgba(12,66,51,.24);--sans:'DM Sans',Arial,sans-serif;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--cream);color:var(--green);font:16px/1.6 var(--sans);-webkit-font-smoothing:antialiased}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer}button:disabled{cursor:default}p,h1,h2,h3,figure,dl{margin:0}h1,h2,h3{font-weight:650}p+p{margin-top:18px}h1,h2{font-family:var(--serif);letter-spacing:-.055em;line-height:1.03}em{font-weight:600}button,a,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #b65529;outline-offset:6px}a,button,summary{transition:background .2s,color .2s,border-color .2s,transform .2s}.section-wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.13em;font-weight:700;line-height:1.5}.eyebrow.light{color:var(--yellow)}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:var(--yellow);padding:12px 20px}.skip-link:focus{top:10px}.topline{background:var(--green);color:var(--cream);display:flex;justify-content:space-between;gap:20px;padding:8px 56px;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.topline a span{padding-left:15px}.header{width:min(1320px,calc(100% - 112px));margin:auto;display:flex;align-items:center;justify-content:space-between;padding:22px 0 18px;border-bottom:1px solid var(--line)}.brand{width:128px;display:block}.brand img{width:100%;height:auto}.nav{display:flex;gap:36px;align-items:center;font-size:13px;font-weight:500}.nav>a:not(.nav-visit){position:relative}.nav>a:not(.nav-visit):after{content:'';position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s}.nav>a:hover:after{transform:scaleX(1)}.nav-visit{border:1px solid var(--green);border-radius:30px;padding:12px 21px;display:flex;gap:25px;align-items:center}.nav-visit:hover{background:var(--green);color:var(--cream)}.mobile-toggle{display:none}
.hero{display:grid;grid-template-columns:1.08fr 1fr;gap:60px;padding-top:48px;padding-bottom:62px;align-items:center}.hero-copy{padding-bottom:10px}.hero .eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:24px}h1{font-size:clamp(68px,6.8vw,108px);font-weight:750;line-height:.99}.hero h1 em{color:#96590f;font-weight:650}.hero-intro{font-size:16px;line-height:1.75;margin-top:27px;max-width:390px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.button{display:inline-flex;gap:35px;align-items:center;justify-content:space-between;padding:16px 25px;border:1px solid transparent;border-radius:40px;font-size:12px;font-weight:600;line-height:1.5}.button span{font-size:20px;line-height:1}.button-green{background:var(--green);color:var(--cream)}.button-green:hover{background:#185944;transform:translateY(-2px)}.button-yellow{background:var(--yellow);color:var(--green)}.button-yellow:hover{background:#f6ce80;transform:translateY(-2px)}.text-link{display:inline-flex;gap:22px;align-items:center;border-bottom:1px solid;padding:5px 0;font-size:12px;font-weight:600}.text-link span{font-size:19px}.text-link:hover{gap:30px}.hero-footnote{display:flex;gap:18px;align-items:center;margin-top:38px;font-size:10px;line-height:1.65}.line{height:1px;width:42px;background:var(--green)}.hero-visual{position:relative;margin-left:10px}.hero-photo{aspect-ratio:1 / 1.08;border-radius:260px 260px 5px 5px;overflow:hidden;background:#d0b587}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:52% center}.hero-visual figcaption{display:flex;justify-content:space-between;gap:20px;font-size:9px;margin-top:15px;letter-spacing:.02em}
.coffee-section{background:var(--green);color:var(--cream);padding:100px 0 110px;overflow:hidden}.coffee-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:105px;align-items:center}.coffee-visual{position:relative;max-width:490px}.coffee-visual .eyebrow{margin-bottom:35px}.coffee-photo{aspect-ratio:1;border-radius:50%;position:relative;margin:0 18px 10px 0}.coffee-photo:before{content:'';position:absolute;inset:15px -17px -15px 17px;border:1px solid var(--yellow);border-radius:50%}.coffee-photo img{width:100%;height:100%;object-fit:cover;border-radius:50%;position:relative}h2{font-size:clamp(40px,4.2vw,65px)}.coffee-copy h2 em{color:var(--yellow)}.coffee-copy>p{font-size:14px;max-width:430px;margin-top:25px;line-height:1.9;color:#e1e5d9}
.menu-section{padding-top:100px;padding-bottom:110px}.menu-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:45px}.menu-intro .eyebrow{margin-bottom:20px}.menu-intro>p{font-size:13px;line-height:1.9;margin-bottom:4px}.menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.menu-photo-wrap{position:relative;padding-top:25px}.menu-photo{width:100%;height:auto;aspect-ratio:1 / 1.08;object-fit:cover;border-radius:5px 5px 160px 5px}.image-caption{font-size:10px;margin-top:18px;max-width:400px}.printed-menu{background:var(--yellow);padding:33px 38px 22px;position:relative;border:1px solid var(--green);outline:1px solid var(--green);outline-offset:-10px;min-height:575px}.menu-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.menu-top img{width:43px;height:auto}.menu-top span{font-size:9px;line-height:1.6;text-align:right}.menu-tabs{display:flex;gap:20px;border-bottom:1px solid var(--green);padding-bottom:10px}.menu-tabs button{font-size:11px;font-weight:500;border:0;padding:6px 0;background:none;color:var(--green);position:relative}.menu-tabs button[aria-selected=true]{font-weight:800}.menu-tabs button[aria-selected=true]:after{content:'';height:3px;position:absolute;bottom:-11px;left:0;right:0;background:var(--green)}[role=tabpanel]{padding-top:16px;min-height:320px}.menu-list>div{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px dotted #5c704c;line-height:1.4}.menu-list dt{font-size:14px;flex:1}.menu-list dd{font-size:13px;font-weight:600;margin:0}.menu-list dt small{display:block;font-size:10px;opacity:.85;margin-top:4px}.menu-small{font-size:10px;line-height:1.7;margin-top:18px}.menu-full-link{display:flex;width:100%;justify-content:space-between;align-items:center;padding:17px 0 5px;margin-top:5px;font-size:11px;font-weight:700;border:none;border-top:1px solid var(--green);background:none;color:var(--green);text-align:left}.menu-full-link:hover{padding-left:7px}.menu-full-link span{font-size:20px}.sweet-menu{padding:10px 0}.sweet-menu>span{font-size:25px}.sweet-menu h3{font:650 43px/1 var(--serif);letter-spacing:-.04em;margin-top:14px}.sweet-menu>p{font-size:12px;max-width:330px;margin-top:20px}.sweet-menu .menu-small{font-size:10px}
.place-section{background:#e8e5d4;padding-top:85px}.place-header{display:grid;grid-template-columns:1fr 3fr .6fr;gap:30px;align-items:start;margin-bottom:45px}.place-header .eyebrow{padding-top:10px}.place-header p:not(.eyebrow){font-size:13px;margin-top:25px;line-height:1.9}.room-image{width:100%;position:relative}.room-image img{width:100%;height:clamp(320px,43vw,640px);object-fit:cover;object-position:center}.room-image figcaption{position:absolute;bottom:25px;left:56px;background:var(--cream);padding:9px 17px;font-size:10px;transform:rotate(-3deg)}.story-row{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:65px;padding-bottom:75px}.story-row>div{font-size:13px;max-width:435px;line-height:1.9}.story-row .text-link{margin-top:24px}
.beans-section{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:60px;padding-top:85px;padding-bottom:90px}.beans-mark{width:165px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border:1px solid var(--green);border-radius:50%;background:var(--yellow);transform:rotate(-12deg)}.beans-mark img{width:80px;height:auto}.beans-section .eyebrow{margin-bottom:18px}.beans-section h2{font-size:52px}.beans-section p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:415px;margin-top:22px}.beans-section .text-link{margin-top:25px}
.visit-section{background:var(--green);color:var(--cream);padding:90px 0 85px;position:relative}.visit-section:before{content:'';position:absolute;top:0;left:0;right:0;height:15px;background:conic-gradient(var(--cream) 25%,transparent 0 50%,var(--cream) 0 75%,transparent 0) 0 0/30px 30px}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.visit-invitation h2{margin-top:28px;font-size:clamp(50px,4.5vw,69px)}.visit-invitation em{color:var(--yellow)}address{font-style:normal;font-size:15px;line-height:1.7;margin-top:35px}.visit-invitation .button{margin-top:28px}.visit-email{display:block;width:max-content;border-bottom:1px solid #7e9987;font-size:12px;margin-top:25px}.hours-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;border-bottom:1px solid #708676;padding:0 0 16px}.hours-heading h3{font:600 28px/1.2 var(--serif);letter-spacing:-.03em}.hours-heading>span{font-size:24px;color:var(--yellow)}.hours>div{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:10px 0;border-bottom:1px solid #3c6351;font-size:12px}.hours dd{margin:0;text-align:right}.hours>div.today{color:var(--yellow);font-weight:600}.hours>div.today dt:after{content:' · vandaag';font-size:9px;letter-spacing:.02em}.hours-note{font-size:9px;line-height:1.8;color:#c3d0c0;margin-top:15px}.visit-faq{margin-top:28px}.visit-faq details{border-top:1px solid #708676;padding:15px 0}.visit-faq details:last-child{border-bottom:1px solid #708676}.visit-faq summary{cursor:pointer;font-size:11px;display:flex;justify-content:space-between;gap:15px;list-style:none;align-items:center}.visit-faq summary::-webkit-details-marker{display:none}.visit-faq summary span{font-size:20px;line-height:1;font-weight:300;transition:transform .2s}.visit-faq details[open] summary span{transform:rotate(45deg)}.visit-faq details p{font-size:12px;line-height:1.8;margin-top:14px;max-width:400px}.visit-faq details a{display:inline-block;border-bottom:1px solid;margin-top:10px;font-size:11px}.footer{background:var(--yellow)}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:45px;padding-bottom:35px}.footer-logo{width:175px}.footer-top>p{font:650 34px/1.1 var(--serif);letter-spacing:-.04em}.footer-top>a:last-child{font-size:10px}.footer-top>a:last-child span{font-weight:700;display:inline-block;margin-top:8px;border-bottom:1px solid}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:20px;font-size:9px}.footer-bottom button{border:0;background:none;padding:0;color:inherit;font-size:9px;text-decoration:underline;text-underline-offset:3px}
dialog{color:var(--green);background:var(--cream);border:1px solid var(--green);border-radius:8px;padding:35px;width:min(1080px,calc(100% - 40px));max-height:90dvh;overscroll-behavior:contain}dialog::backdrop{background:rgba(3,28,20,.75);backdrop-filter:blur(5px)}.dialog-head{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-bottom:20px}.dialog-head h2{font-size:42px}.dialog-head .eyebrow{margin-bottom:10px}.close-dialog{border:1px solid var(--green);color:var(--green);border-radius:50%;width:42px;height:42px;flex-shrink:0;background:none;display:grid;place-items:center}.close-dialog:hover{background:var(--green);color:var(--cream)}dialog>p{font-size:13px}.dialog-menu-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:25px 0}.dialog-menu-pages img{width:100%;height:auto}.text-menu{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:15px 0}.text-menu summary{font-size:13px;cursor:pointer;font-weight:600}.text-menu h3{font:650 30px/1.2 var(--serif);margin-top:30px;margin-bottom:15px}.text-menu h4{margin:20px 0 8px}.text-menu ul{padding-left:20px;font-size:13px}.text-menu li{margin:7px 0}.text-menu p{font-size:12px}.dialog-foot{margin-top:18px}.credits-dialog{max-width:560px}.credits-dialog h2{font-size:32px}.credits-dialog p{font-size:13px;line-height:1.8} [hidden]{display:none!important}
@media(min-width:1600px){.hero{gap:80px;padding-top:65px;padding-bottom:80px}.hero-photo{aspect-ratio:1 / 1.02}}
@media(max-width:1100px){.section-wrap,.header{width:calc(100% - 64px)}.topline{padding-inline:32px}.hero{gap:35px}.hero h1{font-size:clamp(60px,7.2vw,85px)}.hero .eyebrow{font-size:9px}.hero-actions{gap:18px}.button{padding:14px 20px;gap:20px}.coffee-grid{gap:55px}.coffee-copy h2{font-size:45px}.menu-layout{gap:35px}.printed-menu{padding:28px 28px 20px}.menu-tabs{gap:14px}.menu-tabs button{font-size:10px}.place-header{grid-template-columns:1fr 3fr .4fr}.story-row{gap:60px}.visit-grid{gap:70px}.beans-section{gap:40px;grid-template-columns:.8fr 2fr .8fr}.beans-mark{width:130px}.beans-section h2{font-size:46px}}
@media(max-width:760px){.section-wrap,.header{width:calc(100% - 40px)}.topline{padding:8px 20px;justify-content:center;font-size:8px}.topline>span{display:none}.header{padding:14px 0;position:relative;z-index:5}.brand{width:103px}.mobile-toggle{display:flex;gap:16px;align-items:center;border:1px solid var(--green);border-radius:30px;padding:10px 15px;background:none;color:var(--green);font-size:12px}.menu-lines{width:15px;height:8px;border-top:1px solid;border-bottom:1px solid}.mobile-toggle[aria-expanded=true] .menu-lines{height:1px;border-bottom:0;transform:rotate(-30deg)}.nav{display:none;position:absolute;left:-20px;right:-20px;top:100%;background:var(--cream);border-bottom:1px solid var(--green);padding:20px;box-shadow:0 20px 25px #0c423315}.nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}.nav a{padding:13px 5px}.nav .nav-visit{border:0;border-radius:0;font-weight:700}.nav>a:not(.nav-visit):after{display:none}.hero{grid-template-columns:1fr;padding-top:32px;padding-bottom:35px;gap:32px}.hero h1{font-size:clamp(61px,11.8vw,86px)}.hero .eyebrow{font-size:9px;gap:9px;margin-bottom:20px}.hero-intro{font-size:14px;margin-top:22px}.hero-actions{gap:25px;margin-top:24px}.hero-footnote{display:none}.hero-copy{padding-bottom:0}.hero-visual{margin-left:0;margin-top:4px}.hero-photo{aspect-ratio:1.15;border-radius:180px 180px 4px 4px}.hero-photo img{object-position:center 58%}.hero-visual figcaption{font-size:8px;margin-top:12px;max-width:calc(100% - 115px)}.hero-visual figcaption>span:last-child{display:none}.coffee-section{padding:55px 0 60px}.coffee-grid{grid-template-columns:1fr;gap:50px}.coffee-visual{max-width:360px;width:85%;margin:auto}.coffee-visual .eyebrow{margin-bottom:22px}.coffee-photo{margin-right:10px}.coffee-copy h2{font-size:clamp(38px,8.6vw,58px)}.coffee-copy>p{font-size:13px;margin-top:22px;max-width:100%}.menu-section{padding-top:55px;padding-bottom:55px}.menu-intro{display:block;margin-bottom:28px}.menu-intro .eyebrow{margin-bottom:18px}.menu-intro h2{font-size:clamp(39px,8.5vw,58px)}.menu-intro>p{font-size:12px;margin-top:20px}.menu-layout{grid-template-columns:1fr;gap:25px}.menu-photo-wrap{padding-top:10px}.menu-photo{aspect-ratio:1.25;border-radius:4px 4px 100px 4px}.image-caption{font-size:9px;max-width:90%}.printed-menu{padding:27px 27px 22px;min-height:560px}.menu-top{margin-bottom:22px}.menu-tabs{gap:22px}.menu-tabs button{font-size:11px}.menu-list dt{font-size:14px}.menu-list dd{font-size:13px}.menu-small{font-size:11px}.menu-full-link{font-size:12px}.place-section{padding-top:50px}.place-header{grid-template-columns:1fr auto;gap:20px;margin-bottom:30px}.place-header>.eyebrow{grid-column:1/-1;padding:0}.place-header h2{font-size:clamp(34px,7.5vw,50px)}.place-header p:not(.eyebrow){font-size:12px;margin-top:20px}.place-header p br{display:none}.room-image img{height:340px;object-position:44% center}.room-image figcaption{left:20px;bottom:20px;font-size:9px}.story-row{grid-template-columns:1fr;gap:27px;padding-top:38px;padding-bottom:45px}.story-row>div{font-size:13px;max-width:100%}.story-row .text-link{margin-top:17px}.beans-section{grid-template-columns:80px 1fr;gap:22px;padding-top:48px;padding-bottom:55px;align-items:start}.beans-mark{width:78px;margin-top:30px}.beans-mark img{width:40px}.beans-section h2{font-size:36px}.beans-section .eyebrow{font-size:9px;margin-bottom:15px}.beans-section p:not(.eyebrow){font-size:12px;margin-top:20px}.beans-section .text-link{font-size:10px;gap:12px}.visit-section{padding:60px 0 50px}.visit-grid{grid-template-columns:1fr;gap:45px}.visit-invitation h2{font-size:clamp(45px,10vw,65px);margin-top:22px}address{font-size:14px;margin-top:25px}.visit-invitation .button{margin-top:23px}.hours-heading h3{font-size:28px}.hours>div{font-size:12px}.hours-note{font-size:10px}.visit-faq summary{font-size:12px}.footer-top{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding-top:32px;padding-bottom:28px}.footer-logo{width:125px}.footer-top>p{font-size:26px;justify-self:end}.footer-top>a:last-child{grid-column:1/-1;font-size:10px}.footer-top>a:last-child br{display:none}.footer-top>a:last-child span{margin:0 0 0 12px}.footer-bottom{font-size:8px;flex-wrap:wrap;gap:12px;padding-bottom:18px}.footer-bottom button{font-size:9px}.footer-bottom>span:nth-child(2){order:3;width:100%}.dialog-head h2{font-size:34px}dialog{padding:24px;width:calc(100% - 24px);max-height:92dvh}.dialog-menu-pages{grid-template-columns:1fr}.dialog-menu-pages>a{max-width:450px;margin:auto}.dialog-head .eyebrow{font-size:9px}.credits-dialog p{font-size:12px}.text-menu ul{padding-left:17px}}
/* Keep decision-making copy comfortable to read, even on compact screens. */
.button,.text-link{font-size:14px}.nav{font-size:14px}.coffee-copy>p{font-size:16px}.menu-intro>p,.story-row>div,.beans-section p:not(.eyebrow){font-size:15px}.menu-tabs button{font-size:12px;min-height:36px}.menu-list dt{font-size:16px}.menu-list dd{font-size:15px}.menu-small{font-size:12px}.menu-full-link{font-size:13px;min-height:48px}.sweet-menu>p{font-size:14px}.hours>div{font-size:14px}.hours-note{font-size:11px}.visit-faq summary{font-size:13px;min-height:30px}.visit-faq details p{font-size:14px}.visit-faq details a,.visit-email{font-size:13px}.menu-tabs{gap:16px}
@media(max-width:1100px) and (min-width:761px){.menu-tabs{gap:12px}.menu-tabs button{font-size:11px}.coffee-grid{gap:40px}}
@media(max-width:760px){.hero .button,.hero .text-link{font-size:12px}.menu-tabs button{font-size:11px}.menu-tabs{gap:20px}.beans-section p:not(.eyebrow){font-size:14px}.beans-section .text-link{font-size:11px}.footer-bottom{font-size:10px}.footer-bottom button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

.coffee-section :focus-visible,.visit-section :focus-visible{outline-color:var(--yellow)}.hero-actions{flex-wrap:wrap}.hero>*,.coffee-grid>*,.menu-layout>*,.visit-grid>*,.beans-section>*{min-width:0}.noscript-note{padding:15px 20px;background:var(--yellow);font-size:14px;text-align:center}.noscript-note a{text-decoration:underline}

/* Refinement: let the café, its materials and its photographs carry the character. */
.cafe-sign{display:flex;justify-content:space-between;gap:25px;padding:18px 56px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.02em}
.hero-photo{border-radius:5px}.hero-visual{margin-left:0}.hero-visual figcaption{max-width:none}
.coffee-visual{max-width:none}.coffee-photo{aspect-ratio:1 / 1.08;border-radius:4px;margin:0;overflow:hidden}.coffee-photo:before{display:none}.coffee-photo img{border-radius:0}.coffee-caption{font-size:11px;color:#c3d0c0;margin-top:16px}
.coffee-details{margin-top:30px;border-top:1px solid #527264}.coffee-details>div{display:grid;grid-template-columns:110px 1fr;gap:24px;padding:20px 0;border-bottom:1px solid #527264}.coffee-details dt{font-size:13px;font-weight:600}.coffee-details dd{margin:0;font-size:14px;line-height:1.8;color:#dae0d4}
.menu-photo-wrap{padding-top:0}.menu-photo{border-radius:4px;aspect-ratio:1 / 1.08}.place-header{grid-template-columns:1fr 3.6fr}.place-header p:not(.eyebrow){max-width:480px}.room-image figcaption{transform:none}.story-row{align-items:center}.story-detail img{width:100%;height:auto;border-radius:3px}.story-detail figcaption{font-size:10px;margin-top:12px}.beans-section{grid-template-columns:1fr 3fr;gap:65px}.beans-mark{background:none;border:0;border-radius:0;transform:none}.footer-top>p{font-family:var(--sans);font-size:17px;line-height:1.6;font-weight:500;letter-spacing:0}
@media(max-width:1100px){.cafe-sign{padding-inline:32px}.coffee-details>div{grid-template-columns:90px 1fr;gap:15px}.beans-section{grid-template-columns:130px 1fr}}
@media(max-width:760px){.cafe-sign{padding:16px 20px;font-size:10px;gap:18px}.coffee-visual{width:100%;max-width:none}.coffee-photo{aspect-ratio:1.15}.coffee-copy h2{font-size:clamp(40px,9vw,58px)}.coffee-details>div{grid-template-columns:85px 1fr;gap:18px}.coffee-details dd{font-size:13px}.place-header{grid-template-columns:1fr}.place-header h2{font-size:46px}.story-row{gap:30px}.beans-section{grid-template-columns:65px 1fr;gap:25px}.beans-mark{width:65px}.footer-top>p{font-size:13px;justify-self:end}.hero-visual figcaption{max-width:none}}

/* Softer photo shapes and the warm café banner, without decorative symbols. */
.hero-photo{border-radius:48% 48% 24px 24px}.coffee-photo{border-radius:50%;aspect-ratio:1;overflow:hidden}.coffee-photo img{border-radius:inherit}.menu-photo{border-radius:24px 24px 140px 24px}.story-detail img{border-radius:75px 22px 75px 22px}.room-image{width:calc(100% - 64px);margin-inline:auto;border-radius:36px;overflow:hidden}.room-image img{border-radius:inherit}.room-image figcaption{border-radius:20px}
.cafe-banner{background:var(--yellow);border-block:1px solid var(--green);padding:22px 0;overflow:hidden}.cafe-banner>div{width:min(1320px,calc(100% - 112px));margin:auto;display:flex;justify-content:space-between;align-items:center;gap:30px}.cafe-banner span{font:650 clamp(22px,2.3vw,34px)/1.2 var(--serif);letter-spacing:-.035em;white-space:nowrap}.cafe-banner span+span{border-left:1px solid #0c42334d;padding-left:35px}
@media(max-width:1100px){.cafe-banner>div{width:calc(100% - 64px);gap:20px}.cafe-banner span+span{padding-left:22px}}
@media(max-width:760px){.hero-photo{border-radius:48% 48% 20px 20px}.coffee-photo{width:min(100%,390px);margin:auto;aspect-ratio:1;border-radius:50%}.menu-photo{border-radius:22px 22px 100px 22px}.story-detail img{border-radius:55px 18px 55px 18px}.room-image{width:calc(100% - 24px);border-radius:24px}.cafe-banner{padding:18px 0}.cafe-banner>div{width:max-content;margin:0;padding:0 20px;gap:24px}.cafe-banner span{font-size:25px}.cafe-banner span+span{padding-left:24px}.cafe-banner{overflow-x:auto;scrollbar-width:none}.cafe-banner::-webkit-scrollbar{display:none}}