@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;600;700&family=Roboto+Slab:wght@700;800&display=swap');
:root{--b:#0d0d0c;--c:#eee3ce;--tan:#d6aa61;--f:#e54d20}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--b);color:var(--c);font-family:Arial,sans-serif}a{text-decoration:none;color:inherit}header{height:90px;position:fixed;z-index:9;top:0;width:100%;padding:8px 5vw;display:flex;align-items:center;justify-content:space-between;background:#0b0b0be9;border-bottom:1px solid #ffffff17}header img{width:74px;filter:invert(1)}nav{display:flex;align-items:center;gap:28px;font:600 14px Oswald;letter-spacing:1.4px}#m{display:none;background:none;border:0;color:white;font-size:28px}.btn,.ghost{display:inline-block;padding:15px 23px;font:700 14px Oswald;letter-spacing:1.5px}.btn{background:var(--f);color:#fff}.ghost{border:1px solid #d6c6aa}.hero{min-height:100vh;display:flex;align-items:center;padding:120px 8vw 60px;background:radial-gradient(circle at 76% 48%,#8b3016,#31170f 22%,#12100e 52%,#090909 75%)}.copy{max-width:820px}.biglogo{width:155px;filter:invert(1);margin-bottom:15px}.tag{font:600 12px Oswald;letter-spacing:3px;color:var(--tan)}h1,h2,h3{font-family:"Roboto Slab";line-height:.98;margin:0}h1{font-size:clamp(65px,9vw,126px);letter-spacing:-4px}h1 i{font-style:normal;color:var(--f)}.lead{max-width:620px;font-size:20px;line-height:1.55;color:#cfc3b0;margin:28px 0}.stripe{padding:21px;background:var(--tan);color:#111;display:flex;justify-content:space-around;font:700 clamp(17px,2.2vw,28px) Oswald;letter-spacing:3px}.food{padding:110px 6vw;background:var(--c);color:#171512}.food h2,.fresh h2,.story h2,.catering h2,.visit h2{font-size:clamp(48px,6vw,80px)}.intro{max-width:620px;font-size:18px;line-height:1.65;color:#5f564b}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:55px}.pic{height:350px;display:flex;align-items:end;padding:20px;color:#ffffff35;font:800 50px "Roboto Slab"}.p1{background:radial-gradient(circle,#9b512c,#3a2017 45%,#15110f)}.p2{background:radial-gradient(circle,#b36b37,#472619 45%,#15110f)}.p3{background:radial-gradient(circle,#c28a45,#51321d 45%,#15110f)}.cards h3{font-size:27px}.cards article>p:last-child{color:#675e52;line-height:1.55}.fresh{padding:105px 9vw;background:var(--f);display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.fresh p:last-child{font-size:19px;line-height:1.7;max-width:600px}.dark{color:#28140d}.stamp{width:280px;height:280px;border:6px double #fff9;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font:35px Oswald;transform:rotate(-8deg)}.stamp strong{font-size:42px}.story{min-height:680px;display:grid;grid-template-columns:1fr 1fr}.story>div:last-child{padding:90px 8vw;display:flex;justify-content:center;flex-direction:column}.story>div:last-child>p:not(.tag){color:#bdb2a2;line-height:1.7;font-size:18px}.art{display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle,#6b2a17,#241510 45%,#0c0b0a 75%);font:800 clamp(75px,9vw,135px)/.75 "Roboto Slab";color:#e7502455}.catering{text-align:center;padding:125px 20px;background:radial-gradient(circle,#632412,#17100d 60%)}.catering p:not(.tag){font-size:18px;color:#c8bcaa;margin:25px}.visit{padding:105px 8vw;display:grid;grid-template-columns:1fr 390px;gap:60px;align-items:center}.address{margin:26px 0 22px!important;color:#eee3ce!important;line-height:1.55!important}.address strong{font-family:Oswald;font-size:22px}.maps:hover{background:#eee3ce;color:#151412}.box{padding:35px;text-align:center;border:1px solid #ffffff20}.box img,footer img{width:105px;filter:invert(1)}.box h3{font-size:27px;margin:12px 0 24px}.box .btn,.mail{display:block}.mail{margin-top:20px;color:#c7baa6}footer{text-align:center;padding:55px 20px;border-top:1px solid #ffffff18;color:#918779}footer p{font:600 15px Oswald;letter-spacing:2px}@media(max-width:800px){#m{display:block}nav{display:none;position:absolute;top:90px;left:0;right:0;padding:25px;background:#0b0b0b;flex-direction:column;align-items:stretch}nav.open{display:flex}.cards,.fresh,.story,.visit{grid-template-columns:1fr}.stamp{margin:auto}.art{min-height:450px}.stripe b{display:none}}@media(max-width:520px){header{height:78px}header img{width:62px}nav{top:78px}.hero{padding-left:24px;padding-right:24px}.biglogo{width:120px}h1{font-size:60px;letter-spacing:-2px}.lead{font-size:17px}.stripe{font-size:13px;letter-spacing:1px}.food,.fresh,.story>div:last-child,.visit{padding-left:24px;padding-right:24px}.pic{height:310px}.stamp{width:225px;height:225px}.art{min-height:370px}}
/* Photography */
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.78fr);gap:5vw;align-items:center;background:radial-gradient(circle at 72% 50%,#542215,#12100e 60%,#090909);overflow:hidden}.hero .copy{position:relative;z-index:1}.hero-photo{height:min(70vh,690px);min-height:440px;transform:rotate(2deg);box-shadow:0 28px 65px #0009;overflow:hidden;border:7px solid #e9dbc1}.hero-photo img,.story-photo img{width:100%;height:100%;object-fit:cover}.hero-photo img{object-position:center 42%}.pic{display:block;width:100%;height:350px;object-fit:cover;padding:0;background:none}.cards article:nth-child(1) .pic{object-position:center 55%}.cards article:nth-child(2) .pic{object-position:center 55%}.cards article:nth-child(3) .pic{object-position:center 55%}.story-photo{min-height:600px;overflow:hidden}.story-photo img{object-position:center center}.catering{position:relative;background:linear-gradient(#160d08c7,#160d08db),url('assets/beach-catering.jpg') center 54%/cover}.catering-copy{position:relative;z-index:1}.catering p:not(.tag){color:#f3e9d7}.catering .ghost{background:#110d0a80}section{scroll-margin-top:90px}
@media(max-width:1000px){.hero{grid-template-columns:1fr 38%;gap:3vw}.hero-photo{height:530px;min-height:0}.hero h1{font-size:clamp(55px,8vw,95px)}}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:120px;gap:30px}.hero-photo{height:420px;max-width:570px;width:100%;justify-self:center;transform:rotate(1deg)}.story-photo{min-height:440px}.story-photo img{object-position:center 43%}}
@media(max-width:520px){.hero{padding-top:110px;padding-bottom:48px}.hero-photo{height:340px;border-width:5px}.pic{height:310px}.story-photo{min-height:360px}.catering{padding-top:100px;padding-bottom:100px}}

/* Photo gallery */
.hero-photo img{object-position:center center}.gallery{padding:105px 6vw 115px;background:#181411;color:var(--c)}.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.gallery h2{font-size:clamp(48px,6vw,80px)}.gallery-head>p{max-width:310px;color:#bfb3a4;font-size:18px;line-height:1.5}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.gallery figure{position:relative;overflow:hidden;margin:0;min-height:290px;background:#34251b}.gallery .gallery-wide{grid-column:span 2;grid-row:span 2}.gallery img{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .3s}.gallery figure:hover img{transform:scale(1.035)}.gallery figcaption{position:absolute;bottom:0;left:0;right:0;padding:38px 18px 16px;background:linear-gradient(transparent,#000b);font:700 19px Oswald;letter-spacing:1px;text-transform:uppercase}.gallery-wide img{object-position:center center}
@media(max-width:800px){.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery .gallery-wide{grid-row:span 1;min-height:320px}.gallery figure{min-height:300px}}@media(max-width:520px){.gallery{padding:80px 24px}.gallery-head{display:block}.gallery-grid{gap:10px}.gallery .gallery-wide{grid-column:span 2}.gallery figure{min-height:220px}.gallery figcaption{font-size:15px;padding:28px 10px 10px}}
.hero-photo{height:auto;min-height:0;aspect-ratio:3/2}.hero-photo img{display:block}@media(max-width:800px){.hero-photo{height:auto;aspect-ratio:3/2}}@media(max-width:520px){.hero-photo{height:auto;aspect-ratio:3/2}}