:root{--gold:#f6ca73;--card:#191915;color-scheme:dark}body{background:#10100d;color:#f5eddd}header{max-width:none;padding:16px max(20px,calc((100vw - 1080px)/2));border-bottom:1px solid #393326;background:#10100d}header strong{letter-spacing:.18em;font-size:.82rem}main,nav{max-width:1120px}main{padding-top:0}.hero{position:relative;overflow:hidden;margin:0 0 24px;border:0;border-bottom:1px solid #62543c;border-radius:0;background:radial-gradient(ellipse at 88% 66%,#583c20 0,transparent 49%),#171610;padding:clamp(28px,6vw,72px) 22px}.hero:after{content:'BRASAS';position:absolute;right:-.12em;bottom:-.24em;font:bold clamp(105px,23vw,300px)/1 Georgia,serif;color:#ffcd7612;pointer-events:none}.hero>*{position:relative;z-index:1}.hero h1{font:normal clamp(48px,10vw,106px)/.87 Georgia,serif;letter-spacing:-.07em;margin:18px 0}.hero small,.section-label{color:var(--gold);letter-spacing:.16em;font-size:.72rem;text-transform:uppercase}.hero a,.official{display:inline-block;padding:10px 14px;border:1px solid #766443;border-radius:4px;text-decoration:none;color:var(--gold)}button,input,select,textarea{border-radius:5px}section,article,dialog{border-radius:8px}.category-bar{display:flex;overflow:auto;gap:8px;padding:0 0 10px;scrollbar-width:thin}.category-bar button{white-space:nowrap}.category-bar button[aria-pressed=true]{background:var(--gold);color:#17130d}.menu-group{margin:24px 0}.menu-group h3{font:normal 28px Georgia,serif;margin:0 0 10px}.menu-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;border-top:1px solid #514536}.menu-item{border:0;border-bottom:1px solid #41372a;border-radius:0;background:none;display:flex;justify-content:space-between;gap:12px;padding:13px 0;align-items:center}.menu-item h4{margin:0 0 3px}.menu-item p{margin:0;color:#c2b49e;font-size:.88rem}.menu-item button{flex-shrink:0;color:var(--gold);background:#242016}.menu-item del{color:#a99a83;font-size:.76em;margin-right:4px}.menu-item .price{text-align:right;white-space:nowrap}.notice{padding:12px;border-left:3px solid var(--gold);background:#211d14;color:#e9dbc2;font-size:.9rem}.footer{border-top:1px solid #41372a;padding:22px 0;margin-top:28px;color:#c2b49e}@media(max-width:650px){.menu-list{grid-template-columns:1fr}.hero{margin-left:-20px;margin-right:-20px}.hero h1{font-size:clamp(51px,14vw,84px)}}
html{scroll-behavior:smooth}.hero{margin-top:0;min-height:510px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;background:linear-gradient(90deg,#11100df5 0%,#11100dc7 31%,transparent 68%),url('hero.jpg') center right/cover no-repeat,#17130e;padding:44px clamp(22px,5vw,68px);border-bottom:3px solid var(--gold)}.hero:after{content:none}.hero h1{font:950 clamp(65px,12vw,158px)/.77 system-ui,sans-serif;letter-spacing:-.105em;margin:22px 0 13px}.hero p{margin:12px 0 18px}.hero a{margin:3px 0}.hero .hero-cta{background:var(--gold);color:#181108;font-weight:850;border-color:var(--gold)}.hero small{font-weight:800}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#4c402c;margin:0 0 28px;border:1px solid #4c402c}.quick a{display:block;padding:17px 12px;background:#211b13;color:#fff4de;text-decoration:none;font-weight:800}.quick span{color:var(--gold);margin-right:6px}.quick a:hover,.quick a:focus-visible{background:var(--gold);color:#17130e}.quick a:hover span,.quick a:focus-visible span{color:inherit}#cardapio{scroll-margin-top:12px;font:900 clamp(32px,7vw,60px)/1 system-ui;margin:6px 0 14px;letter-spacing:-.055em}@media(max-width:650px){.hero{min-height:595px;justify-content:flex-end;background:linear-gradient(0deg,#100e0b 0%,#100e0bf0 22%,#100e0b00 76%),url('hero.jpg') 70% top/auto 70% no-repeat,#100e0b;padding-bottom:26px}.hero h1{font-size:clamp(58px,16vw,108px)}.quick a{font-size:.79rem;padding:13px 7px}.quick span{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.toplinks{display:flex;gap:20px}.toplinks a{color:inherit;text-decoration:none;font-size:.88rem;font-weight:750}.toplinks a:hover,.toplinks a:focus-visible{color:var(--gold)}.featured{background:#f2d38f;color:#25180e;border:0;padding:clamp(18px,4vw,40px);margin-bottom:34px}.featured .section-label,.featured strong{color:#663411}.featured h2{font:950 clamp(30px,6vw,56px)/1 system-ui;letter-spacing:-.055em;margin:8px 0 19px}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.feature-card{background:#fff3da;border:0;padding:0;overflow:hidden}.feature-art{height:clamp(125px,18vw,210px);background:#1d160d url(hero.jpg) 79% 60%/auto 185% no-repeat}.art-1{background-position:100% 57%;background-size:auto 210%}.art-2{background-position:63% 65%;background-size:auto 225%}.feature-body{padding:14px}.feature-body small{color:#704319;text-transform:uppercase;font-size:.68rem;letter-spacing:.12em;font-weight:800}.feature-body h3{margin:5px 0 12px}.feature-body .row{justify-content:space-between}.feature-body button{background:#793611;color:#fff5df;border:0}.footer h2{margin:5px 0 12px}@media(max-width:650px){.toplinks{display:none}.feature-grid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.feature-card{flex:0 0 72%;scroll-snap-align:start}.feature-art{height:150px}}
@media(prefers-reduced-motion:no-preference){
  .hero>small,.hero>h1,.hero>p,.hero>a{animation:brasas-rise .48s cubic-bezier(.2,.75,.25,1) both}
  .hero>h1{animation-delay:70ms}.hero>p{animation-delay:130ms}.hero>a{animation-delay:180ms}
  .feature-card,.quick a,.menu-item button,.hero a{transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}
  .feature-art{transition:filter .25s ease}
  @media(hover:hover){
    .feature-card:hover{transform:translateY(-4px);box-shadow:0 10px 18px #42280025}
    .feature-card:hover .feature-art{filter:brightness(1.13)}
    .menu-item button:not(:disabled):hover,.hero a:hover{transform:translateY(-2px)}
  }
  .menu-item button:not(:disabled):active,.feature-body button:not(:disabled):active{transform:scale(.95)}
  dialog[open]{animation:brasas-rise .24s ease-out both}
  dialog[open]::backdrop{animation:brasas-fade .2s ease-out both}
  #bar.cart-added button{animation:brasas-cart .32s ease-out}
}
@keyframes brasas-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes brasas-fade{from{opacity:0}to{opacity:1}}
@keyframes brasas-cart{0%,100%{transform:scale(1)}45%{transform:scale(1.035)}}
.hero{isolation:isolate;background:#17130e}
.hero:after{content:"";display:block;inset:0;z-index:0;background:linear-gradient(90deg,#15110ff7 0%,#15110fd5 37%,#15110f15 76%),url('/photos/IMG_4596.jpg') 95% 61%/auto 145% no-repeat;pointer-events:none}
.brasas-gallery{padding:20px;margin-top:30px;background:#201a13;border-color:#58432b}
.brasas-gallery h2{margin:5px 0 16px;font-size:clamp(24px,5vw,42px)}
.gallery-track{display:grid;grid-auto-flow:column;grid-auto-columns:min(66vw,250px);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 10px}
.gallery-track img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;border-radius:7px;background:#33271c;scroll-snap-align:start}
@media(max-width:650px){.hero:after{background:linear-gradient(0deg,#15110f 0%,#15110f 21%,#15110f19 75%),url('/photos/IMG_4596.jpg') center 53%/100% auto no-repeat}}
@media(prefers-reduced-motion:no-preference){
 .hero:after{animation:brasas-photo .85s cubic-bezier(.2,.75,.25,1) both}
 .gallery-enter .gallery-track{animation:brasas-rise .55s ease-out both}
 .gallery-track img{transition:filter .22s ease}
 @media(hover:hover){.gallery-track img:hover{filter:brightness(1.13)}}
}
@keyframes brasas-photo{from{opacity:.25;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
/* Consistent widescreen framing for the delivery photography. */
.hero::after{
  inset:0 0 auto auto;
  width:min(76%,920px);
  height:auto;
  aspect-ratio:16/9;
  background:linear-gradient(90deg,#17130e 0%,#17130e55 42%,transparent 72%),linear-gradient(0deg,#17130e,transparent 24%),url('/photos/IMG_4596.jpg') center 59%/cover no-repeat;
}
.gallery-track{grid-auto-columns:min(82vw,360px)}
.gallery-track img{aspect-ratio:16/9;object-position:center 58%}
.gallery-track img:nth-child(n+7):nth-child(-n+12){object-position:center 64%}
.gallery-track img:last-child{object-position:center}
@media(max-width:650px){
 .hero{min-height:0;padding-top:clamp(180px,53vw,350px)}
 .hero::after{width:100%;background:linear-gradient(0deg,#17130e,transparent 36%),url('/photos/IMG_4596.jpg') center 58%/cover no-repeat}
}
.brasas-gallery{background:#edcf92;color:#24180d;border:0;padding:clamp(16px,4vw,34px)}
.brasas-gallery .section-label,.brasas-gallery .muted{color:#65431f}
.gallery-card{margin:0;border-radius:14px;overflow:hidden;background:#fff0d1;box-shadow:0 4px 10px #34210722;scroll-snap-align:start}
.gallery-photo{overflow:hidden;aspect-ratio:16/9;background:#2d2118}
.gallery-track .gallery-card img{display:block;width:100%;height:100%;border-radius:0;object-position:50% 58%;filter:brightness(1.04) contrast(1.05) saturate(1.07)}
.gallery-card:nth-child(3) img{object-position:50% 42%}
.gallery-card:nth-child(4) img{object-position:50% 63%}
.gallery-card figcaption{padding:12px 14px;font-weight:850}
@media(prefers-reduced-motion:no-preference) and (hover:hover){
 .gallery-track .gallery-card img{transition:transform .28s ease,filter .28s ease}
 .gallery-card:hover img{transform:scale(1.04);filter:brightness(1.09) contrast(1.05) saturate(1.08)}
}
.gallery-track{position:relative;grid-auto-columns:100%;gap:0;padding:0;scrollbar-width:none}
.gallery-track::-webkit-scrollbar{display:none}
.gallery-card{box-shadow:none;background:#24170e;position:relative;isolation:isolate}
.gallery-photo{position:relative}
.gallery-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#150c06dc,transparent 48%);pointer-events:none}
.gallery-track .gallery-card img{filter:brightness(1.06) contrast(1.09) saturate(1.09)}
.gallery-track .gallery-card:nth-child(3) img{object-position:50% 43%}
.gallery-track .gallery-card:nth-child(4) img{object-position:50% 63%}
.gallery-card figcaption{position:absolute;bottom:0;left:0;color:#fff3da;font-size:clamp(18px,5vw,46px);line-height:1;padding:clamp(12px,4vw,34px);text-shadow:0 2px 14px #000}
.gallery-controls,.gallery-dots{display:flex;align-items:center;justify-content:center;gap:9px}
.gallery-controls{margin-top:12px}
.gallery-controls>button{border-radius:50%;width:44px;height:44px;padding:0;background:#2e2116;color:#fff0d1;font-size:28px}
.gallery-dots button{border:0;padding:0;width:30px;height:38px;background:transparent;display:grid;place-items:center}
.gallery-dots button:before{content:"";display:block;width:9px;height:9px;border-radius:20px;background:#825b35}
.gallery-dots button[aria-current=true]:before{width:24px;background:#321e0e}
@media(prefers-reduced-motion:no-preference){.gallery-dots button:before{transition:width .2s ease,background .2s ease}}
.hero{align-items:center;text-align:center;padding:clamp(25px,5vw,54px) 18px;min-height:0;background:radial-gradient(ellipse at 50% 47%,#6d4221,#21160f 64%,#15110d)}
.hero::after{content:none}
.hero .brasa-mark{font-size:clamp(62px,15vw,174px);letter-spacing:-.075em;margin:18px 0 8px;color:#f2c46c;text-shadow:0 .055em #563317}
.hero-burgers{display:flex;width:min(100%,820px);justify-content:center;align-items:center;padding:0 8px}
.hero-burgers img{width:52%;aspect-ratio:16/9;object-fit:cover;object-position:center 59%;border-radius:12px;box-shadow:0 12px 32px #100a07a0}
.hero-burgers img:first-child{margin-right:-4%;transform:rotate(-4deg)}
.hero-burgers img:last-child{transform:rotate(4deg)}
.feature-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
.feature-card h3{font-size:clamp(14px,2vw,19px)}
@media(max-width:650px){.feature-card{flex-basis:53%}.hero p{margin-top:18px}}
@media(prefers-reduced-motion:no-preference){
 .hero .brasa-mark{animation:brasa-stamp .6s cubic-bezier(.22,.9,.29,1.16) both}
 .hero-burgers img:first-child{animation:brasa-burger-left .8s .12s ease-out both}
 .hero-burgers img:last-child{animation:brasa-burger-right .8s .21s ease-out both}
}
@keyframes brasa-stamp{from{transform:scale(.84);opacity:0}to{transform:scale(1);opacity:1}}
@keyframes brasa-burger-left{from{transform:translate(-13%,10%) rotate(-10deg);opacity:0}to{transform:rotate(-4deg);opacity:1}}
@keyframes brasa-burger-right{from{transform:translate(13%,10%) rotate(10deg);opacity:0}to{transform:rotate(4deg);opacity:1}}
.hero .brasa-mark{width:min(100%,680px);margin:-12px 0 0;line-height:0}
.brasa-mark img{display:block;width:100%;height:auto;mix-blend-mode:screen;aspect-ratio:2.5;object-fit:cover}
.kitchen-reel{background:#21170e;border:1px solid #694d2b;padding:clamp(14px,4vw,32px);margin:20px 0 32px}
.kitchen-reel h2{font-size:clamp(25px,6vw,48px);margin:6px 0 16px}
.reel-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.reel-grid video{width:100%;aspect-ratio:16/9;background:#100d09;border-radius:8px;object-fit:contain}
@media(max-width:650px){.reel-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.reel-grid video{flex:0 0 84%;scroll-snap-align:start}}
.brasa-mark img{mix-blend-mode:normal;aspect-ratio:auto;object-fit:contain}
.mobile-classics,.mobile-nav{display:none}
@media(max-width:650px){
 body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}
 .hero{display:none}
 .mobile-classics{display:block;overflow:hidden;text-align:center;margin:0 -20px 14px;padding:10px 12px 22px;border:0;border-radius:0;background:radial-gradient(ellipse at 50% 62%,#70441d,#2e190e 64%,#15100c)}
 .classic-logo{display:block;width:124px;height:auto;margin:auto;aspect-ratio:2.35;object-fit:cover}
 .mobile-classics p{margin:8px 0;color:#ffe0a4;font-size:.75rem;letter-spacing:.17em;text-transform:uppercase;font-weight:800}
 .mobile-classics h2{position:relative;z-index:1;margin:0;color:#ffc65e;font:950 clamp(41px,11vw,68px)/.87 system-ui;letter-spacing:-.075em;text-shadow:0 4px #4a2610}
 .classic-pair{display:flex;justify-content:center;align-items:center;margin:14px auto 15px;max-width:470px}
 .classic-pair img{display:block;width:50%;aspect-ratio:16/9;object-fit:cover;object-position:50% 59%;border-radius:18px;box-shadow:0 10px 25px #0009}
 .classic-pair img:first-child{transform:rotate(-5deg);margin-right:-3%}
 .classic-pair img:last-child{transform:rotate(5deg)}
 .mobile-classics>a{display:inline-block;padding:11px 17px;background:var(--gold);color:#201308;border-radius:8px;font-weight:850;text-decoration:none}
 .mobile-nav{position:fixed;z-index:2;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,1fr);padding:5px 8px calc(5px + env(safe-area-inset-bottom));background:#f5e9ce;color:#321e12;border-top:2px solid #d6a857}
 .mobile-nav a,.mobile-nav button{display:grid;place-items:center;min-height:44px;background:transparent;color:inherit;border:0;text-decoration:none;font-weight:800}
 #bar{bottom:calc(56px + env(safe-area-inset-bottom))}
}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
 .mobile-classics h2,.classic-logo{animation:brasa-stamp .54s ease-out both}
 .classic-pair img:first-child{animation:brasa-burger-left .68s .09s ease-out both}
 .classic-pair img:last-child{animation:brasa-burger-right .68s .16s ease-out both}
}