@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--dark:#071821;--teal:#13c8c6;--pink:#eb248b;--pale:#eff4f7;--ink:#0a2231}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Manrope,Arial,sans-serif}.container{width:min(1180px,calc(100% - 76px));margin:auto}section{padding:90px 0}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5vw,70px);line-height:1.12;letter-spacing:-.045em}h2{font-size:clamp(30px,3.2vw,45px);line-height:1.18;letter-spacing:-.04em}h3{font-size:20px;line-height:1.3}p{font-size:15px;line-height:1.85}h1 span,h2 span,.statement span{color:var(--teal)}.eyebrow{font-size:11px;letter-spacing:.2em;color:#54e0dd;font-weight:800;margin-bottom:20px}.eyebrow.ink{color:#078f99}.hero{position:relative;min-height:680px;display:flex;align-items:center;color:white;background:#071821;padding:95px 0 60px;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,21,31,.94) 0%,rgba(6,24,34,.80) 34%,rgba(6,24,34,.28) 72%,rgba(6,24,34,.12) 100%),url('assets/retail-food-hero.png') center center/cover no-repeat}.hero-content{position:relative;z-index:1}.hero h1{max-width:940px}.hero-lead{font-size:19px;max-width:720px;color:#e0edf0}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 65px}.button{display:inline-flex;align-items:center;justify-content:center;padding:17px 24px;background:var(--teal);color:#06202b;border-radius:4px;font-weight:800;font-size:13px;text-decoration:none;min-height:52px}.button:hover{filter:brightness(1.1)}.button.outline{border:1px solid #a9cad1;background:transparent;color:#fff}.hero-meta{display:flex;gap:28px;flex-wrap:wrap;font-size:11px;letter-spacing:.14em;color:#c2e6e9}.hero-meta span{border-left:2px solid var(--pink);padding-left:13px}.pale{background:var(--pale)}.white{background:white}.dark{background:var(--dark);color:white}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:34px}.two-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.rule{width:70px;height:4px;background:var(--teal);margin-top:26px}.lead{max-width:820px;color:#516778}.light-text{color:#c9d9de}.light-card{background:#fff;padding:29px 28px 32px;min-height:195px;border-top:4px solid var(--teal);position:relative;box-shadow:0 12px 35px #0a1e2a0b}.light-card:after{content:'';position:absolute;right:0;bottom:0;width:40px;height:4px;background:var(--pink)}.light-card b{display:block;color:#079fa6;font-size:13px;margin-bottom:18px}.light-card p{font-size:14px;color:#4b6574;margin:0}.dark-card{position:relative;background:#0c2935;border:1px solid #215261;padding:29px;min-height:195px}.dark-card:before,.dark-card:after{content:'';position:absolute;width:39px;height:39px;pointer-events:none}.dark-card:before{left:-1px;top:-1px;border-top:3px solid var(--teal);border-left:3px solid var(--teal)}.dark-card:after{right:-1px;bottom:-1px;border-right:3px solid var(--pink);border-bottom:3px solid var(--pink)}.dark-card p{font-size:14px;color:#d0e0e6;margin-bottom:0}.card-num{font-size:10px;letter-spacing:.16em;color:#54e0dd;font-weight:800;margin-bottom:20px}.stack>div{border-bottom:1px solid #d5e0e5;padding:0 0 13px;margin-bottom:15px}.stack strong{color:#0a6471}.stack p{margin:4px 0 0;font-size:14px}.implementation-card ul{padding-left:20px;color:#d9e6eb;line-height:2;font-size:14px}.statement{font-weight:800;font-size:19px!important;margin-top:30px}.gallery figure{margin:0}.gallery img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;border-radius:5px}.gallery figcaption,.note{font-size:12px;color:#617887}.closing-action{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;min-height:190px}.closing-action small{max-width:290px;text-align:center;color:#607887}.intro{padding:70px 0}.brief,.menu,.related{padding:85px 0}@media(max-width:850px){.container{width:min(100% - 40px,1180px)}.two-col,.three-grid,.two-grid{grid-template-columns:1fr}.hero{min-height:620px}.hero h1{font-size:clamp(37px,8vw,56px)}.hero-image{background-position:65% center}.three-grid{gap:15px}section{padding:65px 0}.hero-meta{gap:12px}.actions{margin-bottom:38px}}
/* V3: photographic visual beneath the commercial recipe development introduction */
.recipe-visual{margin:30px 0 0;max-width:550px}.recipe-visual img{display:block;width:100%;height:290px;object-fit:cover;object-position:center;border-radius:6px;box-shadow:0 15px 35px rgba(7,24,33,.10)}.recipe-visual figcaption{font-size:11px;color:#657e8a;margin-top:10px}@media(max-width:850px){.recipe-visual img{height:auto;aspect-ratio:16/9}}

/* V4: six real project photographs */
.project-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:35px}.project-gallery-grid .project-photo{margin:0;background:white;overflow:hidden;border-top:3px solid var(--teal);box-shadow:0 10px 25px rgba(7,24,33,.07)}.project-gallery-grid .project-photo:nth-child(even){border-top-color:var(--pink)}.project-gallery-grid img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:0;display:block}.project-gallery-grid figcaption{padding:14px 16px 17px;color:#385767;font-weight:700;font-size:12px}.gallery-disclaimer{font-size:12px;color:#617887;margin-top:20px}@media(max-width:850px){.project-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.project-gallery-grid{grid-template-columns:1fr}}

.hero-image{background:linear-gradient(90deg,rgba(5,21,31,.95),rgba(6,24,34,.74) 42%,rgba(6,24,34,.15)),url("assets/mud-1.jpg") center 48%/cover no-repeat}.feature-photo{width:100%;border-radius:5px;object-fit:cover;max-height:470px;box-shadow:0 20px 48px #0c26301c}.feature-photo.portrait{max-height:500px;object-position:center}.photo-pair{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:32px}.photo-pair img{width:100%;height:360px;object-fit:cover;border-radius:4px}.timeline-badge{display:inline-block;border:1px solid #2c6774;color:#67e3e0;padding:10px 16px;font-size:12px;letter-spacing:.15em;font-weight:800;margin-bottom:22px}.gallery figcaption{margin-top:10px}.section-copy{max-width:780px}.testimonial-note{border-left:4px solid var(--pink);padding:20px 26px;background:#123440;color:#dbe8eb;margin-top:25px}.light-card h3{font-size:18px}.light-card{min-height:170px}.dark-card{min-height:170px}@media(max-width:850px){.photo-pair{grid-template-columns:1fr}.photo-pair img{height:auto;max-height:370px}.hero-image{background-position:55% center}}

/* V2 — three equal-width menu photographs below the copy */
#menu-development .menu-intro{max-width:970px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:32px}
#menu-development .menu-photo-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:100%}
#menu-development .menu-photo-row img{display:block;width:100%;height:265px;object-fit:cover;object-position:center;border-radius:5px;box-shadow:0 12px 28px rgba(8,32,45,.12)}
@media(max-width:850px){#menu-development .menu-intro{grid-template-columns:1fr;gap:0}#menu-development .menu-photo-row{gap:12px}#menu-development .menu-photo-row img{height:200px}}
@media(max-width:600px){#menu-development .menu-photo-row{grid-template-columns:1fr}#menu-development .menu-photo-row img{height:240px}}

/* V3 — dark kitchen and owner sections, signature turquoise/magenta corner accents */
#kitchen-development .lead{color:#c9d9de}
#owner-support .owner-support-grid{display:grid;grid-template-columns:1fr 1.04fr;align-items:center;gap:58px;margin-top:20px}
#owner-support .owner-support-grid p{color:#d0e0e6}
#owner-support .owner-photo{position:relative;margin:0;padding:10px;background:#0c2935;border:1px solid #215261}
#owner-support .owner-photo:before,#owner-support .owner-photo:after{content:"";position:absolute;width:38px;height:38px;pointer-events:none}
#owner-support .owner-photo:before{left:-1px;top:-1px;border-top:3px solid var(--teal);border-left:3px solid var(--teal)}
#owner-support .owner-photo:after{right:-1px;bottom:-1px;border-right:3px solid var(--pink);border-bottom:3px solid var(--pink)}
#owner-support .owner-photo img{width:100%;height:410px;display:block;object-fit:cover;object-position:center 34%;border-radius:3px}
#owner-support .owner-photo figcaption{font-size:11px;color:#b9d1d7;margin:10px 5px 2px}
@media(max-width:850px){#owner-support .owner-support-grid{grid-template-columns:1fr;gap:26px}#owner-support .owner-photo img{height:auto;max-height:490px}}

/* V4: show the complete opening-night portrait without cutting off anyone's head. */
#owner-support .owner-photo img{width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;display:block;background:#0c2935}
/* Full verified client testimonial. */
.client-quote{margin-top:26px;padding:clamp(24px,4vw,48px);position:relative;background:#10303b;border:1px solid #2b5964;border-radius:6px;color:#edf6f7}
.client-quote:before,.client-quote:after{content:"";position:absolute;width:40px;height:40px;pointer-events:none}
.client-quote:before{top:-1px;left:-1px;border-top:3px solid var(--teal);border-left:3px solid var(--teal)}
.client-quote:after{bottom:-1px;right:-1px;border-bottom:3px solid var(--pink);border-right:3px solid var(--pink)}
.client-quote p{color:#e5f0f2;line-height:1.85;font-size:16px;margin:0 0 18px}
.client-quote footer{margin-top:28px;padding-top:16px;border-top:1px solid #345b65;color:#7ee8e3;font-weight:700;font-size:14px}

/* V5 — signature turquoise upper-left and magenta lower-right corners on all non-hero photographs. */
.accent-photo-frame{position:relative;display:block;isolation:isolate}
.accent-photo-frame::before,.accent-photo-frame::after{content:"";position:absolute;width:36px;height:36px;pointer-events:none;z-index:3}
.accent-photo-frame::before{top:0;left:0;border-top:4px solid var(--teal);border-left:4px solid var(--teal)}
.accent-photo-frame::after{right:0;bottom:0;border-right:4px solid var(--pink);border-bottom:4px solid var(--pink)}
.accent-photo-frame>img{display:block;width:100%}
/* Gallery corners follow the photograph, not its caption. */
.gallery figure.accent-photo-frame{padding-bottom:0}
.gallery figure.accent-photo-frame::after{bottom:25px}
/* Menu image wrappers preserve the approved three-across layout. */
#menu-development .menu-photo-row .accent-photo-frame img{height:265px;object-fit:cover;object-position:center;border-radius:5px;box-shadow:0 12px 28px rgba(8,32,45,.12)}
@media(max-width:850px){#menu-development .menu-photo-row .accent-photo-frame img{height:200px}}
@media(max-width:600px){#menu-development .menu-photo-row .accent-photo-frame img{height:240px}}