@font-face{font-family:'Lukka Serif';src:url('/assets/fonts/cormorant.woff2') format('woff2');font-display:swap;font-weight:400 600}
@font-face{font-family:'Lukka Serif';src:url('/assets/fonts/cormorant-ext.woff2') format('woff2');font-display:swap;font-weight:400 600;unicode-range:U+0100-02FF,U+1E00-1EFF}
@font-face{font-family:'Lukka Sans';src:url('/assets/fonts/dm-sans.woff2') format('woff2');font-display:swap;font-weight:400 700}
@font-face{font-family:'Lukka Sans';src:url('/assets/fonts/dm-sans-ext.woff2') format('woff2');font-display:swap;font-weight:400 700;unicode-range:U+0100-02FF,U+1E00-1EFF}
:root{--ink:#172b29;--paper:#f5efe5;--rust:#a84428;font-family:'Lukka Sans',sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}svg{display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--rust);outline-offset:6px}.skip{position:fixed;left:15px;top:-90px;z-index:99;background:white;padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.hero-page{background:var(--paper) url('./assets/table.webp') center top / 100% auto no-repeat}.site-header{position:relative;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px;padding:12px 5.6%;background:#fbf7efdf}.brand{font:500 clamp(32px,3.55vw,60px)/.95 'Lukka Serif',serif;letter-spacing:.12em;white-space:nowrap}.brand>span{letter-spacing:0;margin-left:2px}.brand small{display:block;font:600 clamp(8px,.76vw,13px)/1.3 'Lukka Sans',sans-serif;letter-spacing:.35em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:clamp(22px,3.3vw,56px);margin-left:auto;font-size:clamp(11px,1vw,17px);font-weight:600;letter-spacing:.07em}.site-header nav>a:not(.button){padding:12px 0}.site-header nav>a:not(.button):hover{color:var(--rust)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;background:var(--rust);color:#fff9ed;padding:20px 28px;letter-spacing:.11em;font:500 14px/1.25 'Lukka Sans',sans-serif;transition:background .2s}.button:hover{background:#85321e}.button>span:last-child{font-size:24px;line-height:1}.header-actions{display:flex;align-items:center;gap:14px}.languages{display:flex;gap:6px}.languages button{border:0;background:none;font-size:10px;padding:10px 3px;color:#766f63}.languages button[aria-pressed=true]{color:var(--rust);text-decoration:underline;text-underline-offset:5px}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle svg{width:24px;fill:none;stroke:currentColor;stroke-width:1.5}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.85fr) minmax(0,1fr);gap:3.9vw;align-items:center;min-height:calc(100svh - 90px);padding:0 3.1% 2.5% 12.5%;max-width:2100px;margin:auto}.pizza-area{position:relative;aspect-ratio:1;min-width:0;isolation:isolate;align-self:center}.pizza-plate{position:absolute;inset:3%;border-radius:50%;background:radial-gradient(circle,#f0eee5 64%,#fffdf5 67%,#e3dfd4 69%,#faf8f0 70.4%,#bdb6aa 71%);box-shadow:0 8px 12px #362b302f,0 24px 32px #47371c27;z-index:-1}.pizza-area>svg{width:100%;height:100%;overflow:visible}.slice-visual{transform-origin:500px 500px;transition:transform .4s cubic-bezier(.22,.75,.25,1),filter .4s;pointer-events:none}.slice-visual.is-active{transform:translate(var(--dx),var(--dy)) scale(1.012);filter:drop-shadow(0 12px 9px #2b190856)}.slice-hit{fill:transparent;cursor:pointer}.slice:focus{outline:none}.slice:focus-visible .slice-hit{stroke:#fff8e2;stroke-width:4;stroke-dasharray:6 5}.slice-label{position:absolute;left:var(--x);top:var(--y);width:25%;text-align:center;transform:translate(-50%,-50%);pointer-events:none;color:#fffdf4;filter:drop-shadow(0 2px 3px #381500);transition:translate .4s cubic-bezier(.22,.75,.25,1);font-size:clamp(11px,1.34vw,23px);font-weight:700;line-height:1.12;letter-spacing:.02em}.slice-label svg{width:clamp(29px,4vw,65px);height:clamp(29px,4vw,65px);margin:0 auto 7px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.slice-label.is-active{translate:var(--lx) var(--ly)}#pizza-labels{position:absolute;inset:0;pointer-events:none}.pizza-instruction{position:absolute;bottom:-8px;left:0;width:100%;text-align:center;min-height:26px;font-size:12px}.pizza-instruction a{background:#fff9ec;padding:8px 15px;border-bottom:1px solid var(--rust);color:var(--rust)}
.hero-copy{position:relative;padding:45px 0 20px;max-width:500px}.hero h1{font:500 clamp(74px,7.9vw,141px)/.78 'Lukka Serif',serif;letter-spacing:-.055em;margin:0 0 30px;white-space:nowrap}.hero h1 span{display:inline-block}.hero h1 span+br+span{margin-top:.1em}.copy-rule{width:62px;border-top:2px solid var(--rust);margin-bottom:23px}.hero h2{font:500 clamp(29px,2.65vw,47px)/1.08 'Lukka Serif',serif;letter-spacing:-.025em;margin:0 0 24px}.description{font:500 clamp(19px,1.63vw,28px)/1.2 'Lukka Serif',serif;margin:0 0 25px;max-width:400px}.primary{width:min(100%,330px)}.signature{text-align:right;font-size:12px;letter-spacing:.2em;margin:40px 6% 0}.signature:before{content:'';display:block;width:40px;border-top:1px solid #626a5d;margin:0 0 20px auto}.preview-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 5.6%;background:#faf6ee;border-top:1px solid #d6ccbd;font-size:11px}.preview-footer>span{font-size:9px;letter-spacing:.12em;color:#766c60}
.slice-label>span{display:block;max-width:8ch;margin:auto}
@media(min-width:1101px){.hero-page{background-size:cover}}
@media(min-width:1101px){.hero{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:5vw;padding-left:13.4%;min-height:calc(100svh - 106px)}.pizza-area{width:min(100%,calc(100svh - 150px));justify-self:center}.pizza-plate{inset:-.5%}.hero-copy{padding-top:30px}.hero h2{max-width:420px}}
@media(min-width:1700px){.hero-page{background-size:cover}.hero{min-height:850px}}
@media(max-width:1100px){.site-header{padding-inline:4%;gap:16px}.site-header nav{gap:22px}.order-link{padding:16px}.hero{padding-left:7%;gap:3%;grid-template-columns:1.6fr 1fr}.hero h1{font-size:8.7vw}.hero h2{font-size:3.3vw}.description{font-size:2.2vw}.button{font-size:11px;padding:18px}.hero-page{background-size:auto 100svh}.slice-label{font-size:1.6vw}.slice-label svg{width:4.6vw;height:4.6vw}}
@media(max-width:760px){.site-header{min-height:79px;padding:16px 21px;gap:12px}.brand{font-size:35px}.brand small{font-size:8px;margin-top:7px}.header-actions{margin-left:auto}.nav-toggle{display:block}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fbf7ef;padding:20px;box-shadow:0 14px 20px #302c2020;font-size:13px}.site-header nav.is-open{display:flex;align-items:stretch;flex-direction:column;gap:8px}.site-header nav>a{padding:14px!important}.hero-page{background-size:auto 590px;background-position:32% 30px}.hero{display:flex;flex-direction:column;gap:15px;min-height:0;padding:16px 20px 34px}.pizza-area{width:100%;max-width:560px}.pizza-plate{inset:3%}.slice-label{font-size:clamp(10px,3.2vw,18px)}.slice-label svg{width:clamp(29px,8.5vw,47px);height:clamp(29px,8.5vw,47px);margin-bottom:5px}.hero-copy{width:100%;padding:24px 10px 0;max-width:560px}.hero h1{font-size:clamp(68px,16vw,105px);line-height:.86;letter-spacing:-.045em;margin-bottom:25px}.hero h1 br{display:none}.hero h1 span{display:inline}.hero h1 span+br+span:before{content:' '}.copy-rule{margin-bottom:20px;width:45px}.hero h2{font-size:34px;max-width:370px;margin-bottom:18px}.description{font-size:22px;max-width:390px;line-height:1.25}.primary{font-size:12px;padding:20px 22px;width:100%;max-width:390px}.signature{font-size:10px;margin:28px 0 0;text-align:left}.signature:before{display:none}.preview-footer{flex-direction:column;align-items:flex-start;padding:24px 30px;gap:18px}.pizza-instruction{bottom:-15px}.slice-visual.is-active{transform:translate(calc(var(--dx)*.5),calc(var(--dy)*.5)) scale(1.006)}.slice-label.is-active{translate:calc(var(--lx)*.5) calc(var(--ly)*.5)}}
@media(min-width:761px) and (max-width:1100px){.pizza-plate{inset:0}}
@media(max-width:760px){.hero-page{background-image:linear-gradient(to bottom,transparent 360px,#f5efe5 530px),url('./assets/table.webp');background-size:100% 660px,auto 590px;background-position:left top,32% 30px}.hero h1{white-space:normal}.hero h1 br{display:block}.hero h1 span{display:inline-block}.hero h1 span+br+span:before{content:none}.pizza-plate{inset:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}