:root{--wine:#642536;--green:#263e34;--orange:#d78e58;--paper:#f7f2e9;--ink:#292e28}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.7 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin:0 0 22px}h1,h2{font-family:Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.035em}h1{font-size:clamp(46px,5.6vw,86px)}h2{font-size:clamp(36px,4vw,58px)}h3{font-family:Georgia,serif;font-size:25px;font-weight:400;line-height:1.25}em{font-weight:400;color:var(--orange)}header{padding:18px 5%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper)}.brand{display:flex;gap:14px;align-items:center;font-size:24px;letter-spacing:.12em;line-height:1.4}.brand img{width:72px;height:72px;object-fit:contain}.brand small{display:block;font:9px Arial,sans-serif;letter-spacing:.15em}.brand:hover{text-decoration:none}nav{display:flex;align-items:center;gap:28px;font-size:14px}nav a[aria-current]{color:var(--wine);border-bottom:1px solid}.nav-contact{margin-left:16px}.menu{display:none}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:bold;margin-bottom:24px}.hero{position:relative;min-height:680px;display:flex;align-items:center;color:var(--paper);background:var(--wine);overflow:hidden}.hero-image{position:absolute;right:0;top:0;width:60%;height:100%;object-fit:cover}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#642536 0%,#642536 34%,#642536a6 53%,#22171013 100%)}.hero-copy{position:relative;z-index:1;padding:65px 6%;max-width:850px}.hero h1{font-size:clamp(46px,5.7vw,85px)}.hero-copy>p:not(.eyebrow){font-size:18px}.actions{display:flex;flex-wrap:wrap;gap:14px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:15px 24px;background:var(--orange);color:#281b14;border:1px solid transparent;font-size:13px;font-weight:bold;text-decoration:none}.button:hover{filter:brightness(1.07);text-decoration:none}.outline{background:transparent;color:inherit;border-color:currentColor}.text-button{background:transparent;color:var(--wine);border-bottom:1px solid;padding-left:0;padding-right:0}.hero-caption{position:absolute;z-index:1;bottom:22px;right:5%;font-size:11px;letter-spacing:.06em}.section{padding:90px 7%}.split{display:grid;grid-template-columns:1fr 1fr;gap:9%}.lead{font-size:21px;line-height:1.55}.intro h2{color:var(--wine)}.editorial{display:grid;grid-template-columns:1fr 1fr;background:var(--green);color:var(--paper)}.editorial>img{width:100%;height:700px;object-fit:cover}.editorial>div{padding:70px 11%}.service{display:flex;align-items:baseline;gap:20px;padding:24px 0;border-top:1px solid #ffffff40}.service p{font-size:14px;margin:0}.service h3{margin:0 0 10px}.service>span{color:var(--orange);font-size:12px}.service b{margin-left:auto;font-weight:400}.service:hover{text-decoration:none;color:var(--orange)}.photo-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:center}.photo-strip img{height:330px;width:100%;object-fit:cover}.photo-strip h2{font-size:42px;color:var(--wine)}.cta{padding:80px 7%;background:var(--wine);color:var(--paper);text-align:center}.cta .actions{justify-content:center}.cta h2{margin-bottom:32px}footer{background:var(--green);color:var(--paper);padding:60px 7% 24px;display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:40px}footer h2{font-size:36px}footer strong{font-size:12px;letter-spacing:.1em}footer p{font-size:14px;margin-top:18px}footer a{font-size:14px}.footnote{grid-column:1/-1;border-top:1px solid #ffffff30;padding-top:20px;font-size:11px;color:#dedfd7}.page-hero{display:grid;grid-template-columns:1.1fr 1fr;background:var(--wine);color:var(--paper)}.page-hero>div{padding:70px 11%}.page-hero h1{font-size:clamp(43px,4.6vw,68px)}.page-hero img{height:100%;min-height:540px;width:100%;object-fit:cover}.event-hero{background:var(--green)}.meal{background:#e8e8d9;display:grid;grid-template-columns:1fr 1.2fr;gap:8%}.meal-placeholder{background:var(--paper);padding:40px;border-top:4px solid var(--orange)}.meal-placeholder a{color:var(--wine);text-decoration:underline}.gallery-heading h1{color:var(--wine)}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:36px 0}.filters button{border:1px solid #bcc0b2;color:var(--green);background:transparent;padding:10px 24px}.filters button[aria-pressed=true]{background:var(--green);color:var(--paper)}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gallery figure{margin:0}.gallery figure[hidden]{display:none}.photo{display:block;width:100%;padding:0;border:0;background:none;overflow:hidden}.photo img{width:100%;height:350px;object-fit:cover;transition:transform .3s}.photo:hover img{transform:scale(1.03)}figcaption{padding:14px 0;font-family:Georgia,serif;font-size:18px}figcaption span{display:block;font:10px Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--wine);margin-bottom:7px}.inquiry{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;scroll-margin-top:20px}.inquiry h2{color:var(--wine)}.inquiry a{text-decoration:underline}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:13px;font-weight:bold;margin-bottom:18px}input,textarea,select{display:block;width:100%;padding:12px;background:#fffdf9;border:1px solid #c3c6b9;border-radius:0;margin-top:8px;color:var(--ink)}textarea{resize:vertical}.form-note{font-size:12px;color:#555c50}.copy{background:transparent;border:1px solid var(--green);padding:10px 20px}#form-status{font-size:14px;white-space:pre-line;margin-top:15px}dialog{border:0;background:var(--paper);padding:28px;max-width:90vw;max-height:95vh}dialog::backdrop{background:#101c16df}dialog img{max-height:75vh;object-fit:contain;margin:auto}dialog p{margin:12px 0 0}.close{float:right;background:none;border:0;font-size:32px}.skip{position:absolute;left:10px;top:-100px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:1050px){nav{gap:15px}.nav-contact{display:none}.brand span{font-size:19px}.photo-strip{grid-template-columns:1fr 1fr}.photo-strip>div{grid-column:1/-1}.editorial>div{padding:55px 8%}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){header{flex-wrap:wrap;padding:12px 5%}.brand img{width:56px;height:56px}.menu{display:block;background:none;border:1px solid var(--wine);padding:7px 12px;color:var(--wine)}nav{display:none;width:100%;flex-direction:column;align-items:flex-start;padding:20px 0}nav.open{display:flex}.hero{min-height:710px;align-items:flex-end}.hero-image{width:100%;height:100%}.hero:after{background:linear-gradient(0deg,#642536 0%,#642536dc 40%,#64253630 100%)}.hero-copy{padding:55px 7% 75px}.hero h1{font-size:48px}.hero-caption{left:7%;right:auto;font-size:10px}.section{padding:60px 7%}.split,.editorial,.page-hero,.meal,.inquiry{grid-template-columns:1fr;gap:30px}.editorial>img{height:430px}.editorial>div{padding:50px 7%}.photo-strip{gap:14px}.photo-strip img{height:230px}.cta{padding:60px 7%}footer{grid-template-columns:1fr 1fr;gap:25px}footer>div:first-child{grid-column:1/-1}.page-hero>div{padding:55px 7%}.page-hero img{min-height:0;height:330px}.gallery{gap:20px}.photo img{height:240px}figcaption{font-size:16px}.form-grid{gap:14px}.meal-placeholder{padding:25px}.gallery-heading h1{font-size:54px}}@media(max-width:400px){.gallery,.form-grid{grid-template-columns:1fr}.hero h1{font-size:43px}.button{padding:13px 17px}.brand small{font-size:8px}}

.gallery-heading .gallery{margin-top:40px}

/* El Plato: warm header and integrated logo */
header{background:#eee5d7;padding:12px 5%;border-bottom:1px solid #64253618}
.brand{color:var(--wine);gap:18px}
.brand img{mix-blend-mode:multiply;width:88px;height:88px}
.brand span{font-family:Georgia,serif;font-size:28px;letter-spacing:.08em}
.brand small{color:var(--green);font-size:9px;letter-spacing:.16em;margin-top:5px}
nav a{color:var(--green)}
nav a:hover,nav a[aria-current]{color:var(--wine)}
.nav-contact{border:1px solid #64253640;padding:10px 16px;color:var(--wine)}
@media(max-width:700px){header{padding:10px 5%}.brand{gap:12px}.brand img{width:68px;height:68px}.brand span{font-size:23px}.brand small{font-size:8px}}

.food-control{grid-column:1/-1;display:flex;align-items:center;gap:35px;border-top:1px solid #ffffff30;padding-top:35px}.smiley-document{flex:0 0 150px}.smiley-document img{width:150px;height:auto}.food-control h3{margin-top:12px;margin-bottom:12px}.food-control p{max-width:640px}.control-links{display:flex;flex-wrap:wrap;gap:12px 26px;margin-top:12px}.food-control a{text-decoration:underline}@media(max-width:700px){.food-control{align-items:flex-start;gap:20px}.smiley-document{flex-basis:100px}.smiley-document img{width:100px}.food-control h3{font-size:22px}.control-links{display:block}.control-links a{display:block;margin-top:12px}}

/* Art direction: warm gallery walls, expressive typography, plate-inspired curves. */
:root{--display:'Cormorant Garamond',Georgia,serif;--body:'Manrope',Arial,sans-serif;--paper:#f6f0e5;--wine:#652738;--green:#294439;--orange:#e2a16a}
body{font-family:var(--body);font-size:15px;line-height:1.85;background-color:var(--paper);background-image:radial-gradient(#6527380b .6px,transparent .6px);background-size:7px 7px}
h1,h2,h3,figcaption,.brand span{font-family:var(--display)}
h1,h2{font-weight:500;letter-spacing:-.045em;line-height:1.02}
h1{font-size:clamp(58px,6.5vw,98px)}h2{font-size:clamp(43px,4.6vw,69px)}h3{font-weight:500;font-size:30px}
em{font-family:var(--display);font-style:italic;font-weight:400;letter-spacing:-.025em}
.eyebrow{font-family:var(--body);font-size:10px;font-weight:600;letter-spacing:.24em;display:flex;align-items:center;gap:14px}
.eyebrow:before{content:'';width:28px;height:1px;background:currentColor;opacity:.65;flex-shrink:0}
header{background:#eee5d7;position:relative;padding:13px 5%}
header:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--wine) 0 36%,var(--orange) 36% 57%,var(--green) 57% 100%)}
.brand span{font-size:35px;letter-spacing:.035em;font-weight:600}
.brand small{font-family:var(--body);font-weight:500;font-size:8px;letter-spacing:.2em}
nav{font-size:12px;letter-spacing:.04em}nav a[aria-current]{border-bottom-color:var(--orange);border-bottom-width:2px}
.nav-contact{border-radius:100px;font-size:11px;padding:9px 18px}
.hero{min-height:730px}
.hero-image{width:56%;border-radius:220px 0 0 0}
.hero:after{background:linear-gradient(90deg,#652738 0%,#652738 35%,#652738ac 55%,#65273810 100%)}
.hero:before{content:'';position:absolute;z-index:1;width:260px;height:260px;border:1px solid #e2a16a40;border-radius:50%;left:-150px;bottom:-110px;box-shadow:0 0 0 23px #652738,0 0 0 24px #e2a16a30;pointer-events:none}
.hero-copy{padding:72px 6%;max-width:930px}
.hero h1{font-size:clamp(58px,6.7vw,100px);line-height:.98;margin-bottom:30px}
.hero-copy>p:not(.eyebrow){font-size:16px;line-height:1.85}
.hero-caption{letter-spacing:.15em;font-size:9px}
.button{font-family:var(--body);border-radius:50px;font-size:11px;font-weight:600;letter-spacing:.025em;padding:16px 24px;transition:transform .2s,background-color .2s}
.button:hover{transform:translateY(-2px)}
.text-button{border-radius:0;padding:12px 0;font-size:12px}
.section{padding:105px 7%}
.lead{font-family:var(--display);font-size:30px;font-weight:500;line-height:1.35}
.intro{position:relative}.intro>.eyebrow{color:var(--wine)}
.intro:after{content:'';display:block;width:78px;height:36px;border:1px solid var(--orange);border-top:0;border-radius:0 0 90px 90px;position:absolute;bottom:26px;left:7%;transform:rotate(-12deg);pointer-events:none}
.editorial>img{height:740px}
.editorial>div{padding:76px 11%}
.service h3{font-size:29px}.service p{font-size:12px}.service>span{font-family:var(--display);font-style:italic;font-size:22px}
.photo-strip{gap:38px}.photo-strip h2{font-size:54px}
.photo-strip img{height:400px}.photo-strip img:nth-child(2){border-radius:180px 180px 4px 4px}.photo-strip img:nth-child(3){margin-top:75px;border:8px solid #eee4d5;transform:rotate(2deg)}
.cta{position:relative;overflow:hidden;padding:100px 7%}
.cta:before,.cta:after{content:'';position:absolute;width:270px;height:270px;border:1px solid #e2a16a35;border-radius:50%;pointer-events:none}
.cta:before{left:-180px;top:-80px;box-shadow:0 0 0 22px #652738,0 0 0 23px #e2a16a25}
.cta:after{right:-160px;bottom:-150px}
.cta>.eyebrow{justify-content:center}.cta h2{position:relative;z-index:1}
.page-hero>div{padding:80px 11%}
.page-hero h1{font-size:clamp(53px,5.5vw,82px)}
.page-hero img{border-radius:180px 0 0 0;min-height:610px}
.page-hero .lead{font-size:27px}
.meal-placeholder{border-top-width:2px;border-radius:4px 60px 4px 4px}
.gallery-heading>h1{font-size:clamp(66px,7vw,105px)}
.gallery{gap:40px 30px}
.gallery .photo{border-radius:3px}
.gallery figure:nth-child(6n+1) .photo{border-radius:180px 180px 3px 3px}
.gallery figure:nth-child(6n+4) .photo{border-radius:3px 3px 130px 3px}
.gallery figcaption{font-size:23px;line-height:1.2;padding-top:16px}
label{font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.015em}
input,textarea,select{font-size:14px;border-color:#b8b8a6;background:#ffffff70;border-radius:4px;padding:13px}
footer{padding-top:75px}footer h2{font-size:46px}footer strong{font-family:var(--body);font-weight:600;font-size:10px;letter-spacing:.2em}footer p,footer a{font-size:12px}
.food-control h3{font-size:30px}
@media(max-width:1050px){.hero-copy{max-width:820px}.photo-strip h2{font-size:50px}.photo-strip img:nth-child(3){margin-top:35px}}
@media(max-width:700px){header{padding:12px 5%}.brand span{font-size:29px}.brand small{font-size:7px}.hero{min-height:740px}.hero-image{width:100%;border-radius:0}.hero:after{background:linear-gradient(0deg,#652738 0%,#652738ea 45%,#65273838 100%)}.hero-copy{padding:60px 7% 85px}.hero h1{font-size:clamp(51px,10vw,68px)}.hero .eyebrow{font-size:8px;letter-spacing:.15em}.hero-caption{font-size:8px;letter-spacing:.06em}.section{padding:65px 7%}.lead{font-size:27px}h2{font-size:46px}.editorial>img{height:440px}.editorial>div{padding:55px 7%}.photo-strip{gap:18px}.photo-strip img{height:290px}.photo-strip img:nth-child(3){border-width:5px;margin-top:30px}.photo-strip h2{font-size:46px}.cta{padding:70px 7%}.page-hero>div{padding:60px 7%}.page-hero h1{font-size:56px}.page-hero img{height:370px;min-height:0;border-radius:100px 0 0 0}.gallery-heading>h1{font-size:64px}.gallery{gap:28px 18px}.gallery .photo img{height:270px}.gallery figcaption{font-size:21px}.food-control h3{font-size:24px}.eyebrow{font-size:9px;letter-spacing:.18em}}
@media(max-width:400px){.hero h1{font-size:50px}.photo-strip img{height:230px}.brand span{font-size:26px}.gallery .photo img{height:330px}.page-hero h1{font-size:49px}.gallery-heading>h1{font-size:57px}}
@media(prefers-reduced-motion:reduce){.button,.photo img{transition:none}.button:hover{transform:none}}

/* A more expressive, substantial identity: wine, white, sculptural lettering. */
:root{--display:'Fraunces',Georgia,serif;--paper:#fffdfb;--wine:#602337;--orange:#f0ab72}
body{background:#fffdfb;background-image:none;font-size:16px}
h1,h2,h3,figcaption,.brand span,.lead,em{font-family:var(--display);font-optical-sizing:auto;font-variation-settings:'SOFT' 50,'WONK' 1;font-weight:600}
h1,h2{letter-spacing:-.055em;line-height:1.08}h3{letter-spacing:-.035em}
header{background:var(--wine);padding:18px 5%;border-bottom:0}
header:after{height:2px;background:var(--orange)}
.brand{color:#fffdfb;gap:16px}
.brand img{width:88px;height:88px;mix-blend-mode:normal;border-radius:50%;background:white}
.brand span{font-size:39px;letter-spacing:-.055em;font-weight:700;line-height:1.15}
.brand small{color:#f5c5a0;letter-spacing:.16em;font-size:8px;font-weight:600;margin-top:8px}
nav a{color:#fffdfb}nav a:hover,nav a[aria-current]{color:#ffc796}
nav a[aria-current]{border-color:#ffc796}
.nav-contact{color:#fffdfb;border-color:#ffffff65}
.menu{color:#fffdfb;border-color:#ffffff80}
.hero{background:var(--wine)}
.hero h1{font-size:clamp(54px,6.15vw,94px);font-weight:600;line-height:1.08}
.hero-copy{max-width:960px}
.hero:after{background:linear-gradient(90deg,#602337 0%,#602337 34%,#602337b5 57%,#60233715 100%)}
.hero:before{box-shadow:none;border-color:#f0ab7270}
.hero h1 em{display:inline-block;line-height:1.1;font-weight:600}
.hero-copy .eyebrow{color:#ffd4b1}
.intro h2,.gallery-heading h1,.inquiry h2{color:var(--wine)}
.lead{font-size:25px;line-height:1.5;letter-spacing:-.025em}
.editorial h2{font-size:clamp(42px,4.4vw,65px)}
.service h3{font-size:26px}
.service>span{font-family:var(--display);font-size:19px}
.photo-strip h2{font-size:48px}
.photo-strip img:nth-child(3){border-color:#e7ede8}
.page-hero h1{font-size:clamp(48px,4.9vw,73px);line-height:1.12}
.page-hero .lead{font-size:24px}
.meal{background:#e5ece6}
.meal-placeholder{background:#fffdfb}
.cta{background:var(--wine)}
.cta h2{font-size:clamp(41px,4.5vw,67px);font-weight:600}
.cta:before,.cta:after{box-shadow:none}
.gallery-heading>h1{font-size:clamp(58px,6.2vw,90px);line-height:1.08}
.gallery figcaption{font-size:19px;font-weight:600;line-height:1.45}
footer h2{font-size:39px}
.food-control h3{font-size:26px}
@media(max-width:1050px){.brand span{font-size:33px}.hero h1{font-size:clamp(51px,6.2vw,75px)}}
@media(max-width:700px){header{padding:15px 5%}.brand img{width:66px;height:66px}.brand span{font-size:31px}.brand small{font-size:7px}.hero h1{font-size:clamp(43px,9vw,62px);line-height:1.1}.hero-copy{padding-top:50px}.hero:after{background:linear-gradient(0deg,#602337 0%,#602337ed 45%,#60233738 100%)}h2{font-size:40px}.lead{font-size:23px}.page-hero h1{font-size:45px}.page-hero .lead{font-size:22px}.gallery-heading>h1{font-size:51px}.photo-strip h2{font-size:40px}.gallery figcaption{font-size:17px}.food-control h3{font-size:22px}footer h2{font-size:35px}}
@media(max-width:400px){.brand span{font-size:28px}.hero h1{font-size:42px}.page-hero h1{font-size:40px}.gallery-heading>h1{font-size:47px}}

.founder{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;background:#e5ece6;border-top:1px solid #29443920}.founder h2{color:var(--wine);font-size:clamp(43px,4.6vw,66px)}.founder-detail{display:block;margin-top:35px;color:var(--green);font-family:var(--display);font-size:clamp(27px,3vw,42px);font-style:italic;line-height:1.35;letter-spacing:-.035em}.founder-story .lead{color:var(--wine)}.founder-story p{max-width:680px}.founder-ending{border-top:1px solid #29443935;padding-top:22px;font-weight:600;color:var(--green)}@media(max-width:700px){.founder{grid-template-columns:1fr;gap:30px}.founder-detail{display:none}.founder h2{font-size:40px}}

.founder-photo{display:block;width:100%;max-width:380px;aspect-ratio:1024/1004;object-fit:cover;object-position:center 35%;border-radius:12px;margin-top:28px;border:0;box-shadow:none}@media(max-width:700px){.founder-photo{max-width:300px;margin-inline:auto}}

.founder{grid-template-columns:150px minmax(0,620px);justify-content:center;align-items:center;gap:32px;padding:45px 7%;background:#f8faf8}.founder .founder-photo{width:150px;max-width:150px;height:auto;aspect-ratio:1024/1004;margin:0;border-radius:8px;border:0;box-shadow:none}.founder h2{font-size:30px;margin:0 0 14px}.founder-story p{font-size:16px;line-height:1.7;margin:0 0 12px}.founder-story p:last-child{margin-bottom:0}@media(max-width:700px){.founder{grid-template-columns:90px minmax(0,1fr);gap:20px;padding:32px 6%;align-items:start}.founder .founder-photo{width:90px;max-width:90px;margin:0}.founder h2{font-size:26px}.founder-story p{font-size:15px}}

/* Geometric lettering inspired by the El Plato logo, with restrained italics. */
:root{--display:'Josefin Sans','Trebuchet MS',sans-serif;--body:'Jost',Arial,sans-serif;--accent:'Cormorant Garamond',Georgia,serif}
body{font-family:var(--body);font-size:17px;line-height:1.75}
h1,h2,h3,figcaption,.brand span,.lead{font-family:var(--display);font-variation-settings:normal;font-weight:500;letter-spacing:-.025em}
.brand span{font-weight:700;letter-spacing:.08em;font-size:34px}
.brand small,nav,.eyebrow,.button,label,footer strong{font-family:var(--body)}
.hero h1{font-weight:500;font-size:clamp(50px,5.8vw,88px);line-height:1.15}
h2,.cta h2{font-weight:500;line-height:1.18}
h3,.service h3{font-weight:600;line-height:1.3}
.lead{font-family:var(--body);font-weight:400;letter-spacing:0}
em,.hero h1 em{font-family:var(--accent);font-style:italic;font-weight:600;font-variation-settings:normal;letter-spacing:-.025em}
.service>span{font-family:var(--body);font-style:normal}
footer h2{font-family:var(--accent);font-style:italic;font-weight:500}
.gallery figcaption{font-weight:500}
@media(max-width:700px){.brand span{font-size:27px}.hero h1{font-size:clamp(40px,8.5vw,59px);line-height:1.15}}
@media(max-width:400px){.brand span{font-size:25px}.hero h1{font-size:39px}}