/*
Theme Name: Mašklin i Lata — Dark
Description: Dark restaurant design for Mašklin i Lata and its temporary Bistro Lata location.
Version: 1.0.13
Text Domain: masklin-dark
*/
:root{--paper:#f5f1e9;--ink:#292e25;--olive:#515b3d;--line:#d5d2c6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b88637;outline-offset:5px}img{display:block;width:100%;object-fit:cover}figure{margin:0}.notice{background:var(--olive);color:white;text-align:center;font-size:12px;letter-spacing:.04em;padding:10px 20px}.notice span{margin:0 12px}.notice a{margin-left:25px;border-bottom:1px solid #a9af9d}header{display:flex;align-items:center;justify-content:space-between;padding:27px 5%}.brand{font:30px Georgia,serif;white-space:nowrap}.brand i{font-size:.8em}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.26em;margin-top:9px}nav{display:flex;gap:30px;align-items:center;font-size:13px}.nav-cta{border:1px solid #919580;padding:10px 20px}.hero{display:grid;grid-template-columns:43% 57%;min-height:650px}.hero-copy{padding:58px 9% 44px 12%}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:.19em;margin:0 0 25px}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.03;margin:0 0 28px;letter-spacing:-.045em}h1{font-size:clamp(54px,5.7vw,88px)}h1 em,h2 em{font-weight:normal;color:var(--olive)}.hero-copy>p:not(.eyebrow){font-size:15px;max-width:350px;color:#676b60;margin:25px 0}.button{display:inline-flex;justify-content:space-between;gap:30px;padding:15px 22px;background:var(--olive);color:white;font-size:12px}.hero-address{margin-top:38px;font-size:10px;letter-spacing:.13em}.hero-address span{display:block;letter-spacing:0;color:#6f7167;font-size:12px;margin-top:3px}.hero-photo{position:relative;min-height:650px}.hero-photo>img{height:100%;position:absolute}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0006,transparent 50%)}.hero-photo figcaption{position:absolute;z-index:1;bottom:30px;left:32px;color:white;font-size:12px}.photo-mark{position:absolute;right:30px;bottom:30px;z-index:1;color:white;text-align:center;font:italic 47px Georgia,serif}.photo-mark small{display:block;font:8px Arial,sans-serif;letter-spacing:.15em}.wrap{max-width:1330px;margin:auto;padding-left:6%;padding-right:6%}.story{padding-top:105px;padding-bottom:105px;display:grid;grid-template-columns:1fr 2fr;gap:50px}.story>div{max-width:680px}h2{font-size:clamp(38px,4.2vw,62px)}.story p:not(.eyebrow),.table-section p:not(.eyebrow){color:#686c60;max-width:590px}.text-link{display:inline-block;border-bottom:1px solid #8c937a;font-size:13px;padding:8px 0;margin-top:12px}.space{background:#e9e7dc;padding:78px 0}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-head>p{font-size:13px;color:#626855}.gallery{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:22px}.gallery img{height:340px}.gallery figure:nth-child(2){margin-top:55px}.gallery figure:nth-child(3){margin-top:110px}.gallery figcaption{font-size:10px;margin-top:15px;letter-spacing:.07em}.table-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-top:110px;padding-bottom:110px}.table-section>img{height:550px}.small{font-size:12px;margin-top:30px}.visit{background:#303a2e;color:#f6f3e8;padding:90px 0}.visit-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8%}.visit h2 em{color:#d3c8a3}.visit address{font-style:normal;font-size:20px;margin:24px 0}.light{color:var(--ink);background:#ece8da}.visit figure img{height:450px}.visit figcaption{font-size:11px;margin-top:13px;color:#c2c7bb}.contact{margin-top:35px;font-size:13px}.contact p{font-size:11px;color:#c2c7bb}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:45px;padding-bottom:45px}footer p,footer>a:last-child{font-size:11px}.preview-note{font-size:11px;text-align:center;background:#e9dfc8;padding:9px 20px}@media(max-width:760px){.notice{font-size:10px}.notice a{display:block;margin:2px 0 0;border:0}.notice span{margin:0 4px}header{padding:23px 6%}.brand{font-size:25px}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{padding:8px 12px;font-size:11px}.hero{display:flex;flex-direction:column}.hero-copy{padding:35px 6% 40px}.hero h1{font-size:62px}.hero-copy>p:not(.eyebrow){max-width:100%}.hero-address{margin-top:24px}.hero-photo{min-height:420px}.story{grid-template-columns:1fr;gap:10px;padding-top:65px;padding-bottom:65px}.section-head{display:block}.gallery{grid-template-columns:1fr;gap:30px}.gallery figure:nth-child(n){margin:0}.gallery img{height:310px}.space{padding:60px 0}.table-section{grid-template-columns:1fr;gap:40px;padding-top:65px;padding-bottom:65px}.table-section>img{height:390px}.visit{padding:65px 0}.visit-grid{grid-template-columns:1fr;gap:45px}.visit figure img{height:300px}footer{align-items:start;flex-direction:column;gap:10px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.menu{padding-top:20px;padding-bottom:95px}.menu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--line);padding-top:25px}.menu h3{font:25px Georgia,serif}.menu-grid p{font-size:14px;line-height:2;color:#626855}.phone{display:inline-block;font-size:20px;margin-bottom:12px}@media(max-width:760px){.menu-grid{grid-template-columns:1fr;gap:5px}.menu{padding-bottom:60px}}/* Dark restaurant palette */
:root{--paper:#121310;--ink:#eee8db;--olive:#c4a46a;--line:#3b382f}
.notice{background:#25251f;color:#d8c299;border-bottom:1px solid #454032}
.notice a{border-color:#87734e}
header{background:#121310}
.brand{color:#e0c48d}
.brand small{color:#a99c83}
.nav-cta{border-color:#8b734a;color:#e0c48d}
.hero-copy>p:not(.eyebrow),.story p:not(.eyebrow),.table-section p:not(.eyebrow){color:#bcb8ad}
.eyebrow{color:#c4a46a}
.button{background:#c4a46a;color:#171813}
.button:hover{background:#dec28e}
.hero-address{color:#d5bd91}
.hero-address span{color:#a49f92}
.space{background:#1c1e18;border-top:1px solid #35372b;border-bottom:1px solid #35372b}
.section-head>p,.menu-grid p{color:#bcb8ad}
.gallery figcaption{color:#b6a78a}
.text-link{border-color:#8b734a;color:#ddc18b}
.visit{background:#20241c;border-top:1px solid #4c4938}
.visit h2 em{color:#c4a46a}
.visit figcaption,.contact p{color:#b9b9aa}
.light{background:#c4a46a;color:#171813}
footer{color:#aaa699}
.preview-note{background:#25251f;color:#b9ad95;border-top:1px solid #454032}
::selection{background:#c4a46a;color:#121310}

.page-intro{padding-top:80px;padding-bottom:65px}.page-intro h1{font-size:clamp(48px,5.8vw,84px)}.page-intro p:not(.eyebrow){color:#bcb8ad}.menu-invite{padding-top:55px;padding-bottom:85px}.menu-invite p{color:#bcb8ad}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:90px;padding-bottom:90px}.contact-section p{color:#bcb8ad}.contact-section label{display:block;margin-bottom:18px;font-size:13px}.contact-section input,.contact-section textarea{display:block;width:100%;background:#1b1d17;border:1px solid #655a43;color:#eee8db;padding:12px;margin-top:7px;font:16px Arial}.contact-section textarea{min-height:150px;resize:vertical}.contact-section button{border:0;cursor:pointer}.form-note{font-size:12px}.form-status{padding:18px;border:1px solid #c4a46a;margin-bottom:20px}.trap{display:none!important}.generic-content{padding-top:60px;padding-bottom:70px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:20px;top:10px;background:#c4a46a;color:#111;padding:10px;z-index:99999}.menu-toggle{display:none}footer a{font-size:12px}footer .brand{font-size:30px}nav a[aria-current=page]{color:#e0c48d}header{position:relative}body.admin-bar .notice{margin-top:0}@media(max-width:760px){.menu-toggle{display:block;background:transparent;color:#e0c48d;border:1px solid #8b734a;padding:10px 13px;font-size:12px}.menu-toggle span{margin-left:8px}header nav{display:none;position:absolute;z-index:50;top:100%;left:0;right:0;background:#1c1e18;padding:20px 6%;border-bottom:1px solid #8b734a}header nav.open{display:flex;flex-direction:column;align-items:stretch;gap:10px}header nav>a:not(.nav-cta){display:block;padding:9px 0}header nav .nav-cta{padding:12px}.page-intro{padding-top:50px;padding-bottom:35px}.contact-section{grid-template-columns:1fr;gap:35px;padding-top:60px;padding-bottom:60px}.hero h1{font-size:58px}footer{gap:22px}}

.visit h1{font-size:clamp(38px,4.2vw,62px)}.visit h1 em{color:#c4a46a}

.seafood-section{padding-bottom:45px}.seafood-list h3{font:24px Georgia,serif;color:#d8bd88;margin:23px 0 5px}.seafood-list p{margin-top:0;font-size:14px}.hero-photo>img{object-position:58% center}.photo-mark{font-size:34px}@media(max-width:760px){.photo-mark{font-size:27px}.hero-photo{min-height:370px}.seafood-section{padding-bottom:20px}}

.hero-photo>img{object-position:50% center}

@media(max-width:760px){.hero-photo{min-height:0;aspect-ratio:3/2}}

.story-location{grid-template-columns:1fr 1fr;align-items:center;gap:7%}.story-location figure img{height:420px}.story-location figcaption{font-size:11px;color:#b6a78a;margin-top:12px}.expanded-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:35px 22px}.expanded-gallery figure:nth-child(n){margin:0}.expanded-gallery img{height:auto;aspect-ratio:4/3;transition:filter .2s}.expanded-gallery a:hover img{filter:brightness(1.1)}@media(max-width:760px){.story-location{grid-template-columns:1fr;gap:30px}.story-location figure img{height:auto;aspect-ratio:3/2}.expanded-gallery{grid-template-columns:1fr;gap:28px}}

/* A photographic pause between the two editorial sections. */
.story-location{position:relative;isolation:isolate;display:flex;align-items:center;justify-content:flex-end;min-height:640px;padding:90px max(7%,calc((100vw - 1120px)/2));margin:45px 0 0;overflow:hidden}.story-location>figure{position:absolute;inset:0;z-index:-2}.story-location figure img{width:100%;height:100%;object-fit:cover;object-position:center 45%}.story-location figure figcaption{display:none}.story-location:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(12,14,10,.12) 0%,rgba(12,14,10,.65) 43%,rgba(12,14,10,.94) 100%)}.story-location>div{width:49%;max-width:560px}.story-location h2{color:#fff7e9}.story-location p:not(.eyebrow){color:#e0dbce}.story-location .eyebrow{color:#e0c48d}.story-location .text-link{color:#efcf96}@media(max-width:760px){.story-location{min-height:650px;padding:75px 6%;margin-top:20px}.story-location>div{width:100%;max-width:none}.story-location figure img{height:100%;aspect-ratio:auto;object-position:44% center}.story-location:before{background:rgba(12,14,10,.78)}}

#stol>img{height:auto;aspect-ratio:1.3;object-position:center}
/* Refined restaurant presentation */
html{scroll-padding-top:130px}header{position:sticky;top:0;z-index:100;transition:background .3s,box-shadow .3s;padding-top:24px;padding-bottom:24px}body.admin-bar header{top:32px}.home header{background:transparent}.home header.scrolled,header.scrolled{background:rgba(18,19,16,.96);box-shadow:0 1px 0 #c4a46a33;backdrop-filter:blur(14px)}.home .hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100svh - 42px);margin-top:-107px;padding-top:107px}.home .hero-photo{position:absolute;inset:0;min-height:0;z-index:-2}.home .hero-photo>img{height:100%;width:100%;object-position:65% center}.home .hero-photo:after{background:linear-gradient(90deg,rgba(8,10,7,.94),rgba(8,10,7,.76) 30%,rgba(8,10,7,.17) 68%,rgba(8,10,7,.08)),linear-gradient(0deg,rgba(8,10,7,.4),transparent 35%)}.home .hero-photo figcaption,.home .photo-mark{display:none}.home .hero-copy{padding:70px 6% 60px;width:60%;max-width:920px}.home .hero h1{font-size:clamp(70px,6.6vw,110px);line-height:.98;letter-spacing:-.05em}.home .hero-copy>p:not(.eyebrow){color:#d0ccbf;max-width:380px;font-size:16px}.hero-address{color:#e0c48d}.hero-address span{color:#c6c0b2}.button,.nav-cta{transition:background .25s,color .25s,transform .25s}.button:hover{transform:translateY(-2px)}.nav-cta:hover{background:#c4a46a;color:#121310}nav>a:not(.nav-cta){position:relative}nav>a:not(.nav-cta):after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:#c4a46a;transform:scaleX(0);transform-origin:left;transition:transform .25s}nav>a:hover:after{transform:scaleX(1)}.text-link{transition:color .25s,border-color .25s}.text-link:hover{color:#fff4db;border-color:#fff4db}.table-section{padding-top:130px;padding-bottom:130px}.menu-invite{border-top:1px solid #c4a46a33;padding-top:65px;padding-bottom:90px}.expanded-gallery a{display:block;overflow:hidden}.expanded-gallery img{transition:transform .65s,filter .65s}.expanded-gallery a:hover img{transform:scale(1.035);filter:brightness(1.08)}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal-ready.is-visible{opacity:1;transform:none}.photo-viewer{border:1px solid #c4a46a44;background:#121310;color:#eee8db;width:min(1200px,94vw);max-width:94vw;padding:55px 65px 25px;max-height:94svh}.photo-viewer::backdrop{background:rgba(0,0,0,.94)}.photo-viewer img{width:100%;height:min(70svh,850px);object-fit:contain}.photo-viewer button{position:absolute;background:#171914;border:1px solid #c4a46a77;color:#eee8db;font-size:25px;cursor:pointer;width:42px;height:42px}.viewer-close{right:12px;top:10px}.viewer-prev{left:10px;top:48%}.viewer-next{right:10px;top:48%}.viewer-caption{text-align:center;font-size:12px;letter-spacing:.06em;margin:18px 0 0}.photo-viewer button:focus-visible{outline:2px solid #e0c48d;outline-offset:3px}
@media(max-width:760px){html{scroll-padding-top:110px}body.admin-bar header{top:46px}.home header{background:rgba(18,19,16,.72)}.home .hero{margin-top:-100px;padding-top:100px;min-height:calc(100svh - 55px)}.home .hero-copy{width:100%;padding:65px 6% 45px}.home .hero h1{font-size:clamp(60px,16vw,78px)}.home .hero-photo{aspect-ratio:auto;height:100%}.home .hero-photo>img{object-position:59% center}.home .hero-photo:after{background:linear-gradient(90deg,rgba(8,10,7,.88),rgba(8,10,7,.55)),linear-gradient(0deg,rgba(8,10,7,.65),transparent)}.table-section{padding-top:75px;padding-bottom:75px}.photo-viewer{padding:55px 12px 20px}.photo-viewer img{height:60svh}.viewer-prev,.viewer-next{top:auto;bottom:12px}.viewer-caption{padding:0 40px;min-height:30px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.reveal-ready{opacity:1;transform:none}}