.brasa-demo{--brasa-bg:#12120f;--brasa-ink:#fff3dc;--brasa-orange:#ff9a43;background:var(--brasa-bg);color:var(--brasa-ink);font-family:Arial,Helvetica,sans-serif;isolation:isolate;text-align:left}
.brasa-demo *{box-sizing:border-box}
.brasa-demo a{color:inherit;text-decoration:none}
.brasa-demo button{font:inherit;cursor:pointer}
.brasa-demo h2,.brasa-demo h3,.brasa-demo p{margin:0}
.brasa-demo a:focus-visible,.brasa-demo button:focus-visible{outline:2px solid var(--brasa-orange);outline-offset:5px}
.brasa-story{height:100svh;min-height:700px;position:relative}
.brasa-story.brasa-ready{height:600svh;min-height:4200px}
.brasa-story:not(.brasa-ready) .brasa-steps{display:none}
.brasa-stage{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:var(--brasa-bg)}
.brasa-top{position:absolute;z-index:9;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 5%;border-bottom:1px solid #fff3dc1b}
.brasa-logo{font-size:32px;font-weight:900;letter-spacing:-.065em;line-height:1}
.brasa-logo>span{display:block;font-size:10px;letter-spacing:.12em;font-weight:400;margin-top:8px}
.brasa-top>a:last-child{font-size:14px;border:1px solid #fff3dc4d;border-radius:50px;padding:12px 21px;display:flex;gap:24px}
.brasa-demo-label{font-size:12px;letter-spacing:.12em;color:#b2b0a0}
.brasa-copy-stack{position:absolute;z-index:5;left:6%;top:29%;width:39%;height:50%;pointer-events:none}
.brasa-copy{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .32s ease,transform .32s ease,visibility .32s}
.brasa-copy:first-child{opacity:1;visibility:visible;transform:none}
.brasa-ready .brasa-copy{opacity:0;visibility:hidden;transform:translateY(12px)}
.brasa-ready .brasa-copy.is-active{opacity:1;visibility:visible;transform:none}
.brasa-eyebrow{color:var(--brasa-orange);font-size:12px;letter-spacing:.16em;font-weight:600;line-height:1.5}
.brasa-copy h2{font-size:clamp(44px,5.5vw,100px);line-height:.98;letter-spacing:-.07em;font-weight:800;color:var(--brasa-ink);margin:24px 0}
.brasa-copy .brasa-description{max-width:310px;color:#bdb9a9;font-size:16px;line-height:1.7}
.brasa-food{position:absolute;width:min(67vw,90svh);aspect-ratio:1;right:-2%;top:48%;transform:translateY(-50%);pointer-events:none}
.brasa-spit{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse 52% 55% at 50% 50%,#000 65%,transparent 100%);will-change:opacity,transform}
.brasa-assembly{position:absolute;inset:0;pointer-events:none}
.brasa-layer{position:absolute;inset:0;width:100%;height:100%;opacity:0;will-change:transform,opacity;pointer-events:none}
.brasa-layer-0{clip-path:inset(0 0 75%);z-index:5}
.brasa-layer-1{clip-path:inset(25% 0 60.9%);z-index:4}
.brasa-layer-2{clip-path:inset(39.1% 0 41.15%);z-index:3}
.brasa-layer-3{clip-path:inset(58.85% 0 19.9%);z-index:2}
.brasa-layer-4{clip-path:inset(80.1% 0 0);z-index:1}
.brasa-finished{position:absolute;inset:11% 8.5% auto;width:83%;height:83%;object-fit:contain;opacity:0;mask-image:radial-gradient(ellipse 62% 56% at 50% 49%,#000 70%,transparent 100%);will-change:opacity}
.brasa-scroll-hint{position:absolute;left:6%;bottom:139px;color:#a5a392;font-size:13px;line-height:1.5;max-width:300px}
.brasa-scroll-hint>span{display:block;margin-top:14px;color:var(--brasa-orange);font-size:23px}
.brasa-steps{position:absolute;z-index:8;bottom:27px;left:5%;right:5%;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.brasa-steps button{border:0;border-top:1px solid #fff3dc33;background:transparent;color:#a8a595;display:flex;align-items:center;gap:12px;padding:16px 0 10px;text-align:left;font-size:14px;line-height:1.3}
.brasa-step-index{font-size:12px;color:#908e7f}
.brasa-steps button[aria-current=step]{border-color:var(--brasa-orange);color:var(--brasa-ink)}
.brasa-steps button[aria-current=step] .brasa-step-index{color:var(--brasa-orange)}
.brasa-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#fff3dc13}
.brasa-progress>span{display:block;height:100%;background:var(--brasa-orange);transform:scaleX(0);transform-origin:left}
.brasa-menu{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:110px 8%;border-top:1px solid #fff3dc1b;scroll-margin-top:20px}
.brasa-menu h2{font-size:clamp(36px,4.6vw,68px);letter-spacing:-.06em;line-height:1.05;margin:20px 0}
.brasa-menu>div>p:last-child{color:#bdb9a9;font-size:16px;line-height:1.6}
.brasa-menu-items article{display:flex;gap:23px;padding:25px 0;border-bottom:1px solid #fff3dc28}
.brasa-menu-items article:first-child{padding-top:0}
.brasa-menu-items article>span{color:var(--brasa-orange);font-size:13px;padding-top:5px}
.brasa-menu-items h3{font-size:24px;font-weight:500;letter-spacing:-.03em;margin-bottom:9px}
.brasa-menu-items p{font-size:16px;line-height:1.6;color:#bdb9a9;max-width:350px}
.brasa-footer{display:flex;gap:30px;align-items:center;padding:30px 5%;background:#1b1c16;border-top:1px solid #fff3dc1b}
.brasa-footer>p{font-size:13px;color:#bdb9a9;line-height:1.6;max-width:340px}
.brasa-footer>a{margin-left:auto;font-size:14px;line-height:1.5;color:var(--brasa-orange)}
.brasa-standalone{margin:0;background:#12120f}
.brasa-skip{position:fixed;z-index:99;top:10px;left:10px;padding:12px 20px;background:#fff3dc;color:#12120f;transform:translateY(-160%)}
.brasa-skip:focus{transform:none}
.page-siti-immersivi>.main-header{position:relative}
@media(min-width:1600px){.brasa-food{right:5%}.brasa-copy-stack{left:8%}}
@media(max-width:900px){.brasa-demo-label{display:none}.brasa-copy-stack{left:5%;width:43%;top:28%}.brasa-food{right:-10%;width:75vw}.brasa-copy h2{font-size:clamp(43px,6vw,65px)}.brasa-steps{gap:10px}.brasa-steps button{gap:7px;font-size:13px}.brasa-menu{gap:45px;padding:75px 6%}}
@media(max-width:640px){
 .brasa-story,.brasa-stage{min-height:680px}.brasa-story.brasa-ready{min-height:3800px;height:570svh}
 .brasa-top{padding:19px 6%;gap:12px}.brasa-logo{font-size:26px}.brasa-logo>span{font-size:9px;letter-spacing:.07em}.brasa-top>a:last-child{font-size:13px;padding:10px 16px;gap:14px}
 .brasa-copy-stack{top:112px;left:7%;right:7%;width:auto;height:190px}
 .brasa-copy h2{font-size:clamp(35px,8.7vw,48px);margin:14px 0 11px;line-height:.98;letter-spacing:-.06em}
 .brasa-copy h2 br{display:none}.brasa-copy h2 br:after{content:' '}
 .brasa-copy .brasa-description{max-width:90%;font-size:14px;line-height:1.55}
 .brasa-eyebrow{font-size:11px}
 .brasa-food{width:min(100vw,58svh);right:50%;top:54%;transform:translate(50%,-35%)}
 .brasa-scroll-hint{bottom:139px;left:7%;max-width:230px;font-size:12px;line-height:1.4;background:#12120fcc;padding:7px;border-radius:3px}.brasa-scroll-hint>span{display:inline;margin-left:12px;font-size:16px}
 .brasa-steps{left:7%;right:7%;bottom:24px;gap:9px 14px;grid-template-columns:repeat(3,minmax(0,1fr))}
 .brasa-steps button{padding:10px 0 5px;font-size:12px;gap:7px}.brasa-step-index{font-size:10px}
 .brasa-menu{grid-template-columns:1fr;gap:36px;padding:60px 7%}.brasa-menu h2{font-size:46px}.brasa-menu-items h3{font-size:23px}.brasa-footer{flex-wrap:wrap;padding:25px 7%;gap:20px}.brasa-footer>p{font-size:12px;max-width:230px}.brasa-footer>a{margin-left:0;width:100%;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.brasa-story.brasa-ready{height:100svh;min-height:700px}.brasa-copy,.brasa-ready .brasa-copy{transition:none;transform:none}.brasa-scroll-hint{display:none}.brasa-layer,.brasa-spit,.brasa-finished{will-change:auto}}
@media(min-width:641px) and (max-height:720px){.brasa-stage{min-height:0}.brasa-top{padding-block:17px}.brasa-copy-stack{top:26%}.brasa-copy h2{font-size:clamp(38px,4.3vw,62px);margin:17px 0}.brasa-copy .brasa-description{font-size:14px;line-height:1.5}.brasa-scroll-hint{display:none}.brasa-steps{bottom:18px}.brasa-food{width:min(65vw,85svh)}}
@media(max-width:640px) and (max-height:740px){.brasa-stage{min-height:0}.brasa-copy-stack{top:101px}.brasa-copy h2{font-size:33px;margin:11px 0}.brasa-copy .brasa-description{font-size:14px;line-height:1.45}.brasa-food{width:min(94vw,49svh);top:53%}.brasa-scroll-hint{display:none}.brasa-steps{bottom:15px;gap:6px 14px}.brasa-steps button{padding-top:8px}}