@font-face{font-family:"SC Jurere";src:url("fonts/SC-Jurere.otf") format("opentype");font-style:normal;font-weight:400;font-display:block}
@font-face{font-family:"Cervo";src:url("fonts/Cervo-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:block}
@font-face{font-family:"Raleway";src:url("fonts/Raleway-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:block}
*{box-sizing:border-box}
:root{--cream:#eae2d4;color-scheme:dark}
html{background:#090807;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{margin:0;color:var(--cream);font-family:"Raleway","Cervo";-webkit-font-smoothing:antialiased;min-height:100svh;position:relative;isolation:isolate}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--cream);outline-offset:5px}
.backdrop{position:fixed;inset:0;z-index:-1;background-image:linear-gradient(90deg,rgba(10,7,6,.06) 0%,rgba(10,7,6,.04) 48%,rgba(10,7,6,.16) 65%,rgba(10,7,6,.67) 100%),url('assets/interior.jpg');background-size:cover;background-position:center}
main{min-height:100svh;display:flex;align-items:flex-end;justify-content:flex-end;padding:64px 6.2vw 84px}
.contacts{width:380px;text-align:center;display:flex;flex-direction:column;align-items:center}
.contact-primary{display:flex;flex-direction:column;align-items:center;width:100%;flex-shrink:0}
h1{width:280px;margin:0 0 28px;line-height:0}
h1 img{width:100%;height:auto;display:block}
.eyebrow{font-size:10px;letter-spacing:2px;margin:0 0 16px}
h2{font-family:"SC Jurere","Cervo","Raleway";font-size:34px;font-weight:normal;letter-spacing:-.8px;line-height:1.15;margin:0 0 13px;white-space:nowrap}
.direction{font-size:14px;line-height:1.6;margin:0 0 20px}
.phone{display:flex;align-items:center;justify-content:center;width:300px;max-width:100%;min-height:52px;border:1px solid var(--cream);font-size:18px;letter-spacing:.3px;background:var(--cream);color:#362724;border-radius:2px}
.phone{padding:12px 16px;line-height:1.35;text-align:center}
.phone:hover{background:#fff4e4}
.phone-number{display:flex;align-items:center;justify-content:center;min-height:44px;font-size:14px;line-height:1.4;letter-spacing:.3px}
.route-space{display:flex;justify-content:center;align-items:center;width:100%;margin-top:14px}
.desktop-route{width:130px}
.map-label{font-size:9px;line-height:1.4;letter-spacing:1.35px;white-space:nowrap;padding-bottom:11px;border-bottom:1px solid rgba(234,226,212,.25)}
.desktop-route img{width:100%;height:auto;display:block;filter:invert(1);margin-top:11px}
footer{position:absolute;right:6.2vw;bottom:25px;width:380px;max-width:calc(100% - 36px);text-align:center;font-size:9px;line-height:1.5;letter-spacing:.45px;color:#cfbfb2}
.route-overlay{display:none;position:fixed;inset:0;background:#181310;z-index:10;overflow:auto;padding:80px 24px 40px}
.route-overlay:target{display:block}
.close{position:absolute;right:20px;top:16px;min-height:44px;display:flex;align-items:center;font-size:14px}
.route-content{max-width:800px;margin:auto;text-align:center}
.route-content h2{font-size:38px;white-space:normal}
.route-content p{font-size:14px;line-height:1.7}
.route-content .eyebrow{font-size:10px}
.route-content img{display:block;width:100%;height:auto;filter:invert(1);margin:30px 0}
.route-phone{font-size:23px}
@media(min-width:1800px){main{padding-right:8vw;padding-bottom:11vh}footer{right:8vw}}
@media(min-width:741px) and (max-width:1100px){main{padding-right:35px}.contacts,footer{width:300px}footer{right:35px}h1{width:250px}h2{font-size:30px}.phone{width:270px}}
@media(min-width:741px) and (max-height:800px){main{padding-top:32px;padding-bottom:60px}footer{bottom:20px}}
@media(min-width:1001px) and (max-height:740px){h1{width:250px}}
@media(max-width:740px), (max-width:1000px) and (max-height:500px){
 body{display:flex;flex-direction:column;min-height:100svh;min-height:100dvh}
 .backdrop{min-height:100lvh;background-position:48% center;background-image:linear-gradient(180deg,rgba(8,6,5,.27) 0%,rgba(8,6,5,.42) 30%,rgba(8,6,5,.73) 60%,rgba(8,6,5,.87) 100%),url('assets/interior.jpg')}
 main{flex:1;min-height:0;justify-content:center;align-items:center;padding:40px max(24px,env(safe-area-inset-right)) 28px max(24px,env(safe-area-inset-left))}
 .contacts{flex:0 1 320px;width:320px;max-width:100%;min-width:0;margin:0 auto}
 h1{width:230px;max-width:80%;margin:0 0 26px}
 .eyebrow{font-size:9px;line-height:1.4;letter-spacing:1.5px;margin:0 0 12px}
 h2{font-size:28px;letter-spacing:-.6px;margin:0 0 13px}
 .direction{font-size:13px;line-height:1.6;margin:0 0 20px}
 .phone{width:280px;min-height:48px;font-size:17px}
 .phone-number{font-size:14px;min-height:44px}
 .route-space{flex:none;min-height:0;margin:14px 0 0;padding:0}
 .desktop-route{width:128px}
 .map-label{font-size:9px;line-height:1.4;letter-spacing:1.1px;padding-bottom:10px}
 .desktop-route img{margin-top:10px}
 footer{position:static;flex-shrink:0;inset:auto;width:100%;max-width:none;padding:0 max(16px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));font-size:9px;line-height:1.5;letter-spacing:.2px;text-align:center}
 .route-overlay{padding-top:max(72px,env(safe-area-inset-top));padding-bottom:max(32px,env(safe-area-inset-bottom))}
 .route-content h2{font-size:30px}
}

@media(max-width:360px){main{padding-left:20px;padding-right:20px;padding-top:30px}h1{width:205px;margin-bottom:22px}h2{font-size:26px}}


/* Brand typography: sources are the original local brand font files. */
body{font-synthesis:none}
.eyebrow,.map-label,footer,.close{font-family:"Cervo","Raleway"}
.eyebrow{font-size:12px}
.map-label{font-size:11px}
footer{font-size:11px}
h2{font-size:38px;letter-spacing:0}
@media(max-width:1100px){h2{font-size:34px}}
@media(max-width:740px), (max-width:1000px) and (max-height:500px){.eyebrow{font-size:11px}.map-label{font-size:11px}footer{font-size:10px}h2{font-size:32px}}
@media(max-width:360px){h2{font-size:30px}}