/* ================================================================
   KEKLİK CATERING — bespoke static website
   Theme: oxblood / warm porcelain / muted brass
   No UI framework or runtime CSS dependency required.
   ================================================================ */
:root {
  --wine:#590d20;
  --wine-dark:#370913;
  --wine-soft:#71172a;
  --cream:#fbf8f2;
  --sand:#f3ecdf;
  --sand-deep:#eee3d2;
  --ink:#241c19;
  --muted:#726a62;
  --gold:#c99d5e;
  --gold-light:#e6c68c;
  --line:#e7ded2;
  --serif:"Playfair Display",Georgia,"Times New Roman",serif;
  --sans:"DM Sans","Manrope",Arial,sans-serif;
  --ease:cubic-bezier(.22,1,.36,1);
  --container:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:87px}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
::selection{color:#fff;background:var(--wine)}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
button:disabled{opacity:.5;cursor:not-allowed}
a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.container{width:min(var(--container),calc(100% - 104px));margin-inline:auto}
.section{padding:108px 0}
.visually-hidden{position:absolute!important;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;z-index:200;top:-90px;left:20px;padding:12px 24px;background:var(--cream);color:var(--wine);font-weight:700;transition:top .2s}
.skip-link:focus{top:15px}
.eyebrow{text-transform:uppercase;letter-spacing:.225em;color:#b18549;font-size:10px;font-weight:700;line-height:1.5;margin:0 0 21px;display:flex;align-items:center;gap:12px}
.eyebrow--gold{color:var(--gold-light)}
.eyebrow__rule{width:24px;height:1px;background:currentColor;display:inline-block;flex:0 0 auto}
.section-title{font:400 clamp(37px,3.65vw,58px)/1.16 var(--serif);letter-spacing:-.047em;margin:0 0 22px}
.section-title em{font-weight:400;color:var(--wine);font-style:italic}
.section-title--light{color:#fff}
.section-title--light em{color:var(--gold-light)}
.body-copy{color:#655e58;max-width:440px;margin:0 0 19px;font-size:14px;line-height:1.95}
.button{display:inline-flex;align-items:center;justify-content:center;gap:26px;min-height:49px;padding:13px 23px;border:1px solid transparent;font-weight:700;font-size:11px;letter-spacing:.018em;transition:background .3s,color .3s,border-color .3s,transform .3s var(--ease);white-space:nowrap}
.button span{font-size:16px;font-weight:400;line-height:1}
.button:hover{transform:translateY(-2px)}
.button--gold{background:linear-gradient(115deg,#e6c48c,#c89c5e);color:#301b17}
.button--gold:hover{background:#f0d9ac}
.button--outline-light{border-color:rgba(244,224,188,.75);color:#f9eee0;background:transparent}
.button--outline-light:hover{background:rgba(255,255,255,.13);border-color:#fff}
.button--outline-gold{color:#f5e9d5;border-color:#a77c48}
.button--outline-gold:hover{background:#d0a36a;color:#281a16}
.button--wine{background:var(--wine);color:#fff}
.button--wine:hover{background:#721a2d}
.button--full{width:100%}
.text-link{margin-top:14px;padding-bottom:9px;border-bottom:1px solid #caa571;display:inline-flex;align-items:center;gap:35px;color:var(--wine);font-size:12px;font-weight:700;transition:gap .25s}
.text-link span{font-size:18px;font-weight:400}
.text-link:hover{gap:47px}

/* HEADER */
.site-header{position:absolute;top:0;left:0;width:100%;z-index:50;color:#f8f3e9;transition:background .35s,box-shadow .35s,transform .35s}
.site-header.is-sticky{position:fixed;background:rgba(43,12,18,.97);box-shadow:0 8px 30px rgba(0,0,0,.13);backdrop-filter:blur(12px)}
.nav-shell{height:102px;display:flex;align-items:center;justify-content:space-between;gap:28px;transition:height .35s}
.site-header.is-sticky .nav-shell{height:79px}
.brand{display:inline-flex;align-items:center;gap:9px;flex:0 0 auto;min-width:181px}
.brand__emblem{width:69px;height:59px;object-fit:contain;object-position:center}
.brand__lockup{display:flex;flex-direction:column;align-items:center;line-height:1.15;white-space:nowrap}
.brand__name{font:400 27px/1.05 var(--serif);letter-spacing:.155em;color:#fff6e9}
.brand__tag{font:600 9px/1.5 var(--sans);letter-spacing:.46em;margin-top:5px;color:var(--gold-light)}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,1.75vw,30px);flex:1}
.nav-link{font-weight:600;font-size:14px;letter-spacing:.015em;white-space:nowrap;position:relative;padding:17px 0;color:rgba(255,250,241,.85);transition:color .2s}
.nav-link::after{content:"";position:absolute;bottom:8px;left:0;right:100%;height:1px;background:var(--gold-light);transition:right .3s}
.nav-link.is-current,.nav-link:hover{color:var(--gold-light)}
.nav-link.is-current::after,.nav-link:hover::after{right:0}
.header-action{border:1px solid rgba(218,173,105,.7);padding:11px 19px;min-width:119px;font-size:10px;font-weight:700;text-align:center;white-space:nowrap;transition:background .2s}
.header-action span{margin-left:13px}
.header-action:hover{background:var(--gold);color:var(--wine-dark)}
.menu-toggle,.mobile-nav{display:none}

/* HERO */
.hero{min-height:760px;height:min(820px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;background:var(--wine-dark);color:#fff}
.hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:63% 52%;filter:saturate(.89) contrast(1.03)}
.hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(66,5,18,.99) 0%,rgba(77,7,22,.98) 24%,rgba(77,7,22,.91) 33%,rgba(66,6,20,.77) 42%,rgba(28,14,10,.20) 68%,rgba(15,9,6,.28) 100%),linear-gradient(0deg,rgba(20,7,9,.39),transparent 39%)}
.hero__ornament{position:absolute;width:420px;height:680px;top:-110px;left:-225px;opacity:.28;background:repeating-radial-gradient(circle at 40% 45%,transparent 0 32px,rgba(185,60,65,.22) 33px 34px,transparent 35px 67px);transform:rotate(17deg);mask-image:linear-gradient(90deg,#000,transparent)}
.hero__inner{position:relative;z-index:2;padding-top:98px;width:min(var(--container),calc(100% - 104px))}
.hero__content{width:min(540px,52vw)}
.hero__eyebrow{font-size:10px;letter-spacing:.19em;margin-bottom:25px}
.hero h1{font:400 clamp(49px,5.05vw,77px)/1.12 var(--serif);letter-spacing:-.053em;margin:0 0 24px;text-wrap:balance}
.hero h1 em{display:inline;font-style:italic;font-weight:400;color:var(--gold-light)}
.hero__lead{font:400 14px/1.94 var(--sans);max-width:435px;margin:0;color:rgba(255,247,238,.86)}
.hero__actions{margin-top:30px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.hero__signature{display:flex;align-items:center;gap:13px;margin-top:38px;font:italic 12px var(--serif);letter-spacing:.02em;color:#e6cfaa}
.signature-line{width:25px;height:1px;background:var(--gold)}
.hero__vertical{position:absolute;right:30px;top:50%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.23em;color:rgba(255,255,255,.6);z-index:2;transform:translateY(-50%)}
.hero__scroll{z-index:2;position:absolute;bottom:32px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:13px;font-size:9px;text-transform:uppercase;letter-spacing:.18em;color:#efdbc3}
.hero__scroll-line{width:1px;height:39px;background:linear-gradient(transparent,#e5d3b5)}

/* STORY */
.story{background:var(--cream)}
.story__layout{display:grid;grid-template-columns:minmax(285px,1.02fr) minmax(345px,1.25fr) minmax(130px,.46fr);gap:48px;align-items:center}
.story__copy{padding-bottom:4px}
.story__copy .section-title{font-size:clamp(39px,3.8vw,56px)}
.story__visuals{height:405px;display:grid;grid-template-columns:1.4fr .88fr;grid-template-rows:1fr 1fr;gap:10px;position:relative}
.story__portrait{grid-row:1/3;height:100%}
.story__stack{display:contents}
.story__stack .image-zoom{min-height:0}
.image-zoom{overflow:hidden;background:#dfd4bf;position:relative}
.image-zoom img{height:100%;width:100%;object-fit:cover;transition:transform .9s var(--ease)}
.image-zoom:hover img{transform:scale(1.065)}
.story__portrait img{object-position:50% 22%}
.story__caption{position:absolute;right:0;bottom:-30px;font:italic 11px var(--serif);color:#98774f;letter-spacing:.035em}
.story__quote{align-self:center;padding:0 0 0 7px}
.story__quote-mark{font:600 85px/.7 var(--serif);color:#e6ddce;display:block}
.story__quote blockquote{font:italic 19px/1.6 var(--serif);letter-spacing:-.025em;color:#6f655b;margin:9px 0 24px}
.story__quote-rule{width:31px;height:1px;background:#8f7460;display:block}

/* SERVICES */
.services{background:var(--sand);position:relative;overflow:hidden;padding-top:96px;padding-bottom:103px}
.services__leaf{position:absolute;right:-16px;top:42px;font:400 270px/1 var(--serif);color:rgba(190,153,110,.105);transform:rotate(35deg);pointer-events:none}
.section-heading{margin:0 0 37px}
.section-heading--center{text-align:center;margin-bottom:43px}
.section-heading--center .eyebrow{justify-content:center}
.section-heading .section-title{margin-bottom:13px}
.section-heading p:last-child{margin:0;color:#776d63;font-size:13px;line-height:1.8;max-width:520px}
.section-heading--center p:last-child{margin-inline:auto}
.services__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;align-items:start}
.service-card{background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.75);min-height:376px;display:flex;flex-direction:column;align-items:center;text-align:center;padding:27px 25px 24px;transition:transform .35s var(--ease),background .35s,box-shadow .35s;border-radius:2px}
.service-card:hover{transform:translateY(-7px);background:#fff;box-shadow:0 18px 35px rgba(74,44,27,.075)}
.service-card__number{font:700 9px/1.4 var(--sans);letter-spacing:.18em;color:#b18549;align-self:flex-end;margin-bottom:4px}
.service-card__icon{display:grid;place-items:center;border:1px solid #d4ad78;border-radius:50%;width:65px;height:65px;margin-bottom:19px;color:#b88b4b}
.service-card__icon svg{width:31px;height:31px;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.service-card h3{font:400 21px/1.35 var(--serif);letter-spacing:-.03em;margin:0 0 10px;max-width:290px}
.service-card p{font-size:12px;line-height:1.75;color:#746a61;margin:0 0 21px;max-width:270px}
.service-card__details{width:100%;margin-top:auto;border-top:1px solid #e8ddcf;padding-top:13px;text-align:left}
.service-card__details summary{display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none;cursor:pointer;font-weight:700;font-size:11px;color:var(--wine);padding:0 1px}
.service-card__details summary::-webkit-details-marker{display:none}
.service-card__details summary span{font-weight:400;font-size:19px;line-height:1;color:#ae8246;transition:transform .25s ease}
.service-card__details[open] summary span{transform:rotate(45deg)}
.service-card__details ul{list-style:disc;list-style-position:outside;margin:14px 0 8px;padding-left:18px;color:#64594f;font-size:11.5px;line-height:1.7}
.service-card__details li{margin-bottom:6px;padding-left:2px}
.service-card__details li::marker{color:var(--gold)}
.service-card__enquire{color:var(--wine);display:inline-flex;align-items:center;justify-content:space-between;gap:15px;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #caa571;font-weight:700;font-size:10.5px;align-self:stretch;transition:gap .25s}
.service-card__enquire:hover{gap:24px}
.service-card__enquire span{font-size:17px;font-weight:400}

/* MENU / RAIL */
.menu-showcase{position:relative;padding:82px 0 47px;background:#201914;color:#fff;overflow:hidden}
.menu-showcase__backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(25,19,15,.91),rgba(30,22,17,.95)),url('../images/table-atmosphere.webp') center/cover;filter:saturate(.8)}
.menu-showcase__header,.menu-rail,.menu-showcase__foot{position:relative;z-index:1}
.menu-showcase__header{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
.menu-showcase__header .section-title{margin-bottom:15px}
.menu-showcase__header p:not(.eyebrow){max-width:440px;color:#cfc6bb;line-height:1.8;font-size:12px;margin:0}
.menu-showcase__tools{display:flex;align-items:center;gap:22px;padding-bottom:3px}
.slider-controls{display:flex;gap:8px}
.slider-controls button{display:grid;place-items:center;width:40px;height:40px;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:transparent;color:#fff;font-size:17px;transition:background .2s,border-color .2s}
.slider-controls button:hover{background:var(--gold);color:#211812;border-color:var(--gold)}
.menu-rail{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;scroll-padding-left:max(52px,calc((100vw - var(--container))/2));padding-left:max(52px,calc((100vw - var(--container))/2));padding-right:max(52px,calc((100vw - var(--container))/2));padding-bottom:8px}
.menu-rail::-webkit-scrollbar{display:none}
.dish-card{flex:0 0 clamp(216px,20.6vw,290px);height:245px;border:0;background:#24170f;position:relative;overflow:hidden;scroll-snap-align:start;text-align:left;color:#fff;padding:0}
.dish-card img{width:100%;height:100%;object-fit:cover;transition:transform .75s var(--ease);filter:saturate(.94)}
.dish-card:hover img{transform:scale(1.08)}
.dish-card__overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;padding:18px;background:linear-gradient(transparent 45%,rgba(19,10,9,.82));text-shadow:0 1px 2px #0008}
.dish-card__overlay span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-light)}
.dish-card__overlay strong{font:400 22px/1.2 var(--serif)}
.menu-showcase__foot{display:flex;justify-content:space-between;margin-top:18px;color:#ac9783;font-size:10px;letter-spacing:.15em;text-transform:uppercase}

/* EDITORIAL PHOTO SPREAD */
.craft{background:#fffdfa;padding:114px 0}
.craft__grid{display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;gap:8%}
.craft__editorial .section-title{font-size:clamp(39px,4.25vw,65px)}
.craft__photos{display:grid;grid-template-columns:1.25fr .8fr;gap:13px;height:427px;align-items:end}
.craft__photo--large{height:100%}
.craft__photo--small{height:70%;margin-bottom:-20px}

/* THREE PROMISES */
.values{background:var(--cream);padding-top:98px;padding-bottom:100px}
.values__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}
.value-card{background:#f4eee4;padding:34px 34px 27px;min-height:216px;box-shadow:0 12px 24px rgba(67,38,17,.025);display:flex;flex-direction:column;align-items:flex-start}
.value-card__num{color:#b99158;font:400 16px var(--serif)}
.value-card h3{font:400 23px/1.25 var(--serif);margin:17px 0 11px;letter-spacing:-.03em}
.value-card p{font-size:12px;line-height:1.82;color:#6c6259;margin:0;max-width:330px}
.value-card__line{height:1px;width:33px;background:var(--gold);margin-top:auto;transform:translateY(14px)}

/* VENUE PARTNERSHIP STRIP */
.venue-banner{position:relative;overflow:hidden;padding:62px 0 68px;background:linear-gradient(90deg,#690e25,#500c1e);color:#fff}
.venue-banner__pattern{position:absolute;inset:0;opacity:.22;background-image:repeating-linear-gradient(45deg,transparent 0 31px,rgba(220,135,120,.32) 32px,transparent 33px 66px),repeating-linear-gradient(-45deg,transparent 0 31px,rgba(220,135,120,.22) 32px,transparent 33px 66px);mask-image:linear-gradient(90deg,#000,transparent 85%)}
.venue-banner__inner{position:relative;display:grid;grid-template-columns:1fr .75fr;gap:10%;align-items:center}
.venue-banner h2{font:400 clamp(36px,3.5vw,55px)/1.2 var(--serif);letter-spacing:-.035em;margin:0;max-width:510px}
.venue-banner h2 em{font-weight:400;color:var(--gold-light)}
.venue-banner__copy p{font-size:13px;line-height:1.9;color:#f0dacf;max-width:460px;margin:0 0 22px}

/* CONTACT */
.contact{padding:94px 0 100px;background:#fbf7ef}
.contact__layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(360px,1.04fr) minmax(170px,.75fr);gap:26px;align-items:center}
.contact__intro{padding-right:10px}
.contact__intro .section-title{font-size:clamp(39px,3.6vw,54px)}
.contact__direct{margin-top:34px;display:flex;flex-direction:column;gap:4px}
.contact__direct>span{color:#83796c;font-size:12px}
.email-link{color:var(--wine);font-weight:700;font-size:14px;word-break:break-word}
.email-link span{font-size:17px}
.form-card{background:rgba(255,255,255,.87);box-shadow:0 10px 38px rgba(73,48,30,.075);border:1px solid #ede4d8;padding:30px}
.form-card__heading{font:400 25px var(--serif);margin:0 0 18px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:15px}
.field label{font-size:10px;color:#473d36;font-weight:700;letter-spacing:.01em}
.field label span:not(.field__optional){color:var(--wine)}
.field__optional{color:#988a7c;font-weight:400}
.field input,.field select,.field textarea{width:100%;border:1px solid #ded9d0;background:#fbfaf7;color:#372c27;padding:12px 13px;border-radius:0;font-size:12px;line-height:1.4;min-height:44px;outline:0;transition:border-color .2s,box-shadow .2s}
.field select{appearance:none;background-image:url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="%23584b41" stroke-width="2"%3E%3Cpath d="m6 9 6 6 6-6"/%3E%3C/svg%3E');background-position:calc(100% - 12px) center;background-repeat:no-repeat;padding-right:34px}
.field input::placeholder,.field textarea::placeholder{color:#aca39b}
.field input:focus,.field select:focus,.field textarea:focus{border-color:#b98b55;box-shadow:0 0 0 3px rgba(205,163,101,.13)}
.field [aria-invalid="true"]{border-color:#af3149}
.field textarea{resize:vertical;min-height:100px}
.form-consent{display:flex;align-items:flex-start;gap:9px;margin:0 0 17px;color:#74675d;font-size:10px}
.form-consent input{accent-color:var(--wine);margin-top:3px;width:15px;height:15px;flex:0 0 auto}
.form-card .button{min-height:47px}
.form-status{font-size:11px;line-height:1.6;margin:10px 0 0;color:#624824}
.form-status:empty{display:none}
.contact__image{height:437px;margin-right:calc((min(100vw,var(--container) + 104px) - 100vw) / 2);min-width:0}
.contact__image img{object-position:55% 50%}

/* FOOTER */
.footer{background:#1e1915;color:#faf5ec;padding:62px 0 0}
.footer__top{display:grid;grid-template-columns:1.2fr .9fr 1.15fr;gap:10%;padding-bottom:59px}
.footer__brand .brand{margin-left:-7px}
.footer__brand .brand__emblem{width:85px;height:73px}
.footer__brand .brand__name{font-size:31px}
.footer__brand p{font-size:11px;color:#bfb2a1;line-height:1.8;margin:13px 0 0}
.footer h3{font-size:11px;font-weight:700;letter-spacing:.03em;margin:9px 0 21px}
.footer__link-columns{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.footer__link-columns div{display:flex;flex-direction:column;gap:13px}
.footer__links a,.footer__details a,.footer__details p{font-size:11px;color:#d1c6b7;transition:color .2s}
.footer__links a:hover,.footer__details a:hover{color:var(--gold-light)}
.footer__details a,.footer__details p{display:flex;align-items:flex-start;gap:11px;line-height:1.5;margin:0 0 14px}
.footer__details svg{width:15px;height:15px;flex:0 0 15px;stroke:var(--gold);fill:none;stroke-width:1.8}
.footer__details .footer__get-in-touch{display:inline-flex;margin-top:13px;padding-bottom:6px;border-bottom:1px solid #947246;color:var(--gold-light)}
.footer__bottom{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid #5b4b37;padding:20px 0 25px;color:#aa9e8d;font-size:10px}
.footer__bottom a:hover{color:#fff}

/* LIGHTBOX */
.lightbox{position:fixed;max-width:min(92vw,950px);width:max-content;max-height:90vh;padding:14px 14px 10px;border:1px solid #d3b68a;background:#251c16;color:#fff;box-shadow:0 26px 90px rgba(0,0,0,.46);overflow:visible}
.lightbox::backdrop{background:rgba(18,9,11,.85);backdrop-filter:blur(5px)}
.lightbox img{display:block;max-height:75vh;max-width:min(85vw,900px);width:auto;object-fit:contain}
.lightbox p{font:italic 18px var(--serif);margin:9px 0 0;padding:0 7px}
.lightbox__close{position:absolute;right:-19px;top:-19px;display:grid;place-items:center;width:41px;height:41px;border-radius:50%;border:1px solid #ddba83;background:var(--wine);color:#fff;font-size:28px;line-height:1}

/* MOTION: only revealed by JS when user does not request reduced motion */
.js .reveal{opacity:0;transform:translateY(23px);transition:opacity .85s var(--ease),transform .85s var(--ease)}
.js .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js .reveal{opacity:1;transform:none}}

/* LARGE TABLETS */
@media(max-width:1180px){
  .container{width:calc(100% - 70px)}
  .nav-shell{gap:15px}
  .brand{min-width:159px;gap:5px}
  .brand__emblem{width:57px;height:53px}
  .brand__name{font-size:24px}
  .brand__tag{font-size:8px}
  .desktop-nav{gap:14px}
  .nav-link{font-size:10px}
  .header-action{padding:10px 13px;min-width:108px}
  .story__layout{gap:25px;grid-template-columns:1fr 1.08fr .42fr}
  .story__visuals{height:340px}
  .story__quote blockquote{font-size:17px}
  .contact__layout{grid-template-columns:minmax(0,.85fr) minmax(335px,1fr)}
  .contact__image{display:none}
  .menu-rail{padding-left:35px;scroll-padding-left:35px;padding-right:35px}
}
/* MOBILE NAV AND TABLETS */
@media(max-width:940px){
  .container{width:calc(100% - 54px)}
  .nav-shell{height:84px}
  .site-header.is-sticky .nav-shell{height:72px}
  .desktop-nav,.header-action{display:none}
  .menu-toggle{display:flex;width:45px;height:45px;border:1px solid rgba(236,211,174,.35);background:transparent;justify-content:center;align-items:center;flex-direction:column;gap:5px;z-index:53}
  .menu-toggle span{width:19px;height:1.5px;background:#fff;transition:transform .28s,opacity .28s}
  .menu-toggle.is-active span:first-child{transform:translateY(6.5px) rotate(45deg)}
  .menu-toggle.is-active span:nth-child(2){opacity:0}
  .menu-toggle.is-active span:last-child{transform:translateY(-6.5px) rotate(-45deg)}
  .mobile-nav{display:flex;position:absolute;top:100%;left:0;right:0;flex-direction:column;padding:24px 27px 35px;gap:0;background:#320e19;transform:translateY(-15px);visibility:hidden;opacity:0;pointer-events:none;transition:transform .3s,visibility .3s,opacity .3s;box-shadow:0 20px 22px #18030a22;max-height:calc(100svh - 72px);overflow-y:auto}
  .mobile-nav.is-open{transform:translateY(0);visibility:visible;opacity:1;pointer-events:auto}
  .mobile-nav a{color:#f7eddf;font:400 20px/1.1 var(--serif);padding:13px 0;border-bottom:1px solid #ffffff18}
  .mobile-nav .mobile-nav__action{background:var(--gold);margin-top:23px;color:#261914;font:700 11px var(--sans);padding:15px 20px;display:flex;justify-content:space-between}
  .hero{min-height:660px;height:80svh}
  .hero__content{width:61vw}
  .hero h1{font-size:clamp(47px,6.3vw,68px)}
  .hero__image{object-position:60%}
  .hero__shade{background:linear-gradient(90deg,rgba(70,7,23,.97),rgba(65,10,22,.84) 48%,rgba(30,13,13,.28) 100%)}
  .story__layout{grid-template-columns:1fr 1.1fr;gap:40px}
  .story__quote{display:none}
  .story__visuals{height:330px}
  .services__grid{grid-template-columns:repeat(2,1fr)}
  .service-card{min-height:355px}
  .craft__grid{gap:6%}
  .craft__photos{height:350px}
  .contact__intro .section-title{font-size:42px}
}
@media(max-width:680px){
  html{scroll-padding-top:70px}
  .container{width:calc(100% - 38px)}
  .section{padding:74px 0}
  .eyebrow{font-size:9px;letter-spacing:.17em;margin-bottom:16px}
  .section-title{font-size:clamp(35px,9.1vw,45px)}
  .brand{min-width:145px}
  .brand__emblem{width:52px;height:46px}
  .brand__name{font-size:23px}
  .brand__tag{font-size:7px}
  .nav-shell{height:75px}
  .site-header.is-sticky .nav-shell{height:68px}
  .hero{min-height:690px;height:92svh;max-height:850px;align-items:flex-end}
  .hero__image{object-position:59% 50%}
  .hero__shade{background:linear-gradient(0deg,rgba(61,6,20,.99) 0%,rgba(70,8,22,.93) 29%,rgba(59,7,21,.68) 55%,rgba(21,11,10,.27) 100%)}
  .hero__inner{width:calc(100% - 42px);padding:115px 0 94px}
  .hero__content{width:100%;max-width:520px}
  .hero__eyebrow{font-size:9px;letter-spacing:.105em}
  .hero h1{font-size:clamp(43px,10.45vw,62px);max-width:510px;line-height:1.115;margin-bottom:18px}
  .hero__lead{font-size:12px;line-height:1.78;max-width:370px}
  .hero__actions{gap:10px;margin-top:25px}
  .button{padding:12px 16px;gap:13px;font-size:10px;min-height:45px}
  .hero__signature{margin-top:25px;font-size:11px}
  .hero__vertical{display:none}
  .hero__scroll{bottom:17px;left:auto;right:21px;transform:none;font-size:8px}
  .hero__scroll-line{height:25px}
  .story__layout{display:flex;flex-direction:column;gap:32px;align-items:stretch}
  .story__copy .section-title{font-size:clamp(40px,10vw,50px)}
  .body-copy{font-size:13px;line-height:1.85}
  .story__visuals{height:310px}
  .story__caption{display:none}
  .services{padding:73px 0 77px}
  .section-heading--center{margin-bottom:30px}
  .section-heading p:last-child{font-size:12px}
  .services__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .service-card{padding:24px 17px 21px;min-height:350px}
  .service-card__icon{width:52px;height:52px;margin-bottom:14px}
  .service-card__icon svg{width:26px;height:26px}
  .service-card h3{font-size:19px}
  .service-card p{font-size:11px}
  .service-card__details{padding-top:11px}
  .service-card__details ul{font-size:11px}
  .menu-showcase{padding:69px 0 36px}
  .menu-showcase__header{flex-direction:column;align-items:stretch;gap:23px;margin-bottom:25px}
  .menu-showcase__tools{justify-content:space-between}
  .menu-rail{padding-left:19px;scroll-padding-left:19px;padding-right:19px}
  .dish-card{flex-basis:76vw;max-width:310px;height:275px}
  .menu-showcase__foot{font-size:8px}
  .craft{padding:79px 0}
  .craft__grid{grid-template-columns:1fr;gap:33px}
  .craft__photos{height:345px}
  .craft__photo--small{margin-bottom:0;height:72%}
  .values{padding:75px 0}
  .values__grid{grid-template-columns:1fr;gap:12px}
  .value-card{min-height:0;padding:25px 26px 30px}
  .value-card h3{margin:10px 0;font-size:23px}
  .venue-banner{padding:65px 0}
  .venue-banner__inner{grid-template-columns:1fr;gap:22px}
  .venue-banner h2{font-size:40px}
  .contact{padding:74px 0}
  .contact__layout{grid-template-columns:1fr;gap:30px}
  .contact__intro .section-title{font-size:clamp(38px,9vw,49px)}
  .contact__direct{margin-top:20px}
  .form-card{padding:25px 21px}
  .footer{padding-top:50px}
  .footer__top{grid-template-columns:1fr 1fr;gap:42px 25px;padding-bottom:40px}
  .footer__brand{grid-column:1/-1}
  .footer__details{grid-column:1/-1}
  .footer__link-columns{gap:22px}
  .footer__bottom{flex-direction:column;gap:9px;padding:17px 0 25px}
}
@media(max-width:390px){
  .hero h1{font-size:42px}
  .hero__eyebrow{max-width:285px}
  .hero__actions .button{flex:1 1 auto;padding:10px 11px;font-size:9px}
  .services__grid{grid-template-columns:1fr}
  .service-card{padding:26px 22px 24px;min-height:0}
  .service-card h3{font-size:21px}
  .service-card p{font-size:12px}
  .form-row{grid-template-columns:1fr;gap:0}
  .story__visuals{height:255px}
}