@charset "UTF-8";
:root{--cream:#f2eddf;--ink:#2a3423;--muted:#6b6e5f;--orange:#e8582c;--lime:#d9e288;--line:rgba(42,52,35,.22);--serif:'Playfair Display',Georgia,serif;--body:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--page:clamp(22px,5.6vw,100px)}
*{box-sizing:border-box}html{overflow-x:clip;scroll-behavior:smooth;scroll-padding-top:95px}body{overflow-x:clip;margin:0;background:var(--cream);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .65s,color .65s}body:has(dialog[open]){overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,input{font:inherit}button{border:0;background:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:700}h2{font-family:var(--display);font-size:clamp(60px,7.1vw,116px);letter-spacing:-.035em;line-height:.94}h2 em{font-family:var(--serif);text-transform:none;font-size:.77em;font-weight:500;letter-spacing:-.07em;line-height:1.18}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:var(--cream)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-80px;left:20px;padding:12px 20px;background:var(--ink);color:var(--cream);z-index:100}.skip-link:focus{top:10px}.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;z-index:60}.header{height:102px;padding:0 var(--page);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:20px;flex-shrink:0}.logo-crop{width:132px;height:40px;position:relative;overflow:hidden}.logo-crop img{position:absolute;width:144px;max-width:none;height:auto;left:-6px;top:-23px}.brand-descriptor{font-size:8px;font-weight:600;line-height:1.5;letter-spacing:1.2px;border-left:1px solid var(--line);padding-left:19px}.desktop-nav{display:flex;gap:34px;font-size:12px;font-weight:500}.desktop-nav a{position:relative;padding:8px 0}.desktop-nav a:after,.text-link:after{position:absolute;bottom:1px;left:0;width:100%;height:1px;background:currentColor;content:'';transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.text-link:hover:after{transform:scaleX(1)}.button{min-height:50px;display:inline-flex;gap:30px;align-items:center;justify-content:space-between;padding:13px 23px;border:1px solid transparent;border-radius:2px;font-size:12px;font-weight:500;line-height:1.5;transition:background .25s,transform .25s,color .25s}.button span{font-size:20px;line-height:1}.button-dark{background:var(--ink);color:var(--cream)}.button-dark:hover{background:var(--orange);color:var(--ink);transform:translateY(-3px)}.header-reserve{min-height:44px;font-size:11px;padding:11px 20px;gap:26px}.nav-toggle{display:none;width:42px;height:42px;padding:9px}.nav-toggle span{display:block;width:24px;height:1px;margin:7px 0;background:var(--ink);transition:transform .3s}.mobile-nav[hidden]{display:none}.mobile-nav{position:absolute;top:90px;left:0;width:100%;background:var(--cream);z-index:19;padding:25px var(--page) 35px;border-bottom:1px solid var(--line)}.mobile-nav>a{font:600 42px/1.7 var(--display);display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.mobile-nav>a span{font:12px var(--body);align-self:center}.mobile-nav .button{margin-top:22px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.6}.hero{position:relative;min-height:710px;max-height:1050px;height:calc(100svh - 166px);padding:35px var(--page) 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:4vw;isolation:isolate;overflow:hidden}.hero-copy{align-self:start;z-index:2}.hero-intro{display:flex;gap:10px;align-items:center;animation:enter-up .8s .1s both;font-size:9px;letter-spacing:1.3px}.tiny-star{font-size:24px;line-height:1;animation:slow-spin 16s linear infinite}h1{font-family:var(--display);font-size:clamp(100px,11vw,184px);letter-spacing:-.03em;line-height:.84;margin-top:32px;font-weight:700}.hero-line{display:block;animation:enter-up .95s .2s both}.hero-word{position:relative;color:var(--orange);animation-delay:.32s;margin-top:7px}.coffee-word,.bar-word{transition:opacity .6s,transform .8s;display:block}.bar-word{position:absolute;inset:0;opacity:0;transform:translateY(30px)}.hero-script{display:block;font-family:var(--serif);font-size:.61em;font-style:italic;letter-spacing:-.065em;font-weight:500;line-height:1.3;margin-top:4px;margin-left:3px;white-space:nowrap;position:relative;animation:enter-up .95s .4s both}.coffee-script,.bar-script{display:block;transition:transform .8s,opacity .6s}.bar-script{position:absolute;inset:0;opacity:0;transform:translateY(25px)}.hero-description{font-size:13px;line-height:1.8;margin:24px 0 25px;animation:enter-up .9s .5s both}.hero-actions{display:flex;align-items:center;gap:28px;animation:enter-up .9s .6s both}.text-link{position:relative;display:inline-flex;align-items:center;gap:22px;font-size:12px;font-weight:500;padding:4px 0}.text-link span{font-size:18px}.hero-visual{height:100%;max-height:655px;min-height:510px;position:relative;align-self:center;padding:0 26px 30px 22px;animation:photo-enter 1.35s .15s both}.hero-image-wrap{height:100%;width:100%;position:relative;overflow:hidden;border-radius:49% 49% 2px 2px;background:#b6aa91;transform:rotate(3deg);isolation:isolate}.hero-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 70%,#1f251a66)}.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:48% 60%;transition:opacity .8s;will-change:transform}.coffee-photo{opacity:1}.bar-photo{opacity:0}.photo-orbit{position:absolute;border:1px solid var(--orange);inset:-17px 12px 45px 10px;border-radius:50% 50% 3px 3px;transform:rotate(-4deg)}.photo-caption{position:absolute;bottom:21px;left:50%;transform:translateX(-50%);z-index:2;white-space:nowrap;background:#f2eddf;padding:9px 15px;font-size:8px;letter-spacing:1px;display:flex;align-items:center;gap:8px;color:#2a3423}.live-dot{width:5px;height:5px;background:var(--orange);border-radius:50%}.round-stamp{position:absolute;left:-43px;top:58%;width:133px;height:133px;border-radius:50%;background:var(--orange);z-index:4;box-shadow:0 2px 10px #2221;color:#273321;transform:rotate(-16deg)}.round-stamp svg{width:100%;height:100%;animation:slow-spin 30s linear infinite;fill:currentColor;font-size:10px;font-weight:500;letter-spacing:1px}.round-stamp>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font:bold 58px/1 Georgia,serif}.mini-photo{position:absolute;right:-18px;bottom:-5px;width:142px;background:#f8f5ed;padding:7px 7px 14px;transform:rotate(10deg);box-shadow:0 5px 15px #251d1222;animation:float 7s ease-in-out infinite}.mini-photo img{height:157px;width:100%;object-fit:cover}.mini-photo>span{font:italic 12px var(--serif);display:block;text-align:center;margin-top:8px;white-space:nowrap;color:#2a3423}.hero-squiggle{position:absolute;width:180px;left:-100px;top:8%;transform:rotate(-20deg);color:var(--orange);z-index:2}.visual-note{position:absolute;right:-17px;top:0;writing-mode:vertical-rl;font-size:8px;line-height:1.4;letter-spacing:1.4px;transform:translateY(4px)}.hero-bottom{position:absolute;left:var(--page);right:var(--page);bottom:20px;display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1px}.hero-bottom a{display:flex;gap:24px;align-items:center}.hero-bottom a span{font-size:21px}.hero-coordinates{font-size:8px}.marquee{overflow:hidden;background:var(--ink);color:var(--cream);padding:15px 0;transform:none;width:100%;margin-left:0;position:relative;z-index:3}.marquee-inner{display:flex;white-space:nowrap;width:max-content;animation:marquee 36s linear infinite}.marquee-inner>span{font:600 28px/1 var(--display);letter-spacing:.5px;display:flex;gap:40px;align-items:center;padding-right:40px}.marquee i{color:var(--orange);font-style:normal;font-size:33px}.intro-section{padding:120px var(--page) 70px}.section-meta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;margin-bottom:55px;gap:20px}.section-meta>span:last-child:not(.eyebrow){font-size:8px;letter-spacing:1px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:center}.intro-heading{font-size:clamp(65px,6.4vw,105px)}.intro-heading em{color:var(--orange);font-size:1em}.intro-detail{max-width:370px;position:relative;font-size:14px;line-height:1.9}.intro-detail p+p{margin-top:17px}.sun-icon{position:absolute;left:-80px;top:0;color:var(--orange);font-size:57px;line-height:1;animation:slow-spin 35s linear infinite}.mode-switch{display:flex;justify-content:center;gap:6px;align-items:center;margin-top:80px}.mode-switch>span{font-size:8px;letter-spacing:1.3px;margin-right:20px}.mode-button{display:flex;align-items:center;gap:10px;padding:12px 22px;border-radius:40px;border:1px solid var(--line);font-size:11px;transition:all .35s}.mode-button svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.mode-button.is-active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.mode-button:hover{border-color:var(--orange)}.daynight{height:200svh;position:relative;margin-top:10px}.daynight-stage{position:sticky;top:0;height:100svh;overflow:hidden;background:#332e22;color:#fff9e9;isolation:isolate}.scene{position:absolute;inset:0}.scene img{height:100%;width:100%;object-fit:cover;will-change:transform}.scene-day img{object-position:50% 52%}.scene-night img{object-position:50% 58%}.scene-night{clip-path:inset(0 0 0 100%);will-change:clip-path}.scene-shade{position:absolute;inset:0;background:linear-gradient(#181b1270,#181b1250 50%,#1718109c)}.scene-topline{position:absolute;left:var(--page);right:var(--page);top:36px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.scene-copy{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);text-align:center;width:100%}.scene-eyebrow{display:block;font-size:11px;letter-spacing:3px;margin-bottom:22px}.scene-copy p{font:700 clamp(100px,13vw,210px)/.8 var(--display);letter-spacing:-.03em}.scene-copy em{font:500 italic .7em/1.5 var(--serif);letter-spacing:-.05em}.scene-copy-night{opacity:0}.scene-bottom{position:absolute;bottom:38px;left:var(--page);right:var(--page);display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.scene-bottom>p{font-size:12px;line-height:1.6}.scene-progress{display:flex;gap:17px;align-items:center;position:absolute;left:50%;transform:translateX(-50%);bottom:0;font-size:8px;letter-spacing:1px}.scene-progress>div{height:1px;width:160px;background:#fff6;position:relative}.scene-progress i{display:block;width:8px;height:8px;border-radius:50%;background:#f0ecdc;position:absolute;top:-3px;left:0}.scene-scroll{font-size:8px;letter-spacing:1px}.menu-section{padding:110px var(--page) 120px;background:var(--orange);color:#273321;--line:rgba(39,51,33,.3)}.menu-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.menu-heading h2{font-size:clamp(65px,8vw,130px)}.menu-heading>p{font-size:13px;line-height:1.9;padding-bottom:9px;margin-right:5%}.menu-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:55px 0 40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.menu-tabs button{padding:19px 20px 19px 0;display:flex;gap:15px;align-items:center;position:relative;text-align:left;font:600 26px var(--display);border-right:1px solid var(--line);transition:background .25s}.menu-tabs button:last-child{border-right:0}.menu-tabs button+button{padding-left:22px}.menu-tabs button>span:first-child{font:9px var(--body);align-self:flex-start;margin-top:8px}.menu-tabs button>span:last-child{margin-left:auto;font:25px var(--body);transform:rotate(45deg);transition:transform .3s}.menu-tabs button[aria-selected=true]>span:last-child{transform:rotate(0)}.menu-tabs button:after{position:absolute;content:'';left:0;right:0;bottom:-1px;height:3px;background:#273321;transform:scaleX(0);transition:transform .3s;transform-origin:left}.menu-tabs button[aria-selected=true]:after{transform:scaleX(1)}.menu-tabs button:hover{background:#2a342309}.menu-panel{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:center;min-height:520px}.menu-photo-wrap{height:540px;position:relative;margin-right:8%;isolation:isolate}.menu-photo-wrap img{width:100%;height:100%;object-fit:cover;transition:opacity .2s}.menu-image-tag{position:absolute;bottom:22px;left:22px;background:#f2eddf;padding:11px 16px;font-size:9px;letter-spacing:1.2px}.menu-doodle{position:absolute;right:-46px;top:35px;font-size:120px;line-height:1;color:var(--lime);text-shadow:0 0 1px #273321;animation:slow-spin 30s linear infinite}.menu-content{padding-right:8%}.menu-content h3{font:500 45px/1.05 var(--serif);letter-spacing:-2px;margin:20px 0 25px;max-width:380px}.menu-item{padding:14px 0;border-bottom:1px solid var(--line)}.menu-item>span{font-size:16px;font-weight:600}.menu-item p{font-size:10px;margin-top:4px;line-height:1.5}.menu-content .button{margin-top:27px}.menu-section .button-dark{background:#273321;color:#f2eddf}.menu-section .button-dark:hover{background:var(--cream);color:#273321}.menu-footnote{font-size:8px;line-height:1.7;margin-top:15px;opacity:.8;max-width:300px}.story-section{padding:140px var(--page);display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.story-image{position:relative;height:620px;margin-left:5%;margin-right:10%}.story-image:before{content:'';position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--ink);z-index:-1;transform:rotate(-4deg)}.story-image img{height:100%;width:100%;object-fit:cover;filter:saturate(.85);transform:rotate(-3deg)}.story-handwriting{position:absolute;left:-32px;bottom:65px;background:var(--cream);padding:12px 20px;font:italic 27px/1.1 var(--serif);color:var(--orange);transform:rotate(-8deg)}.image-index{position:absolute;bottom:-40px;left:-13px;font-size:8px;letter-spacing:1.5px}.story-copy h2{font-size:clamp(50px,5.5vw,90px);margin:28px 0 35px}.story-copy .story-lead{font-size:16px;font-weight:600;margin-bottom:19px}.story-copy>p{font-size:12px;line-height:1.9;max-width:330px;margin-bottom:16px}.story-copy .text-link{margin-top:15px}.story-signature{font:italic 26px var(--serif);color:var(--orange);transform:rotate(-5deg);margin:45px 0 0 30px}.gallery-section{padding:40px var(--page) 130px}.gallery-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:55px}.gallery-heading .eyebrow{display:block;margin-bottom:25px}.gallery-heading h2{font-size:clamp(64px,8vw,128px)}.gallery-heading>a{margin-bottom:15px}.gallery-grid{display:grid;grid-template-columns:1fr .85fr 1fr;gap:30px;align-items:start}.gallery-photo{padding:0;position:relative;width:100%;overflow:hidden;text-align:left;aspect-ratio:.8}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.gallery-photo:hover img{transform:scale(1.07)}.gallery-photo>span{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#181d13a8);color:#fff8e9;padding:50px 22px 20px;font-size:8px;letter-spacing:1.3px;display:flex;align-items:center;justify-content:space-between}.gallery-photo i{font-style:normal;font-size:24px}.gallery-photo-2{margin-top:90px;aspect-ratio:.75}.gallery-photo-3{margin-top:40px}.visit-section{background:var(--lime);padding:90px var(--page) 100px;--line:rgba(42,52,35,.3);color:#2a3423}.visit-top{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-bottom:70px}.visit-top h2{font-size:clamp(70px,9vw,145px)}.visit-circle{width:155px;height:155px;flex-shrink:0;border-radius:50%;border:1px solid #2a3423;display:flex;flex-direction:column;justify-content:center;gap:10px;align-items:center;font-size:10px;letter-spacing:1px;line-height:1.5;transition:background .4s,color .4s,transform .5s}.visit-circle>span:last-child{font-size:30px;line-height:1}.visit-circle:hover{background:#2a3423;color:var(--lime);transform:rotate(-10deg)}.visit-grid{display:grid;grid-template-columns:1fr 1fr .8fr;gap:7%}.visit-grid>.visit-address,.visit-grid>.visit-hours,.visit-grid>.visit-contact{border-top:1px solid var(--line);padding-top:20px}.visit-grid .eyebrow{font-size:9px;letter-spacing:1px;display:block;margin-bottom:28px}.visit-address address{font-style:normal;font-size:24px;line-height:1.25;letter-spacing:-.5px}.visit-address address span{font-size:12px;letter-spacing:0;display:block;margin-top:11px}.visit-address .text-link{margin-top:20px}.visit-hours dl{margin:0}.visit-hours dl>div{display:flex;justify-content:space-between;gap:10px;margin-bottom:9px;font-size:11px}.visit-hours dd{margin:0;white-space:nowrap}.visit-hours>p{font-size:9px;margin-top:23px}.visit-contact>a:not(.text-link){display:block;font-size:12px;margin-bottom:12px}.visit-contact>p{font-size:10px;line-height:1.7;margin-top:20px}.visit-contact .text-link{margin-top:23px}.footer{background:#273321;color:#f2eddf;padding:30px var(--page) 20px;overflow:hidden}.footer-large{font:600 clamp(120px,25vw,390px)/1 var(--display);letter-spacing:-.04em;display:flex;align-items:center;justify-content:space-between;margin-left:-6px}.footer-large>span{font-size:.68em;color:var(--orange);line-height:1;display:block;animation:slow-spin 45s linear infinite}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #f2eddf44;padding:25px 0;font-size:8px;letter-spacing:.7px}.footer-bottom>div{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.footer-bottom button{padding:0;font-size:8px;border-bottom:1px solid #f2eddf55}.concept-note{font-size:8px;opacity:.5}.concept-note a{text-decoration:underline}.reveal{opacity:1;transform:none}body.has-js .reveal{opacity:0;transform:translateY(30px);transition:opacity .9s,transform .9s}body.has-js .reveal.is-visible{opacity:1;transform:translateY(0)}.mode-toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:var(--ink);color:var(--cream);font-size:12px;padding:14px 24px;z-index:80;transition:opacity .3s,transform .3s;border:1px solid var(--line);white-space:nowrap}.mode-toast.is-visible{opacity:1;transform:translate(-50%,0)}body.bar-mode{--cream:#30251f;--ink:#f2eddf;--muted:#c4b7a6;--orange:#ff7951;--line:rgba(242,237,223,.23);background:#30251f}.bar-mode .logo-crop img{filter:invert(1)}.bar-mode .coffee-word,.bar-mode .coffee-script{opacity:0;transform:translateY(-25px)}.bar-mode .bar-word,.bar-mode .bar-script{opacity:1;transform:translateY(0)}.bar-mode .coffee-photo{opacity:0}.bar-mode .bar-photo{opacity:1}.bar-mode .photo-orbit{transform:rotate(7deg);transition:transform 1s}.bar-mode .mini-photo img{content:url('assets/coffee.webp')}
dialog{padding:50px;color:var(--ink);background:var(--cream);border:0;max-height:90svh;overflow:auto;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#1d251bc9;backdrop-filter:blur(8px)}dialog[open]{animation:dialog-enter .3s both}.dialog-close{position:absolute;right:20px;top:14px;width:40px;height:40px;font-size:30px;line-height:1;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;transition:background .25s}.dialog-close:hover{background:var(--orange)}.reserve-dialog{width:min(610px,90vw);padding:60px}.reserve-dialog h2{font-size:64px;margin:25px 0;line-height:1}.reserve-dialog>p{font-size:13px;line-height:1.8;margin-bottom:30px;max-width:380px}.reserve-dialog>.button{display:flex}.reserve-options{margin-top:24px}.reserve-options a{display:block;padding:15px 0;border-bottom:1px solid var(--line);font-size:14px}.reserve-options span{display:block;font-size:8px;letter-spacing:1.3px;margin-bottom:4px}.dialog-note{font-size:8px;opacity:.6;display:block;margin-top:25px}.menu-dialog{width:min(1040px,94vw);padding:35px}.menu-dialog-head{position:relative;padding:0 60px 30px 0;border-bottom:1px solid var(--line)}.menu-dialog-head .dialog-close{right:0;top:0}.menu-dialog h2{font:500 40px var(--serif);margin-top:7px;letter-spacing:-1px}.original-menu>p{font-size:13px;margin:25px 0}.original-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:25px 0}.original-menu-grid img{width:100%;height:auto;border:1px solid var(--line)}.photo-dialog{padding:16px 16px 12px;background:#f2eddf;overflow:visible;max-width:94vw}.photo-dialog>img{max-height:77svh;max-width:82vw;object-fit:contain}.photo-dialog .dialog-close{right:26px;top:26px;background:var(--cream);z-index:2}.photo-dialog>p{font-size:10px;color:#2a3423;margin-top:12px;text-align:center}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;scroll-behavior:auto!important}.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
@keyframes slow-spin{to{transform:rotate(360deg)}}@keyframes float{0%,100%{transform:translateY(0) rotate(10deg)}50%{transform:translateY(-13px) rotate(7deg)}}@keyframes enter-up{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{opacity:0;transform:translateY(35px) rotate(3deg)}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dialog-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1600px){.hero{min-height:880px;padding-top:70px}.hero-visual{max-width:650px;width:100%;justify-self:center}.hero-description{font-size:15px}.hero-actions .button{font-size:14px}.hero-copy{align-self:center;margin-top:-30px}.hero-image-wrap{max-width:560px}.hero-visual{max-height:720px}.hero-line{font-size:1em}}
@media(max-width:1100px){.brand-descriptor{display:none}.desktop-nav{gap:22px}.hero{gap:1vw;min-height:700px;padding-top:45px}.hero-intro{font-size:7px;letter-spacing:.8px}.hero-visual{padding-right:15px;padding-left:35px;min-height:470px;height:90%}.round-stamp{left:-6px;width:110px;height:110px}.round-stamp>span{font-size:45px}.mini-photo{right:-13px;width:115px}.mini-photo img{height:128px}.mini-photo>span{font-size:10px}.hero-squiggle{width:130px;left:-50px}.hero-actions{gap:16px}.hero-actions .button{padding:12px 17px;gap:18px}.hero-actions .text-link{font-size:10px;gap:10px}.hero-coordinates{display:none}.menu-panel{gap:9%;min-height:490px}.menu-photo-wrap{height:480px}.menu-content h3{font-size:38px}.story-image{height:540px;margin-left:3%;margin-right:3%}.story-section{gap:9%;padding-top:110px;padding-bottom:110px}.story-handwriting{font-size:24px}.visit-grid{gap:5%}.footer-bottom{font-size:7px}.footer-bottom>div{gap:14px}.footer-bottom button{font-size:7px}}
@media(max-width:760px){:root{--page:24px}html{scroll-padding-top:25px}.header{height:80px;gap:15px}.logo-crop{width:105px;height:35px}.logo-crop img{width:116px;left:-5px;top:-18px}.desktop-nav{display:none}.header-reserve{margin-left:auto;font-size:9px;min-height:37px;padding:9px 11px;gap:16px}.header-reserve>span{font-size:16px}.nav-toggle{display:block;margin-right:-8px}.mobile-nav{top:80px}.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)}.hero{height:auto;min-height:0;max-height:none;padding-top:32px;padding-bottom:68px;grid-template-columns:1fr;gap:36px;overflow:hidden}.hero-intro{font-size:7px;letter-spacing:1px;line-height:1.5}.tiny-star{font-size:18px}.hero-copy{position:relative}h1{font-size:clamp(88px,25vw,160px);margin-top:22px;line-height:.84}.hero-script{font-size:.59em;line-height:1.3}.hero-word{margin-top:5px}.hero-description{font-size:12px;margin-top:17px;margin-bottom:20px;line-height:1.7}.hero-actions{gap:22px}.hero-actions .button{font-size:11px;min-height:45px;padding:12px 17px;gap:24px}.hero-actions .text-link{font-size:10px;gap:12px}.hero-visual{height:450px;min-height:0;max-height:none;max-width:430px;width:83%;margin-left:auto;justify-self:end;padding:0 15px 12px 0}.hero-image-wrap{border-radius:48% 48% 0 0;transform:rotate(3deg)}.photo-orbit{inset:-10px 4px 23px -9px}.round-stamp{left:-45px;top:54%;width:105px;height:105px}.round-stamp>span{font-size:43px}.mini-photo{width:115px;bottom:-12px;right:0}.mini-photo img{height:125px}.hero-squiggle{left:-63px;top:11%;width:120px;transform:rotate(-45deg)}.visual-note{right:-10px;font-size:7px}.photo-caption{font-size:6px;padding:8px 9px;left:45%;bottom:20px;letter-spacing:.7px;gap:5px}.hero-bottom{font-size:6px;bottom:20px;letter-spacing:.5px;gap:20px}.hero-bottom>a{font-size:6px;gap:8px}.hero-bottom>a span{font-size:15px}.marquee{padding:13px 0}.marquee-inner>span{font-size:23px;gap:22px;padding-right:22px}.marquee i{font-size:25px}.intro-section{padding-top:70px;padding-bottom:45px}.section-meta{padding-top:15px;margin-bottom:35px}.section-meta .eyebrow{font-size:8px;letter-spacing:1px}.section-meta>span:last-child:not(.eyebrow){font-size:6px;letter-spacing:.5px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro-heading{font-size:clamp(64px,14vw,100px)}.intro-detail{max-width:350px;margin-left:50px;font-size:12px;line-height:1.85}.sun-icon{left:-50px;font-size:35px;top:6px}.mode-switch{margin-top:38px;flex-wrap:wrap;gap:8px}.mode-switch>span{width:100%;text-align:center;margin:0 0 10px}.mode-button{padding:10px 19px;font-size:10px;gap:9px}.daynight{height:160svh}.daynight-stage{height:85svh;min-height:540px;top:0}.scene-topline{top:25px;font-size:6px;letter-spacing:.9px;gap:40px}.scene-topline>span{max-width:130px}.scene-topline>span:last-child{text-align:right}.scene-day img{object-position:55% 50%}.scene-copy p{font-size:clamp(85px,20vw,150px)}.scene-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:22px}.scene-bottom{bottom:25px;gap:20px}.scene-bottom>p{font-size:10px}.scene-progress{position:relative;transform:none;left:auto;gap:8px;font-size:6px}.scene-progress>div{width:70px}.scene-scroll{display:none}.menu-section{padding-top:65px;padding-bottom:65px}.menu-heading{display:block}.menu-heading h2{font-size:clamp(64px,14.5vw,100px)}.menu-heading>p{font-size:10px;line-height:1.7;margin-top:20px}.menu-tabs{margin-top:30px;margin-bottom:25px}.menu-tabs button{font-size:20px;padding:14px 10px 14px 0;gap:7px}.menu-tabs button+button{padding-left:10px}.menu-tabs button>span:first-child{display:none}.menu-tabs button>span:last-child{font-size:16px}.menu-panel{grid-template-columns:1fr;gap:35px;min-height:0}.menu-photo-wrap{height:400px;width:86%;margin:0}.menu-doodle{font-size:92px;right:-45px}.menu-image-tag{font-size:7px;padding:10px 13px;left:17px;bottom:17px}.menu-content{padding:0 5px}.menu-content h3{font-size:38px;line-height:1.15;margin-top:15px;max-width:none}.menu-item{padding:12px 0}.menu-item>span{font-size:14px}.menu-item p{font-size:10px}.menu-footnote{font-size:8px}.story-section{padding-top:85px;padding-bottom:65px;grid-template-columns:1fr;gap:85px}.story-image{height:465px;width:83%;margin-left:10%;margin-right:0}.story-image:before{inset:-10px 10px 10px -10px}.story-handwriting{left:-30px;bottom:45px;font-size:23px}.image-index{font-size:7px;bottom:-35px}.story-copy h2{font-size:clamp(58px,12.5vw,88px);margin:22px 0 25px}.story-copy>p{max-width:100%;font-size:12px}.story-copy .story-lead{font-size:15px}.story-signature{font-size:25px;margin-top:32px;margin-left:15px}.gallery-section{padding-top:40px;padding-bottom:70px}.gallery-heading{display:block;margin-bottom:35px}.gallery-heading .eyebrow{font-size:8px;margin-bottom:18px}.gallery-heading h2{font-size:clamp(62px,14vw,100px)}.gallery-heading>a{margin-top:20px}.gallery-grid{grid-template-columns:1fr 1fr;gap:15px}.gallery-photo-1{aspect-ratio:.72}.gallery-photo-2{margin-top:55px;aspect-ratio:.72}.gallery-photo-3{grid-column:1/-1;aspect-ratio:1.35;margin-top:10px;max-height:340px}.gallery-photo-3 img{object-position:50% 70%}.gallery-photo>span{font-size:6px;letter-spacing:.5px;padding:35px 11px 12px}.gallery-photo i{font-size:19px}.visit-section{padding-top:60px;padding-bottom:65px}.visit-top{align-items:flex-start;gap:5px;margin-bottom:45px;position:relative;display:block}.visit-top h2{font-size:clamp(62px,14vw,100px)}.visit-circle{width:95px;height:95px;font-size:7px;gap:5px;margin:25px 0 0 auto}.visit-circle>span:last-child{font-size:23px}.visit-grid{grid-template-columns:1fr;gap:35px}.visit-grid .eyebrow{font-size:8px;margin-bottom:18px}.visit-address address{font-size:28px}.visit-address address span{font-size:12px}.visit-hours dl>div{font-size:12px;margin-bottom:12px}.visit-hours>p{font-size:10px;margin-top:16px}.visit-contact>a:not(.text-link){font-size:14px}.visit-contact>p{font-size:11px}.footer{padding-top:25px}.footer-large{font-size:25vw;margin-left:-2px;margin-bottom:15px}.footer-bottom{flex-wrap:wrap;gap:20px;font-size:7px;padding:20px 0}.footer-bottom>div{order:3;width:100%;gap:22px}.footer-bottom button{font-size:8px}.footer-bottom>div a{font-size:8px}.concept-note{font-size:7px;line-height:1.6}.mode-toast{font-size:10px;padding:12px 16px;bottom:20px}.reserve-dialog{padding:55px 27px 28px}.reserve-dialog h2{font-size:54px}.reserve-dialog>p{font-size:12px}.reserve-options a{font-size:12px}.reserve-dialog>.button{font-size:11px;padding:13px 17px;gap:10px}.menu-dialog{padding:22px}.menu-dialog h2{font-size:29px}.menu-dialog-head .eyebrow{font-size:7px}.menu-dialog-head{padding-right:45px;padding-bottom:20px}.original-menu-grid{grid-template-columns:1fr;gap:20px}.photo-dialog{padding:10px}.photo-dialog>img{max-width:85vw;max-height:75svh}.photo-dialog>p{font-size:9px;margin-top:9px}.photo-dialog .dialog-close{right:19px;top:19px;width:34px;height:34px;font-size:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}body.has-js .reveal{opacity:1;transform:none}.daynight{height:auto}.daynight-stage{position:relative;height:80svh}.scene-night{clip-path:inset(0 0 0 50%)}.scene-copy-day{opacity:1}.scene-copy-night{display:none}.scene-scroll{display:none}}

@media(max-width:380px){:root{--page:20px}.header{gap:10px}.logo-crop{width:92px}.logo-crop img{width:103px;top:-15px}.header-reserve{font-size:8px;gap:10px;padding:9px 10px}.nav-toggle{width:34px;padding:6px;margin-right:-4px}.hero-intro{font-size:6px}.hero-actions{gap:15px}.hero-actions .button{padding:12px 13px;gap:15px;font-size:10px}.hero-actions .text-link{font-size:9px;gap:8px}.menu-tabs button{font-size:18px;gap:5px}.menu-tabs button+button{padding-left:8px}.menu-content h3{font-size:34px}.visit-top h2{font-size:59px}}

/* The atmosphere control stays beside the opening scene for immediate feedback. */
.mode-switch-top{margin:0;min-height:64px;padding:10px var(--page);gap:6px;justify-content:flex-end;flex-wrap:nowrap;border-bottom:1px solid var(--line);position:relative;z-index:10}
.mode-switch-top>span{width:auto;text-align:left;margin:0 auto 0 0}
.mode-switch-top .mode-button{min-height:40px;padding:9px 20px}
@media(max-width:760px){.mode-switch-top{min-height:60px;margin:0;padding:9px var(--page);justify-content:center;gap:6px}.mode-switch-top>span{display:none}.mode-switch-top .mode-button{min-width:135px;justify-content:center}}
@media(max-width:380px){.mode-switch-top .mode-button{min-width:0;flex:1;padding:9px 12px}}