@import "https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300;400;600&family=Yellowtail&display=swap";:root{--coral:#ef514d;--mint:#78d5bd;--ink:#050505}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#111;background:#fff;margin:0;font-family:Josefin Sans,Trebuchet MS,sans-serif;font-weight:300}a{color:inherit}img{width:100%;display:block}.site-header{justify-content:space-between;align-items:center;gap:clamp(32px,4vw,180px);width:100%;min-height:clamp(170px,10vw,420px);padding:clamp(28px,2vw,90px) 0;display:flex}.brand{background:var(--coral);color:#fff;white-space:nowrap;padding:clamp(31px,2vw,90px) clamp(30px,1.8vw,82px);font-size:clamp(31px,1.55vw,68px);text-decoration:none}nav{gap:clamp(32px,2.5vw,110px);padding-right:clamp(32px,7vw,320px);font-size:clamp(16px,1vw,42px);display:flex}nav a{text-decoration:none}nav a.active{color:var(--mint)}main{width:100%}.hero{grid-template-columns:44.5% 31% 24.5%;height:max(825px,36.5vw);display:grid}.hero-portrait{object-fit:cover;object-position:center;height:100%}.hero-copy{color:#fff;text-align:center;background:#000;padding:26% 10% 7%;font-size:clamp(23px,1.12vw,50px);line-height:1.45}.hero-copy p{margin:0}.hero-copy .section-link{margin-top:clamp(38px,2.5vw,110px);font-size:clamp(15px,.78vw,34px);font-weight:600;text-decoration:none;display:block}.hero-food{position:relative;overflow:hidden}.hero-food img{object-fit:cover;height:100%}.hero-food>a{white-space:nowrap;font-weight:600;text-decoration:none;position:absolute;top:72%;left:50%;transform:translate(-50%,-50%)}.about{color:#fff;background:#000;grid-template-columns:1fr 1fr;min-height:max(640px,34vw);margin-top:clamp(170px,9vw,410px);display:grid;overflow:hidden}.about-image{min-height:max(640px,34vw);position:relative;overflow:hidden}.about-image img{object-fit:cover;object-position:center;height:100%;position:absolute;inset:0}.about-image a{color:#000;font-size:clamp(15px,.8vw,36px);font-weight:600;text-decoration:none;position:absolute;top:50%;left:clamp(24px,2vw,90px)}.about-copy{padding:9% 11%;font-size:clamp(15px,.76vw,34px);line-height:1.48}.about-copy h2{margin:0 0 clamp(32px,1.8vw,82px);font-size:clamp(20px,1.05vw,46px);font-weight:300}.about-copy p{margin:0 0 clamp(22px,1.3vw,60px)}.yellow-table{padding:clamp(98px,6vw,275px) 0 0}.yellow-table h1{color:#ffc63b;text-align:center;margin:0 0 clamp(110px,6vw,275px);font-family:Yellowtail,cursive;font-size:clamp(80px,5vw,220px);font-weight:400;line-height:1}.gallery{grid-template-columns:repeat(3,1fr);gap:clamp(40px,2.5vw,115px);padding:0 clamp(72px,5vw,230px);display:grid}.gallery img{aspect-ratio:1;object-fit:cover}.newsletter{color:#fff;background:#000;grid-template-columns:1fr 1fr 1fr;align-items:stretch;min-height:max(410px,25vw);margin-top:clamp(145px,9vw,410px);display:grid}.newsletter img{object-fit:cover;height:max(410px,25vw)}.newsletter>a{text-align:center;place-items:center;padding:10%;font-size:clamp(25px,1.35vw,60px);line-height:1.45;text-decoration:none;display:grid}.connect{background:#000;grid-template-columns:repeat(4,1fr);min-height:max(85px,5vw);display:grid}.connect a{color:#fff;border:2px solid #fff;place-items:center;font-size:clamp(22px,1.2vw,54px);font-weight:300;text-decoration:none;display:grid}footer{color:#fff;text-align:center;background:#404040;width:100%;padding:clamp(28px,2vw,90px);font-size:clamp(13px,.72vw,32px)}@media (width<=720px){.site-header{min-height:auto;padding:0;display:block}.brand{text-align:center;padding:24px;font-size:28px;display:block}nav{justify-content:center;gap:18px;padding:18px 12px;font-size:13px;overflow-x:auto}.hero{grid-template-columns:1fr;height:auto}.hero-portrait{height:520px}.hero-copy{padding:60px 30px;font-size:20px}.hero-food img{height:480px}.about{grid-template-columns:1fr;min-height:0;margin-top:70px}.about-image{min-height:470px}.about-copy{padding:52px 30px}.yellow-table{padding-top:70px}.yellow-table h1{margin-bottom:60px;font-size:42px}.gallery{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 12px}.newsletter{grid-template-columns:1fr;margin-top:70px}.newsletter img{height:330px}.newsletter>a{padding:42px 30px;font-size:22px}.connect{grid-template-columns:1fr}.connect a{min-height:80px}}
