/* Scoped to the homepage opening; all existing pages and sections keep their styles. */
.cooking-opening{--opening-header:94px;background:var(--opening-cream,var(--paper))}
.cooking-sequence{position:relative;background:var(--opening-cream,var(--paper))}
.cooking-stage{position:relative;height:calc(100svh - var(--opening-header));min-height:360px;display:grid;grid-template-columns:minmax(0,1fr);place-items:center;top:0;isolation:isolate;overflow:clip}
.cooking-picture{position:relative;width:min(100vw,calc((100svh - var(--opening-header)) * 1.93));max-width:3168px;min-width:0;line-height:0}
.cooking-title{position:absolute;z-index:3;left:4.2%;top:3%;margin:0;color:var(--orange);font-family:var(--display);font-size:clamp(54px,6.4vw,116px);line-height:.94;letter-spacing:-.015em}
.cooking-location{position:absolute;z-index:3;right:4.2%;bottom:5%;margin:0;text-align:right;font-size:clamp(10px,1vw,17px);line-height:1.65;letter-spacing:.24em}
.cooking-still{position:relative;z-index:2;display:block;width:100%;height:auto;image-rendering:auto}
.cooking-canvas{position:absolute;inset:0;z-index:2;width:100%;height:100%;visibility:hidden;image-rendering:auto}
.cooking-picture::before,.cooking-picture::after{content:"";position:absolute;z-index:1;top:0;height:100%;width:calc(50vw - 50% + .252526%);background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}
.cooking-picture::before{right:99.747474%;background-image:url('/assets/hires/spit-left.png')}
.cooking-picture::after{left:99.747474%;background-image:url('/assets/hires/spit-right.png')}
.cooking-shaft{position:absolute;z-index:1;top:0;left:calc(50% - 50vw);width:100vw;height:100%;visibility:hidden;image-rendering:auto;pointer-events:none}
.cooking-sequence.is-animated{height:calc(100svh - var(--opening-header) + var(--cook-travel))}
.is-animated .cooking-stage{position:sticky;top:var(--opening-header)}
.is-animated .cooking-still{visibility:hidden}
.is-animated .cooking-canvas{visibility:visible}
.is-animated .cooking-shaft{visibility:visible}
.is-animated .cooking-picture::before,.is-animated .cooking-picture::after{visibility:hidden}
.opening-tagline{min-height:calc(100svh - var(--opening-header));display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:64px 6% 80px;background:var(--opening-cream,var(--paper))}
.opening-tagline h1{font-family:var(--display);color:var(--orange);font-size:clamp(64px,10vw,158px);letter-spacing:.005em;line-height:1.04;margin:0 0 40px}
.opening-tagline .actions{margin:0}
@media(max-width:900px){.cooking-opening{--opening-header:78px}.opening-tagline h1{font-size:clamp(62px,11.5vw,104px)}}
@media(max-width:600px){.cooking-opening{--opening-header:76px}.cooking-stage{height:430px;max-height:66svh;min-height:340px}.cooking-picture{width:110vw;max-width:none}.cooking-title{top:6%;left:6%;font-size:50px}.cooking-location{bottom:6%;right:6%;font-size:10px}.cooking-sequence.is-animated{height:calc(min(430px,66svh) + var(--cook-travel-mobile))}.opening-tagline{min-height:0;padding:48px 6% 66px}.opening-tagline h1{font-size:clamp(43px,12.5vw,75px);line-height:1.08;margin-bottom:30px}.opening-tagline .actions{flex-direction:column;width:100%;max-width:350px}.opening-tagline .button{min-height:52px}}
@media(prefers-reduced-motion:reduce){.cooking-sequence.is-animated{height:auto}.is-animated .cooking-stage{position:relative;top:0}.is-animated .cooking-canvas,.is-animated .cooking-shaft{visibility:hidden}.is-animated .cooking-still,.is-animated .cooking-picture::before,.is-animated .cooking-picture::after{visibility:visible}.opening-tagline{min-height:0;padding-top:36px}}

.home-photo-hero{margin:0;width:100%;overflow:hidden}.home-photo-hero img{display:block;width:100%;height:clamp(420px,56vw,820px);object-fit:cover;object-position:center 48%}@media(max-width:600px){.home-photo-hero img{height:440px;object-position:62% center}}
