.breakfast-hero{color:var(--brown);isolation:isolate;background:0 0;overflow:hidden}.breakfast-hero-scene{height:clamp(470px,40vw,640px);position:relative}.breakfast-hero-photo{object-fit:cover;object-position:center 34%;width:100%;height:100%;display:block;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 30%,#000000e0 43%,#0003 72%,#0000 100%);mask-image:linear-gradient(#000 30%,#000000e0 43%,#0003 72%,#0000 100%)}.breakfast-hero h1{z-index:1;max-width:none;color:var(--brown);font-family:var(--font-brand);letter-spacing:0;margin:0;font-size:clamp(53px,5.5vw,108px);font-weight:400;line-height:1;position:absolute;bottom:35px;left:4.2%}.breakfast-hero-gallery{max-width:1600px;margin:-6px auto 0;padding:0 28px 18px;position:relative}.breakfast-hero-rail{--visible:3;--gap:24px;gap:var(--gap);scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y;padding:8px 0 18px;display:flex;overflow-x:auto}.breakfast-hero-rail::-webkit-scrollbar{display:none}.breakfast-hero-rail.is-dragging{scroll-snap-type:none;cursor:grabbing;-webkit-user-select:none;user-select:none}.breakfast-hero-product{flex:0 0 calc((100% - (var(--visible) - 1)*var(--gap))/var(--visible));scroll-snap-align:start;min-width:0;margin:0}.breakfast-hero-product a{cursor:pointer;display:block}.breakfast-hero-rail.is-dragging a{cursor:grabbing}.breakfast-hero-product img{object-fit:contain;filter:drop-shadow(0 9px 8px #493c311a);-webkit-user-select:none;user-select:none;width:100%;height:clamp(160px,17vw,245px);display:block}.breakfast-hero :is(a,button,[tabindex]):focus-visible{outline:2px solid var(--brown);outline-offset:3px}@media (width>=701px){.breakfast-hero h1{bottom:clamp(115px,10vw,160px)}}@media (width>=801px){.breakfast-hero-gallery .home-card-rail-wrap{padding-inline:56px}}@media (width>=701px) and (width<=1100px){.breakfast-hero-rail{--gap:20px}}@media (width<=700px){.breakfast-hero-scene{height:380px}.breakfast-hero-photo{object-position:49% top;-webkit-mask-image:linear-gradient(#000 29%,#000000eb 39%,#0000001f 69%,#0000 96%);mask-image:linear-gradient(#000 29%,#000000eb 39%,#0000001f 69%,#0000 96%)}.breakfast-hero h1{font-family:var(--font-display);font-size:clamp(37px,9vw,58px);font-weight:700;line-height:1;bottom:24px;left:22px;right:22px}.breakfast-hero-gallery{padding:0 14px 10px}.breakfast-hero-rail{--visible:2;--gap:14px;padding-bottom:6px}.breakfast-hero-product img{height:clamp(140px,42vw,230px)}}@media (prefers-reduced-motion:reduce){.breakfast-hero-rail{scroll-behavior:auto}}
