.table-story{height:390svh;background:#22251f;color:#f4f0e7;position:relative}.table-sticky{position:sticky;top:0;height:100svh;min-height:580px;overflow:hidden;background:radial-gradient(ellipse at 34% 35%,#56544266,transparent 65%),repeating-linear-gradient(92deg,#ffffff02 0px,#ffffff02 1px,transparent 2px,transparent 7px),#252821}.table-grain{position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.4' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}.table-heading{position:absolute;left:7%;top:8%;z-index:2;transform-origin:0 0;will-change:opacity,transform}.table-heading h1{font-size:clamp(52px,6.3vw,96px);line-height:1.02;letter-spacing:-3px}.table-heading h1 em{color:#dbc091}.table-heading .eyebrow{color:#d0b68c;margin-bottom:24px}.table-subtitle{font-size:13px;color:#c8c8bc}.table-stage{position:absolute;width:min(78vw,1060px);height:min(67vw,830px);left:50%;top:46%;transform:translate(-50%,-50%);will-change:transform}.table-item{position:absolute;aspect-ratio:1;filter:drop-shadow(15px 24px 15px #0009);will-change:transform,opacity;opacity:0}.food-sprite{width:100%;height:100%;background-image:url('assets/aperitivo-layers.png');background-repeat:no-repeat;background-size:300% 200%}.anchovies{width:42%;left:1%;top:8%}.anchovies .food-sprite{background-position:0% 0%}.gildas-plate{width:35%;left:62%;top:15%}.gildas-plate .food-sprite{background-position:50% 0%}.tin{width:32%;left:8%;top:52%}.tin .food-sprite{background-position:100% 0%}.olives-bowl{width:24%;left:41%;top:1%}.olives-bowl .food-sprite{background-position:0% 100%}.wine-glass{width:29%;left:68%;top:58%}.wine-glass .food-sprite{background-position:50% 100%}.bread{width:33%;left:37%;top:62%}.bread .food-sprite{background-position:100% 100%}.table-center{position:absolute;top:43%;left:38%;width:28%;text-align:center;opacity:0}.table-center span{font-size:9px;letter-spacing:3px;color:#c4b498}.table-center strong{display:block;font:italic clamp(28px,4vw,57px) Georgia,serif;margin:12px -30px;color:#e3d2b4}.table-center i{font-style:normal;color:#b9a27d;font-size:16px}.table-caption{position:absolute;left:5%;bottom:14%;z-index:2;pointer-events:none}.table-caption span{font-size:9px;letter-spacing:2px;color:#c4b498}.table-caption p{font:26px Georgia,serif;max-width:260px;line-height:1.2;margin:13px 0 0}.table-final{position:absolute;right:5%;bottom:12%;text-align:right;opacity:0;visibility:hidden;z-index:3}.table-final p{font:clamp(23px,2.4vw,37px)/1.12 Georgia,serif;margin-bottom:20px}.table-final em{color:#d8bd8d}.table-final .button{padding:15px 20px}.table-footer{position:absolute;left:5%;right:5%;bottom:4%;display:flex;align-items:center;justify-content:space-between;gap:30px;font-size:10px;letter-spacing:1px;color:#ccc7b9}.table-footer button{background:none;color:inherit;border:0;padding:8px 0;font-size:10px;letter-spacing:1px}.scroll-progress{height:1px;background:#ffffff2b;flex:1;max-width:260px}.scroll-progress span{display:block;width:100%;height:1px;background:#d7ba87;transform-origin:left;transform:scaleX(0)}
@media(min-width:1500px){.table-stage{width:1100px;height:850px}}
@media(max-width:700px){.table-story{height:330svh}.table-sticky{min-height:570px}.table-heading{top:8%;left:7%;right:5%}.table-heading h1{font-size:49px;letter-spacing:-2px}.table-heading .eyebrow{font-size:8px;letter-spacing:1.8px}.table-stage{width:135vw;height:118vw;top:43%}.table-caption{bottom:23%;left:7%}.table-caption p{font-size:20px;max-width:220px}.table-caption span{font-size:8px}.table-final{bottom:10%;right:7%;left:7%;text-align:center}.table-final p{font-size:25px;margin-bottom:14px}.table-final .button{padding:14px 19px;min-height:44px}.table-footer{left:7%;right:7%;gap:16px;bottom:3%;font-size:9px}.table-footer button{font-size:9px}.scroll-progress{max-width:70px}.table-center strong{font-size:36px}.table-center span{font-size:7px}.table-center i{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.table-story{height:110svh}.table-heading{display:none}.table-caption{display:none}.table-item,.table-center{opacity:1!important;transform:none!important}.table-final{opacity:1!important;visibility:visible!important}.scroll-progress{display:none}}
.table-item{aspect-ratio:418/685}.food-sprite{background-size:300% 183%}.anchovies{width:27%;left:8%;top:2%;transform-origin:center}.gildas-plate{width:29%;left:64%;top:8%}.tin{width:23%;left:9%;top:53%}.olives-bowl,.wine-glass,.bread{aspect-ratio:418/569}.olives-bowl .food-sprite,.wine-glass .food-sprite,.bread .food-sprite{background-size:300% 220.4%}.olives-bowl{width:22%;left:39%;top:0%}.wine-glass{width:23%;left:67%;top:59%}.bread{width:28%;left:36%;top:64%}
.anchovies{aspect-ratio:400/685}.anchovies .food-sprite{background-size:313.5% 183%;background-position:0 0}
.gildas-plate{aspect-ratio:445/685}.gildas-plate .food-sprite{background-size:281.8% 183%;background-position:49.44% 0}
.tin{aspect-ratio:409/685}.tin .food-sprite{background-size:306.6% 183%;background-position:100% 0}
.olives-bowl,.wine-glass{aspect-ratio:395/569}.olives-bowl .food-sprite{background-size:317.47% 220.4%;background-position:0 100%}.wine-glass .food-sprite{background-size:317.47% 220.4%;background-position:45.98% 100%}
.bread{aspect-ratio:464/569}.bread .food-sprite{background-size:270.26% 220.4%;background-position:100% 100%}
.table-stage{top:43%;width:min(70vw,960px);height:min(60vw,750px)}
@media(max-width:700px){.table-stage{width:108vw;height:98vw;top:39%}.table-center strong{font-size:30px}.table-center span{letter-spacing:1.5px}}