:root{--rosso:#bd2926;--inchiostro:#28382a;--carta:#ffffff;--rosso-scuro:#bd2926}body{background:var(--carta)}[hidden]{display:none!important}a{text-decoration:none}button{font:inherit}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em}.navigation{display:flex;align-items:center;justify-content:space-between;padding:24px 5%;border-bottom:1px solid #28382a30}.wordmark{display:flex;align-items:center;gap:8px;font-family:'Kalam',cursive;font-size:28px;font-weight:700;letter-spacing:-1.5px}.wordmark span{font:13px Arial;align-self:start;margin-top:5px}.navigation nav{display:flex;align-items:center;gap:32px;font-size:13px}.nav-box{border:1px solid;padding:12px 20px;border-radius:30px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--carta);color:var(--inchiostro);text-align:left;padding:68px 7% 24px;min-height:750px}.eyebrow{font-family:'Archivo',sans-serif;font-size:11px!important;letter-spacing:.15em;font-weight:600;margin-bottom:25px;text-transform:uppercase}.hero h1{font-size:clamp(70px,7.4vw,118px);line-height:.94}.hero h1 em{color:var(--rosso);font-weight:400}.hero-description{font-size:16px;line-height:1.65;margin-top:28px}.primary-link{display:inline-flex;gap:35px;align-items:center;background:var(--rosso);color:var(--carta);padding:17px 24px;border-radius:40px;margin-top:30px;font-size:14px}.primary-link:hover{background:#97231f}.primary-link span{font-size:22px}.intro-link{display:block;border:0;border-bottom:1px solid #28382a50;background:none;color:var(--inchiostro);font-size:12px;padding:0 0 5px;margin-top:22px;cursor:pointer}.hero-art{position:relative;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center}.art-caption{position:absolute;top:8px;left:0;width:100%;text-align:center;font-size:9px;letter-spacing:.2em}.jar-stage{position:absolute;inset:30px -15px 40px;z-index:1}#jar-canvas-wrap{width:100%;height:100%;margin:0;touch-action:pan-y}#jar-canvas-wrap canvas{outline:none}.round-stamp{position:absolute;right:-18px;top:55px;width:116px;height:116px;border:1px solid var(--rosso);border-radius:50%;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;color:var(--rosso);transform:rotate(15deg);font-size:12px;line-height:1.6;letter-spacing:.12em;z-index:2}.loading-note,.drag-hint{position:absolute;bottom:0;font-size:11px;color:#28382ab0;letter-spacing:.03em}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #28382a30;padding-top:22px;margin-top:24px;font-size:10px;letter-spacing:.08em}.ticker{display:flex;justify-content:space-around;gap:28px;white-space:nowrap;overflow:hidden;background:var(--rosso);color:var(--carta);padding:20px 0;font-size:13px;letter-spacing:.1em;margin-top:24px}.ticker span{font-size:19px}.squiggle{display:none}.section{max-width:none;padding:100px 9%}.section h2{font-size:clamp(45px,5.6vw,80px);line-height:1.02;margin-bottom:28px}.section>p{max-width:640px}.section p{font-size:16px;line-height:1.8}.prov-grid{gap:60px;max-width:1000px}.prov-card{border-left:0;border-top:1px solid #28382a50;padding:25px 0 0}.prov-card h3{font-size:30px;letter-spacing:-.035em}.prov-note{border-top:1px solid #28382a30;padding-top:30px;max-width:100%;margin-top:50px}.prov-note p{max-width:760px}.process{background:var(--inchiostro);display:grid;grid-template-columns:1fr 1.1fr;column-gap:70px}.process>.eyebrow,.process>h2,.process>p{grid-column:1}.process .steps{grid-column:2;grid-row:1/5;margin:0}.step{grid-template-columns:35px 1fr;gap:15px;padding:25px 0}.step:first-child{padding-top:0;border-top:0}.step .num{font-family:Georgia,serif;color:#d2b98a}.step h3{font-size:25px}.crackers-wrap{gap:10%}.crackers-visual{aspect-ratio:1;background:none;display:flex;align-items:center;justify-content:center}.crackers-visual:after{display:none}.crackers-visual img{width:100%;height:100%;object-fit:contain}.order{padding:85px 20%;margin:0}.order h2{font-size:clamp(55px,7vw,90px)}.order .availability{font-size:12px;border-top:1px solid #ffffff50;padding-top:25px;margin-bottom:0}footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:35px 5%;color:var(--carta);font-size:11px}footer .wordmark{font-size:25px}a:focus-visible,button:focus-visible{outline:3px solid #9b7628;outline-offset:5px}@media(max-width:760px){.navigation{padding:18px 5%}.wordmark{font-size:23px}.navigation nav{gap:10px}.navigation nav>a:not(.nav-box){display:none}.nav-box{padding:10px 15px}.hero{grid-template-columns:1fr;padding:42px 6% 22px;gap:0;min-height:auto}.hero h1{font-size:clamp(65px,14vw,100px)}.hero-description{font-size:15px;margin-top:20px}.hero-art{min-height:430px;margin-top:35px}.round-stamp{right:0;top:40px;width:90px;height:90px;font-size:10px}.hero-bottom{font-size:8px;line-height:1.6}.hero-bottom a{text-align:right}.section{padding:65px 7%}.section h2{font-size:48px}.process{display:block}.process .steps{margin-top:40px}.prov-grid{gap:25px}.crackers-visual{max-width:400px;width:100%;margin:auto}.order{padding:65px 8%}footer{flex-direction:column;text-align:center}.art-caption{font-size:8px}.ticker{font-size:11px}}

/* Original brand artwork, preserved in full. */
.wordmark .brand-logo{display:block;width:240px;height:auto;max-width:100%;object-fit:contain}
footer .brand-logo{filter:brightness(0) invert(1)}
.round-stamp{font-size:10px;letter-spacing:.07em}
.intro-screen{height:100svh;min-height:420px;position:relative;isolation:isolate;overflow:hidden;background:var(--carta);color:var(--inchiostro)}
.intro-animation{position:absolute;inset:0;display:grid;place-items:center}
.intro-tomato{position:absolute;width:clamp(130px,20vw,260px);height:clamp(155px,24vw,310px);object-fit:contain;transform-origin:center bottom;z-index:1}
.intro-press{position:absolute;left:50%;width:clamp(220px,38vw,500px);height:12px;background:var(--inchiostro);transform:translateX(-50%);z-index:2}
.press-top{top:calc(50% - clamp(105px,16vw,195px))}.press-bottom{top:calc(50% + clamp(105px,16vw,195px))}
.intro-sauce{position:absolute;width:30vmax;height:30vmax;border-radius:50%;background:var(--rosso);transform:scale(0);z-index:0}
.intro-start{position:absolute;inset:0;width:100%;border:0;background:transparent;color:inherit;cursor:pointer;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:9svh 24px 15svh;font-size:10px;letter-spacing:.17em}
.intro-start-hint{font-size:13px;letter-spacing:.025em;border-bottom:1px solid #28382a60;padding-bottom:8px}
.intro-start:hover .intro-start-hint{color:var(--rosso)}
.intro-start:focus-visible{outline-offset:-8px}
.intro-finale{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:35px;padding:7vw;opacity:0;visibility:hidden;z-index:2;pointer-events:none}
.intro-finale img{width:min(1100px,86vw);height:auto;filter:brightness(0) invert(1)}
.intro-finale p{color:white;font-size:11px;letter-spacing:.3em}
.intro-scroll{position:absolute;bottom:32px;left:50%;transform:translateX(-50%);z-index:4;text-align:center;font-size:11px;letter-spacing:.08em;white-space:nowrap}
.intro-scroll span{display:block;font-size:25px;margin-top:10px}
.intro-skip{position:absolute;right:28px;top:28px;z-index:5;background:none;border:1px solid currentColor;border-radius:30px;padding:10px 16px;font-size:11px;color:inherit;cursor:pointer}
.intro-screen[data-state="playing"]{animation:intro-background 4.6s both}
.intro-screen[data-state="playing"] .intro-tomato{animation:tomato-press 2.3s both}
.intro-screen[data-state="playing"] .press-top{animation:press-down 2.3s both}
.intro-screen[data-state="playing"] .press-bottom{animation:press-away 2.3s both}
.intro-screen[data-state="playing"] .intro-sauce{animation:sauce-spread 4.6s both}
.intro-screen[data-state="playing"] .intro-finale{animation:logo-arrives 4.6s both}
.intro-screen[data-state="done"]{background:#18241b;color:white}
.intro-screen[data-state="done"] .intro-animation{visibility:hidden}
.intro-screen[data-state="done"] .intro-finale{opacity:1;visibility:visible}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@keyframes tomato-press{0%,15%{transform:scale(1) rotate(-8deg);opacity:1}35%{transform:scale(.97,1.03) rotate(6deg)}65%{transform:translateY(60px) scale(1.55,.15);opacity:1}85%,100%{transform:translateY(60px) scale(2,0);opacity:0}}
@keyframes press-down{0%,15%{transform:translateX(-50%)}65%{transform:translate(-50%,clamp(170px,28vw,340px))}85%,100%{transform:translate(-50%,clamp(170px,28vw,340px));opacity:0}}
@keyframes press-away{0%,65%{opacity:1}85%,100%{opacity:0}}
@keyframes sauce-spread{0%,28%{transform:scale(0)}55%,72%{transform:scale(7);opacity:1}100%{transform:scale(7);opacity:0}}
@keyframes intro-background{0%,60%{background:var(--carta);color:var(--inchiostro)}75%,100%{background:#18241b;color:white}}
@keyframes logo-arrives{0%,64%{opacity:0;visibility:hidden;transform:translateY(20px)}100%{opacity:1;visibility:visible;transform:translateY(0)}}
@media(max-width:760px){.wordmark .brand-logo{width:195px}.round-stamp{width:100px;height:100px;font-size:9px;right:-5px}.intro-finale{gap:25px}.intro-finale p{font-size:9px}.intro-scroll{bottom:25px}.intro-start{padding-top:12svh}.intro-skip{top:20px;right:20px}.intro-press{height:8px}}
@media(prefers-reduced-motion:reduce){.intro-screen[data-state="playing"],.intro-screen[data-state="playing"] *{animation:none!important}}


.brand-divider{width:100%;padding:22px 0;background:#fff;overflow:hidden}.brand-divider img{display:block;width:100%;height:24px}