:root{--cream:#fcf8f0;--brown:#321b10;--muted:#705b4d;--accent:#7b4d2e;--line:#c8b39b;--footer:#84644e;--sans:Manrope,Arial,sans-serif;--serif:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:65px}body{margin:0;background:var(--cream);color:var(--brown);font-family:var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400}h1{font-size:clamp(45px,4.72vw,68px);line-height:1.22;letter-spacing:-.025em;margin:0 0 43px}h2{font-size:44px;line-height:1.25;letter-spacing:-.025em;margin-bottom:30px}.coffee-page{max-width:1920px;margin:auto}.coffee-container{width:calc(100% - 160px);max-width:1280px;margin-left:auto;margin-right:auto}.coffee-skip{position:fixed;z-index:50;top:10px;left:10px;background:var(--brown);color:white;padding:12px;transform:translateY(-160%)}.coffee-skip:focus{transform:translateY(0)}.demo-ribbon{height:36px;position:sticky;top:0;z-index:20;background:#161b20;color:#efe6d8;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 26px;font:500 10px/1.4 var(--sans);letter-spacing:.09em}.demo-ribbon a{font-size:11px;letter-spacing:0;padding:5px 0}.ribbon-divider{opacity:.4;margin:0 8px}.coffee-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid var(--line);position:relative;z-index:5}.coffee-logo{font:400 40px/1 var(--serif);letter-spacing:-.025em}.coffee-nav{display:flex;align-items:center;gap:29px;font-size:14px}.coffee-nav a{position:relative;padding:8px 0}.coffee-nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s}.coffee-nav a:hover:after{transform:scaleX(1)}.coffee-button{display:inline-flex;justify-content:space-between;align-items:center;gap:34px;min-height:58px;border:1px solid var(--accent);border-radius:3px;background:var(--accent);color:#fff9ef;padding:16px 25px;font-size:16px;line-height:1.5;transition:background .25s,transform .25s;cursor:pointer}.coffee-button:hover{background:#5f351f;transform:translateY(-2px)}.header-book{min-height:54px;padding:14px 25px;font-size:14px;white-space:nowrap}.coffee-button span{font-size:24px;line-height:1}.nav-toggle{display:none}.coffee-hero{display:grid;grid-template-columns:1fr 1.14fr;gap:80px;padding-bottom:41px;border-bottom:1px solid var(--line)}.coffee-hero-copy{padding-top:50px;align-self:center;padding-bottom:20px}.coffee-label{font:400 12px/1.6 var(--sans);text-transform:uppercase;color:var(--accent);margin-bottom:27px;letter-spacing:.02em}.with-rule{display:flex;align-items:center;gap:28px}.with-rule:after{content:'';height:1px;flex:1;background:var(--line)}.coffee-description{font-size:18px;line-height:1.65;color:var(--muted);max-width:445px;margin-bottom:35px}.menu-cta{min-width:282px}.hero-photo{height:650px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:78% 50%;animation:photo-enter 1.1s ease-out both}.coffee-about{display:grid;grid-template-columns:1.5fr 1.3fr .75fr;gap:48px;padding-top:44px;padding-bottom:80px;align-items:start}.barista-photo,.detail-photo{height:326px;width:100%;object-fit:cover}.detail-photo{object-position:70% center}.story-copy{padding-top:2px}.story-copy .coffee-label{margin-bottom:28px}.story-copy h2{font-size:42px;line-height:1.28;margin-bottom:39px}.story-copy>p:last-child{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:0}.coffee-section-line{display:flex;gap:28px;align-items:center;margin-bottom:38px}.coffee-section-line .coffee-label{margin:0;white-space:nowrap}.coffee-section-line .line{height:1px;background:var(--line);flex:1}.coffee-section-line>p:last-child:not(.coffee-label){font-size:16px;color:var(--muted);margin:0}.drink-grid{display:grid;grid-template-columns:repeat(4,1fr)}.drink-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 24px 20px;background:transparent;border:0;border-right:1px solid var(--line);position:relative}.drink-card:last-child{border-right:0}.drink-card img{height:244px;width:100%;object-fit:contain;transition:transform .45s cubic-bezier(.2,.7,.2,1)}.drink-card:hover img{transform:translateY(-9px) rotate(-3deg)}.drink-card h3{font-size:30px;margin:27px 0 20px}.drink-card p{color:var(--muted);font-size:15px;line-height:1.8;min-height:54px;margin-bottom:30px}.drink-price{font-size:18px}.drink-price:after{content:'';display:block;width:50px;height:1px;background:var(--line);margin:18px auto 0}.drink-more{font-size:11px;color:var(--accent);padding-top:16px;opacity:.65;transition:opacity .2s}.drink-card:hover .drink-more{opacity:1}.coffee-pause{padding-top:96px;padding-bottom:92px}.pause-panel{background:#f2e7d6;min-height:420px;position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center}.pause-copy{padding:50px 56px;position:relative;z-index:1}.pause-copy .coffee-label{margin-bottom:22px}.pause-copy h2{font-size:48px;line-height:1.25;margin-bottom:40px}.pause-copy>p:last-child{color:var(--muted);font-size:17px;margin:0}.pause-panel>img{width:100%;height:460px;object-fit:contain;position:absolute;right:-1%;width:51%;top:50%;transform:translateY(-50%);transition:transform .6s}.pause-panel:hover>img{transform:translateY(-50%) rotate(3deg)}.coffee-gallery{padding-bottom:90px}.coffee-gallery .coffee-section-line{margin-bottom:25px}.coffee-gallery h2{font-size:52px;margin-bottom:38px}.gallery-grid{display:grid;grid-template-columns:500fr 750fr;gap:30px;grid-template-rows:290px 290px}.gallery-item{border:0;padding:0;overflow:hidden;position:relative;background:#e8decf}.gallery-tall{grid-row:1/3}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}.gallery-item:hover img{transform:scale(1.045)}.gallery-item span{position:absolute;bottom:16px;right:16px;display:grid;place-items:center;border-radius:50%;width:38px;height:38px;background:#fcf8f0e8;font-size:22px;transition:transform .25s}.gallery-item:hover span{transform:rotate(45deg)}.coffee-footer{min-height:420px;background:var(--footer);position:relative;overflow:hidden;color:#fff3e3}.coffee-seal{position:absolute;width:680px;height:680px;max-width:none;border-radius:50%;left:-65px;top:-62px}.footer-copy{margin-left:max(calc((100% - 1280px)/2 + 620px),48%);padding:72px 40px 40px 0;position:relative;z-index:1}.coffee-footer .coffee-label{color:#fff3e3;margin-bottom:25px}.coffee-footer h2{font-size:45px;margin-bottom:28px}.footer-info{display:flex;justify-content:space-between;gap:25px;font-size:16px;line-height:1.9;max-width:550px}.footer-info p{margin-bottom:20px}.footer-info span{font-size:12px;opacity:.85}.footer-info strong{font-weight:500;font-size:20px}.footer-book{border:0;border-bottom:1px solid #fff3e380;color:inherit;background:none;padding:0 0 5px;font-size:13px}.footer-book span{margin-left:20px}.coffee-disclosure{padding:20px 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#735440;color:#f0e3d3;font-size:10px;line-height:1.7}.coffee-disclosure p{margin:0;max-width:700px}.coffee-disclosure a{white-space:nowrap;text-decoration:underline;text-underline-offset:3px}
.coffee-dialog{padding:0;border:1px solid #c8b39b;border-radius:4px;background:var(--cream);color:var(--brown);width:min(580px,calc(100% - 32px));max-height:calc(100dvh - 60px);overflow:auto}.coffee-dialog::backdrop{background:#21150ddb;backdrop-filter:blur(5px)}.dialog-close{position:absolute;top:15px;right:17px;background:none;border:1px solid #321b1040;border-radius:50%;width:34px;height:34px;font:400 25px/1 var(--sans);z-index:2}.booking-content{padding:45px 44px}.booking-content .coffee-label{margin-bottom:16px}.booking-content h2{font-size:39px;line-height:1.2;margin-bottom:20px}.booking-note{font-size:12px;line-height:1.8;color:var(--muted);margin-bottom:24px}form label{display:block;font-size:12px;line-height:1.5;margin-bottom:19px;font-weight:600}form input,form select{width:100%;min-width:0;border:1px solid #c8b39b;border-radius:2px;background:#fffcf6;color:var(--brown);padding:12px;font-size:14px;min-height:47px;margin-top:8px}form input::placeholder{color:#8f7c6d}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.submit-booking{width:100%;margin-top:7px;font-size:14px}.booking-success[hidden]{display:none}.success-mark{display:grid;place-items:center;width:52px;height:52px;background:#e6e8d7;border-radius:50%;font-size:25px;margin:25px 0}.booking-success h3{font-size:31px;margin-bottom:18px}.booking-success>p:not(.booking-note){font-size:15px;line-height:1.8}dialog[open]{animation:dialog-enter .25s ease-out}body:has(dialog[open]){overflow:hidden}.drink-dialog{width:min(800px,calc(100% - 32px))}.drink-detail{padding:55px 40px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.drink-detail>img{width:100%;height:280px;object-fit:contain}.drink-detail h2{font-size:40px;margin-bottom:20px}.drink-detail p{font-size:14px;line-height:1.8;color:var(--muted)}.drink-detail .coffee-label{font-size:11px;margin-bottom:15px}.drink-detail .detail-price{color:var(--brown);font-size:22px;margin:20px 0 28px}.detail-price small{font-size:10px;margin-left:10px;color:var(--muted)}.drink-detail .coffee-button{font-size:13px;min-height:50px;padding:12px 15px;gap:20px}.gallery-dialog{padding:55px 68px 25px;width:min(1250px,calc(100% - 24px));max-height:95dvh;border:0;background:#201812;color:#fff3e3}.gallery-dialog::backdrop{background:#100b08ed}.gallery-dialog figure{margin:0}.gallery-dialog figure img{width:100%;height:calc(85dvh - 90px);object-fit:contain}.gallery-dialog figcaption{text-align:center;font-size:11px;margin-top:18px;color:#d1bbab}.gallery-close{position:absolute;top:14px;right:18px;border:0;background:none;color:inherit;font-size:12px;padding:5px}.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);border:1px solid #fff3e370;background:none;color:inherit;width:36px;height:36px;border-radius:50%;font-size:20px;display:grid;place-items:center}.gallery-prev{left:16px}.gallery-next{right:16px}
.reveal.is-visible{animation:section-enter .8s cubic-bezier(.2,.7,.2,1) both}@keyframes section-enter{from{opacity:.4;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{opacity:.4;transform:scale(1.045)}to{opacity:1;transform:scale(1)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.coffee-hero-copy{padding-top:35px}.hero-photo{height:650px}}
@media(max-width:1200px) and (min-width:901px){.coffee-container{width:calc(100% - 80px)}.coffee-header{gap:20px}.coffee-logo{font-size:32px}.coffee-nav{gap:20px;font-size:12px}.header-book{font-size:12px;padding:12px 16px}.coffee-hero{gap:45px}.hero-photo{height:590px}h1{font-size:53px}.coffee-description{font-size:16px}.coffee-about{gap:30px}.story-copy h2{font-size:32px}.story-copy>p:last-child{font-size:14px}.drink-card{padding-left:17px;padding-right:17px}.drink-card img{height:200px}.drink-card h3{font-size:26px}.drink-card p{font-size:13px}.pause-copy{padding:45px}.pause-copy h2{font-size:43px}.gallery-grid{grid-template-rows:250px 250px}.coffee-seal{width:570px;height:570px;left:-70px;top:-35px}.footer-copy{margin-left:48%;padding-top:50px}.footer-info{font-size:14px}}
@media(max-width:900px){.coffee-container{width:calc(100% - 48px)}.demo-ribbon{height:34px;padding:0 24px;font-size:8px;letter-spacing:.04em;gap:12px}.demo-ribbon a{font-size:10px}.ribbon-divider{margin:0 4px}.coffee-header{min-height:78px;gap:15px}.coffee-logo{font-size:29px}.header-book{display:none}.nav-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;background:none;border:0;padding:12px 0 12px 12px;width:42px;height:44px}.nav-toggle span{height:1.5px;width:24px;background:var(--brown);display:block;transition:transform .2s}.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.coffee-nav{display:none;position:absolute;top:77px;left:-24px;right:-24px;background:var(--cream);padding:20px 24px 25px;border-bottom:1px solid var(--line);box-shadow:0 20px 25px #321b1010;gap:0;font-size:16px;align-items:stretch}.coffee-nav.is-open{display:flex;flex-direction:column}.coffee-nav a{padding:11px 0}.coffee-hero{grid-template-columns:1fr;gap:28px;padding-bottom:0;border-bottom:0}.coffee-hero-copy{padding-top:35px;padding-bottom:0}.coffee-hero .coffee-label{font-size:11px;margin-bottom:24px}.coffee-hero .with-rule:after{display:none}h1{font-size:clamp(37px,6.4vw,54px);line-height:1.22;margin-bottom:25px;letter-spacing:-.025em}.coffee-description{font-size:15px;line-height:1.55;margin-bottom:28px;max-width:400px}.menu-cta{width:100%;max-width:420px;font-size:16px}.hero-photo{height:clamp(366px,66vw,520px);width:100%;max-width:100%}.hero-photo img{object-position:77% 50%}.coffee-about{grid-template-columns:1fr 1fr;gap:24px;padding-top:42px;padding-bottom:52px}.barista-photo{grid-column:1/-1;grid-row:2;height:320px}.story-copy{grid-column:1/-1;grid-row:1}.story-copy h2{font-size:35px;line-height:1.24;margin-bottom:20px}.story-copy .coffee-label{margin-bottom:22px}.story-copy>p:last-child{font-size:15px;line-height:1.65}.detail-photo{display:none}.coffee-label{font-size:11px}.coffee-section-line{gap:18px;margin-bottom:32px}.coffee-section-line>p:last-child:not(.coffee-label){font-size:12px}.drink-grid{grid-template-columns:repeat(2,1fr);gap:35px 0}.drink-card{padding:0 14px 12px}.drink-card:nth-child(2){border-right:0}.drink-card img{height:210px}.drink-card h3{font-size:26px;line-height:1.15;margin:18px 0 15px}.drink-card p{font-size:13px;line-height:1.65;min-height:44px;margin-bottom:23px}.drink-price{font-size:16px}.drink-price:after{margin-top:13px}.drink-more{font-size:10px;padding-top:13px;opacity:1}.coffee-pause{padding-top:58px;padding-bottom:56px}.pause-panel{min-height:500px;display:block}.pause-copy{padding:35px 26px 270px}.pause-copy .coffee-label{margin-bottom:20px}.pause-copy h2{font-size:35px;margin-bottom:20px}.pause-copy>p:last-child{font-size:15px;max-width:260px;line-height:1.7}.pause-panel>img{width:340px;max-width:100%;height:270px;top:auto;bottom:0;right:0;transform:none}.pause-panel:hover>img{transform:rotate(3deg)}.coffee-gallery{padding-bottom:65px}.coffee-gallery h2{font-size:35px;line-height:1.25;max-width:360px;margin-bottom:30px}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:290px 165px;gap:16px}.gallery-tall{grid-column:1/-1;grid-row:1}.gallery-item span{width:30px;height:30px;font-size:18px;bottom:10px;right:10px}.coffee-seal{width:350px;height:350px;left:-18px;top:-35px}.coffee-footer{min-height:620px}.footer-copy{margin-left:0;padding:340px 24px 30px}.coffee-footer .coffee-label{font-size:10px;margin-bottom:18px}.coffee-footer h2{display:none}.footer-info{gap:22px;font-size:14px;line-height:1.8;max-width:600px}.footer-info span{font-size:10px}.footer-info strong{font-size:17px}.footer-book{font-size:12px}.coffee-disclosure{display:block;padding:19px 24px;font-size:9px}.coffee-disclosure p{margin-bottom:12px}.coffee-disclosure a{font-size:10px}.booking-content{padding:45px 25px 30px}.booking-content h2{font-size:32px}.booking-note{font-size:11px}.form-row{gap:12px}.form-row input,.form-row select{padding:11px 8px;font-size:12px}.drink-detail{grid-template-columns:1fr;padding:35px 27px;gap:20px}.drink-detail>img{height:190px}.drink-detail h2{font-size:32px}.drink-detail .coffee-label{margin-bottom:12px}.drink-detail p{font-size:13px}.drink-detail .detail-price{margin:18px 0}.gallery-dialog{padding:50px 40px 22px}.gallery-dialog figure img{height:65dvh}.gallery-prev,.gallery-next{width:28px;height:28px;font-size:16px}.gallery-prev{left:7px}.gallery-next{right:7px}.gallery-dialog figcaption{font-size:10px;line-height:1.7}}
@media(max-width:450px){.drink-card{padding-left:5px;padding-right:5px}.drink-card img{height:166px}.drink-card h3{font-size:22px;margin-top:17px}.drink-card p{font-size:11px}.barista-photo{height:244px}.gallery-grid{grid-template-rows:290px 164px}.pause-copy{padding:35px 24px 265px}.pause-panel>img{right:-15px}.footer-info{flex-direction:column;gap:2px}.coffee-footer{min-height:660px}.footer-copy{padding-top:340px}.footer-info p{margin-bottom:16px}.coffee-hero-copy{padding-top:31px}.coffee-header .coffee-logo{font-size:29px}}
@media(max-width:360px){h1{font-size:32px}.coffee-container{width:calc(100% - 40px)}.demo-ribbon{padding:0 20px;font-size:7px}.demo-ribbon a{font-size:9px}.hero-photo{height:330px}.drink-card h3{font-size:20px}.drink-card img{height:145px}.coffee-description{font-size:14px}.pause-copy h2,.coffee-gallery h2,.story-copy h2{font-size:31px}.gallery-grid{grid-template-rows:250px 135px}.coffee-nav{left:-20px;right:-20px;padding-left:20px;padding-right:20px}.submit-booking{font-size:12px;padding-left:14px;padding-right:14px;gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.hero-photo img,.reveal.is-visible{transform:none!important}}