:root{--brown: #241a11;--brown-tint: #33241a;--cream: #efe7d5;--cream-muted: rgba(239, 231, 213, .74);--beige: #cca67a;--sauce: #8c3018;--ink: #241a11;--ink-muted: rgba(36, 26, 17, .62);--font-ui: "Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-hand: "Caveat", "Segoe Script", cursive;--pad: clamp(18px, 2.2vw, 44px);--title: clamp(44px, calc((100vw / (1 + var(--split)) - var(--pad) * 2) * .124), 150px);--scene-scroll: 1191svh;--chrome-h: calc(clamp(12px, .86vw, 15px)/.8) ;--chrome-safe: calc(var(--pad) + var(--chrome-h) + clamp(52px, 8svh, 104px));--gap: clamp(16px, 1.7vw, 34px);--col-radius: clamp(14px, 1.5vw, 28px);--inset: calc((100vw - 8 * var(--gap)) / 9 + var(--gap));--split: 1.618;--dur-press: .12s;--dur-hover: .2s;--dur-enter: .68s;--stagger: 70ms;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-hover: cubic-bezier(.33, 1, .4, 1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--brown);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}figure,p{margin:0}img{display:block;max-width:100%}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-reveal]{transition:opacity var(--dur-enter) var(--ease-out),transform var(--dur-enter) var(--ease-out)}.reveal [data-reveal]{opacity:0;transform:translateY(20px)}.reveal [data-reveal].is-in{opacity:1;transform:none}.scene--hero{position:sticky;top:0;z-index:1;height:100svh;background:var(--brown)}.hero{display:grid;grid-template-columns:1fr calc(100% / (1 + var(--split)));height:100%}.hero__side{display:grid;place-items:center;min-width:0;padding:calc(var(--pad) * 1.4) var(--pad);container-type:inline-size}.lede{width:min(100%,calc((100% + var(--pad) * 2) / var(--split) - var(--pad) * 2));container-type:inline-size;text-align:center}.lede__title{margin:0;font-family:var(--font-hand);font-size:var(--title);font-weight:600;letter-spacing:0;line-height:1.05;color:var(--cream);text-wrap:balance}.lede__body{max-width:50ch;margin:clamp(16px,2.6cqi,30px) auto 0;font-size:clamp(15px,2.3cqi,24px);font-weight:400;line-height:1.55;color:var(--cream-muted);text-wrap:pretty}.lede__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.6cqi,16px);margin-top:clamp(22px,3.4cqi,40px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.95em 1.6em;border:1px solid transparent;border-radius:999px;font-family:inherit;font-size:clamp(12px,1.6cqi,17px);font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color var(--dur-hover) var(--ease-hover),border-color var(--dur-hover) var(--ease-hover),color var(--dur-hover) var(--ease-hover),transform var(--dur-press) var(--ease-hover)}.btn--solid{background:var(--cream);border-color:var(--cream);color:var(--brown)}.btn--ghost{background:transparent;border-color:#efe7d56b;color:var(--cream)}@media(hover:hover)and (pointer:fine){.btn:hover{transform:translateY(-2px)}.btn--solid:hover{background:#fff;border-color:#fff}.btn--ghost:hover{background:#efe7d51f;border-color:var(--cream)}}.btn:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.btn:active{transform:translateY(0) scale(.975)}.hero__media{position:relative;min-width:0;overflow:hidden;background:var(--brown-tint)}.hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 15%}.scene--sequence{position:relative;z-index:2;height:1291svh;background:var(--brown)}.sequence__viewport{position:sticky;top:0;height:100svh;overflow:hidden;background:var(--brown)}.track{display:flex;align-items:stretch;height:100%;will-change:transform;position:relative;z-index:1}.stage{flex:0 0 100%;width:100%;height:100%;display:grid;grid-template-columns:1fr calc(100% / (1 + var(--split)))}.showcase{flex:0 0 100%;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,2.2svh,28px);padding:var(--chrome-safe) clamp(28px,5vw,80px) calc(var(--pad) + var(--chrome-h) + clamp(10px,1.6svh,22px));min-height:0}.showcase__title{margin:0;flex:0 0 auto;font-family:var(--font-hand);font-size:var(--title);font-weight:600;line-height:1.05;color:var(--cream);text-align:center;text-wrap:balance}.shots{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,1fr);grid-template-areas:"a a a b b c" "a a a b b c" "a a a d d d" "e e f d d d";gap:clamp(10px,1.1vw,18px);margin:0;padding:0;list-style:none}.shot:nth-child(1){grid-area:a}.shot:nth-child(2){grid-area:b}.shot:nth-child(3){grid-area:f}.shot:nth-child(4){grid-area:d}.shot:nth-child(5){grid-area:c}.shot:nth-child(6){grid-area:e}.shot{display:flex;flex-direction:column;min-width:0;min-height:0}.shot__frame{flex:1 1 0;min-height:0;overflow:hidden;border-radius:var(--col-radius);display:block;padding:0;border:0;background:none;font:inherit;color:inherit;appearance:none}.shot__frame:focus-visible{outline:2px solid var(--cream);outline-offset:3px}@media(hover:hover)and (pointer:fine){.shot.is-settled .shot__frame{cursor:zoom-in}.shot.is-settled .shot__img{transition:transform var(--dur-hover) var(--ease-hover)}.shot.is-settled .shot__frame:hover .shot__img,.shot.is-settled .shot__frame:focus-visible .shot__img{transform:scale(1.04)}}.shot__img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--col-radius)}.shot:nth-child(1) .shot__img{object-position:50% 10%}.shot__label{flex:0 0 auto;margin:clamp(6px,.9svh,11px) 0 0;font-size:clamp(11px,.86vw,14px);line-height:1.3;letter-spacing:.012em;color:var(--cream-muted)}.boxstage{position:absolute;inset:0;z-index:0;pointer-events:none;will-change:transform}.boxstage__canvas{display:block;width:100%;height:100%}.finale{position:absolute;left:0;top:0;width:calc(100% - 100% / (1 + var(--split)));height:100%;z-index:3;display:grid;align-content:center;justify-items:center;gap:clamp(10px,1.6svh,20px);padding:var(--chrome-safe) var(--pad) var(--pad);text-align:center;container-type:inline-size;pointer-events:none}.finale__inner{display:grid;justify-items:center;gap:clamp(10px,1.6svh,20px);width:min(100%,calc((100% + var(--pad) * 2) / var(--split) - var(--pad) * 2))}.finale__title{margin:0;font-family:var(--font-hand);font-size:var(--title);font-weight:600;line-height:1.05;color:var(--cream);text-wrap:balance}.finale__body{max-width:50ch;font-size:clamp(14px,1.15vw,19px);line-height:1.55;color:var(--cream-muted);text-wrap:pretty}.finale__address{display:grid;justify-items:center;gap:.4em;margin-top:clamp(4px,1svh,12px);font-style:normal;font-size:clamp(12px,.92vw,15px);letter-spacing:.14em;text-transform:uppercase;color:var(--cream-muted)}.finale__tel{pointer-events:auto;color:var(--cream);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:.4em;transition:color var(--dur-hover) var(--ease-hover),text-decoration-color var(--dur-hover) var(--ease-hover)}.finale__tel:hover,.finale__tel:focus-visible{text-decoration-color:currentColor}.seq__box{position:relative;min-width:0;overflow:hidden;container-type:size;background:var(--brown)}.seq__side{position:relative;min-width:0;padding:var(--chrome-safe) var(--pad) calc(var(--pad) * 1.4);container-type:inline-size;background:var(--brown)}.pizzas__title{margin:0;font-family:var(--font-hand);font-size:var(--title);font-weight:600;letter-spacing:0;line-height:1.05;color:var(--cream);text-align:center;text-wrap:balance;position:relative;z-index:3}.pizzas{list-style:none;margin:clamp(18px,3cqi,40px) 0 0;padding:0;display:grid;gap:clamp(18px,3cqi,34px)}.pzz{display:grid;grid-template-columns:clamp(64px,22cqi,130px) 1fr;gap:clamp(12px,2cqi,22px);align-items:center}.pzz__img{display:block;width:100%;height:auto}.pzz__name{margin:0 0 .25em;font-family:var(--font-hand);font-size:clamp(22px,5.4cqi,40px);font-weight:600;line-height:1;color:var(--cream)}.pzz__desc{margin:0;font-size:clamp(12px,2.1cqi,17px);line-height:1.5;letter-spacing:.012em;color:var(--cream-muted)}.pizzas--ring{position:absolute;inset:0;display:block;margin:0}.pizzas--ring .pzz{position:absolute;left:0;top:0;display:block;width:38.5%;will-change:transform,opacity}.pizzas--ring .pzz__img{width:100%}.pizzas--ring .pzz__copy{position:absolute;left:104%;top:50%;transform:translateY(-50%);width:118%}.seq{display:block;width:100%;height:100%}html.js .hero__media{clip-path:inset(100% 0% 0% 0%)}html.js .lede,html.js .chrome{opacity:0}.chrome{position:fixed;z-index:5;pointer-events:none;color:var(--cream);text-shadow:0 0 18px rgba(24,16,10,.55),0 1px 6px rgba(24,16,10,.4)}.chrome--start{top:var(--pad);left:var(--pad)}.chrome--nav{top:var(--pad);right:var(--pad)}.nav{display:flex;gap:clamp(14px,1.5vw,30px);margin:0;padding:0;list-style:none}.nav__link{pointer-events:auto;font-size:clamp(11px,.78vw,14px);font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:inherit;opacity:.94;text-shadow:0 0 22px rgba(20,13,8,.9),0 0 9px rgba(20,13,8,.75),0 1px 4px rgba(20,13,8,.65);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.45em;white-space:nowrap;transition:opacity var(--dur-hover) var(--ease-hover),text-decoration-color var(--dur-hover) var(--ease-hover)}.nav__link:hover,.nav__link:focus-visible{opacity:1;text-decoration-color:currentColor}.nav__link:focus-visible{outline:2px solid var(--cream);outline-offset:4px;border-radius:2px}.nav__toggle{display:none;pointer-events:auto;filter:drop-shadow(0 0 7px rgba(20,13,8,.85)) drop-shadow(0 1px 3px rgba(20,13,8,.7));position:relative;width:34px;height:34px;padding:0;border:0;background:none;color:inherit;cursor:pointer}.nav__bars,.nav__bars:before,.nav__bars:after{position:absolute;left:50%;width:20px;height:1.5px;margin-left:-10px;background:currentColor;transition:transform var(--dur-hover) var(--ease-hover),opacity var(--dur-hover) var(--ease-hover)}.nav__bars{top:50%;margin-top:-.75px}.nav__bars:before,.nav__bars:after{content:"";left:0;margin-left:0}.nav__bars:before{top:-6px}.nav__bars:after{top:6px}[aria-expanded=true] .nav__bars{opacity:0}[aria-expanded=true] .nav__bars:before{transform:translateY(6px) rotate(45deg)}[aria-expanded=true] .nav__bars:after{transform:translateY(-6px) rotate(-45deg)}.nav__toggle:focus-visible{outline:2px solid var(--cream);outline-offset:3px;border-radius:4px}.chrome--end{right:var(--pad);bottom:var(--pad)}.wordmark{margin:0;line-height:1;font-size:clamp(12px,.86vw,15px);font-weight:600;letter-spacing:.17em;text-transform:uppercase;color:inherit}.wordmark__link{pointer-events:auto;display:inline-block;color:inherit;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.45em;transition:text-decoration-color var(--dur-hover) var(--ease-hover)}.wordmark__link:hover,.wordmark__link:focus-visible{text-decoration-color:currentColor}.wordmark__link:focus-visible{outline:2px solid var(--cream);outline-offset:4px;border-radius:2px}.progress{position:fixed;top:0;left:0;right:0;z-index:6;height:2px;background:#efe7d51a;pointer-events:none}.progress__bar{display:block;height:100%;background:var(--cream);opacity:.85;transform:scaleX(0);transform-origin:0 50%;will-change:transform}.credit{display:inline-block;pointer-events:auto;font-size:clamp(10px,.68vw,12px);font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:inherit;opacity:.66;text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:.45em;transition:opacity var(--dur-hover) var(--ease-hover),text-decoration-color var(--dur-hover) var(--ease-hover)}.credit:hover,.credit:focus-visible{opacity:1;text-decoration-color:currentColor}.credit:focus-visible{outline:1px solid currentColor;outline-offset:6px}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.038;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}@media(max-width:820px)and (orientation:portrait){.hero{grid-template-columns:1fr;grid-template-rows:auto 1fr}.lede{width:100%;container-type:normal}.hero__side{padding:calc(var(--pad) + 2.2rem) var(--pad) var(--pad);container-type:normal}.nav__toggle{display:block}.nav-js .nav{display:none;position:absolute;top:calc(100% + 8px);right:0;gap:16px;padding:16px 20px;background:var(--brown);border-radius:var(--col-radius);box-shadow:0 20px 44px #00000080}.nav-js .nav[data-open]{display:grid;justify-items:end}.nav__link{font-size:12px}.lede__title{font-size:clamp(42px,12.6vw,68px)}.lede__body{font-size:clamp(15px,4vw,18px);margin-top:14px}.lede__actions{margin-top:22px;gap:12px}.btn{font-size:13px}.sequence__viewport,.track{display:contents}.stage{display:block;flex:none;width:auto;height:auto}.showcase{display:block;width:auto;height:auto;padding:var(--pad);position:relative;z-index:1}.showcase__title{font-size:clamp(38px,11vw,62px);margin-bottom:clamp(14px,4vw,24px)}.shots{grid-template-columns:1fr;grid-template-rows:none;grid-template-areas:none;gap:clamp(18px,5vw,30px)}.shots>.shot:nth-child(n){grid-area:auto}.shot__frame{flex:none;overflow:visible}.shot__img{height:auto;object-fit:fill}.shot__label{text-align:center;font-size:14px}.boxstage{position:relative;inset:auto;z-index:1;width:100%;aspect-ratio:1;margin-top:clamp(8px,3vw,20px)}.finale{position:relative;width:auto;height:auto;padding:0 var(--pad) clamp(28px,9vw,56px)}.finale__inner{width:100%}.finale__title{font-size:clamp(32px,9.5vw,54px)}[data-reveal-stacked]{transition:opacity var(--dur-enter) var(--ease-out),transform var(--dur-enter) var(--ease-out)}.reveal [data-reveal-stacked]{opacity:0;transform:translateY(20px)}.reveal [data-reveal-stacked].is-in{opacity:1;transform:none}.scene--sequence{height:auto}.seq__box{position:sticky;top:0;z-index:2;aspect-ratio:4 / 3;height:auto}.seq__side{position:relative;z-index:1;container-type:normal;padding:var(--pad)}.pizzas__title{font-size:clamp(38px,11vw,62px)}.pizzas{margin-top:clamp(14px,4vw,24px);gap:0}.pzz{grid-template-columns:1fr;gap:clamp(10px,3vw,16px);justify-items:center;text-align:center}.pzz+.pzz{border-top:1px solid rgba(239,231,213,.16);margin-top:clamp(22px,6vw,34px);padding-top:clamp(22px,6vw,34px)}.pzz__img{width:62%}.pzz__name{font-size:clamp(24px,7vw,34px)}.pzz__desc{font-size:clamp(14px,4vw,17px)}}.lightbox{max-width:none;max-height:none;width:min(92vw,68.8svh);padding:0;border:0;background:none;color:var(--cream);overflow:visible}.lightbox::backdrop{background:#100b07d1;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}@media(prefers-reduced-transparency:reduce){.lightbox::backdrop{background:#100b07;-webkit-backdrop-filter:none;backdrop-filter:none}}.lightbox__img{width:100%;height:auto;max-height:86svh;object-fit:contain;border-radius:var(--col-radius)}.lightbox__label{margin:clamp(10px,1.4svh,16px) 0 0;font-size:clamp(12px,.9vw,15px);line-height:1.3;letter-spacing:.012em;text-align:center;color:var(--cream-muted)}.lightbox__close{position:absolute;top:calc(var(--pad) * -1 - .4em);right:0;padding:0 .2em;border:0;background:none;font-family:inherit;font-size:clamp(26px,2.4vw,38px);line-height:1;color:var(--cream);opacity:.7;cursor:pointer;transition:opacity var(--dur-hover) var(--ease-hover)}.lightbox__close:hover,.lightbox__close:focus-visible{opacity:1}.lightbox__close:focus-visible{outline:2px solid var(--cream);outline-offset:3px}.lightbox,.lightbox::backdrop{transition:opacity .28s var(--ease-out),transform .28s var(--ease-out),display .28s allow-discrete,overlay .28s allow-discrete}.lightbox[open]{opacity:1;transform:translateY(0) scale(1)}.lightbox[open]::backdrop{opacity:1}@starting-style{.lightbox[open]{opacity:0;transform:translateY(12px) scale(.98)}.lightbox[open]::backdrop{opacity:0}}.lightbox:not([open]){opacity:0;transform:translateY(12px) scale(.98)}.lightbox:not([open])::backdrop{opacity:0}@media(prefers-reduced-motion:reduce){.reveal [data-reveal],.reveal [data-reveal-stacked]{transform:none}[data-reveal],[data-reveal-stacked]{transition-duration:.2s}.lightbox[open],.lightbox:not([open]){transform:none}@starting-style{.lightbox[open]{transform:none}}}
