@font-face{font-family:Manrope;src:url('fonts/manrope.woff2') format('woff2');font-weight:400 800;font-display:swap}@font-face{font-family:'IBM Plex Mono';src:url('fonts/ibm-plex-mono.woff2') format('woff2');font-weight:400;font-display:swap}
:root{--bg:#181512;--surface:#24201b;--surface2:#302920;--text:#eee5d8;--muted:#b7aa99;--accent:#c9a478;--line:rgba(238,229,216,.16);--sans:Manrope,Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--ease:cubic-bezier(.22,1,.36,1);--canvas:var(--bg);--ink:var(--text);--panel:var(--surface);--serif:var(--sans)}
*,:before,:after{box-sizing:border-box}html{scroll-padding-top:110px;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default}button,a{-webkit-tap-highlight-color:transparent}button{border-radius:0}img{display:block;width:100%;max-width:100%;object-fit:cover}video{display:block}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--sans);font-weight:600;letter-spacing:-.055em;line-height:1.07}h2{font-size:clamp(42px,4.7vw,72px)}h3{font-size:24px;letter-spacing:-.035em}p{font-weight:400}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.container{width:100%;max-width:1536px;margin-inline:auto;padding-inline:64px}.section-space{padding-block:120px}.eyebrow{font:10px/1.8 var(--mono);letter-spacing:.15em;text-transform:uppercase}.accent-text{color:var(--accent)}.muted{color:var(--muted)}.skip-link{position:fixed;z-index:300;top:-100px;left:20px;padding:12px 20px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:15px}.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;background:var(--accent);z-index:102;transform:scaleX(0);transform-origin:left}.page-transition{position:fixed;inset:0;z-index:200;pointer-events:none;opacity:0;background:var(--bg)}.page-transition:after{content:'stillroom.';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:42px;font-weight:700;letter-spacing:-.06em;color:var(--accent)}
.site-header{height:98px;position:absolute;top:0;left:0;right:0;z-index:100;padding:0 64px;display:flex;align-items:center;gap:45px;justify-content:space-between;border-bottom:1px solid #eee5d823;background:linear-gradient(#18151260,#18151210);transition:background .45s,border-color .45s,transform .45s}.site-header.is-scrolled{background:#181512ed;backdrop-filter:blur(20px);border-color:var(--line)}.wordmark{font:700 35px/.95 var(--sans);letter-spacing:-.08em;display:inline-block;white-space:nowrap}.brand-dot{color:var(--accent)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links>a{position:relative;font-size:11px;line-height:1;padding:17px 0;color:#e2d7c9;transition:color .25s}.nav-links>a:after{content:'';position:absolute;width:100%;height:1px;bottom:7px;left:0;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .4s var(--ease)}.nav-links>a:hover,.nav-links>a[aria-current=page]{color:var(--accent)}.nav-links>a:hover:after,.nav-links>a[aria-current=page]:after{transform:scaleX(1)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:54px;padding:15px 24px;background:var(--accent);color:#201811;border:1px solid var(--accent);border-radius:40px;font-size:12px;font-weight:600;position:relative;isolation:isolate;overflow:hidden;transition:background .4s,color .4s,box-shadow .4s;box-shadow:inset 0 1px #ffffff27}.button:before{content:'';position:absolute;inset:-100% -50%;background:linear-gradient(115deg,transparent 37%,#fff5 50%,transparent 63%);transform:translateX(-65%);transition:transform .8s var(--ease);z-index:-1}.button:hover:before{transform:translateX(65%)}.button:hover{background:#dbb98f;box-shadow:0 8px 35px #b7813830}.button>span{font-size:21px;line-height:1;transition:transform .4s var(--ease)}.button:hover>span{transform:translate(3px,-3px)}.button-outline{background:#ffffff04;color:var(--text);border-color:#bbaa9670;backdrop-filter:blur(10px);box-shadow:inset 0 1px #fff1}.button-outline:hover{background:#eee5d810;color:var(--accent);box-shadow:none}.header-cta{min-height:43px;padding:10px 20px;font-size:10px;gap:24px;background:transparent;color:var(--text);border-color:#eee5d84a}.header-cta:hover{color:var(--bg)}.nav-toggle{display:none;background:none;border:0;width:44px;height:44px;padding:10px}.nav-toggle span{display:block;height:1px;background:var(--text);margin:7px 0;transition:transform .4s}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;border-bottom:1px solid #bbaa9680;padding:12px 0;font-size:12px;line-height:1.5;min-height:44px;transition:color .3s,border-color .3s}.text-link>span{font-size:22px;line-height:1;transition:transform .4s}.text-link:hover{color:var(--accent);border-color:var(--accent)}.text-link:hover>span{transform:translate(4px,-4px)}body:not(.home-page) main{padding-top:98px}
.hero{position:relative;min-height:780px;height:100svh;max-height:1250px;isolation:isolate;overflow:hidden;background:#201a14}.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden}.hero-video{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:brightness(.87) saturate(.8)}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#100d0ac9 0%,#100d0a68 47%,#100d0a20 100%),linear-gradient(0deg,#181512eb 0%,transparent 48%,#18151235 100%)}.hero-content{padding-top:clamp(200px,23vh,280px);position:relative}.hero-kicker{display:flex;align-items:center;gap:12px;color:#e5cead}.status-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #d3a26580;flex-shrink:0}.hero-title{font-size:clamp(67px,6.6vw,108px);line-height:1.07;font-weight:600;letter-spacing:-.066em;margin:27px 0 29px;max-width:1020px;text-shadow:0 8px 30px #0002}.hero-title>span{color:var(--accent)}.hero-description{font-size:15px;line-height:1.85;color:#d7cbbd;max-width:460px}.hero-actions{display:flex;gap:14px;margin-top:35px;align-items:center}.hero-actions .button{min-height:56px}.hero-bottom{position:absolute;bottom:33px;left:0;right:0;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.scroll-hint{display:flex;align-items:center;gap:18px;font:8px var(--mono);letter-spacing:.1em;min-height:44px;color:#c7bba9}.scroll-line{height:54px;width:1px;background:#eee5d82b;position:relative;overflow:hidden}.scroll-line:after{content:'';position:absolute;top:-30%;height:30%;width:1px;background:var(--accent);animation:scroll-line 2.6s var(--ease) infinite}.hero-special{display:flex;align-items:center;gap:19px;padding:12px 19px 12px 12px;width:348px;background:linear-gradient(110deg,#57463773,#e8c49e0d);border:1px solid #eee5d839;box-shadow:inset 0 1px 0 #ffffff0e,0 15px 40px #0002;backdrop-filter:blur(24px);border-radius:6px;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}.hero-special img{width:73px;height:77px;border-radius:3px;object-fit:cover}.hero-special strong{display:block;font-size:13px;font-weight:500;line-height:1.5;margin:4px 0}.hero-special small{font:7px/1.7 var(--mono);color:var(--muted);display:block}.hero-special small:first-child{color:var(--accent);letter-spacing:.07em}.special-arrow{margin-left:auto;font-size:23px}.hero-side-note{position:absolute;right:27px;top:46%;writing-mode:vertical-rl;font:8px var(--mono);letter-spacing:.2em;color:#bbaa9680}.coffee-marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#211c16;padding:25px 0}.marquee-track{display:flex;align-items:center;gap:55px;white-space:nowrap;width:max-content;animation:marquee 46s linear infinite}.marquee-track span{font-size:14px;font-weight:500;letter-spacing:.09em;color:#cfbd9f}.marquee-track i{font-size:27px;font-style:normal;font-weight:300;color:#82633f}
.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:52px}.section-heading h2{margin-top:20px}.section-heading-aside>p,.section-heading>p{color:var(--muted);font-size:13px;line-height:1.9;max-width:300px}.section-heading-aside>.text-link{margin-top:15px}.favorite-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px}.drink-card{display:block;position:relative;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:box-shadow .4s}.drink-card-photo{position:relative;aspect-ratio:.98;overflow:hidden;border-radius:5px;background:var(--surface);isolation:isolate}.drink-card-photo:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at var(--gloss-x,60%) var(--gloss-y,0%),#fff2,transparent 55%);opacity:0;transition:opacity .5s;pointer-events:none}.drink-card:hover .drink-card-photo:after{opacity:1}.drink-card-photo img{height:100%;width:100%;object-fit:cover;transition:transform 1.2s var(--ease);filter:saturate(.85)}.drink-card:hover img{transform:scale(1.07)}.card-label{position:absolute;left:18px;top:18px;font:8px var(--mono);letter-spacing:.07em;padding:8px 12px;background:#19151180;backdrop-filter:blur(10px);border:1px solid #f8ebda38;border-radius:22px}.round-arrow{display:grid;place-items:center;width:47px;height:47px;border-radius:50%;border:1px solid #f2e7da65;background:#20191250;backdrop-filter:blur(10px);font-size:23px;line-height:1;transition:background .4s,color .4s,transform .6s var(--ease)}.drink-card .round-arrow{position:absolute;right:20px;bottom:20px}.drink-card:hover .round-arrow,.round-arrow:hover{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:rotate(45deg)}.drink-card-info{display:flex;gap:12px;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.drink-card-info .eyebrow{font-size:8px;color:var(--accent);letter-spacing:.13em}.drink-card-info h3{font-size:23px;letter-spacing:-.04em;margin:11px 0 9px}.drink-card-info p{color:var(--muted);font-size:11px;line-height:1.7}.card-price{font:12px var(--mono);padding-top:31px}.tiny-note{font:9px var(--mono);letter-spacing:.02em;color:#aa9b87;margin-top:24px}
.brew-section{height:255vh;position:relative;background:#161310}.film-stage{position:sticky;top:0;height:100svh;min-height:680px;overflow:hidden;isolation:isolate}.film-media{position:absolute;inset:0;z-index:-1}.film-media>img,.scroll-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:67% center}.film-media>img{filter:brightness(.6) saturate(.7)}.scroll-film{opacity:0;transition:opacity .8s;filter:sepia(.1) saturate(.7) brightness(.68)}.film-ready .scroll-film{opacity:1}.film-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#130f0ee6,#130f0e66 55%,#130f0e15),linear-gradient(0deg,#171310e6,transparent 40%)}.brew-copy{position:relative;padding-top:clamp(130px,20vh,230px)}.brew-copy>.eyebrow{color:var(--accent)}.brew-copy h2{font-size:clamp(64px,6.5vw,102px);margin:30px 0;line-height:1.1;max-width:630px;letter-spacing:-.055em}.brew-copy h2 span{color:var(--accent)}.brew-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#d3c3ad;max-width:360px}.brew-copy .text-link{margin-top:25px}.brew-steps{position:absolute;left:0;right:0;bottom:55px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.brew-step{display:flex;align-items:center;gap:22px;border-top:1px solid #cbb49665;padding-top:24px}.brew-step>span{font:10px var(--mono);color:var(--accent)}.brew-step strong{font-weight:500;font-size:13px;color:#e0d2c0}.film-progress{position:absolute;height:2px;bottom:0;left:0;right:0;background:#fff1}.film-progress span{display:block;width:100%;height:100%;background:var(--accent);transform-origin:left;transform:scaleX(0)}
.cafe-preview{display:grid;grid-template-columns:1.15fr 1fr;gap:110px;align-items:center;padding-block:150px}.cafe-photos{position:relative;padding-bottom:55px;padding-right:65px}.cafe-photo-main{height:580px;border-radius:5px;overflow:hidden;position:relative}.cafe-photo-main img{height:100%;object-fit:cover}.cafe-photo-detail{position:absolute;right:0;bottom:0;width:225px;height:280px;box-shadow:0 20px 55px #0006;border:7px solid var(--bg);border-radius:5px;overflow:hidden}.cafe-photo-detail img{height:100%}.photo-detail-label{position:absolute;bottom:16px;left:15px;right:15px;font:6px var(--mono);letter-spacing:.08em;white-space:nowrap;background:#18151290;padding:7px}.cafe-photo-index{position:absolute;bottom:15px;left:0;font-size:8px;max-width:50%;color:var(--muted)}.cafe-preview-copy h2{margin:26px 0 29px;font-size:clamp(40px,4.2vw,65px)}.cafe-preview-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:13px;line-height:1.9}.cafe-preview-copy>.eyebrow{color:var(--accent)}.cafe-points{margin:35px 0 32px;display:grid;gap:22px}.cafe-points>div{display:flex;gap:18px;align-items:flex-start}.cafe-points>div>span:first-child{font-size:19px;color:var(--accent);line-height:1.3}.cafe-points strong{display:block;font-size:12px;font-weight:500;margin-bottom:6px}.cafe-points small{color:var(--muted);font-size:11px;line-height:1.6}
.coffee-finder{position:relative;background:radial-gradient(ellipse at 80% 50%,#74512d1c,transparent 70%),#211c17;border-block:1px solid var(--line)}.finder-layout{display:grid;grid-template-columns:1fr 1.12fr;gap:85px;align-items:center}.finder-controls fieldset{margin:0 0 30px;padding:0;border:0;min-width:0}.finder-controls legend{font-size:13px;font-weight:500;margin-bottom:17px}.finder-controls legend>span{font:9px var(--mono);color:var(--accent);display:inline-block;margin-right:17px}.option-row{display:flex;gap:12px}.finder-option{border:1px solid #8a766063;border-radius:4px;background:linear-gradient(120deg,#ffffff04,#ffffff01);color:#d6c8b6;font-size:12px;padding:18px 20px;min-height:58px;display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px;transition:background .35s,border-color .35s,box-shadow .35s}.finder-option.active{border-color:var(--accent);background:linear-gradient(130deg,#c9a47820,#c9a47808);color:var(--text);box-shadow:inset 0 1px #e5c69b22}.finder-option>span{font-size:19px}.finder-option:hover{border-color:var(--accent)}.finder-help{color:var(--muted);font-size:11px;margin-top:10px}.finder-help a{color:var(--accent);border-bottom:1px solid #c9a47855;margin-left:5px}.finder-result{display:grid;grid-template-columns:1fr 1.02fr;min-height:330px;background:linear-gradient(130deg,#45392c90,#2a221e);border:1px solid #b4956f44;border-radius:7px;overflow:hidden;box-shadow:0 20px 60px #0002,inset 0 1px #ffffff08}.finder-image{overflow:hidden}.finder-image>img{height:100%;min-height:330px;width:100%;object-fit:cover}.finder-result-copy{padding:33px 25px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.finder-result-copy>.eyebrow{font-size:7px;letter-spacing:.1em;color:var(--accent)}.finder-result-copy h3{font-size:28px;margin:17px 0;line-height:1.2;letter-spacing:-.05em}.finder-result-copy>p:not(.eyebrow){font-size:11px;color:var(--muted);line-height:1.8}.finder-result-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;margin-top:25px}.finder-result-bottom>span{font:14px var(--mono)}.finder-result-bottom .round-arrow{width:44px;height:44px;font-size:21px}
.breakfast-section{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;align-items:center}.breakfast-copy>.eyebrow{color:var(--accent)}.breakfast-copy h2{font-size:clamp(42px,4.5vw,67px);margin:25px 0 30px;line-height:1.14}.breakfast-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:350px;line-height:1.9}.breakfast-copy .text-link{margin-top:22px}.breakfast-image{position:relative;height:550px;overflow:hidden;border-radius:5px}.breakfast-image>img{height:100%;width:100%;object-fit:cover}.breakfast-stamp{position:absolute;bottom:28px;right:28px;display:flex;gap:40px;align-items:center;background:#1e1710c4;backdrop-filter:blur(20px);padding:23px 26px;border:1px solid #eee5d84a;border-radius:4px}.breakfast-stamp>span{font:9px/1.6 var(--mono);letter-spacing:.13em}.breakfast-stamp>i{font-size:40px;font-style:normal;color:var(--accent)}.home-visit{position:relative;isolation:isolate;min-height:670px;overflow:hidden}.home-visit-photo{position:absolute;inset:0;z-index:-2;overflow:hidden}.home-visit-photo>img{width:100%;height:100%;object-fit:cover}.home-visit-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#16120edb,#16120e30),linear-gradient(0deg,#181512d9,transparent 60%)}.home-visit-content{padding-block:90px 70px}.home-visit h2{font-size:clamp(64px,8.5vw,130px);margin:26px 0 50px;line-height:1.04;font-weight:500}.home-visit h2 span{color:var(--accent)}.home-visit-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid #eee5d84d;padding-top:30px}.home-visit-bottom p{font-size:13px;color:#d4c5b2;line-height:1.8}
.site-footer{background:#120f0d;padding-top:66px}.footer-main{display:flex;justify-content:space-between;gap:70px;align-items:flex-start;padding-bottom:62px}.footer-main .wordmark{font-size:44px}.footer-main>div>p{font-size:11px;color:var(--muted);margin-top:21px}.footer-main>nav{display:flex;gap:35px;font-size:12px}.footer-main>nav>a{min-height:44px;display:flex;align-items:center}.footer-main>nav>a:hover{color:var(--accent)}.footer-top-link{font:9px var(--mono);min-height:44px;display:flex;align-items:center;color:var(--muted)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:20px;font:8px var(--mono);color:#b7aa99;border-top:1px solid var(--line)}.concept-trigger{border:0;background:none;font:inherit;color:inherit;padding:0;min-height:35px}.concept-trigger:hover{color:var(--accent)}.concept-dialog,.gallery-dialog{padding:50px;border:1px solid #bbaa9650;background:linear-gradient(140deg,#30271e,#1e1915);color:var(--text);border-radius:8px;width:min(580px,calc(100vw - 32px));max-height:calc(100svh - 40px);overflow:auto;box-shadow:0 30px 100px #0009}.concept-dialog::backdrop,.gallery-dialog::backdrop{background:#0e0b09d9;backdrop-filter:blur(14px)}.concept-dialog h2{font-size:35px;margin:22px 0}.concept-dialog p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9;margin-top:16px}.concept-dialog .button{margin-top:25px}.dialog-close{position:absolute;right:15px;top:14px;display:grid;place-items:center;width:44px;height:44px;border:1px solid #bbaa9655;background:#241e18;color:var(--text);border-radius:50%;font-size:25px;line-height:1}.dialog-close:hover{background:var(--accent);color:var(--bg)}.gallery-dialog{width:min(1060px,calc(100vw - 32px));padding:50px 20px 20px}.gallery-dialog>img{width:100%;height:auto;max-height:70svh;object-fit:contain}.gallery-dialog>p{font-size:12px;color:var(--muted);padding:18px 50px 0;text-align:center}.gallery-prev,.gallery-next{position:absolute;bottom:13px;border:1px solid var(--line);width:44px;height:44px;border-radius:50%;background:var(--bg);font-size:20px}.gallery-prev{left:20px}.gallery-next{right:20px}.reveal{opacity:1}main:focus{outline:none}[data-parallax]{overflow:hidden}[data-parallax]>img{will-change:transform}[data-tilt]{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
@keyframes marquee{to{transform:translateX(-50%)}}@keyframes scroll-line{to{top:120%}}
@media(min-width:1600px){.site-header{padding-inline:max(64px,calc((100vw - 1408px)/2))}}
@media(max-width:1150px){.container{padding-inline:40px}.site-header{padding-inline:40px;gap:25px}.nav-links{gap:24px}.hero-title{font-size:83px}.hero-content{padding-top:220px}.section-space{padding-block:95px}.favorite-cards{gap:20px}.drink-card-info h3{font-size:20px}.drink-card-info p{font-size:10px}.cafe-preview{gap:65px;padding-block:110px}.cafe-photo-main{height:520px}.cafe-photo-detail{width:190px;height:235px}.cafe-preview-copy h2{font-size:48px}.finder-layout{gap:40px;grid-template-columns:1fr 1.05fr}.finder-result{grid-template-columns:.85fr 1fr}.finder-result-copy{padding:25px 19px}.finder-result-copy h3{font-size:24px}.breakfast-section{gap:60px}.breakfast-image{height:510px}.footer-main{gap:40px}.footer-main>nav{gap:24px}}
@media(max-width:850px){.site-header{padding-inline:26px;height:88px}.wordmark{font-size:30px}.nav-links{gap:20px}.nav-links>a{font-size:10px}.header-cta{font-size:9px;gap:14px;min-height:41px;padding:10px 17px}.container{padding-inline:30px}.hero{min-height:770px}.hero-content{padding-top:200px}.hero-title{font-size:70px}.hero-bottom{bottom:30px}.hero-special{width:300px;padding:10px 15px 10px 10px;gap:13px}.hero-special img{width:61px;height:64px}.hero-special strong{font-size:12px}.hero-special small{font-size:6px}.hero-side-note{display:none}.favorite-cards{gap:16px}.drink-card-photo{aspect-ratio:.8}.card-label{font-size:6px;padding:7px 9px;left:10px;top:12px}.drink-card-info{display:block}.card-price{display:block;padding-top:10px;font-size:11px}.drink-card-info h3{font-size:19px}.drink-card-info p{font-size:10px}.section-heading{gap:30px}.section-heading h2{font-size:47px}.section-heading-aside>p{font-size:11px}.cafe-preview{gap:40px}.cafe-photos{padding-right:25px}.cafe-photo-main{height:470px}.cafe-photo-detail{width:155px;height:200px}.cafe-preview-copy h2{font-size:40px}.cafe-preview-copy>p:not(.eyebrow){font-size:12px}.cafe-photo-index{max-width:42%;font-size:6px}.cafe-points small{font-size:10px}.cafe-preview-copy .button{font-size:10px;gap:20px}.finder-layout{grid-template-columns:1fr;gap:30px}.finder-controls{display:grid;grid-template-columns:1fr 1fr;gap:24px}.finder-help{grid-column:1/-1;margin:0}.finder-controls fieldset{margin:0}.finder-option{font-size:10px;padding:14px;min-height:53px;gap:12px}.finder-result{grid-template-columns:1fr 1fr;min-height:330px}.finder-result-copy{padding:36px}.finder-result-copy h3{font-size:35px}.finder-result-copy>p:not(.eyebrow){font-size:13px}.finder-result-copy>.eyebrow{font-size:9px}.finder-image{max-height:330px}.breakfast-section{gap:40px;grid-template-columns:1fr 1.1fr}.breakfast-copy h2{font-size:43px}.breakfast-image{height:470px}.footer-main{gap:30px}.footer-main>nav{gap:20px;font-size:10px}.footer-main .wordmark{font-size:36px}.footer-top-link{font-size:7px}.home-visit{min-height:610px}}
@media(max-width:640px){.container{padding-inline:24px}.site-header{height:82px;padding-inline:23px;gap:15px;background:#18151230}.wordmark{font-size:31px}.header-cta{margin-left:auto;padding:10px 15px;gap:17px}.nav-toggle{display:block}.nav-links{display:flex;position:absolute;left:0;right:0;top:82px;background:#1b1713f8;backdrop-filter:blur(24px);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:15px 25px 30px;gap:0;visibility:hidden;opacity:0;transform:translateY(-10px);transition:opacity .3s,transform .4s,visibility .3s}.nav-links.is-open{visibility:visible;opacity:1;transform:none}.nav-links>a{font-size:27px;padding:16px 0;line-height:1.3;letter-spacing:-.05em}.nav-links>a:after{bottom:6px}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}body:not(.home-page) main{padding-top:82px}.hero{height:100svh;min-height:760px;max-height:1000px}.hero-content{padding-top:166px}.hero-title{font-size:clamp(44px,11.6vw,74px);line-height:1.12;letter-spacing:-.06em;margin-block:24px}.hero-kicker{font-size:7px;letter-spacing:.13em;gap:9px}.hero-description{font-size:12px;max-width:320px;line-height:1.9}.hero-actions{gap:10px;margin-top:27px;flex-wrap:wrap}.hero-actions .button{min-height:48px;font-size:10px;padding:12px 17px;gap:17px}.hero-actions .button-outline{font-size:10px;background:#18151240}.hero-video{object-position:35% center}.hero-scrim{background:linear-gradient(90deg,#100d0acc,#100d0a55),linear-gradient(0deg,#181512f5,transparent 62%)}.hero-bottom{bottom:25px;gap:20px;align-items:flex-start;flex-direction:column-reverse}.hero-special{width:100%;max-width:370px;padding:11px 15px 11px 11px}.hero-special img{width:58px;height:59px}.hero-special strong{font-size:12px}.hero-special small{font-size:7px}.hero-special small:last-child{font-family:var(--sans);font-size:9px}.scroll-hint{font-size:7px;min-height:35px;gap:13px}.scroll-line{height:30px}.coffee-marquee{padding:18px 0}.marquee-track{gap:28px}.marquee-track span{font-size:11px}.marquee-track i{font-size:20px}.section-space{padding-block:75px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:43px;line-height:1.13;margin-top:18px}.section-heading-aside{margin-top:23px}.section-heading-aside>p{font-size:12px}.section-heading-aside>.text-link{margin-top:12px}.section-heading>p{margin-top:22px;font-size:12px}.eyebrow{font-size:8px}.favorite-cards{display:grid;grid-template-columns:1fr;gap:35px}.drink-card-photo{aspect-ratio:1.05}.card-label{font-size:7px;left:18px;top:18px}.drink-card-info{display:flex;padding-top:23px;padding-bottom:24px}.drink-card-info h3{font-size:24px}.drink-card-info p{font-size:11px}.card-price{font-size:12px;padding-top:33px}.tiny-note{font-size:8px;line-height:1.8;margin-top:25px}.brew-section{height:200vh}.film-stage{height:100svh;min-height:660px}.brew-copy{padding-top:130px}.brew-copy h2{font-size:54px;line-height:1.13;max-width:340px;margin-block:28px}.brew-copy>p:not(.eyebrow){font-size:12px;max-width:280px}.brew-copy .text-link{font-size:11px}.film-media>img,.scroll-film{object-position:62% center}.film-scrim{background:linear-gradient(90deg,#130f0ece,#130f0e55),linear-gradient(0deg,#171310ee,transparent 65%)}.brew-steps{bottom:30px;gap:12px}.brew-step{display:block;padding-top:15px}.brew-step>span{font-size:8px;display:block;margin-bottom:9px}.brew-step strong{font-size:9px;line-height:1.6;display:block;font-weight:400}.cafe-preview{grid-template-columns:1fr;gap:55px;padding-block:85px}.cafe-photos{padding-right:45px;padding-bottom:42px}.cafe-photo-main{height:425px}.cafe-photo-detail{width:170px;height:215px;border-width:5px}.cafe-photo-index{max-width:41%;font-size:7px;line-height:1.8;bottom:0}.cafe-preview-copy h2{font-size:43px;line-height:1.15;margin:22px 0 26px}.cafe-preview-copy>p:not(.eyebrow){font-size:12px;max-width:450px}.cafe-points{gap:21px;margin-block:30px}.cafe-points small{font-size:11px}.cafe-preview-copy .button{font-size:11px;gap:30px}.finder-controls{grid-template-columns:1fr;gap:22px}.finder-controls legend{font-size:12px;margin-bottom:14px}.finder-option{font-size:11px;min-height:55px;padding:14px 17px}.finder-help{font-size:10px;line-height:1.9}.finder-help a{margin-left:0;display:block;width:max-content}.finder-layout{gap:30px}.finder-result{grid-template-columns:1fr 1.1fr;min-height:280px}.finder-image{max-height:315px}.finder-image>img{min-height:280px}.finder-result-copy{padding:24px 17px}.finder-result-copy h3{font-size:24px;margin-block:14px}.finder-result-copy>.eyebrow{font-size:6px}.finder-result-copy>p:not(.eyebrow){font-size:10px}.finder-result-bottom{gap:15px;margin-top:20px}.finder-result-bottom>span{font-size:12px}.breakfast-section{grid-template-columns:1fr;gap:35px}.breakfast-copy h2{font-size:46px;margin-block:22px}.breakfast-copy>p:not(.eyebrow){font-size:12px;max-width:400px}.breakfast-copy .text-link{margin-top:20px}.breakfast-image{height:430px}.breakfast-stamp{padding:17px 20px;bottom:22px;right:22px;gap:30px}.breakfast-stamp>span{font-size:8px}.home-visit{min-height:565px}.home-visit-content{padding-block:72px 45px}.home-visit h2{font-size:65px;line-height:1.09;margin-bottom:45px}.home-visit-bottom{align-items:flex-start;gap:20px}.home-visit-bottom p{font-size:11px}.home-visit-bottom .button{font-size:10px;gap:20px;min-height:48px;padding:12px 16px}.footer-main{display:grid;grid-template-columns:1fr auto;gap:30px 20px;padding-bottom:40px}.footer-main>div{grid-column:1/-1}.footer-main .wordmark{font-size:41px}.footer-main>div>p{font-size:11px;margin-top:18px}.footer-main>nav{display:flex;flex-wrap:wrap;gap:14px 22px;font-size:10px}.footer-main>nav>a{min-height:40px}.footer-top-link{font-size:7px;align-self:start;white-space:nowrap}.footer-bottom{font-size:7px;flex-wrap:wrap;gap:12px 20px;padding-block:20px}.footer-bottom>span:nth-child(2){margin-left:auto}.footer-bottom>.concept-trigger{min-height:24px}.site-footer{padding-top:48px}.concept-dialog{padding:45px 25px 30px}.concept-dialog h2{font-size:29px}.gallery-dialog{padding-top:65px}.gallery-dialog>p{font-size:10px}.page-transition:after{font-size:32px}}
@media(max-width:360px){.container{padding-inline:20px}.site-header{padding-inline:20px;gap:8px}.wordmark{font-size:28px}.header-cta{padding-inline:12px;gap:10px}.hero-title{font-size:41px}.hero-actions{gap:8px}.hero-actions .button{padding-inline:14px;gap:14px;font-size:9px}.hero-special small:last-child{font-size:8px}.finder-result{grid-template-columns:.9fr 1.1fr}.finder-result-copy h3{font-size:22px}.home-visit h2{font-size:58px}.footer-main>nav{gap:14px}.section-heading h2{font-size:39px}}