@import url('https://fonts.googleapis.com/css2?family=GFS+Didot&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#073c39;--deep:#092c2a;--cream:#f5e8cf;--orange:#ec6c36;--ink:#183b37}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:16px;line-height:1.7}a{color:inherit;text-underline-offset:6px}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.skip{position:absolute;left:1rem;top:-80px;z-index:20;background:var(--cream);padding:12px}.skip:focus{top:1rem}header{background:var(--green);color:var(--cream);padding:20px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #f5e8cf40}.brand{font-family:var(--title-font);font-size:30px;line-height:1.05;text-decoration:none}.brand span{display:block;font:12px Manrope,Arial,sans-serif;margin-top:10px}nav{display:flex;gap:28px}nav a,.header-phone{font-size:14px;text-decoration:none}.header-phone{border-bottom:1px solid #f5e8cf75}.hero{background:var(--green);color:var(--cream);padding:32px 5% 60px;overflow:hidden}.hero-top,.festival-meta{display:flex;justify-content:space-between;gap:20px;font-size:12px;letter-spacing:1.3px}.hero h1{font-family:var(--title-font);font-size:clamp(6rem,19vw,20rem);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:20px 0 5px}.little{display:block;font-family:Manrope,Arial,sans-serif;font-size:16px;letter-spacing:0;line-height:1.7;margin-bottom:-15px}.period{color:var(--orange)}.hero-bottom{display:grid;grid-template-columns:.9fr 1.25fr 40px;gap:40px;align-items:center;margin-top:8px}.hero-line{font-family:var(--title-font);font-size:42px;line-height:1.2;margin:0 0 18px}.hero-copy>p:not(.hero-line){font-size:16px;color:#e3dccb}.pill{display:inline-block;border:1px solid currentColor;border-radius:40px;text-decoration:none;padding:13px 25px;font-size:14px;font-weight:700;margin-top:16px;transition:background .2s,color .2s}.pill:hover{background:var(--cream);color:var(--green)}.pill.dark:hover{background:var(--green);color:var(--cream)}.hero-note{display:block;margin-top:32px;font-size:12px;letter-spacing:1px}.hero-photo{margin:0;position:relative}.hero-photo img{width:100%;height:350px;object-fit:cover;filter:saturate(.8);border-radius:110px 0 0 0}.hero-photo figcaption{font-size:12px;text-align:right;margin-top:6px}.vertical{writing-mode:vertical-rl;font-size:12px;letter-spacing:2px}.band{padding:14px 0;background:var(--orange);color:var(--deep);display:flex;justify-content:space-around;gap:25px;overflow:hidden;white-space:nowrap;font-weight:800;font-size:18px;letter-spacing:2px}.section{padding:90px 7%;scroll-margin-top:1rem}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700}.story-grid{display:grid;grid-template-columns:1fr .8fr;gap:10%;margin-top:32px}h2{font-family:var(--title-font);font-size:clamp(2.6rem,5.5vw,5.5rem);line-height:1.16;font-weight:500;letter-spacing:-.025em;margin:0}p{max-width:38rem}.intro{font-size:24px;line-height:1.5;margin-top:0}.text-link{display:inline-block;font-size:14px;font-weight:700;margin-top:16px}.story{border-bottom:1px solid #073c3933}.section-title{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:25px 0 32px}.section-title>span{font-size:12px;letter-spacing:1px}.chapter-buttons{display:flex;border-top:1px solid #073c3966;border-bottom:1px solid #073c3966}.chapter-buttons button{flex:1;border:0;background:none;color:var(--ink);text-align:left;padding:18px 20px;cursor:pointer;font-size:16px;font-weight:700}.chapter-buttons button[aria-pressed=true]{background:var(--green);color:var(--cream)}.chapter{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-top:40px}.chapter figure{margin:0}.chapter img{width:100%;height:440px;object-fit:cover}.chapter figcaption{font-size:12px;margin-top:8px}.chapter h3{font-family:var(--title-font);font-size:clamp(2.4rem,4vw,4rem);line-height:1.2;font-weight:500;margin:20px 0}.music{background:var(--deep);color:var(--cream)}.music-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;margin-top:32px}.music h2 em{color:var(--orange);font-weight:400}.cinema{border-top:1px solid #f5e8cf55;margin-top:45px;padding-top:20px}.cinema>span{letter-spacing:2px;font-size:14px}.cinema p{font-size:14px}.festival{background:var(--orange);color:var(--deep)}.festival h2{font-size:clamp(3.5rem,10vw,10rem);line-height:1.05;margin:35px 0}.festival h2 i{font-style:normal}.festival-bottom{display:flex;justify-content:space-between;align-items:start;gap:60px}.festival-bottom>p{font-size:20px;margin:0}.festival details{border-top:1px solid #092c2a88;border-bottom:1px solid #092c2a88;padding:14px 0;width:40%;font-size:16px}.festival summary{cursor:pointer;font-weight:700}.visit h2{margin:30px 0 50px}.visit-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;border-top:1px solid #073c3966;padding-top:25px}.phone{display:block;font-family:var(--title-font);font-size:32px;margin-top:10px;text-decoration:none}.visit-grid .text-link{display:block}.visit-grid p{font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 7%;background:var(--green);color:var(--cream)}footer>span{font-family:var(--title-font);font-size:45px}footer p,footer a{font-size:12px}footer p{margin:0}@media(min-width:1500px){.hero,.section,header,footer{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}}@media(max-width:800px){header{flex-wrap:wrap;padding:20px 6%}.header-phone{font-size:12px}nav{order:3;width:100%;justify-content:space-between;gap:10px;padding-top:10px}nav a{font-size:12px}.hero{padding:28px 6% 40px}.hero-top{font-size:12px}.hero-top span:last-child{display:none}.hero h1{font-size:23vw;margin:24px 0;line-height:1.25}.little{font-size:14px;margin-bottom:0}.hero-bottom{grid-template-columns:1fr;gap:30px}.hero-copy{display:grid;grid-template-columns:1fr 1fr;column-gap:20px}.hero-line{font-size:36px}.hero-copy>p:not(.hero-line){font-size:14px;margin:0}.hero-copy .pill{justify-self:start;grid-column:1 / -1}.hero-note{grid-column:1 / -1;margin-top:20px}.hero-photo img{height:300px;border-radius:80px 0 0 0}.vertical{display:none}.band{justify-content:start;padding:14px 20px;font-size:14px}.section{padding:60px 6%}.story-grid,.music-grid{grid-template-columns:1fr;gap:30px}h2{font-size:44px}.intro{font-size:21px}.section-title{display:block}.section-title>span{display:block;margin-top:14px}.chapter-buttons button{font-size:12px;padding:14px 8px}.chapter{grid-template-columns:1fr;gap:25px}.chapter img{height:300px}.chapter h3{font-size:42px}.music h2{font-size:54px}.festival h2{font-size:13vw}.festival-bottom{display:block}.festival details{width:100%;margin-top:30px}.visit-grid{grid-template-columns:1fr;gap:30px}.visit-grid>div{border-bottom:1px solid #073c3922;padding-bottom:22px}footer{flex-wrap:wrap;padding:30px 6%}footer>span{font-size:35px}footer a{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* One place, three rhythms. */
:root{--scene-bg:#f5e8cf;--scene-fg:#073c39;--scene-accent:#aa4c2d;--scene-panel:#e9d5b1;--scene-muted:#4b6256;--line:#073c3940}
body[data-time=noon]{--scene-bg:#f4e3bc;--scene-fg:#482c1e;--scene-accent:#b44224;--scene-panel:#e7c88d;--scene-muted:#68503a;--line:#482c1e40;--green:#482c1e;--deep:#39271f;--cream:#f4e3bc;--orange:#d86732;--ink:#482c1e}
body[data-time=night]{--scene-bg:#092c2a;--scene-fg:#f5e8cf;--scene-accent:#ec873f;--scene-panel:#164440;--scene-muted:#c2cbbd;--line:#f5e8cf40;--green:#073c39;--deep:#071e1d;--cream:#f5e8cf;--orange:#ec873f;--ink:#f5e8cf}
body{background:var(--scene-bg);color:var(--scene-fg);transition:background-color .55s,color .55s}main{display:flex;flex-direction:column}.hero{order:0}.band{order:1}.story{order:2}.day{order:3}.music{order:4}.festival{order:5}.visit{order:6}.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}header{background:var(--scene-bg);color:var(--scene-fg);border-color:var(--line);transition:background .55s,color .55s}.header-phone{border-color:var(--line)}.hero{background:var(--scene-bg);color:var(--scene-fg);padding-top:25px;padding-bottom:24px;transition:background .55s,color .55s}.scene-picker{margin:28px 0 15px;display:flex;align-items:center;gap:32px;position:relative;z-index:2}.picker-label{font-size:12px;letter-spacing:1.5px;max-width:120px;line-height:1.6}.scene-options{display:flex;border:1px solid var(--line);border-radius:50px;padding:5px;flex:1;max-width:740px;background:var(--scene-panel)}.scene-options button{position:relative;flex:1;min-height:65px;border:0;border-radius:40px;background:transparent;color:var(--scene-fg);padding:9px 18px;text-align:left;font-size:20px;cursor:pointer;transition:background .3s,color .3s,transform .25s}.scene-options button:hover{transform:translateY(-2px)}.scene-options button[aria-pressed=true]{background:var(--scene-fg);color:var(--scene-bg);box-shadow:0 4px 15px #00000016}.scene-number{font-size:12px;margin-right:6px;opacity:.65}.scene-sub{display:block;font-size:12px;margin-left:26px;font-weight:400}.hero-title{position:relative}.hero h1{font-size:clamp(6rem,17vw,18rem);margin:0;line-height:1.15;font-weight:400}.hero-title .little{margin:16px 0 -8px}.period{color:var(--scene-accent)}.hero-bottom{margin-top:10px;grid-template-columns:1fr 1.25fr 30px}.hero-line{font-size:clamp(2.2rem,3.5vw,3.6rem);line-height:1.16;margin:14px 0 20px}.hero-copy>p:not(.hero-line){color:var(--scene-muted);max-width:27rem}.hero-photo img{height:340px;filter:saturate(.9);border-radius:130px 130px 0 0;box-shadow:14px 14px 0 var(--scene-panel);transition:border-radius .55s,filter .55s}.hero-photo figcaption{margin-top:22px;color:var(--scene-muted)}.hero-note{color:var(--scene-muted)}.scene-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:35px;padding-top:17px;font-size:12px;letter-spacing:1px}.scene-footer a{letter-spacing:0}.pill{position:relative;overflow:hidden;transition:background .25s,color .25s,transform .25s,box-shadow .25s}.hero .pill{background:var(--scene-fg);color:var(--scene-bg);border-color:var(--scene-fg)}.pill:hover{transform:translateY(-3px);box-shadow:0 5px 0 var(--scene-accent);background:var(--scene-fg);color:var(--scene-bg)}.pill:active{transform:translateY(0);box-shadow:none}.section{transition:background .5s,color .5s}.story{border-color:var(--line)}.chapter-buttons{border-color:var(--line)}.chapter-buttons button{color:var(--scene-fg)}.chapter-buttons button[aria-pressed=true]{background:var(--scene-fg);color:var(--scene-bg)}.day .pill{border-color:var(--scene-fg);color:var(--scene-fg)}.day .pill:hover{color:var(--scene-bg)}.day .chapter img{border-radius:3px 80px 3px 3px;transition:border-radius .5s}.visit-grid{border-color:var(--line)}.visit .pill:hover{background:var(--scene-fg);color:var(--scene-bg)}.band{color:var(--deep)}.music{position:relative;overflow:hidden}.music .pill:hover{background:var(--cream);color:var(--deep)}.festival{color:var(--deep)}.festival details{transition:padding .2s}.festival details[open]{padding-bottom:25px}.text-link,nav a{transition:color .2s}nav a:hover,.text-link:hover{color:var(--scene-accent)}
body[data-time=noon] .day{order:2}body[data-time=noon] .story{order:3}body[data-time=noon] .festival{order:4}body[data-time=noon] .music{order:5}body[data-time=noon] .hero-bottom{grid-template-columns:1.3fr 1fr 30px}body[data-time=noon] .hero-photo{grid-column:1;grid-row:1}body[data-time=noon] .hero-copy{grid-column:2;grid-row:1}body[data-time=noon] .hero-photo img{border-radius:0;height:410px;box-shadow:-14px 14px 0 var(--scene-accent)}body[data-time=noon] .hero-title{text-align:right}body[data-time=noon] .hero h1{font-size:clamp(6rem,14vw,15rem)}body[data-time=noon] .chapter{grid-template-columns:1.15fr .85fr}body[data-time=noon] .chapter img{border-radius:0}body[data-time=noon] .band{background:var(--scene-accent);color:var(--scene-bg)}
body[data-time=night] .music{order:2}body[data-time=night] .day{order:3}body[data-time=night] .festival{order:4}body[data-time=night] .story{order:5}body[data-time=night] .scene-stage{position:relative;margin-top:25px;padding:26px 4% 35px;isolation:isolate;min-height:590px;overflow:hidden}body[data-time=night] .scene-stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e1df2 5%,#071e1dbb 50%,#071e1d60),url('assets/masali-cellar-night.webp') center/cover;z-index:-1}body[data-time=night] .hero h1{font-size:clamp(6rem,17vw,18rem);color:var(--scene-fg);text-shadow:0 0 40px #ec873f20}body[data-time=night] .hero-bottom{grid-template-columns:1fr 30px}body[data-time=night] .hero-copy{max-width:550px}body[data-time=night] .hero-photo{display:none}body[data-time=night] .vertical{grid-column:2}body[data-time=night] .hero-note{color:var(--scene-accent)}body[data-time=night] .chapter{grid-template-columns:.9fr 1.1fr}body[data-time=night] .chapter img{border-radius:110px 0 0 0;filter:brightness(.75)}body[data-time=night] .story{background:#103834}body[data-time=night] .visit-grid>div{border-color:var(--line)}body[data-time=night] .music{background:#071e1d}body[data-time=night] footer{background:#071e1d}.scene-changing .scene-stage,.scene-changing .chapter{animation:scene-arrive .65s ease both}@keyframes scene-arrive{from{opacity:.35;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:800px){.hero-top span:last-child{display:none}.scene-picker{display:block;margin-top:20px}.picker-label{display:block;max-width:none;margin-bottom:10px}.scene-options{width:100%;max-width:none;padding:4px}.scene-options button{font-size:16px;padding:10px 9px;min-height:55px;text-align:center}.scene-number{display:none}.scene-sub{font-size:12px;margin:0}.hero-title .little{font-size:14px;margin:22px 0 0}.hero h1,body[data-time=noon] .hero h1{font-size:23vw}.hero-bottom,body[data-time=noon] .hero-bottom,body[data-time=night] .hero-bottom{grid-template-columns:1fr;gap:26px}.hero-copy{display:block}.hero-line{font-size:36px}.hero-copy>p:not(.hero-line){font-size:16px;max-width:30rem;margin-bottom:14px}.hero-copy .eyebrow{font-size:12px}.hero-photo img{height:280px;border-radius:95px 95px 0 0;box-shadow:8px 8px 0 var(--scene-panel)}.hero-photo figcaption{margin-top:16px}.hero-note{font-size:12px}.scene-footer{display:block;margin-top:25px}.scene-footer a{display:block;margin-top:7px}.hero-title,body[data-time=noon] .hero-title{text-align:left}body[data-time=noon] .hero-copy{grid-column:1;grid-row:1}body[data-time=noon] .hero-photo{grid-column:1;grid-row:2}body[data-time=noon] .hero-photo img{height:300px;box-shadow:8px 8px 0 var(--scene-accent)}body[data-time=noon] .chapter,body[data-time=night] .chapter{grid-template-columns:1fr}body[data-time=night] .scene-stage{padding:24px 6% 30px;margin-left:-6.8%;margin-right:-6.8%;min-height:550px}body[data-time=night] .hero h1{font-size:22vw}body[data-time=night] .scene-stage:before{background:linear-gradient(0deg,#071e1df2,#071e1dbb),url('assets/masali-cellar-night.webp') center/cover}body[data-time=night] .hero-copy{max-width:none}body[data-time=night] .hero-title .little{margin-top:0}.chapter-buttons button{font-size:14px}.scene-options button:focus-visible{outline-offset:0}.music h2{font-size:clamp(2.6rem,10vw,3.4rem)}}
@media(prefers-reduced-motion:reduce){.scene-changing .scene-stage,.scene-changing .chapter{animation:none}.pill:hover,.scene-options button:hover{transform:none}}

/* Authentic supplied brand artwork, preserved in full. */
.brand{display:block;flex:0 0 auto;line-height:0}.brand-logo{display:block;width:168px;height:auto;max-width:100%;object-fit:contain}.footer-brand{display:block;flex:0 0 auto;width:180px;line-height:0}.footer-brand img{display:block;width:100%;height:auto}header{padding-top:14px;padding-bottom:14px}@media(max-width:800px){.brand-logo{width:126px}.footer-brand{width:150px}footer a.footer-brand{width:150px}header{padding-top:12px;padding-bottom:12px}}

/* The real logo replaces the large introductory wordmark. */
.hero-title{display:flex;justify-content:center;margin:30px 0}.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{font-size:0;line-height:0;margin:0;width:min(480px,100%);letter-spacing:0;text-shadow:none}.hero-brand-logo{display:block;width:100%;height:auto;object-fit:contain}body[data-time=noon] .hero-title{justify-content:flex-end}body[data-time=night] .hero-title{justify-content:flex-start}header nav{margin-right:auto}@media(max-width:800px){header nav{order:0;width:auto;flex:1;flex-wrap:wrap;padding-top:0;justify-content:flex-start;gap:10px 18px}header .header-phone{margin-left:auto}.hero-title,body[data-time=noon] .hero-title,body[data-time=night] .hero-title{justify-content:center;margin:25px 0}.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{width:min(330px,100%)}}

/* Frame the supplied transparent PNG around its actual artwork. */
.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{position:relative;width:min(600px,100%);aspect-ratio:1278 / 889;overflow:hidden}.hero-brand-logo,.footer-brand img{position:absolute;width:113.2238%;max-width:none;height:auto;left:-5.5556%;top:-60.5174%;object-fit:initial}.footer-brand{position:relative;aspect-ratio:1278 / 889;overflow:hidden}body[data-time=night] .hero-brand-logo,footer .footer-brand img{filter:drop-shadow(0 0 1px #f5e8cf88)}@media(max-width:800px){.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{width:min(370px,100%)}}

/* Use the exact lettering from the supplied artwork below the mark. */
.hero-title{flex-direction:column;align-items:center;gap:20px}.brand-tagline{position:relative;width:min(660px,100%);aspect-ratio:1330 / 140;overflow:hidden;mix-blend-mode:multiply}.brand-tagline img{display:block;position:absolute;max-width:none;width:153.9098%;height:auto;left:-27.0677%;top:-857.1429%}body[data-time=noon] .hero-title{align-items:flex-end}body[data-time=night] .hero-title{align-items:flex-start}body[data-time=night] .brand-tagline{mix-blend-mode:screen;filter:grayscale(1) invert(1)}@media(max-width:800px){.hero-title,body[data-time=noon] .hero-title,body[data-time=night] .hero-title{align-items:center;gap:15px}.brand-tagline{width:min(400px,100%)}}

/* Greek handwriting for the morning welcome. */
body[data-time=morning] #scene-title{font-family:'Mynerve',cursive;font-weight:400;font-size:clamp(2.4rem,3.7vw,3.8rem);line-height:1.35;letter-spacing:0}@media(max-width:800px){body[data-time=morning] #scene-title{font-size:clamp(2rem,8.5vw,2.6rem);line-height:1.4}}

@font-face{font-family:'Masali Handwriting';src:url('assets/mynerve.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}body[data-time=morning] #scene-title{font-family:'Masali Handwriting',cursive;font-weight:400;line-height:1.4;letter-spacing:0}

@font-face{font-family:'Masali Calligraphy';src:url('assets/gfs-olga.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}body[data-time=morning] #scene-title{font-family:'Masali Calligraphy',serif;font-style:normal;font-weight:400;font-size:clamp(2.5rem,4vw,4rem);line-height:1.3;letter-spacing:0}@media(max-width:800px){body[data-time=morning] #scene-title{font-size:clamp(2.1rem,8.5vw,2.8rem);line-height:1.35}}

/* One shared Greek display face across every scene and section. */
@font-face{font-family:'Masali Calligraphy Alternative';src:url('assets/gfs-solomos.woff') format('woff');font-style:normal;font-weight:400;font-display:swap}:root{--title-font:'Roboto Condensed',Arial,sans-serif}#scene-title,body[data-time=morning] #scene-title,.section h2,.chapter h3{font-family:var(--title-font);font-style:normal;font-weight:500;letter-spacing:0;line-height:1.32}.music h2 em{font-style:normal}.festival h2{font-family:var(--title-font)}
.morning-menu{display:none;padding-top:70px;scroll-margin-top:30px}body[data-time=morning] .morning-menu{display:block}.menu-intro{border-top:1px solid var(--line);padding-top:30px}.menu-intro h2{margin:16px 0}.menu-intro p{font-size:18px}.morning-categories{display:grid;grid-template-columns:1fr 1fr;gap:6%;margin-top:40px}.menu-category{border-top:3px solid var(--scene-accent);padding-top:25px}.menu-category h3{font-family:var(--title-font);font-size:clamp(2.5rem,4vw,4rem);font-weight:500;line-height:1.3;margin:14px 0}.menu-category>p{margin-bottom:24px}.menu-items{list-style:none;padding:0;margin:0}.menu-items li{display:flex;align-items:baseline;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:13px 0;font-size:16px;line-height:1.55}.menu-items strong{white-space:nowrap;font-size:16px;font-weight:600}.menu-featured{margin-bottom:28px}.menu-group{border-top:1px solid var(--line);padding:17px 0}.menu-group summary{cursor:pointer;font-size:18px;font-weight:700}.menu-group summary>span{float:right;font-size:14px;font-weight:400;color:var(--scene-muted)}.menu-group[open] summary{margin-bottom:16px}.menu-group .menu-items li{font-size:15px}.menu-source{margin-top:35px;font-size:14px;color:var(--scene-muted);border-top:1px solid var(--line);padding-top:18px}@media(max-width:800px){.morning-menu{padding-top:45px}.morning-categories{grid-template-columns:1fr;gap:40px}.menu-category h3{font-size:42px}.menu-items li{gap:16px}.menu-group summary{font-size:16px}}

.lunch-menu{display:none;padding-top:70px;scroll-margin-top:30px}body[data-time=noon] .lunch-menu{display:block}@media(max-width:800px){.lunch-menu{padding-top:45px}}

.night-menu{display:none;padding-top:70px;scroll-margin-top:30px}body[data-time=night] .night-menu{display:block}.night-menu .morning-categories{row-gap:40px}@media(max-width:800px){.night-menu{padding-top:45px}}

/* Each welcome sits directly on its scene photograph. */
body[data-time=morning] .scene-stage,body[data-time=noon] .scene-stage{position:relative;margin-top:25px;padding:26px 4% 35px;isolation:isolate;min-height:590px;overflow:hidden}
body[data-time=morning] .scene-stage:before,body[data-time=noon] .scene-stage:before{content:'';position:absolute;inset:0;z-index:-1;background-size:cover;background-position:center}
body[data-time=morning] .scene-stage:before{background-image:linear-gradient(90deg,#f5e8cff5 5%,#f5e8cfe0 48%,#f5e8cf45),url('assets/photo5.jpg')}
body[data-time=noon] .scene-stage:before{background-image:linear-gradient(270deg,#f4e3bcf5 5%,#f4e3bce0 48%,#f4e3bc45),url('assets/photo4.jpg')}
body[data-time=morning] .hero-bottom,body[data-time=noon] .hero-bottom{grid-template-columns:1fr 30px}
body[data-time=morning] .hero-photo,body[data-time=noon] .hero-photo{display:none}
body[data-time=morning] .hero-copy,body[data-time=noon] .hero-copy{max-width:550px;grid-column:1;grid-row:1}
body[data-time=morning] .hero-title{align-items:flex-start}
body[data-time=noon] .hero-copy{justify-self:end;width:100%}
body[data-time=morning] .vertical,body[data-time=noon] .vertical{grid-column:2;grid-row:1}
@media(max-width:800px){
body[data-time=morning] .scene-stage,body[data-time=noon] .scene-stage{padding:24px 6% 30px;margin-left:-6.8%;margin-right:-6.8%;min-height:550px}
body[data-time=morning] .scene-stage:before{background-image:linear-gradient(0deg,#f5e8cff5,#f5e8cfcb),url('assets/photo5.jpg')}
body[data-time=noon] .scene-stage:before{background-image:linear-gradient(0deg,#f4e3bcf5,#f4e3bccb),url('assets/photo4.jpg')}
body[data-time=morning] .hero-bottom,body[data-time=noon] .hero-bottom{grid-template-columns:1fr}
body[data-time=morning] .hero-title,body[data-time=noon] .hero-title{align-items:center}
body[data-time=morning] .hero-copy,body[data-time=noon] .hero-copy{max-width:none}
}

/* Give the scene photo and welcome more breathing room. */
.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{width:min(480px,80%)}
.brand-tagline{width:min(528px,80%)}
@media(max-width:800px){.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{width:min(296px,80%)}.brand-tagline{width:min(320px,80%)}}

/* Smaller brand presence in all three welcome scenes. */
.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{width:min(360px,60%)}
.brand-tagline{width:min(396px,60%)}
@media(max-width:800px){.hero h1.hero-logo-heading,body[data-time=noon] .hero h1.hero-logo-heading,body[data-time=night] .hero h1.hero-logo-heading{width:min(222px,60%)}.brand-tagline{width:min(240px,60%)}}

.festival-description{flex:1;min-width:0}.festival-description h3{font-family:var(--title-font);font-size:clamp(2.4rem,4vw,4rem);line-height:1.32;font-weight:500;letter-spacing:0;margin:0 0 25px}.festival-description p{font-size:18px;line-height:1.8;margin:0 0 22px;max-width:42rem}.festival-description p:last-child{margin-bottom:0}.festival-bottom details{flex:0 0 30%}@media(max-width:800px){.festival-description h3{font-size:36px}.festival-description p{font-size:16px}}

.festival-years{display:flex;flex-direction:column;flex:0 0 30%;gap:0;min-width:0}.festival-years>.eyebrow{margin-bottom:18px}.festival-years>a{display:flex;justify-content:space-between;gap:12px;border-top:1px solid currentColor;padding:20px 0;font-size:18px;font-weight:700}.festival-years>a:last-child{border-bottom:1px solid currentColor}.festival-year{max-width:1400px;width:100%;margin:auto}.festival-year h1{font-family:var(--title-font);font-weight:500;font-size:clamp(3rem,7vw,6rem);line-height:1.3;margin:24px 0}.festival-year-date{color:var(--scene-muted);font-size:18px}.festival-year-copy{border-top:1px solid var(--line);margin-top:45px;padding-top:35px}.festival-year-copy h2{font-size:clamp(2.2rem,4vw,3.6rem)}.festival-year-copy p{font-size:18px;max-width:48rem}.festival-year-navigation{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px;border-top:1px solid var(--line);padding-top:25px;margin-top:60px}.festival-year-page header .text-link{margin-top:0}@media(max-width:800px){.festival-years{margin-top:35px}.festival-year-copy p,.festival-year-date{font-size:16px}}

/* The festival entrance becomes the backdrop to its story. */
.festival{position:relative;isolation:isolate;overflow:hidden;background:#071e1d;color:#f5e8cf}
.festival:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#071e1d38 0%,#071e1d65 35%,#071e1de8 70%,#071e1df5 100%),linear-gradient(90deg,#071e1d90,#071e1d15),url('assets/beerfestival-crowd.jpg') center 42%/cover no-repeat}
.festival h2{text-shadow:0 3px 30px #0008}.festival-meta{color:#f5e8cf}.festival-description strong{color:#ffd09b}.festival-years>a:hover{color:#ffd09b}
@media(max-width:800px){.festival:before{background:linear-gradient(180deg,#071e1d35 0%,#071e1d70 22%,#071e1ded 48%,#071e1d 75%),url('assets/beerfestival-crowd.jpg') center top/auto 620px no-repeat}.festival h2{text-shadow:0 2px 20px #0009}}

.festival h2.festival-title{font-family:'Arial Black',Manrope,Arial,sans-serif;font-size:clamp(3.2rem,8vw,8.5rem);font-weight:900;font-style:normal;line-height:1.06;letter-spacing:-.045em;margin:45px 0 65px;text-shadow:0 3px 30px #0009}
.festival-title>span{display:block;font-size:.38em;line-height:1.2;letter-spacing:-.025em;margin-bottom:8px}
@media(max-width:800px){.festival h2.festival-title{font-size:clamp(2.1rem,9.2vw,4.5rem);margin:35px 0 55px}}

.night-menu .morning-categories{align-items:start;column-gap:6%;row-gap:40px}.night-bottle-note{font-size:14px;color:var(--scene-muted)}

.music-actions{display:flex;flex-wrap:wrap;gap:0 16px}.live-archive{margin-top:65px;padding-top:35px;border-top:1px solid #f5e8cf55;scroll-margin-top:30px}.live-archive-heading h2{margin:15px 0;font-size:clamp(2.8rem,5vw,4.5rem)}.live-archive-heading>p{font-size:18px;color:#c2cbbd}.live-archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px;margin-top:35px}.live-card{display:flex;flex-direction:column;align-items:start;border-top:3px solid #ec873f;padding:28px 0 35px;min-width:0}.live-card h3{font-family:var(--title-font);font-size:clamp(2rem,3vw,2.7rem);font-weight:500;line-height:1.32;letter-spacing:0;margin:16px 0}.live-card p{font-size:16px;color:#c2cbbd;margin:0 0 16px}.live-card .text-link{margin-top:auto;padding-top:10px;color:#f5e8cf}.live-card .text-link:hover{color:#ec873f}@media(max-width:1000px){.live-archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.live-archive-grid{grid-template-columns:1fr}.live-archive{margin-top:45px}.live-card h3{font-size:36px}.live-archive-heading>p{font-size:16px}}

/* A window into the everyday life of Masali. */
.tiktok-section{order:6;background:var(--cream);color:var(--deep);border-bottom:1px solid #073c3933}.visit{order:7}.tiktok-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:8%;align-items:center}.tiktok-copy h2{margin:24px 0 30px}.tiktok-copy .intro{margin-bottom:20px}.tiktok-follow{background:var(--deep);color:var(--cream);border-color:var(--deep)}.tiktok-follow:hover{background:var(--orange);color:var(--deep)}.tiktok-follow span{margin-left:12px}.tiktok-handle{display:block;width:fit-content;margin-top:14px;font-size:13px;text-decoration:none}.tiktok-screen{min-width:0;border:1px solid var(--deep);border-radius:26px 26px 0 0;background:#fff;color:var(--deep);overflow:hidden;box-shadow:12px 12px 0 var(--orange)}.tiktok-screen-heading{display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:var(--cream);padding:18px 24px;font-size:11px;font-weight:800;letter-spacing:1.8px}.tiktok-screen-heading span:last-child{color:var(--orange);font-size:16px}#tiktok-feed{padding:12px 0;min-height:210px}.tiktok-screen .tiktok-embed{width:100%;margin:0 auto;border:0}.tiktok-embed>section{padding:42px 24px;text-align:center;font-size:15px}.tiktok-all{display:flex;justify-content:space-between;padding:16px 24px;border-top:1px solid #073c3926;font-size:13px;font-weight:700;text-decoration:none}.tiktok-all:hover{background:var(--cream)}body[data-time=night] .tiktok-section{background:var(--green);color:var(--cream)}body[data-time=night] .tiktok-follow{background:var(--cream);color:var(--deep);border-color:var(--cream)}body[data-time=night] .tiktok-follow:hover{background:var(--orange);border-color:var(--orange)}
@media(max-width:1000px){.tiktok-grid{grid-template-columns:1fr;gap:36px}.tiktok-copy p{max-width:38rem}.tiktok-screen{width:100%;max-width:720px}.tiktok-copy h2{font-size:clamp(42px,7vw,70px)}}
@media(max-width:600px){.tiktok-screen{box-shadow:6px 6px 0 var(--orange)}.tiktok-screen-heading,.tiktok-all{padding-left:16px;padding-right:16px}.tiktok-follow{padding:13px 18px}.tiktok-section{padding-left:4%;padding-right:4%}.tiktok-handle{overflow-wrap:anywhere}}

.cellar-intro{margin:30px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cellar-intro h4,.cellar-intro h3{font-family:var(--title-font);font-size:clamp(2rem,3vw,2.75rem);font-weight:500;line-height:1.3;margin:0 0 20px}.cellar-intro p{font-size:16px;line-height:1.8;margin:0 0 18px}.cellar-intro p:last-child{margin-bottom:0}

.cellar-guide{margin:44px 0 60px;padding:36px;background:var(--scene-panel);border:1px solid var(--line);border-top:4px solid var(--scene-accent)}.guide-heading h3{font-family:var(--title-font);font-size:clamp(2.4rem,4vw,4rem);font-weight:500;line-height:1.3;margin:16px 0}.guide-heading p{font-size:16px;max-width:42rem}.guide-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}.guide-fields label{display:block;font-size:16px;font-weight:700}.guide-fields select{display:block;width:100%;margin-top:10px;padding:14px 36px 14px 14px;border:1px solid var(--line);border-radius:0;background:var(--scene-bg);color:var(--scene-fg);font:400 16px Manrope,Arial,sans-serif;min-height:52px}.guide-fields select:focus-visible{outline:3px solid var(--scene-accent);outline-offset:3px}.guide-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin-top:20px}.guide-actions .pill{margin:0;cursor:pointer;background:var(--scene-fg);color:var(--scene-bg);border-color:var(--scene-fg)}.guide-actions .pill:hover{box-shadow:0 5px 0 var(--scene-accent)}.guide-actions .pill:disabled{opacity:.5;cursor:default}.guide-reset{border:0;background:none;color:var(--scene-fg);text-decoration:underline;text-underline-offset:6px;padding:12px 0;cursor:pointer;font-size:14px}#guide-status{font-size:16px;max-width:none;margin:32px 0 20px}.guide-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.guide-card{min-width:0;background:var(--scene-bg);border:1px solid var(--line)}.guide-photo{aspect-ratio:4/5;overflow:hidden;background:var(--deep)}.guide-photo svg{display:block;width:100%;height:100%;overflow:hidden}.guide-card-body{padding:22px}.guide-card-meta{display:flex;justify-content:space-between;align-items:center;gap:12px}.guide-card-meta strong{white-space:nowrap;font-size:16px}.guide-card h4{font:800 22px/1.35 Manrope,Arial,sans-serif;margin:18px 0;overflow-wrap:anywhere}.guide-card p{font-size:16px;line-height:1.7}.guide-card .guide-reason{padding-top:16px;border-top:1px solid var(--line);font-size:14px}.guide-card .text-link{font-size:14px}#guide-gin-menu,#guide-rum-menu{scroll-margin-top:30px}@media(max-width:1000px){.guide-results{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-fields{grid-template-columns:1fr}.cellar-guide{padding:26px}}@media(max-width:600px){.guide-results{grid-template-columns:1fr}.cellar-guide{padding:20px;margin-top:30px}.guide-photo{aspect-ratio:1/1}.guide-actions{gap:12px}.guide-card-body{padding:20px}}@media(prefers-reduced-motion:reduce){.guide-actions .pill:hover{transform:none}}

.cocktail-bar{background:var(--deep);color:var(--cream);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;border-bottom:1px solid #f5e8cf33}.cocktail-heading h2{margin:24px 0 30px}.cocktail-heading p{font-size:16px}.cocktail-heading .intro{font-size:22px}.cocktail-editions{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}.cocktail-edition{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;padding:26px 22px;border:1px solid #f5e8cf66;text-decoration:none;transition:background .25s,border-color .25s,transform .25s}.cocktail-edition strong{font-size:clamp(3rem,5vw,5.5rem);line-height:1.25;letter-spacing:-.04em;color:var(--orange);margin:30px 0}.cocktail-edition .eyebrow{font-size:12px;line-height:1.7}.edition-action{font-size:14px;line-height:1.6;border-top:1px solid #f5e8cf44;padding-top:18px}.cocktail-edition:hover{background:var(--green);border-color:var(--orange);transform:translateY(-4px)}.cocktail-year-main{display:block;min-height:70vh}.cocktail-year-main h1{font-family:var(--title-font);font-size:clamp(3rem,8vw,7rem);line-height:1.3;font-weight:500;margin:25px 0 40px}.cocktail-menu-pending{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:800px}.cocktail-menu-pending h2{font-family:var(--title-font);font-size:clamp(2rem,4vw,3.2rem);line-height:1.35}.cocktail-year-nav{display:flex;align-items:center;flex-wrap:wrap;gap:30px;margin-top:24px}.cocktail-year-page header .text-link{margin-top:0}.cocktail-year-page .pill:hover{background:var(--cream);color:var(--deep)}
body[data-time=morning] .cocktail-bar{order:4}body[data-time=morning] .music{order:5}body[data-time=morning] .festival{order:6}body[data-time=noon] .cocktail-bar{order:4}body[data-time=noon] .festival{order:5}body[data-time=noon] .music{order:6}body[data-time=night] .cocktail-bar{order:2}body[data-time=night] .music{order:3}body[data-time=night] .day{order:4}body[data-time=night] .festival{order:5}body[data-time=night] .story{order:6}.tiktok-section{order:7}.visit{order:8}
@media(max-width:1000px){.cocktail-bar{grid-template-columns:1fr;gap:36px}.cocktail-editions{max-width:720px}.cocktail-edition strong{font-size:64px}header nav{gap:20px}}
@media(max-width:800px){header nav{flex-wrap:wrap;justify-content:flex-start;gap:12px 22px}.cocktail-heading .intro{font-size:20px}.cocktail-edition{padding:20px 16px;min-height:260px}.cocktail-editions{gap:14px}.cocktail-edition strong{font-size:clamp(40px,11vw,64px)}}@media(max-width:380px){.cocktail-editions{grid-template-columns:1fr}.cocktail-edition{min-height:220px}}

.cocktail-finder{padding:36px;margin:36px 0 70px;border:1px solid #f5e8cf55;border-top:4px solid var(--orange);background:var(--green)}.cocktail-finder h2{font-family:var(--title-font);font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.35;margin:20px 0 30px}.cocktail-finder fieldset{border:0;padding:0;margin:28px 0}.cocktail-finder legend{font-size:18px;font-weight:700;margin-bottom:16px}.cocktail-bases,.cocktail-tastes{display:flex;flex-wrap:wrap;gap:12px}.cocktail-bases label,.cocktail-tastes label{position:relative;cursor:pointer}.cocktail-bases input,.cocktail-tastes input{position:absolute;opacity:0;width:1px;height:1px}.cocktail-bases span,.cocktail-tastes span{display:block;padding:12px 20px;border:1px solid #f5e8cf66;border-radius:30px;font-size:16px;line-height:1.5;transition:background .2s,color .2s}.cocktail-bases input:checked+span,.cocktail-tastes input:checked+span{background:var(--cream);color:var(--deep);border-color:var(--cream)}.cocktail-bases input:focus-visible+span,.cocktail-tastes input:focus-visible+span{outline:3px solid var(--orange);outline-offset:4px}.cocktail-tastes input:disabled+span{opacity:.4;cursor:default}.finder-note{font-size:14px;max-width:48rem;margin-top:20px}.finder-actions{display:flex;align-items:center;flex-wrap:wrap;gap:25px}.finder-actions .pill{background:var(--cream);color:var(--deep);border-color:var(--cream);cursor:pointer;margin:0}.finder-actions .guide-reset{color:var(--cream)}#cocktail-status{font-size:16px;max-width:none;margin-top:28px}.cocktail-results,.cinema-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.cinema-menu-heading h2{font-family:var(--title-font);margin:20px 0}.cinema-menu-heading p{font-size:18px}.cinema-menu-group{margin-top:50px}.cinema-menu-group>h3{font-family:var(--title-font);font-size:clamp(2.4rem,4vw,4rem);font-weight:500;line-height:1.35;border-bottom:1px solid var(--line);padding-bottom:20px;margin:0 0 30px}.cinema-card,.cocktail-proposal{min-width:0;background:var(--deep);border:1px solid #f5e8cf44;scroll-margin-top:30px}.cinema-art,.proposal-art{display:block;background:#12110b}.cinema-art img,.proposal-art img{display:block;width:100%;height:auto;object-fit:contain}.cinema-card-copy,.proposal-copy{padding:24px}.cinema-card-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:14px}.cinema-card-meta strong{font-size:16px;white-space:nowrap}.cinema-card h4,.cocktail-proposal h3{font-family:var(--title-font);font-size:36px;font-weight:500;line-height:1.35;margin:20px 0}.cinema-card p,.cocktail-proposal p{font-size:16px;line-height:1.75}.cinema-card details{margin-top:20px;border-top:1px solid #f5e8cf44;padding-top:16px}.cinema-card summary{font-size:16px;cursor:pointer}.cinema-card details p{font-size:14px;overflow-wrap:anywhere}.cinema-card .text-link{font-size:14px}.proposal-reason{border-top:1px solid #f5e8cf44;padding-top:16px}.cocktail-finder .proposal-reason{font-size:14px}.cocktail-finder .text-link:hover{color:var(--orange)}@media(max-width:1100px){.cinema-cards,.cocktail-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.cinema-cards,.cocktail-results{grid-template-columns:1fr}.cocktail-finder{padding:22px;margin-bottom:50px}.cocktail-bases span,.cocktail-tastes span{padding:10px 15px}.cinema-card-copy,.proposal-copy{padding:22px}.cocktail-finder h2{font-size:40px}.finder-actions{gap:14px}}

.cinema-archive-intro{display:grid;grid-template-columns:minmax(180px,300px) 1fr;gap:50px;align-items:center;margin:40px 0 70px}.cinema-archive-intro h2{font-family:var(--title-font);font-size:clamp(2.5rem,5vw,4.5rem);font-weight:500;line-height:1.35;margin:20px 0}.cinema-archive-intro p{font-size:18px}.cinema-archive-intro .archive-price-note{font-size:14px;opacity:.8}.cinema-archive-intro .pill{font-size:14px;line-height:1.6;white-space:normal}.cinema-archive-intro .cinema-art{border:1px solid #f5e8cf44}@media(max-width:700px){.cinema-archive-intro{grid-template-columns:1fr;gap:28px}.cinema-archive-intro>.cinema-art{max-width:300px;width:100%;margin:auto}}

.cinema-archive-outro{max-width:340px;margin:70px auto 40px}.cinema-card .cocktail-taste-hint{font-size:14px;opacity:.85;border-top:1px solid #f5e8cf33;padding-top:14px}
.guide-card-text{border-top:4px solid var(--scene-accent);display:flex;align-items:stretch}.guide-card-text .guide-card-body{display:flex;flex-direction:column;width:100%;min-height:310px}.guide-card-text .guide-reason{margin-top:auto}.guide-card-text h4{font-size:clamp(24px,2.5vw,34px)}.rum-menu-link{color:inherit;text-decoration:underline;text-decoration-color:var(--scene-accent);text-underline-offset:4px}.rum-menu-link:hover{color:var(--scene-accent)}.rum-stories{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:50px 0}.rum-story{border:1px solid var(--line);border-top:4px solid var(--scene-accent);padding:30px;scroll-margin-top:30px;min-width:0}.rum-story-meta{display:flex;justify-content:space-between;gap:20px}.rum-story-meta strong{white-space:nowrap;font-size:18px}.rum-story h2{font-family:var(--title-font);font-size:clamp(2.1rem,4vw,3.3rem);font-weight:500;line-height:1.4;overflow-wrap:anywhere}.rum-story p{font-size:16px;line-height:1.85;max-width:none}.rum-story .rum-tasting{font-size:18px}.rum-story details{border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.rum-story summary{font-size:16px;cursor:pointer}.rum-story .text-link{font-size:14px}@media(max-width:750px){.rum-stories{grid-template-columns:1fr}.rum-story{padding:24px}}

/* Night opens with the cellar; live music closes the page. */
body[data-time=night] .day{order:2}body[data-time=night] .cocktail-bar{order:3}body[data-time=night] .festival{order:4}body[data-time=night] .story{order:5}body[data-time=night] .tiktok-section{order:6}body[data-time=night] .visit{order:7}body[data-time=night] .music{order:8}

.graduations{order:8;background:var(--scene-panel);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.visit{order:9}.graduations-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.graduations h2{font-family:var(--title-font);font-size:clamp(2.6rem,5vw,5rem);line-height:1.35;font-weight:500;margin:25px 0}.graduations h3{font-family:var(--title-font);font-size:clamp(2rem,3vw,3rem);line-height:1.4;font-weight:500;margin:25px 0}.graduations p{font-size:18px;line-height:1.8}.graduations .graduations-phone{font-size:16px}.graduations .pill{white-space:normal}body[data-time=night] .graduations{order:7}body[data-time=night] .visit{order:8}body[data-time=night] .music{order:9}@media(max-width:750px){.graduations-grid{grid-template-columns:1fr;gap:10px}.graduations h2{font-size:40px}}

.today-nav{font-weight:800;border-bottom:2px solid var(--orange)}.today-panel{margin:24px 0 32px;padding:24px 28px;border:1px solid var(--line);border-left:5px solid var(--scene-accent);background:var(--scene-panel);color:var(--scene-fg);scroll-margin-top:30px}.today-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}.today-panel h2{font-family:var(--title-font);font-weight:500;font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.4;margin:10px 0}.today-panel .text-link{font-size:14px;margin:0}.today-panel p{font-size:16px;line-height:1.7;max-width:none}.today-panel #today-notice:empty{display:none}.today-events{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.today-events:empty{display:none}.today-card{display:flex;gap:20px;padding-top:20px;border-top:1px solid var(--line);min-width:0}.today-image{width:120px;height:160px;object-fit:cover;align-self:start}.today-card-body{min-width:0}.today-panel h3{font-size:22px;line-height:1.4;margin:15px 0;overflow-wrap:anywhere}.today-meta{display:flex;flex-wrap:wrap;gap:10px 15px;font-size:12px;align-items:center}.today-type{font-weight:800;letter-spacing:.07em;color:var(--scene-fg);border:1px solid var(--scene-accent);padding:3px 8px}.today-panel .today-terms{font-size:14px;opacity:.85}.today-heading .eyebrow{font-size:11px}@media(max-width:750px){.today-panel{padding:20px;margin:20px 0}.today-heading{display:block}.today-events{grid-template-columns:1fr}.today-panel h2{font-size:30px}.today-contact{display:inline-block;margin-top:8px!important}.today-image{width:90px;height:125px}}

.graduation-interest{margin-top:32px;border-top:2px solid var(--scene-accent);padding-top:20px}.graduation-interest>summary{cursor:pointer;font-size:20px;font-weight:700;line-height:1.5}.graduation-interest-content{padding-top:16px}.graduation-interest label{display:block;font-size:16px;line-height:1.6;margin:18px 0}.interest-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.graduation-interest input:not([type=checkbox]),.graduation-interest textarea,.graduation-interest select{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid var(--line);background:var(--scene-bg);color:var(--scene-fg);font:inherit;min-height:48px}.graduation-interest textarea{resize:vertical}.graduation-interest .interest-consent{display:flex;gap:12px;align-items:flex-start;font-size:14px}.interest-consent input{width:20px;height:20px;flex-shrink:0;margin-top:3px;accent-color:var(--scene-accent)}.graduation-interest .interest-note{font-size:16px;border-left:3px solid var(--scene-accent);padding-left:18px}.graduation-interest button{background:transparent;color:inherit;cursor:pointer}.graduation-interest button:disabled{opacity:.6;cursor:wait}.interest-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.graduation-interest #graduation-interest-status:empty{display:none}.graduation-interest #graduation-interest-status{font-size:16px;padding:16px;border:1px solid var(--line)}@media(max-width:600px){.interest-fields{grid-template-columns:1fr}}
.owner-interest-main{display:block;max-width:1400px;margin:auto}.owner-interest-main h1{font-family:var(--title-font);font-size:clamp(2.7rem,5vw,5rem);line-height:1.35;font-weight:500}.owner-interest-main p{max-width:none}.owner-date-group{margin-top:50px;border-top:2px solid var(--scene-accent);padding-top:20px}.owner-date-group h2{font-size:28px;line-height:1.4}.owner-totals{display:flex;gap:20px;flex-wrap:wrap}.owner-totals p{font-size:16px}.owner-request-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.owner-request{min-width:0;padding:24px;border:1px solid var(--line);background:var(--scene-panel)}.owner-request h3{font-size:24px;overflow-wrap:anywhere}.owner-request-note{white-space:pre-wrap;overflow-wrap:anywhere}.owner-request .owner-request-created{font-size:14px}.owner-request-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.owner-request-actions button,.owner-interest-main button{cursor:pointer;font:inherit;color:inherit;background:none;border:1px solid var(--line);padding:10px 15px;font-size:14px}.owner-request-actions button:disabled{opacity:.5}.owner-interest-page header{flex-wrap:wrap}@media(max-width:1000px){.owner-request-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.owner-request-grid{grid-template-columns:1fr}}

@font-face{font-family:"CF Anteus";src:url("assets/cf-anteus.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}

@font-face{font-family:"Roboto Condensed";src:url("assets/roboto-condensed-medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}.today-panel h2{letter-spacing:0}

/* One row of navigation, with touch scrolling on smaller screens. */
header:has(nav){flex-wrap:nowrap}header nav{display:flex;flex-wrap:nowrap;min-width:0;width:100%;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;gap:clamp(14px,1.4vw,22px);padding:4px 0 8px;scrollbar-width:thin;justify-content:flex-start}header nav a{flex:0 0 auto;font-size:14px;line-height:1.6}.footer-phone{font-size:16px;white-space:nowrap}

body[data-time=morning] .vertical{display:none}body[data-time=morning] .hero-bottom{grid-template-columns:1fr}

/* The morning visit focuses on coffee, breakfast and the cafe. */
body[data-time=morning] .cocktail-bar,body[data-time=morning] .music,body[data-time=morning] .festival,body[data-time=morning] .graduations,body[data-time=morning] .tiktok-section{display:none}

/* Coffee editorial: authentic pack artwork dissolves into the full composition. */
.coffee-origin{position:relative;isolation:isolate;display:grid;grid-template-columns:45% minmax(0,1fr);align-items:center;min-height:660px;margin:0 0 64px;overflow:hidden;border:0;border-radius:0;color:#f5e8cf;background:radial-gradient(ellipse at 18% 42%,#9a792d66 0%,#56714533 30%,transparent 58%),linear-gradient(125deg,#163e34,#073c39 58%,#092c2a)}
.coffee-origin-image{position:absolute;inset:0 55% 0 0;pointer-events:none;z-index:-1}
.coffee-origin-image img{position:absolute;display:block;width:255%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-5deg);filter:drop-shadow(22px 28px 26px #001e1c66);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.65) 65%,transparent 81%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.65) 65%,transparent 81%)}
.coffee-origin-copy{grid-column:2;position:relative;z-index:1;min-width:0;padding:60px 48px 60px 12px}
.coffee-origin-copy .eyebrow{color:#dfc58a;font-size:12px;letter-spacing:.15em}
.coffee-origin-copy h2{font-family:var(--title-font);font-weight:500;font-size:clamp(40px,4.6vw,66px);line-height:1.08;margin:22px 0 26px;color:#f5e8cf}
.coffee-origin-name{font-weight:700;font-size:18px;line-height:1.5;color:#e9cf92}
.coffee-origin-copy p{max-width:620px;font-size:16px;line-height:1.8}
.coffee-origin-details{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:28px;padding-top:22px;border-top:1px solid #e9cf9240;color:#e9cf92;font-size:12px;line-height:1.6;font-weight:700;letter-spacing:.05em}
@media(min-width:1400px){.coffee-origin-image img{width:235%}}
@media(max-width:900px) and (min-width:681px){.coffee-origin{grid-template-columns:40% minmax(0,1fr);min-height:680px}.coffee-origin-image{right:60%}.coffee-origin-image img{width:330%}.coffee-origin-copy{padding:40px 28px 40px 12px}.coffee-origin-copy h2{font-size:42px}}
@media(max-width:680px){.coffee-origin{display:block;min-height:0;margin-bottom:40px;background:radial-gradient(ellipse at 45% 12%,#9a792d66 0%,transparent 50%),linear-gradient(160deg,#163e34,#073c39 55%,#092c2a)}.coffee-origin-image{position:relative;inset:auto;width:100%;height:430px;z-index:0;overflow:hidden}.coffee-origin-image img{width:220%;max-width:900px;top:54%;transform:translate(-50%,-50%) rotate(-5deg);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.65) 65%,transparent 81%);mask-image:linear-gradient(to bottom,#000 0%,#000 52%,rgba(0,0,0,.65) 65%,transparent 81%)}.coffee-origin-copy{padding:0 26px 36px;margin-top:-22px}.coffee-origin-copy h2{font-size:42px}.coffee-origin-copy p{font-size:16px}.coffee-origin-name{font-size:17px}}
@media(max-width:380px){.coffee-origin-image{height:370px}.coffee-origin-copy{padding-left:22px;padding-right:22px}.coffee-origin-copy h2{font-size:36px}}

.contact-email{display:block;margin-top:16px;overflow-wrap:anywhere;font-size:16px}.footer-contact{display:flex;flex-direction:column;gap:8px;min-width:0}.footer-contact a{font-size:14px;width:auto;line-height:1.7;overflow-wrap:anywhere}.visit-review{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:52px;padding-top:32px;border-top:1px solid currentColor}.visit-review h3{font-family:var(--title-font);font-weight:500;font-size:32px;line-height:1.3;margin:0 0 12px}.visit-review p{font-size:16px;margin:0;max-width:560px}.visit-review .pill{flex-shrink:0;font-size:14px;text-align:center;white-space:normal}@media(max-width:900px){.visit-review{align-items:flex-start;flex-direction:column}.visit-review .pill{max-width:100%}}

/* A single, quiet contact column; directions sit below the conversation. */
.visit-main{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:clamp(36px,6vw,100px);align-items:start}.visit .visit-heading h2{margin:28px 0 0}.visit-conversations{padding-top:5px;min-width:0}.visit-conversations>.eyebrow{display:block;margin-bottom:22px;font-size:12px;letter-spacing:.1em}.contact-list{display:flex;flex-direction:column;gap:2px}.contact-row{display:flex;align-items:center;gap:14px;min-height:44px;width:fit-content;max-width:100%;font-size:14px;line-height:1.5;text-decoration:none;white-space:nowrap;padding:7px 0;transition:color .2s ease}.contact-row span{min-width:0}.contact-icon{display:block;width:20px;height:20px;flex:0 0 20px}.contact-row:hover span,.directions-link:hover{text-decoration:underline;text-underline-offset:5px}.contact-row:hover{color:var(--scene-accent)}.visit-directions{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:52px;padding-top:24px;border-top:1px solid var(--line)}.visit-address{display:flex;align-items:center;gap:16px;min-width:0}.visit-address p{margin:0;font-size:14px;line-height:1.65}.visit-address p span{display:block;opacity:.75}.directions-link{font-size:14px;line-height:1.5;white-space:nowrap;flex-shrink:0;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}.footer-contact a{display:inline-flex;align-items:center;gap:10px;font-size:14px;white-space:nowrap}.footer-contact .contact-icon{width:17px;height:17px;flex-basis:17px}.footer-contact .footer-email{font-size:14px}@media(max-width:800px){.visit-main{grid-template-columns:1fr;gap:36px}.visit .visit-heading h2{margin:22px 0 0}.visit-directions{margin-top:36px}}@media(max-width:480px){.visit-directions{align-items:flex-start;flex-direction:column;gap:8px}.directions-link{margin-left:36px}.contact-row{gap:10px;font-size:14px}.visit-conversations>.eyebrow{font-size:12px;letter-spacing:.06em}}

/* Coffee imagery is a faint part of the menu background, with no gallery or frames. */
.coffee-menu-intro{position:relative;isolation:isolate;overflow:hidden;padding:32px 0 28px;margin-top:0;border-top:1px solid var(--line)}.coffee-menu-intro>.eyebrow,.coffee-menu-intro>h2,.coffee-menu-intro>p{position:relative;z-index:1}.coffee-menu-intro>p{max-width:560px;margin-bottom:0}.coffee-menu-backdrop{position:absolute;inset:0;pointer-events:none;z-index:0;opacity:.14;mix-blend-mode:multiply}.coffee-menu-backdrop img{position:absolute;display:block;width:360px;max-width:none;height:360px;top:50%;transform:translate(-50%,-50%);object-fit:contain;filter:grayscale(.7);-webkit-mask-image:radial-gradient(ellipse 56% 56% at 50% 50%,#000 35%,rgba(0,0,0,.85) 52%,transparent 86%);mask-image:radial-gradient(ellipse 56% 56% at 50% 50%,#000 35%,rgba(0,0,0,.85) 52%,transparent 86%)}.coffee-backdrop-espresso{left:81%}@media(max-width:680px){.coffee-menu-intro{padding:28px 0 24px}.coffee-menu-backdrop{opacity:.11}.coffee-menu-backdrop img{width:280px;height:280px}.coffee-backdrop-espresso{left:78%}.coffee-menu-intro>p{font-size:16px}}

/* Breakfast photographs belong to existing content, without another gallery. */
body[data-time=morning] .chapter{display:block;position:relative;isolation:isolate;padding-top:0;margin-top:32px;min-height:340px}body[data-time=morning] .chapter figure{position:absolute;inset:0 auto 0 0;width:61%;margin:0;z-index:0}body[data-time=morning] .day .chapter img{width:100%;height:100%;object-fit:cover;object-position:50% 46%;border-radius:0;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 48%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 48%,transparent 100%)}body[data-time=morning] .chapter figcaption{display:none}body[data-time=morning] .chapter-copy{position:relative;z-index:1;margin-left:47%;padding:26px 0 26px 26px}body[data-time=morning] .chapter-copy h3{font-size:clamp(32px,3.5vw,46px);margin:16px 0;line-height:1.2}body[data-time=morning] .chapter-copy p{font-size:16px;line-height:1.7;max-width:500px}.breakfast-menu-heading{position:relative;isolation:isolate;min-height:160px;display:flex;align-items:center;margin:10px 0 18px}.breakfast-menu-heading>img{position:absolute;right:0;top:0;width:70%;height:100%;object-fit:cover;object-position:50% 50%;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,#000 45%,#000 85%,transparent 100%);mask-image:linear-gradient(to right,transparent 0%,#000 45%,#000 85%,transparent 100%)}.breakfast-menu-heading>div{position:relative;z-index:1;width:49%;padding:12px 0}.breakfast-menu-heading h3{font-size:30px;line-height:1.2;margin:0 0 14px}.breakfast-menu-heading p{font-size:16px;line-height:1.6;margin:0;max-width:220px}@media(max-width:680px){body[data-time=morning] .chapter{display:grid;grid-template-columns:1fr;gap:0;min-height:0}body[data-time=morning] .chapter figure{position:relative;inset:auto;width:100%;height:190px}body[data-time=morning] .day .chapter img{object-position:50% 43%;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 65%,transparent 100%)}body[data-time=morning] .chapter-copy{margin-left:0;padding:8px 0 0}body[data-time=morning] .chapter-copy h3{font-size:36px}.breakfast-menu-heading{min-height:150px}.breakfast-menu-heading h3{font-size:27px}.breakfast-menu-heading>div{width:51%}.breakfast-menu-heading>img{width:73%}.breakfast-menu-heading p{font-size:15px}}

/* Center the noon identity and let the meze photograph dissolve into the copy. */
body[data-time=noon] .hero-title{align-items:center;justify-content:center;text-align:center}
body[data-time=noon] .scene-stage:before{background-image:linear-gradient(180deg,rgba(244,227,188,.85) 0%,rgba(244,227,188,.3) 35%,rgba(244,227,188,.1) 100%),linear-gradient(90deg,#f4e3bc 0%,rgba(244,227,188,.96) 30%,rgba(244,227,188,.65) 51%,rgba(244,227,188,.08) 83%),url('assets/photo4.jpg');background-position:center,center,80% 55%;background-size:cover}
body[data-time=noon] .hero-bottom{grid-template-columns:1fr}
body[data-time=noon] .hero-copy{justify-self:start;max-width:550px}
body[data-time=noon] .vertical{display:none}
#graduations-title>span{display:block;white-space:nowrap}
@media(max-width:680px){body[data-time=noon] .scene-stage:before{background-image:linear-gradient(180deg,rgba(244,227,188,.83),rgba(244,227,188,.9) 45%,rgba(244,227,188,.72)),url('assets/photo4.jpg');background-position:center,65% center}#graduations-title{font-size:clamp(34px,9vw,54px)}}

/* An enlarged omelette dissolves into the breakfast heading, rather than reading as an inset photograph. */
.breakfast-menu-heading{min-height:260px;overflow:hidden;isolation:isolate}
.breakfast-menu-heading>img{right:-5%;top:-8%;width:95%;height:116%;object-fit:cover;object-position:48% 52%;transform:scale(1.12);transform-origin:65% 50%;-webkit-mask-image:radial-gradient(ellipse 67% 68% at 63% 52%,#000 22%,rgba(0,0,0,.95) 55%,transparent 100%);mask-image:radial-gradient(ellipse 67% 68% at 63% 52%,#000 22%,rgba(0,0,0,.95) 55%,transparent 100%)}
.breakfast-menu-heading>div{width:49%;padding:22px 0}
@media(max-width:680px){.breakfast-menu-heading{min-height:225px}.breakfast-menu-heading>img{right:-14%;top:-5%;width:112%;height:110%;transform:scale(1.04);object-position:50% 50%;-webkit-mask-image:radial-gradient(ellipse 61% 70% at 68% 50%,#000 16%,rgba(0,0,0,.9) 50%,transparent 100%);mask-image:radial-gradient(ellipse 61% 70% at 68% 50%,#000 16%,rgba(0,0,0,.9) 50%,transparent 100%)}.breakfast-menu-heading>div{width:55%}}

/* Menu category names have a consistent visual case; counts remain easy to scan. */
.menu-category h3,.menu-group summary{text-transform:uppercase}
.menu-group summary span{text-transform:none}

#lunch-drinks{scroll-margin-top:90px}

/* Drink choice and house meze suggestions sit before the lunch drinks catalogue. */
.lunch-pairings{padding:28px 0 30px;margin:30px 0 20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.lunch-pairings h4{font-family:var(--display);font-size:clamp(30px,3vw,40px);line-height:1.15;margin:12px 0}.lunch-pairings>p{font-size:16px;max-width:530px;line-height:1.55}.lunch-pairing-options{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}.lunch-pairing-options button{font:inherit;font-size:15px;padding:10px 16px;border:1px solid currentColor;border-radius:100px;color:var(--ink);background:transparent;cursor:pointer}.lunch-pairing-options button[aria-pressed=true]{background:var(--ink);color:var(--cream)}.lunch-pairing-result{margin-top:24px;padding:24px 28px;background:rgba(255,255,255,.26);border-left:3px solid var(--ink)}.lunch-pairing-result[hidden]{display:none}.lunch-pairing-result h5{font-family:var(--display);font-size:26px;line-height:1.2;margin:12px 0}.lunch-pairing-result ul{padding-left:22px;margin:14px 0;font-size:18px;line-height:1.65}.lunch-pairing-result p{font-size:16px;line-height:1.55;max-width:480px}.pairing-find{font:inherit;font-weight:600;font-size:15px;padding:0 0 4px;border:0;border-bottom:1px solid currentColor;background:transparent;color:inherit;cursor:pointer}.lunch-pairing-options button:focus-visible,.pairing-find:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(max-width:680px){.lunch-pairings{padding:24px 0}.lunch-pairing-options{gap:8px}.lunch-pairing-options button{font-size:14px;padding:10px 14px}.lunch-pairing-result{padding:22px 18px}}

.pairing-select-label{display:block;font-size:14px;font-weight:700;margin:22px 0 8px}.lunch-pairings select{appearance:auto;width:min(100%,520px);padding:13px 15px;border:1px solid currentColor;border-radius:4px;background:transparent;color:inherit;font:inherit;font-size:16px}.lunch-pairings select:focus-visible{outline:2px solid currentColor;outline-offset:3px}.pairing-again{font:inherit;font-size:15px;padding:10px 14px;border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;cursor:pointer;margin:8px 0 12px}.pairing-again:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* The original interior photograph blends into the story to its right. */
.story-visual{min-width:0;position:relative}.story-visual h2{position:relative;z-index:1}.story-photo{margin:22px 0 0;width:122%;height:290px;pointer-events:none}.story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:35% 50%;border-radius:0;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 42%,rgba(0,0,0,.78) 65%,transparent 100%);mask-image:linear-gradient(to right,#000 0%,#000 42%,rgba(0,0,0,.78) 65%,transparent 100%)}.story-copy{position:relative;z-index:1}
@media(max-width:800px){.story-photo{width:100%;height:240px;margin-top:18px}.story-grid{gap:26px}}

.story-video-link{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;margin-top:17px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:6px}.story-video-link svg{width:26px;height:26px;flex:none}.story-video-link:hover{color:var(--scene-accent,var(--orange))}

/* Keep breakfast text clear above the faded photograph. */
.breakfast-menu-heading{display:flex;flex-direction:column;align-items:stretch;min-height:0;overflow:hidden}
.breakfast-menu-heading>div{order:-1;width:100%;padding:16px 0 8px}
.breakfast-menu-heading p{max-width:100%}
.breakfast-menu-heading>img{position:relative;inset:auto;width:100%;height:210px;flex:none;transform:none;object-position:50% 52%;-webkit-mask-image:radial-gradient(ellipse 73% 80% at 45% 46%,#000 35%,rgba(0,0,0,.9) 58%,transparent 100%);mask-image:radial-gradient(ellipse 73% 80% at 45% 46%,#000 35%,rgba(0,0,0,.9) 58%,transparent 100%)}
.story-video-link{display:flex;width:fit-content;max-width:100%;line-height:1.5}
@media(max-width:680px){.breakfast-menu-heading{min-height:0}.breakfast-menu-heading>div{width:100%}.breakfast-menu-heading>img{inset:auto;width:100%;height:220px;transform:none}.story-video-link{font-size:14px}}

.story-video-intro{position:relative;z-index:1;margin-top:24px;max-width:440px}.story-video-intro h3{font-family:var(--font-heading,"Roboto Condensed",sans-serif);font-size:24px;line-height:1.25;margin:0 0 9px}.story-video-intro p{font-size:16px;line-height:1.65;margin:0}.story-video-intro+.story-video-link{margin-top:15px}

body[data-time=morning] #chapter-action{display:none}.morning-to-noon{margin-top:40px;padding-top:26px;border-top:1px solid var(--line);max-width:680px}.morning-to-noon h3{font-family:var(--title-font);font-size:32px;line-height:1.3;margin:0 0 12px}.morning-to-noon p{font-size:16px;line-height:1.7;margin:0 0 20px}.morning-to-noon .button{max-width:100%;text-align:center}

.pairing-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.pairing-actions button{display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:15px;font-weight:400;line-height:1.5;min-height:44px;padding:10px 14px;border:1px solid currentColor;border-radius:100px;background:transparent;color:inherit;cursor:pointer;margin:0;max-width:100%;text-align:center}.pairing-actions button:hover{background:rgba(255,255,255,.35)}.pairing-actions button:focus-visible{outline:2px solid currentColor;outline-offset:3px}

#lunch-pairings-title{scroll-margin-top:110px}

.night-food-menu{display:none;padding-top:70px;scroll-margin-top:100px}body[data-time=night] .night-food-menu{display:block}.night-food-categories{margin-top:36px;max-width:900px}.night-food-categories .menu-category>h3,.night-food-categories .menu-category>.eyebrow,.night-food-categories .menu-category>p{display:none}@media(max-width:800px){.night-food-menu{padding-top:45px}}

.graduations{position:relative;isolation:isolate;overflow:hidden}.graduations::before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0 auto 0 -3%;width:72%;background:url('assets/graduation-cap-background.png') no-repeat left center;background-size:100% auto;opacity:.2;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 30%,rgba(0,0,0,.45) 62%,transparent 95%);mask-image:linear-gradient(to right,#000 0%,#000 30%,rgba(0,0,0,.45) 62%,transparent 95%)}.graduations>.eyebrow,.graduations>.graduations-grid{position:relative;z-index:1}body[data-time=noon] .graduations::before{opacity:.12}@media(max-width:750px){.graduations::before{inset:0 auto auto -5%;width:110%;height:540px;background-position:left 80px;opacity:.15}}

/* Position the graduation motif in the space below the introduction. */
.graduations::before{display:none}.graduations-grid>div:first-child::after{content:"";display:block;pointer-events:none;width:120%;height:245px;margin-top:20px;background:url('assets/graduation-cap-background.png') no-repeat left center;background-size:contain;opacity:.24;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 30%,rgba(0,0,0,.45) 62%,transparent 95%);mask-image:linear-gradient(to right,#000 0%,#000 30%,rgba(0,0,0,.45) 62%,transparent 95%)}body[data-time=noon] .graduations-grid>div:first-child::after{opacity:.14}@media(max-width:750px){.graduations-grid>div:first-child::after{width:100%;height:190px;margin-top:16px;opacity:.2}}

/* Contact closes every scene; the cap fills the lower graduation background. */
body[data-time=morning] .visit,body[data-time=noon] .visit,body[data-time=night] .visit{order:100}
.graduations-grid>div:first-child{min-width:0;overflow:hidden}
.graduations-grid>div:first-child::after{width:calc(100% + 90px);height:330px;margin:24px 0 -35px -55px;background-size:auto 560px;background-position:left -90px top -90px;opacity:.28;-webkit-mask-image:linear-gradient(to right,#000 0%,#000 40%,rgba(0,0,0,.5) 72%,transparent 98%);mask-image:linear-gradient(to right,#000 0%,#000 40%,rgba(0,0,0,.5) 72%,transparent 98%)}
body[data-time=noon] .graduations-grid>div:first-child::after{opacity:.2}
@media(max-width:750px){.graduations-grid>div:first-child::after{width:calc(100% + 80px);height:270px;margin:20px 0 -25px -40px;background-size:auto 430px;background-position:left -80px top -55px;opacity:.26}}

/* The actual cellar stretches across the night welcome. */
body[data-time=night] .scene-stage::before{background-image:linear-gradient(90deg,rgba(7,30,29,.97) 0%,rgba(7,30,29,.86) 28%,rgba(7,30,29,.46) 52%,rgba(7,30,29,.08) 78%),linear-gradient(0deg,rgba(7,30,29,.76) 0%,transparent 38%),url('assets/masali-cellar-night.webp');background-size:cover;background-position:center,center,center 48%}
@media(max-width:800px){body[data-time=night] .scene-stage::before{background-image:linear-gradient(180deg,rgba(7,30,29,.3) 0%,rgba(7,30,29,.6) 35%,rgba(7,30,29,.94) 75%,#071e1d 100%),url('assets/masali-cellar-night.webp');background-position:center,62% center;background-size:cover}}

/* Feather every boundary before the oversized cap reaches its crop. */
.graduations-grid>div:first-child{overflow:visible}
.graduations-grid>div:first-child::after{width:100%;margin-left:0;background-position:left -145px top -90px;-webkit-mask-image:radial-gradient(ellipse at 48% 44%,#000 22%,rgba(0,0,0,.88) 38%,rgba(0,0,0,.4) 56%,transparent 72%);mask-image:radial-gradient(ellipse at 48% 44%,#000 22%,rgba(0,0,0,.88) 38%,rgba(0,0,0,.4) 56%,transparent 72%)}
@media(max-width:750px){.graduations-grid>div:first-child::after{width:100%;margin-left:0;background-position:left -110px top -55px}}

.night-videos{display:none;padding:36px 0;margin-top:40px;border-top:1px solid var(--line)}body[data-time=night] .night-videos{display:block}.night-videos .story-video-intro{max-width:650px}

/* Give the evening table its own space after the cellar. */
body[data-time=night] #day > .night-menu{margin-bottom:clamp(80px,8vw,140px)}
.noon-to-night{display:none;margin-top:36px;max-width:460px}
body[data-time=noon] .noon-to-night{display:block}
.noon-to-night p{font-size:clamp(1.15rem,1.6vw,1.4rem);line-height:1.5;margin:0 0 20px}