@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');:root{--dark:#24211f;--gold:#f2b544;--red:#c84b35;--cream:#f7f0e4;--olive:#65715a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.skip{position:absolute;top:-100px;background:white;color:black;z-index:99;padding:12px}.skip:focus{top:0}.header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:14px clamp(20px,5vw,90px);background:#191715;position:relative;z-index:2}.logo{text-decoration:none;display:flex;align-items:center;gap:8px;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:900;line-height:.83;letter-spacing:.02em}.logo b,.crown{color:var(--gold)}.crown{font-size:40px}.header nav{display:flex;flex-wrap:wrap;gap:22px}.header nav a{text-decoration:none;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:700}.header nav a:hover,.social a:hover{color:var(--gold)}.button{display:inline-block;background:var(--gold);border:0;border-radius:5px;padding:15px 26px;color:#1e1b18;text-transform:uppercase;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.12em;cursor:pointer}.button:hover{filter:brightness(1.1)}.button.small{border-radius:40px;white-space:nowrap}.button.red{background:var(--red);color:white}.hero{min-height:600px;display:grid;grid-template-columns:1fr 1fr;background:linear-gradient(110deg,#191513,#342218)}.hero-copy{padding:clamp(45px,7vw,110px) 2vw clamp(50px,7vw,110px) clamp(22px,6vw,100px);position:relative;z-index:1}.eyebrow{font-weight:800;letter-spacing:.22em;font-size:12px;color:var(--gold);text-transform:uppercase}.hero h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase;line-height:.95;letter-spacing:-.015em}.hero h1{font-size:clamp(60px,7.8vw,135px);margin:22px 0}.hero h1 em{font-style:normal;color:var(--gold)}.hero-copy>p:not(.eyebrow):not(.status){font-size:clamp(16px,1.5vw,21px);max-width:580px}.status{font-size:11px;letter-spacing:.16em;margin-top:30px;color:#ddd}.hero-image{background-image:linear-gradient(90deg,#241a13 0%,transparent 22%),url('../assets/grilled-cheese-hero.webp');background-position:center center;background-size:cover;min-height:520px}.section{padding:85px clamp(22px,6vw,100px)}.cream{background:var(--cream);color:var(--dark)}.dark{background:var(--dark);color:var(--cream)}.olive{background:var(--olive);color:white}.section h2{font-size:clamp(50px,6vw,95px);margin:12px 0 24px}.section h2 span{color:var(--gold)}.cream h2 span{color:#d79a1b}.centered{text-align:center;margin-left:auto;margin-right:auto}.intro{max-width:750px;font-size:18px;margin-bottom:36px}.menu-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.menu-grid article{text-align:center}.menu-grid h3{font-size:31px;margin:16px 0 10px}.menu-grid p{font-size:14px;margin:0}.food-art{height:200px;display:grid;place-items:center;font-size:80px;border-radius:5px;background:radial-gradient(circle at 55% 55%,#9e5b26,#352016 65%,#1d1512);box-shadow:inset 0 0 35px #0006}.art-two{background:radial-gradient(circle,#bb4b2d,#231712 70%)}.art-three{background:radial-gradient(circle,#c78728,#271b13 70%)}.art-four{background:radial-gradient(circle,#e8a33d,#3c2819 70%)}.art-five{background:radial-gradient(circle,#a94e32,#291c19 70%)}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.split p{font-size:19px}.olive .eyebrow{color:#fff2c8}.olive .intro{max-width:800px}.form{max-width:650px;margin:35px auto 0;display:grid;gap:9px}.form label{font-weight:700;font-size:14px;margin-top:8px}.form input:not([type=checkbox]),.form select,.form textarea{width:100%;padding:13px 15px;background:#fffaf1;color:#24211f;border:1px solid #cbbfac;border-radius:4px;font:inherit}.form .consent{display:flex;gap:12px;align-items:flex-start;font-weight:400}.form .consent input{margin-top:5px}.form button{margin-top:12px}.fine{font-size:12px;opacity:.8}.honeypot{position:absolute;left:-9999px}.social{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-weight:700}footer{text-align:center;padding:26px;font-size:12px;background:#161411;color:#ddd}@media(max-width:1100px){.menu-grid{grid-template-columns:repeat(3,1fr)}.header{flex-wrap:wrap}.header nav{order:3;width:100%;justify-content:center}}@media(max-width:700px){.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 25px 35px}.hero h1{font-size:clamp(57px,13vw,90px)}.hero-image{min-height:300px;background-size:cover;background-position:center center}.header{gap:12px}.header nav{gap:13px}.header nav a{font-size:10px}.header .button{font-size:10px;padding:12px}.menu-grid{grid-template-columns:repeat(2,1fr)}.food-art{height:150px}.split{grid-template-columns:1fr;gap:5px}.section{padding:65px 22px}}@media(max-width:440px){.menu-grid{grid-template-columns:1fr}.food-art{height:210px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* October visual correction: soft photo transition, no harsh seam */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden}
.hero-copy{background:linear-gradient(90deg,#1b1715 0%,#251b16 78%,#251b16 100%)}
.hero-image{position:relative;background-image:url('../assets/grilled-cheese-hero.webp');background-position:58% center;background-size:cover;border:0;box-shadow:none}
.hero-image::before{content:"";position:absolute;inset:0 auto 0 0;width:clamp(90px,16vw,300px);background:linear-gradient(90deg,#251b16 0%,rgba(37,27,22,.82) 22%,rgba(37,27,22,0) 100%);pointer-events:none}
.food-art{height:auto;aspect-ratio:620/390;display:block;overflow:hidden;background:#241a13;border-radius:6px;box-shadow:none}
.food-art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.menu-grid article:hover .food-art img{transform:scale(1.035)}
@media(max-width:700px){.hero-image::before{width:100%;height:28%;inset:0 0 auto;background:linear-gradient(180deg,#251b16,transparent)}.hero-copy{background:#251b16}}
@media(prefers-reduced-motion:reduce){.food-art img{transition:none}}

/* Events photography and language selector; no original content changes */
.header-actions{display:flex;align-items:center;gap:12px}.language-control{display:flex;align-items:center;gap:6px;border:1px solid #847b70;border-radius:24px;padding:7px 10px;color:white;white-space:nowrap}.language-control select{background:#191715;color:white;border:0;max-width:184px;font:inherit;font-size:12px;cursor:pointer}#events.olive{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);align-items:center;gap:clamp(18px,3vw,48px);background:linear-gradient(115deg,#34342b,#65715a)}.events-photo{margin:0;min-width:0;overflow:hidden;border-radius:10px;box-shadow:0 18px 35px #0004}.events-photo img{display:block;width:100%;height:100%;min-height:300px;object-fit:cover;object-position:center}#events h2{font-size:clamp(42px,4.5vw,76px)}@media(max-width:900px){#events.olive{grid-template-columns:1fr}.events-photo img{max-height:450px}.header-actions{margin-left:auto}}@media(max-width:700px){.language-control{padding:5px}.language-control select{max-width:116px;font-size:11px}.header-actions{gap:6px}.events-photo img{min-height:210px}.header nav{order:3}}

/* Catering photo integrated with the existing section; original English copy unchanged. */
#events.olive{position:relative;isolation:isolate;display:flex;align-items:center;min-height:clamp(490px,38vw,650px);overflow:hidden;background:#30372b;padding-top:80px;padding-bottom:80px}
#events .events-copy{position:relative;z-index:2;width:min(52%,700px);padding-right:clamp(15px,3vw,55px)}
#events .events-truck-scene{position:absolute;z-index:0;inset:0 0 0 33%;background-image:url('../assets/truck-events.webp');background-position:center center;background-size:cover;background-repeat:no-repeat;pointer-events:none}
#events.olive::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#30372b 0%,#30372b 27%,rgba(48,55,43,.95) 35%,rgba(48,55,43,.68) 46%,rgba(48,55,43,0) 62%)}
#events .intro{max-width:580px}
#events h2{font-size:clamp(45px,4.6vw,76px)}
#events .events-photo{display:none}
@media(max-width:900px){#events.olive{min-height:710px;display:block;padding-bottom:330px}#events .events-copy{width:100%;max-width:660px;padding-right:0}#events .events-truck-scene{inset:auto 0 0 0;height:380px;background-position:center center}#events.olive::after{background:linear-gradient(180deg,#30372b 0%,#30372b 40%,rgba(48,55,43,.9) 51%,rgba(48,55,43,0) 71%)}}
@media(max-width:600px){#events.olive{padding-bottom:250px;min-height:0}#events .events-truck-scene{height:290px;background-position:52% center}#events.olive::after{background:linear-gradient(180deg,#30372b 0%,#30372b 50%,rgba(48,55,43,.94) 63%,rgba(48,55,43,0) 82%)}}

/* Seamless catering section: photo is a full-bleed, pre-blended composition. */
#events.olive { background:#30372b; border:0; }
#events .events-truck-scene { inset:0; background-image:url('../assets/events-scene.webp'); background-size:cover; background-position:center center; }
#events.olive::after { display:none; }
#events .events-copy { width:min(48%,700px); }
@media (max-width:900px) {
 #events.olive { background:#30372b; }
 #events .events-truck-scene { inset:auto 0 0 0; height:380px; background-image:linear-gradient(180deg,#30372b 0%,rgba(48,55,43,0) 32%),url('../assets/truck-events.webp'); background-size:cover; background-position:center center; }
 #events .events-copy { width:100%; }
}
@media (max-width:600px) {
 #events .events-truck-scene { height:290px; background-position:46% center; }
}

/* The Sweet Baby Five: approved text-integrated menu art, never cropped. */
#menu .menu-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(16px,2vw,28px);align-items:start;max-width:1480px;margin-inline:auto}
#menu .menu-grid article{grid-column:span 2;min-width:0;text-align:left}
#menu .menu-grid article:nth-child(-n+2){grid-column:span 3}
#menu .food-art{height:auto;aspect-ratio:auto;overflow:visible;background:#1a1512;border-radius:8px;box-shadow:0 10px 26px #0002}
#menu .food-art img{display:block;width:100%;height:auto;object-fit:contain;border-radius:8px;transform:none!important}
#menu .menu-grid article:hover .food-art img{transform:none!important}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:850px){#menu .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#menu .menu-grid article,#menu .menu-grid article:nth-child(-n+2){grid-column:span 1}}
@media(max-width:600px){#menu .menu-grid{grid-template-columns:1fr;max-width:500px}#menu .menu-grid article,#menu .menu-grid article:nth-child(-n+2){grid-column:span 1}}

/* Approved Sweet Baby Five menu treatment - 2026-10-14 */
#menu.cream{position:relative;isolation:isolate;overflow:hidden;background-color:#f7f0e4;background-image:radial-gradient(ellipse at 12% 10%,rgba(191,143,72,.08),transparent 34%),radial-gradient(ellipse at 89% 87%,rgba(164,111,46,.07),transparent 36%),repeating-linear-gradient(35deg,rgba(120,83,36,.018) 0px,rgba(120,83,36,.018) 1px,transparent 1px,transparent 7px)}
#menu.cream::before{content:'◭';position:absolute;left:-.7rem;top:1rem;font-size:clamp(100px,15vw,250px);line-height:1;color:rgba(189,139,68,.10);transform:rotate(-22deg);pointer-events:none;z-index:-1}
#menu.cream::after{content:'SWEET BABY\A CHEESES';white-space:pre;position:absolute;right:clamp(8px,3vw,50px);top:25px;width:140px;height:140px;border:4px double rgba(182,127,53,.20);border-radius:50%;display:grid;place-content:center;text-align:center;font-family:Impact,'Arial Narrow',sans-serif;font-size:24px;line-height:1.05;font-weight:900;color:rgba(182,127,53,.23);transform:rotate(-12deg);pointer-events:none;z-index:-1}
#menu .eyebrow.centered{margin-bottom:10px}
#menu h2.centered{margin-bottom:15px}
#menu .intro{margin-bottom:8px}
#menu .menu-heading-detail{display:flex;align-items:center;justify-content:center;gap:12px;width:min(560px,70%);margin:12px auto 0;color:#d79518}
#menu .menu-gold-line{height:1px;background:#d79518;flex:1}
#menu .menu-sparkle{font-size:23px;line-height:1}
#menu .menu-script{font-family:'Brush Script MT','Segoe Script',cursive;font-style:italic;font-size:clamp(23px,3vw,39px);color:#d79518;text-align:center;margin:0 auto 22px;line-height:1.2}
#menu .menu-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(12px,1.4vw,22px);align-items:stretch;max-width:1480px;margin-inline:auto}
#menu .menu-grid article{grid-column:span 2;display:flex;min-width:0;align-self:stretch}
#menu .menu-grid article:nth-child(-n+2){grid-column:span 3}
#menu .food-art{width:100%;height:100%;aspect-ratio:auto;overflow:hidden;display:flex;align-items:stretch;background:#18120f;border-radius:8px;box-shadow:0 9px 18px #0002}
#menu .food-art img{width:100%;height:100%;object-fit:fill;display:block;transform:none!important;border-radius:8px}
#menu .menu-grid article:hover .food-art img{transform:none!important}
@media(max-width:850px){#menu .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#menu .menu-grid article,#menu .menu-grid article:nth-child(-n+2){grid-column:span 1}#menu .menu-grid article:last-child{grid-column:1/-1;max-width:500px;justify-self:center;width:100%}#menu .menu-grid article:last-child .food-art{aspect-ratio:1.32}}
@media(max-width:600px){#menu .menu-grid{grid-template-columns:1fr;max-width:520px}#menu .menu-grid article,#menu .menu-grid article:nth-child(-n+2),#menu .menu-grid article:last-child{grid-column:1;max-width:none}#menu .food-art{height:auto;aspect-ratio:auto}#menu .food-art img{height:auto;object-fit:contain}#menu.cream::after{width:80px;height:80px;font-size:14px;top:22px;right:10px}#menu .menu-script{margin-bottom:18px}}

/* FINAL: the exact user-approved artwork, not a CSS approximation. */
@media(min-width:701px){
 #menu.cream{padding:0!important;margin:0!important;background:#f7f0e4!important;max-width:none!important;overflow:hidden}
 #menu.cream::before,#menu.cream::after{display:none!important}
 #menu .menu-approved-art{display:block;width:100%;height:auto;margin:0;max-width:none;border:0}
 #menu > :not(.menu-approved-art){position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
}
@media(max-width:700px){
 #menu .menu-approved-art{display:none!important}
 #menu.cream{background-color:#f7f0e4;background-image:radial-gradient(rgba(165,121,61,.07) .65px,transparent .65px);background-size:6px 6px}
 #menu .menu-grid{grid-template-columns:1fr!important;gap:14px!important;max-width:540px}
 #menu .menu-grid article,#menu .menu-grid article:nth-child(-n+2),#menu .menu-grid article:last-child{grid-column:1!important;width:100%!important;max-width:none!important}
 #menu .food-art{height:auto!important;aspect-ratio:auto!important}
 #menu .food-art img{height:auto!important;object-fit:contain!important}
 #menu .menu-heading-detail{display:none}
 #menu .menu-script{margin:10px auto 20px}
}
