:root{--cream:#f5eddf;--paper:#fff9ee;--ink:#354335;--sage:#75836c;--gold:#dbb574;--line:#d5c6ac;--wood:#65452e}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.6 Arial,sans-serif}html{scroll-behavior:smooth}a{color:inherit;text-underline-offset:5px}img{max-width:100%;display:block}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.13}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b88842;outline-offset:5px}.skip{position:absolute;top:-80px;z-index:30;background:var(--paper);padding:12px}.skip:focus{top:10px}.site-nav{padding:17px max(4%,calc((100vw - 1450px)/2));display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font:30px/1.1 Georgia,serif;text-decoration:none;white-space:nowrap}.brand small{display:block;font:10px Arial,sans-serif;letter-spacing:2px;margin-top:7px}.nav-links{display:flex;gap:30px;font-size:13px}.nav-links a{text-decoration:none}.nav-links a:hover{text-decoration:underline}.hero{position:relative;min-height:320px;display:flex;align-items:center;background:url('assets/kitchen-header-v4.png') center/cover}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#18271cee, #18271c99 42%,transparent 76%)}.hero-copy{position:relative;max-width:660px;padding:40px 5%;color:var(--paper)}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:2px;margin:0 0 14px}.hero h1{font-size:clamp(38px,4vw,62px);margin:0 0 17px}.hero p:last-child{margin:0;font-size:16px;max-width:380px}.map-intro{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 5%;border-bottom:1px solid var(--line)}.map-intro h2{font-size:24px;margin:0}.map-intro p{font-size:13px;margin:0;color:#65715f}.kitchen-map{position:relative;max-width:1700px;margin:auto;isolation:isolate;overflow:hidden}.kitchen-map picture,.kitchen-map picture img{width:100%;height:auto}.hotspot{position:absolute;z-index:2;text-decoration:none;border-radius:8px;cursor:pointer;background:transparent;transition:box-shadow .2s,background .2s}.hotspot:hover,.hotspot:focus-visible{box-shadow:0 0 18px #ffe0a370,inset 0 0 20px #ffe0a322;background:#ffe2ab0a}.hotspot:focus-visible{outline:2px solid #f2d297;outline-offset:3px}.map-links{display:flex;justify-content:center;gap:26px;flex-wrap:wrap;padding:20px 5%;font-size:12px;border-bottom:1px solid var(--line)}.story{display:grid;grid-template-columns:1fr 1.1fr;gap:7%;max-width:1200px;padding:70px 5%;margin:auto}.story h2{font-size:42px;margin:0}.story p{margin:0 0 16px;font-size:16px}.story .text-link{font-size:14px}.collaborate{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:36px 5%;background:#e6e3d2;border-top:1px solid var(--line)}.collaborate h2{font-size:29px;margin:0 0 8px}.collaborate p{margin:0;font-size:14px}.button{display:inline-block;background:var(--ink);color:var(--paper);padding:13px 22px;border-radius:3px;font-size:13px;text-decoration:none;white-space:nowrap}.button:hover{background:#53634f}footer{display:flex;justify-content:space-between;gap:25px;padding:24px 5%;font-size:11px;color:#66705e}footer p{margin:0}.footer-brand{font:20px Georgia,serif}.page-wrap{max-width:1200px;margin:auto;padding:40px 5% 70px}.page-heading{padding:14px 0 30px}.page-heading h1{font-size:52px;margin:0 0 12px}.page-heading p{max-width:650px;margin:0}.recipe-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.recipe-tile{display:block;background:var(--paper);text-decoration:none;border:1px solid var(--line);transition:transform .2s,box-shadow .2s}.recipe-tile:hover{transform:translateY(-4px);box-shadow:0 10px 30px #4f3a2022}.recipe-tile img{width:100%;height:auto}.recipe-tile .tile-copy{padding:20px}.recipe-tile h2{font-size:25px;margin:0 0 12px}.recipe-tile p{font-size:14px;margin:0 0 15px}.recipe-tile .eyebrow{font-size:10px}.recipe-tile .open{font-size:12px;text-decoration:underline}.back{font-size:13px}.empty{padding:30px}.status{font-size:13px}@media(max-width:760px){.site-nav{padding:15px 20px;gap:15px;align-items:flex-start}.brand{font-size:24px}.brand small{font-size:8px;letter-spacing:1px}.nav-links{gap:12px;font-size:11px;flex-wrap:wrap;justify-content:flex-end;max-width:140px}.hero{min-height:260px;background-position:62% center}.hero-copy{padding:35px 24px;max-width:90%}.hero h1{font-size:38px}.hero p:last-child{font-size:14px}.map-intro{display:block;padding:24px}.map-intro h2{font-size:24px}.map-intro p{margin-top:7px}.map-links{gap:18px;padding:20px}.story{display:block;padding:45px 24px}.story h2{font-size:35px;margin-bottom:25px}.collaborate{display:block;padding:30px 24px}.collaborate .button{margin-top:20px}footer{display:block;padding:25px 24px}footer p+ p{margin-top:12px}.recipe-grid{grid-template-columns:1fr}.page-wrap{padding:30px 20px 50px}.page-heading h1{font-size:40px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Object links follow the artwork without distorting its proportions. */
.ig{left:12%;top:34%;width:8%;height:18%}.fb{left:21.5%;top:34%;width:8%;height:18%}.yt{left:31.3%;top:34%;width:8%;height:18%}.tt{left:41.5%;top:34%;width:8%;height:18%}.recipe-box{left:53%;top:34%;width:22%;height:18%}.mailbox{left:75.5%;top:34%;width:14%;height:18%}.gadgets{left:35.5%;top:57%;width:32%;height:9%}
@media(max-width:760px){.ig{left:17%;top:34%;width:13%;height:10.5%}.fb{left:34%;top:34%;width:13%;height:10.5%}.yt{left:51%;top:34%;width:13%;height:10.5%}.tt{left:69%;top:34%;width:14%;height:10.5%}.recipe-box{left:17%;top:49%;width:37%;height:13%}.mailbox{left:56%;top:51%;width:19%;height:11%}.gadgets{left:24%;top:65%;width:56%;height:6%}}

/* Keep the complete header photograph visible at its original proportions. */
.hero{display:block;min-height:0;background:none}.hero-image{width:100%;height:auto}.hero-copy{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:30px 5%;max-width:660px}.hero:before{pointer-events:none}
@media(max-width:760px){.hero{min-height:0;background:none}.hero:before{display:none}.hero-copy{position:relative;top:auto;left:auto;transform:none;max-width:none;padding:25px 24px;background:var(--cream);color:var(--ink)}.hero h1{font-size:34px}.hero p:last-child{max-width:none}}

/* Independent header and shelf artwork. */
.hero:before{display:none}.hero,.kitchen-map{margin:0;padding:0;width:100%;max-width:none}.hero-image,.kitchen-map picture,.kitchen-map picture img{display:block;width:100%;height:auto}.kitchen-map{line-height:0}.hotspot{line-height:1.6}

.food-preview{position:relative;aspect-ratio:2.85;overflow:hidden}.recipe-tile .food-preview img{position:absolute;width:106.67%;max-width:none;height:auto;left:-3.33%;top:-104.8%}.recipe-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:760px){.recipe-grid{grid-template-columns:1fr}}

/* End the header at the full wooden front edge. */
.hero{aspect-ratio:1983 / 754;overflow:hidden}

/* Header and shelf remain independent scenes in the same warm palette. */
#kitchen{padding:32px 0 0;background:#dfb47a}
#kitchen .kitchen-map{width:100%;max-width:none;margin:0;overflow:visible}
#kitchen picture,#kitchen picture img{display:block;width:100%;height:auto;object-fit:contain;aspect-ratio:auto}
@media(max-width:760px){#kitchen{padding-top:24px}}

@media(min-width:761px){
.ig{left:11.7%;top:49%;width:7.5%;height:12.5%}.fb{left:20.7%;top:49%;width:7.8%;height:12.5%}.yt{left:29.7%;top:49%;width:7.8%;height:12.5%}.tt{left:38.8%;top:49%;width:7.8%;height:12.5%}
.recipe-box{left:51.5%;top:49%;width:22%;height:12.5%}.mailbox{left:74%;top:49%;width:15%;height:12.5%}.gadgets{left:35%;top:67%;width:35%;height:7%}
}

/* A deliberate wooden trim separates the banner from the shelf room. */
#kitchen{padding:0;background:#a86c34}
#kitchen::before{content:"";display:block;height:clamp(8px,1.5vw,20px);background:#9b5c2c url("assets/kitchen-header-v4.png?v=20261003d") center 95% / 100% auto no-repeat;border-top:1px solid #6f3f20;border-bottom:2px solid #704620;box-shadow:inset 0 2px 2px #edc48955,inset 0 -2px 3px #361c1655}
@media(max-width:760px){#kitchen{padding:0}}