.mhero{--sky-night:oklch(.215 .034 var(--brand-hue));--sky-dusk:oklch(.29 .048 var(--brand-hue));--rose:oklch(63.3% .118 15.6);--deck-h:clamp(64px, 7vw, 96px);--deck-top:calc(var(--deck-h) + var(--edge) * .45);--horizon:58%;--sun-x:7%;--grain:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27220%27%20height%3D%27220%27%3E%3Cfilter%20id%3D%27g%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%27.82%27%20numOctaves%3D%273%27%20stitchTiles%3D%27stitch%27%2F%3E%3CfeColorMatrix%20type%3D%27saturate%27%20values%3D%270%27%2F%3E%3CfeComponentTransfer%3E%3CfeFuncR%20type%3D%27linear%27%20slope%3D%271.6%27%20intercept%3D%27-.3%27%2F%3E%3CfeFuncG%20type%3D%27linear%27%20slope%3D%271.6%27%20intercept%3D%27-.3%27%2F%3E%3CfeFuncB%20type%3D%27linear%27%20slope%3D%271.6%27%20intercept%3D%27-.3%27%2F%3E%3C%2FfeComponentTransfer%3E%3C%2Ffilter%3E%3Crect%20width%3D%27220%27%20height%3D%27220%27%20filter%3D%27url%28%23g%29%27%2F%3E%3C%2Fsvg%3E);isolation:isolate;color:var(--sand);background:var(--sky-night);padding-top:clamp(92px,8.2vw,118px);padding-bottom:0;position:relative;overflow:clip}.scene{z-index:0;pointer-events:none;position:absolute;inset:0}.sky{height:var(--horizon);background:radial-gradient(38% 55% at var(--sun-x) 100%,oklch(84% .12 64/.9),oklch(72% .14 45/.4) 42%,transparent 72%), linear-gradient(to bottom,var(--sky-night) 0%,var(--sky-dusk) 32%,var(--teal-deep) 60%,oklch(43% .06 25) 84%,var(--rose) 93%,oklch(72% .14 48) 98%,oklch(85% .11 72) 100%);position:absolute;top:0;left:0;right:0}.sky:before{content:"";background:var(--grain) 0 0/220px 220px;mix-blend-mode:soft-light;opacity:.5;position:absolute;inset:0}.sky:after{content:"";background:var(--sky-night);opacity:0;position:absolute;inset:0}.sun{left:var(--sun-x);top:var(--horizon);aspect-ratio:1;background:radial-gradient(circle at 50% 42%,oklch(97% .05 88) 0 26%,oklch(86% .12 70) 48%,var(--orange) 80%,oklch(58% .15 35) 100%);border-radius:50%;width:clamp(84px,10vw,148px);position:absolute;transform:translate(-50%,-38%)}.skyway{left:14%;bottom:calc(100% - var(--horizon));color:oklch(24% .04 30/.62);width:clamp(220px,30vw,440px);height:auto;display:none;position:absolute}.water{left:0;right:0;top:var(--horizon);background:linear-gradient(to bottom,oklch(68% .13 40/.55) 0,oklch(55% .1 25/.2) 6%,transparent 16%), repeating-linear-gradient(to bottom,oklch(97% .03 90/.045) 0 1px,transparent 1px 8px), linear-gradient(to bottom,oklch(40% .06 201),var(--teal-deep) 26%,var(--sky-night) 90%);position:absolute;bottom:0}.water:before{content:"";background:linear-gradient(90deg,#0000,oklch(90% .09 78/.8) 5%,oklch(90% .09 78/.25) 45%,#0000 80%);height:2px;position:absolute;top:0;left:0;right:0}.water:after{content:"";background:var(--grain) 0 0/220px 220px;mix-blend-mode:soft-light;opacity:.45;position:absolute;inset:0}.glint{top:3px;left:var(--sun-x);opacity:.62;background:repeating-linear-gradient(oklch(92% .1 78/.9) 0 2px,#0000 2px 7px),repeating-linear-gradient(#0000 0 4px,oklch(80% .13 55/.7) 4px 5px,#0000 5px 11px);width:clamp(70px,9vw,150px);height:58%;position:absolute;translate:-50%;-webkit-mask-image:radial-gradient(50% 100% at 50% 0,#000 12%,#0000 100%);mask-image:radial-gradient(50% 100% at 50% 0,#000 12%,#0000 100%)}.rail{left:0;right:0;bottom:calc(var(--deck-top) - 8px);background:url(data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27210%27%20height%3D%2784%27%20viewBox%3D%270%200%20210%2084%27%3E%3Cpath%20d%3D%27M9%2016%20Q105%2050%20201%2016%27%20fill%3D%27none%27%20stroke%3D%27%23b9a57f%27%20stroke-width%3D%275%27%20stroke-linecap%3D%27round%27%2F%3E%3Cpath%20d%3D%27M9%2016%20Q105%2050%20201%2016%27%20fill%3D%27none%27%20stroke%3D%27%232e1b11%27%20stroke-opacity%3D%27.55%27%20stroke-width%3D%275%27%20stroke-dasharray%3D%271.4%203.2%27%2F%3E%3Crect%20x%3D%272%27%20y%3D%278%27%20width%3D%2714%27%20height%3D%2776%27%20rx%3D%272%27%20fill%3D%27%2354331f%27%2F%3E%3Crect%20x%3D%272%27%20y%3D%278%27%20width%3D%2714%27%20height%3D%275%27%20rx%3D%272%27%20fill%3D%27%23735039%27%2F%3E%3Crect%20x%3D%2712%27%20y%3D%2713%27%20width%3D%274%27%20height%3D%2771%27%20fill%3D%27%232e1b11%27%20fill-opacity%3D%27.45%27%2F%3E%3C%2Fsvg%3E) 0 100%/210px 84px repeat-x;height:84px;position:absolute}.deck{z-index:3;height:var(--deck-top);pointer-events:none;background:linear-gradient(to bottom,oklch(16% .03 48/.6) 0,transparent 24%), linear-gradient(to bottom,transparent 0 30%,oklch(18% .03 48/.7) 30% 32%,transparent 32% 58%,oklch(18% .03 48/.7) 58% 60%,transparent 60%), var(--wood) 0 0/var(--tile),var(--walnut);position:absolute;bottom:0;left:0;right:0;box-shadow:inset 0 2px oklch(56% .07 56/.55),0 -12px 18px -10px oklch(8% .02 201/.7)}.mhero .lights{z-index:4;height:clamp(132px,13vw,205px);top:0}.mhero__grid{z-index:2;gap:var(--s6) var(--s6);grid-template-columns:minmax(0,1fr);align-items:end;display:grid;position:relative}.mhero__grid>*{min-width:0}.mhero__copy{isolation:isolate;padding-bottom:var(--s4);position:relative}.mhero__copy:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(closest-side,oklch(19% .035 201/.55),oklch(19% .035 201/.24) 62%,#0000);position:absolute;inset:-14% -16% -6% -34%}.mhero h1{color:var(--cream);text-shadow:0 2px 18px oklch(20% .03 201/.55);font-size:clamp(2.75rem,1.6rem + 4.6vw,5.25rem);line-height:.98}.mhero__sub{margin-top:var(--s4);max-width:30em;color:var(--sand);font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);line-height:1.5}.jump{gap:var(--s2);margin-top:var(--s5);flex-wrap:wrap;display:flex}.jump a{min-height:44px;color:var(--cream);font-family:var(--font-display);transition:transform var(--dur-fast) var(--ease-out);background:oklch(20% .035 201/.55);border-radius:999px;align-items:center;padding:.35em .95em;font-size:1rem;text-decoration:none;display:inline-flex;box-shadow:inset 0 0 0 1.5px oklch(75.4% .128 212/.7)}.jump a:active{transform:scale(.98)}@media (hover:hover) and (pointer:fine){.jump a:hover{background:oklch(20% .035 201/.8)}}.truck{min-width:0;margin-left:6%;margin-right:calc(-1 * max(1.25rem, env(safe-area-inset-right)));position:relative;container-type:inline-size}.truck__body{padding:clamp(26px, 6cqi, 40px) 0 calc(var(--deck-top) - 4px) clamp(18px, 6cqi, 56px);background-color:var(--teal);background-image:radial-gradient(34% 60% at 0% 36%,oklch(76% .13 50/.26),transparent 70%),radial-gradient(40% 40% at 24% 30%,oklch(86% .1 80/0),transparent 70%),var(--planks);background-size:auto,auto,var(--tile);border-radius:34px 0 0;position:relative;box-shadow:inset 0 3px oklch(20% .03 201/.7),inset 5px 0 oklch(26% .05 201/.8),-24px 0 60px -34px oklch(0% 0 0/.8)}.truck__body:before{content:"";background:var(--aqua);border-radius:3px 0 0 3px;height:3px;position:absolute;top:13px;left:18px;right:0;box-shadow:0 6px 0 -1px oklch(97.2% .017 84.6/.5)}.truck__warm{border-radius:inherit;pointer-events:none;background:radial-gradient(26% 30% at 7% 26%,oklch(86% .12 75/.3),#0000 70%);position:absolute;inset:0}.window{width:min(88cqi,560px);margin-top:calc(clamp(40px,9cqi,62px) + 14px);position:relative}.awning{z-index:5;background:linear-gradient(to bottom,oklch(20% .03 40/.28),transparent 38%,oklch(20% .03 40/.12)),repeating-linear-gradient(90deg,var(--orange) 0 46px,oklch(57% .15 37) 46px 92px);border-radius:7px 7px 0 0;height:clamp(40px,9cqi,62px);position:absolute;bottom:calc(100% + 4px);left:-5%;right:-5%;-webkit-mask:radial-gradient(circle at 50% 0,#000 11.5px,#0000 12px) 0 100%/24px 12px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 11px) no-repeat;mask:radial-gradient(circle at 50% 0,#000 11.5px,#0000 12px) 0 100%/24px 12px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 11px) no-repeat}.awning:before{content:"";background:var(--walnut);height:7px;position:absolute;top:0;left:0;right:0}.awning:after{content:"";background:oklch(97.2% .017 84.6/.7);height:2px;position:absolute;bottom:16px;left:0;right:0}.awning__lights{z-index:7;pointer-events:none;position:absolute;top:-15px;left:-5%;right:-5%}.awning__lights .festoon{height:auto;overflow:hidden}.window:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(oklch(12% .02 201/.55),#0000);border-radius:4px;height:34px;position:absolute;top:-6px;left:-3%;right:-3%}.window__frame{background-color:var(--walnut);background-image:linear-gradient(oklch(40% .06 52/.35),oklch(20% .04 50/.45)),var(--wood);background-size:auto,var(--tile);border-radius:8px;padding:clamp(8px,2cqi,14px);position:relative;box-shadow:0 0 0 2px oklch(18% .03 50/.6),inset 0 2px oklch(56% .07 56/.5),0 18px 30px -14px oklch(5% .02 201/.7)}.inside{aspect-ratio:1.3;background:repeating-linear-gradient(90deg,transparent 0 56px,oklch(20% .03 48/.09) 56px 58px),radial-gradient(95% 72% at 50% 6%,oklch(88% .09 78),oklch(70% .13 58) 40%,oklch(45% .09 48) 78%,var(--ink));border-radius:3px;flex-direction:column;align-items:center;padding:clamp(24px,7cqi,36px) 4% clamp(12px,3cqi,20px);display:flex;position:relative;overflow:clip;box-shadow:inset 0 0 0 1px oklch(0% 0 0/.4),inset 0 16px 26px -10px oklch(10% .02 48/.5);container-type:inline-size}.housing{z-index:6;background:linear-gradient(oklch(40% .06 52),oklch(26% .045 50));height:14px;position:absolute;top:0;left:0;right:0;box-shadow:0 3px 5px oklch(0% 0 0/.4)}.hang{transform-origin:50% -30px;width:62%;margin-top:2px;margin-left:8%;position:relative;rotate:-1.2deg}.hang:before,.hang:after{content:"";z-index:-1;background:oklch(20% .03 48/.75);width:1.5px;position:absolute;top:-26px}.hang:before{height:calc(26px + 16%);left:21%}.hang:after{height:calc(26px + 30%);right:20%}.hang img{filter:drop-shadow(0 8px 10px oklch(20% .04 48/.45));width:100%}.board-wrap{filter:drop-shadow(0 6px 7px oklch(15% .03 48/.45));width:100%;margin-top:auto}.board{color:var(--ink);background:radial-gradient(circle at 12px 11px,oklch(62% .15 40) 0 3.4px,oklch(38% .08 40) 3.8px,transparent 4.4px),radial-gradient(circle at calc(100% - 12px) 11px,oklch(62% .15 40) 0 3.4px,oklch(38% .08 40) 3.8px,transparent 4.4px),var(--kraft-tex) 0 0/640px 640px,var(--paper);-webkit-mask:var(--torn-bot) 0 100%/560px 28px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 27px) no-repeat;-webkit-mask:var(--torn-bot) 0 100%/560px 28px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 27px) no-repeat;mask:var(--torn-bot) 0 100%/560px 28px repeat-x,linear-gradient(#000 0 0) 0 0/100% calc(100% - 27px) no-repeat;padding:clamp(10px,2.6cqi,14px) clamp(12px,3.6cqi,20px) clamp(26px,6cqi,34px);position:relative;rotate:.5deg}.board__head{font:400 clamp(.8125rem, 3.4cqi, 1.0625rem)/1.2 var(--font-display);color:var(--teal-deep);text-align:center}.board__list{font:500 clamp(.75rem, 2.55cqi, .9375rem)/1.35 var(--font-body);margin-top:clamp(4px,1.4cqi,8px)}.board__list li+li{margin-top:2px}.board__cat{font-family:var(--font-display);color:var(--walnut);margin-right:.45em}.board__it{white-space:nowrap}.board__it:not(:last-child):after{content:"·";color:oklch(50% .13 38);margin:0 .2em 0 .38em;font-weight:700}.lantern{--lw:clamp(84px, 21cqi, 140px);left:calc(var(--lw) / -2 + 8px);z-index:4;width:var(--lw);aspect-ratio:871/1152;pointer-events:none;position:absolute;top:-14px}.lantern img{clip-path:inset(0 7% 2%);filter:drop-shadow(0 6px 6px oklch(10% .02 201/.55));width:100%;height:100%;position:absolute;inset:0}.lantern .lantern__off{filter:brightness(.4)saturate(.5)drop-shadow(0 6px 6px oklch(10% .02 201/.55))}.lantern__glow{aspect-ratio:1;background:radial-gradient(circle,oklch(93% .11 82/.5),oklch(84% .13 68/.22) 22%,oklch(80% .12 60/.08) 42%,#0000 62%);border-radius:50%;width:330%;position:absolute;top:58%;left:50%;translate:-50% -50%}.lamp{z-index:2;opacity:0;pointer-events:none;background:oklch(14% .03 48/.62);position:absolute;inset:0}.shutter-well{z-index:5;pointer-events:none;position:absolute;inset:0;overflow:clip}.shutter{background:linear-gradient(to bottom,transparent calc(100% - 16px),oklch(30% .05 50) calc(100% - 16px) calc(100% - 4px),oklch(20% .03 50) calc(100% - 4px)),var(--fiber),repeating-linear-gradient(to bottom,oklch(70% .09 196) 0 2px,oklch(66.3% .096 196) 2px 17px,oklch(50% .08 199) 17px 19px,oklch(36% .06 201) 19px 21px);background-size:auto,320px 320px,auto;position:absolute;inset:0;transform:translateY(calc(12px - 100%))}.cord{transform-origin:50% 0;width:24px;height:clamp(64px,18cqi,92px);position:absolute;top:100%;right:16%}.cord svg{width:100%;height:100%;overflow:visible}.ledge{z-index:6;background-color:var(--walnut);background-image:linear-gradient(oklch(55% .07 56/.5),transparent 45%,oklch(20% .04 50/.5)),var(--wood);background-size:auto,var(--tile);border-radius:2px 2px 4px 4px;height:clamp(12px,2.6cqi,20px);margin:0 -4%;position:relative;box-shadow:0 12px 16px -8px oklch(8% .02 201/.7)}.ledge:before,.ledge:after{content:"";clip-path:polygon(0 0,100% 0,18% 100%,0 100%);background:oklch(30% .05 50);width:clamp(14px,3cqi,22px);height:clamp(18px,4.4cqi,30px);position:absolute;top:100%}.ledge:before{left:10%}.ledge:after{right:10%;transform:scaleX(-1)}.livery{align-items:flex-end;gap:var(--s4);padding:clamp(20px,4cqi,32px) 0 0 2%;display:flex;position:relative}.livery__hen{opacity:.92;width:clamp(104px,26cqi,180px)}.livery .coral{width:clamp(96px,24cqi,170px);margin-left:auto;margin-right:12%}@media (width>=600px){.skyway{width:clamp(200px,24vw,300px);display:block;left:2%}}@media (width>=600px) and (width<=959.98px){.truck{margin-left:18%}}@media (width>=700px) and (width<=959.98px){.truck{margin-right:calc(-1 * max(2.5rem, env(safe-area-inset-right)))}}@media (width>=960px){.mhero{--horizon:calc(100% - var(--deck-top) - clamp(110px, 12vw, 190px));--sun-x:33%;padding-top:clamp(92px,7vw,100px)}.skyway{width:clamp(230px,21vw,330px);left:3%}.mhero__grid{grid-template-columns:minmax(0,42fr) minmax(0,58fr)}.mhero__copy{align-self:start;padding-top:clamp(72px,8vw,132px)}.truck{margin:0 min(calc(-1 * max(2.5rem, env(safe-area-inset-right))), calc((1280px - 100vw) / 2 - 2.5rem)) 0 0}.window{width:min(76cqi,470px)}.livery{padding-top:14px}.livery__hen{width:clamp(96px,16cqi,128px)}.livery .coral{width:clamp(90px,17cqi,130px)}}.menu{background-image:var(--pattern),var(--kraft-tex);background-size:200px 200px,640px 640px;padding-bottom:clamp(64px,8vw,112px)}.menu-cat+.menu-cat{margin-top:clamp(56px,7vw,96px)}.menu-cat__head{align-items:center;gap:var(--s4);display:flex}.menu-cat h2{font-size:var(--fs-h2);color:var(--teal-deep);min-width:0;line-height:1}.menu-cat--also h2{font-size:var(--fs-h3)}@media (width>=600px){.menu-cat--also .menu-grid{max-width:620px}}.menu-grid{--gap:clamp(20px, 3vw, 32px);gap:52px var(--gap);margin-top:var(--s5);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (width>=600px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.menu-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:880px}}@media (width>=1120px){.menu-grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}}.menu-notes{padding:var(--s5) var(--s6);background:oklch(97.2% .017 85/.5);border-left:0;border-radius:6px;max-width:44em;margin-top:clamp(48px,6vw,80px);font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);font-style:italic;box-shadow:inset 0 0 0 1.5px oklch(37% .06 201/.35)}.menu-notes p+p{margin-top:var(--s1)}@keyframes roll{0%{animation-timing-function:cubic-bezier(.3,0,.5,1);transform:translateY(0)}13%{animation-timing-function:var(--ease-in-out);transform:translateY(2.2%)}to{transform:translateY(calc(12px - 100%))}}@keyframes swing{0%{transform:rotate(-16deg)}24%{transform:rotate(10deg)}48%{transform:rotate(-5deg)}70%{transform:rotate(2deg)}to{transform:rotate(0)}}@keyframes lampoff{0%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:no-preference){.truck .shutter{animation:roll var(--dur-peak) .35s both}.truck .cord{animation:swing 1s var(--ease-out) 1.35s both}.truck .lamp{animation:lampoff var(--dur-reveal) var(--ease-out) 1.25s both}.truck .lantern__on{animation:flick .7s var(--ease-out) 1.3s backwards}.truck .lantern__glow,.truck .truck__warm{animation:fade var(--dur-reveal) var(--ease-out) 1.5s backwards}.truck .festoon--a .bulb__lit{animation:flick .7s calc(1.4s + var(--i) * 60ms) var(--ease-out) backwards}.truck .festoon--a .halo{animation:fade var(--dur-reveal) calc(1.6s + var(--i) * 60ms) var(--ease-out) backwards}.io .truck:not(.is-open) :is(.shutter,.cord,.lamp,.lantern__on,.lantern__glow,.truck__warm,.bulb__lit,.halo){animation-play-state:paused}}@media (prefers-reduced-motion:reduce){.shutter,.lamp{display:none}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.mhero .sun{animation:linear both sink;animation-timeline:scroll(root);animation-range:0 85vh}.mhero .sky:after{animation:linear both dim;animation-timeline:scroll(root);animation-range:0 85vh}}@keyframes sink{0%{transform:translate(-50%,-38%)}to{transform:translate(-50%,10%)}}@keyframes dim{0%{opacity:0}to{opacity:.5}}}