:root{--cream:#f4f2ec;--white:#fff;--ink:#0a0a0a;--red:#e5251b;--line:1px solid var(--ink);--pad:clamp(18px,3vw,42px);--display:'Archivo Black',Impact,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--mono);font-size:14px;line-height:1.4}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}.site-header{height:66px;border-bottom:var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);position:sticky;top:0;z-index:20;background:var(--cream)}.logo{font-family:var(--display);font-size:28px;letter-spacing:-.02em}.logo sup{font-family:var(--mono);font:500 10px var(--mono);letter-spacing:0;margin-left:3px}.desktop-nav{display:flex;gap:28px;align-items:center}.nav-link,.editorial-link{font-size:12px;text-transform:uppercase;letter-spacing:.04em}.nav-link:hover,.editorial-link:hover{text-decoration:underline;text-underline-offset:5px}.order-link{color:var(--red)}.menu-toggle{display:none;font-size:12px;text-transform:uppercase}.mobile-panel{position:fixed;inset:66px 0 0;background:var(--cream);z-index:15;padding:25px var(--pad) 40px;transform:translateY(-110%);transition:transform .35s ease;pointer-events:none;overflow:auto}.mobile-panel.is-open{transform:translateY(0);pointer-events:auto}.mobile-nav{display:grid}.mobile-nav a{font-family:var(--display);font-size:clamp(42px,11vw,78px);letter-spacing:-.02em;border-bottom:var(--line);padding:17px 0;line-height:.92}.mobile-order{display:flex;justify-content:space-between;background:var(--red);color:white;padding:16px;margin-top:40px;font-size:18px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--red)}.hero{min-height:calc(100vh - 66px);padding:30px var(--pad) 42px;display:grid;grid-template-rows:auto 1fr auto;gap:20px}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:start}.hero h1{font-family:var(--display);font-size:clamp(78px,13vw,210px);letter-spacing:-.02em;line-height:.83;margin:0;align-self:center;position:relative;z-index:1}.hero-image{width:min(61vw,650px);margin:-4vw auto -3vw;display:block;object-fit:contain;filter:contrast(1.03)}.hero-bottom{align-items:end}.micro{font-size:11px;line-height:1.25;text-transform:uppercase}.section{padding:clamp(80px,12vw,155px) var(--pad)}.section-header{display:flex;justify-content:space-between;align-items:end;border-bottom:var(--line);padding-bottom:18px;margin-bottom:36px}.section-title{font-family:var(--display);font-size:clamp(52px,7vw,110px);letter-spacing:-.02em;line-height:.86;margin:0;max-width:8ch}.menu-list{border-top:var(--line)}.menu-row{display:grid;grid-template-columns:58px 1fr auto;gap:20px;align-items:center;padding:22px 0;border-bottom:var(--line);transition:padding .25s ease}.menu-row:hover{padding-left:10px;padding-right:10px}.menu-row .num{font-size:11px}.menu-row h3{font-family:var(--display);font-size:clamp(22px,3vw,48px);letter-spacing:-.02em;line-height:1;margin:0}.menu-row p{margin:6px 0 0;max-width:430px;font-size:12px}.price{font-size:14px}.fire-section{background:var(--red);min-height:70vh;display:flex;flex-direction:column;justify-content:space-between}.fire-section .eyebrow{color:var(--ink)}.fire-title{font-family:var(--display);font-size:clamp(86px,15vw,220px);line-height:.8;letter-spacing:-.02em;margin:0;max-width:5ch}.flame-mark{width:36px;height:36px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-size:18px;color:var(--red)}.flame-mark::before{content:'⌁';transform:rotate(-35deg);font-family:var(--display)}.fire-section .flame-mark{color:var(--ink)}.food-photo{padding:0}.food-photo img{display:block;width:100%;height:min(72vw,760px);object-fit:cover}.food-caption{padding:14px var(--pad);display:flex;justify-content:space-between;border-bottom:var(--line)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,130px);align-items:center}.split img{width:100%;height:540px;object-fit:cover}.copy-title{font-family:var(--display);font-size:clamp(52px,7vw,110px);line-height:.84;letter-spacing:-.02em;margin:0 0 25px}.copy p{max-width:430px;font-size:16px}.social-grid{display:grid;grid-template-columns:1.4fr .8fr;gap:14px}.social-grid img{width:100%;height:100%;object-fit:cover;min-height:230px}.social-grid .side-images{display:grid;gap:14px}.location-cta{background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;align-items:end;gap:30px}.location-cta .copy-title{max-width:6ch}.location-links{display:grid;gap:16px;text-align:right}.footer{background:var(--ink);color:var(--cream);padding:38px var(--pad) 25px}.footer-logo{font-family:var(--display);font-size:clamp(70px,13vw,190px);letter-spacing:-.02em;line-height:.8;margin:0 0 80px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;border-top:1px solid #555;padding-top:20px}.footer-nav{display:grid;gap:8px}.footer-legal{display:grid;gap:8px;font-size:11px}.footer-meta{text-align:right;font-size:11px}.menu-hero{padding:95px var(--pad) 58px;border-bottom:var(--line);display:grid;grid-template-columns:1fr auto;gap:35px}.menu-hero h1{font-family:var(--display);font-size:clamp(80px,13vw,190px);line-height:.8;letter-spacing:-.02em;margin:20px 0 0;max-width:7ch}.category-nav{display:flex;gap:24px;padding:20px var(--pad);border-bottom:var(--line);position:sticky;top:66px;background:var(--cream);z-index:10}.category-nav a{font-size:12px;text-transform:uppercase}.category-nav a.is-active{color:var(--red);text-decoration:underline;text-underline-offset:5px}.product-section{padding:100px var(--pad) 40px}.product-section h2{font-family:var(--display);font-size:clamp(52px,7vw,110px);line-height:.85;letter-spacing:-.02em;margin:0 0 55px}.product-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(25px,8vw,130px);align-items:center;border-top:var(--line);padding:45px 0}.product-row:nth-child(odd) .product-image{order:-1}.product-image{width:100%;height:450px;object-fit:cover}.product-number{font-size:11px;color:var(--red)}.product-name{font-family:var(--display);font-size:clamp(38px,5vw,78px);line-height:.85;letter-spacing:-.02em;margin:14px 0}.product-description{max-width:390px;font-size:15px}.product-price{font-size:18px;margin:26px 0}.detail{padding:90px var(--pad)}.detail-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(30px,8vw,120px);align-items:center}.detail h1{font-family:var(--display);font-size:clamp(64px,9vw,150px);line-height:.82;letter-spacing:-.02em;margin:20px 0}.detail img{width:100%;max-height:650px;object-fit:cover}.detail .editorial-link{display:inline-block;margin-top:35px}.simple-page{padding:100px var(--pad);min-height:calc(100vh - 66px)}.simple-page h1{font-family:var(--display);font-size:clamp(78px,13vw,190px);line-height:.8;letter-spacing:-.02em;margin:20px 0 80px;max-width:7ch}.simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:var(--line);padding-top:25px}.simple-grid h2{font-family:var(--display);font-size:clamp(35px,5vw,70px);line-height:.9;letter-spacing:-.02em;margin:0 0 18px}.simple-grid p{max-width:480px;font-size:16px}.contact-links,.place-list{display:grid;border-top:var(--line)}.contact-links a,.place{display:flex;justify-content:space-between;border-bottom:var(--line);padding:22px 0;font-size:18px}.not-found{padding:140px var(--pad);min-height:70vh}.not-found h1{font-family:var(--display);font-size:80px;margin:0}
@media(max-width:700px){.site-header{height:62px}.desktop-nav{display:none}.menu-toggle{display:block}.mobile-panel{inset:62px 0 0}.hero{min-height:calc(100svh - 62px);padding-top:22px}.hero h1{font-size:clamp(52px,16vw,88px);align-self:start;margin-top:80px}.hero-image{width:100%;max-width:540px;margin:-12vw auto 0}.hero-bottom{font-size:11px}.section{padding:78px var(--pad)}.section-header{align-items:start;gap:20px}.section-title{font-size:54px}.menu-row{grid-template-columns:28px 1fr auto;gap:10px;padding:19px 0}.menu-row p{font-size:11px}.price{font-size:12px}.fire-section{min-height:62vh}.food-photo img{height:80vw}.food-caption{font-size:11px}.split,.simple-grid,.detail-grid{grid-template-columns:1fr;gap:34px}.split img{height:360px;order:-1}.social-grid{grid-template-columns:1fr 1fr}.social-grid img{min-height:170px}.social-grid img:first-child{grid-column:span 2;min-height:240px}.location-cta{display:block}.location-links{text-align:left;margin-top:60px}.footer-logo{margin-bottom:65px;font-size:clamp(68px,20vw,110px)}.footer-grid{grid-template-columns:1fr 1fr}.footer-meta{text-align:left;grid-column:span 2}.menu-hero{padding:78px var(--pad) 48px;display:block}.menu-hero h1{font-size:clamp(64px,17vw,100px);margin-top:35px}.category-nav{top:62px;gap:17px;overflow:auto;white-space:nowrap}.product-section{padding:75px var(--pad) 15px}.product-section h2{font-size:58px;margin-bottom:35px}.product-row,.product-row:nth-child(odd){grid-template-columns:1fr;gap:25px}.product-row .product-image,.product-row:nth-child(odd) .product-image{order:0}.product-image{height:330px}.product-name{font-size:clamp(32px,9vw,52px)}.detail{padding:75px var(--pad)}.detail img{order:-1;max-height:420px}.simple-page{padding:80px var(--pad)}.simple-page h1{font-size:clamp(64px,17vw,104px);margin-bottom:70px}.contact-links a,.place{font-size:15px}}

/* Responsive typography hardening: preserve the visual language without viewport overflow. */
:root{--text-display-xl:clamp(72px,10vw,160px);--text-display-lg:clamp(48px,7vw,100px);--text-display-md:clamp(42px,6vw,88px);--text-product:clamp(30px,4vw,64px);--text-body:clamp(15px,1.25vw,18px);--text-small:clamp(11px,1vw,13px)}
*,*::before,*::after{box-sizing:border-box}
img{max-width:100%;height:auto}
.hero,.section,.menu-hero,.product-section,.detail,.simple-page{min-width:0}
.hero{padding-inline:clamp(20px,3vw,48px)}
.hero h1{font-size:var(--text-display-xl);line-height:.92;letter-spacing:-.02em;white-space:nowrap;max-width:100%;overflow:visible}
.hero-image{width:min(61vw,650px);max-width:100%;margin:-3vw auto 0}
.section-title,.copy-title{font-size:var(--text-display-lg);line-height:.92;letter-spacing:-.02em;max-width:94%;overflow-wrap:normal}
.fire-section{position:relative;overflow:clip}
.fire-title{font-size:clamp(64px,11vw,170px);line-height:.92;letter-spacing:-.02em;max-width:94%;overflow-wrap:normal}
.menu-hero h1,.simple-page h1{font-size:var(--text-display-xl);line-height:.92;letter-spacing:-.02em;max-width:94%;overflow-wrap:normal}
.product-name{font-size:var(--text-product);line-height:.92;letter-spacing:-.02em;overflow-wrap:break-word}
.product-description,.copy p{font-size:var(--text-body)}
.micro,.eyebrow,.product-number{font-size:var(--text-small)}
.footer-logo{font-size:clamp(70px,10vw,160px);letter-spacing:-.02em;white-space:nowrap}
.split img,.product-image,.detail img{max-width:100%;height:auto;aspect-ratio:4 / 3;object-fit:cover}
.header,.site-header{padding-inline:clamp(20px,3vw,48px)}
@media (max-width:1200px) and (min-width:1025px){.desktop-nav{gap:16px}.nav-link{font-size:11px}.site-header{padding-inline:32px}}
@media (max-width:1024px){.desktop-nav{display:none}.menu-toggle{display:block}.mobile-panel{inset:66px 0 0}}
@media (max-width:700px){
  .site-header{height:62px;padding-inline:20px}.mobile-panel{inset:62px 0 0}
  .hero{min-height:calc(100svh - 62px);padding:22px 20px 32px}
  .hero h1{font-size:clamp(52px,16vw,88px);margin-top:clamp(50px,13vw,80px)}
  .hero-image{width:min(100%,540px);margin:-12vw auto 0}
  .section{padding:clamp(70px,12vw,100px) 20px}
  .section-title,.copy-title{font-size:clamp(46px,13vw,72px);max-width:92%}
  .fire-title{font-size:clamp(60px,16vw,96px);max-width:92%}
  .menu-hero{padding:78px 20px 48px}.menu-hero h1{font-size:clamp(64px,17vw,100px);max-width:92%}
  .product-section{padding:clamp(70px,12vw,100px) 20px 15px}.product-section h2{font-size:clamp(48px,13vw,72px);line-height:.92}
  .product-name{font-size:clamp(32px,9vw,52px)}
  .footer-logo{font-size:clamp(68px,20vw,110px)}
  .simple-page{padding:80px 20px}.simple-page h1{font-size:clamp(64px,17vw,104px)}
}
@media (max-width:390px){.hero h1{font-size:clamp(50px,15vw,72px)}.logo{font-size:25px}.mobile-nav a{font-size:clamp(38px,10vw,58px)}}

/* Brand polish: official mark, controlled flame play, and calm motion. */
.logo{display:flex;align-items:center;min-width:140px}.logo img{display:none}.logo::before{content:'FLAMMEN';font-family:var(--display);font-size:28px;letter-spacing:-.02em;white-space:nowrap}.footer-logo{display:flex;align-items:center;gap:18px}.footer-logo img{display:none}.footer-logo::before{content:'FLAMMEN';font-family:var(--display);font-size:clamp(70px,10vw,160px);letter-spacing:-.02em;white-space:nowrap}.footer-flame{color:var(--red);font-size:40px;transform:rotate(-25deg);display:inline-block}
.hero{position:relative;isolation:isolate;overflow:clip}.hero>*{position:relative;z-index:1}.hero .flame-peek{display:block;position:absolute;z-index:0;color:var(--red);font-family:var(--display);font-size:clamp(130px,20vw,300px);line-height:.5;pointer-events:none;opacity:.92;animation:flame-rise .8s ease both}.flame-peek-a{right:-.04em;top:34%;transform:rotate(-18deg)}.flame-peek-b{left:-.08em;bottom:17%;transform:rotate(18deg);font-size:clamp(90px,14vw,210px);opacity:.65!important;animation-delay:.12s!important}.hero-image{position:relative;z-index:2;animation:burger-in .8s ease both}.hero h1{position:relative;z-index:3}.menu-row .flame-mark{opacity:0;transition:opacity .25s ease}.menu-row:hover .flame-mark{opacity:1}.nav-link,.editorial-link{position:relative}.nav-link::after,.editorial-link::after{content:'';position:absolute;left:0;right:1em;bottom:-5px;height:2px;background:var(--red);transform:scaleX(0) rotate(-1deg);transform-origin:left;transition:transform .2s ease}.nav-link:hover::after,.editorial-link:hover::after{transform:scaleX(1)}
@keyframes flame-rise{from{opacity:0;transform:translateY(30px) rotate(-18deg)}to{opacity:.92;transform:translateY(0) rotate(-18deg)}}@keyframes burger-in{from{opacity:.3;transform:scale(.97) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media (max-width:700px){.hero .flame-peek-b{display:none}.hero .flame-peek-a{right:-.18em;top:39%;font-size:clamp(110px,31vw,190px)}.logo::before{font-size:25px}.footer-logo::before{font-size:clamp(68px,20vw,110px)}.footer-flame{font-size:30px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero .flame-peek,.hero-image{animation:none}.nav-link::after,.editorial-link::after{transition:none}}
.menu-drop{display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,24px);width:100%;min-height:118px;padding:20px var(--pad);border-bottom:var(--line);background:var(--red);color:var(--white);font-family:var(--display);font-size:clamp(18px,2.2vw,30px);letter-spacing:-.02em;transition:background .2s ease,color .2s ease;position:relative;overflow:clip}.menu-drop:hover{background:var(--ink);color:var(--cream)}.menu-drop b{font-family:var(--mono);font-size:24px;font-weight:400}.menu-drop img{width:96px;height:80px;object-fit:contain;mix-blend-mode:multiply;filter:saturate(.9);transition:transform .25s ease}.menu-drop:hover img{transform:rotate(-3deg) scale(1.06)}.menu-drop-icon{width:34px;height:28px;border:2px solid currentColor;border-radius:50%;display:grid;align-content:center;gap:3px;padding:6px 7px}.menu-drop-icon i{display:block;height:2px;background:currentColor;width:100%}
@media(max-width:700px){.menu-drop{min-height:94px;padding:14px 20px;font-size:18px}.menu-drop img{width:70px;height:60px}.menu-drop-icon{width:30px;height:25px}}
.menu-drop{background:var(--cream);color:var(--ink);border-top:var(--line);}
.menu-drop:hover{background:var(--ink);color:var(--cream)}
.fire-section{position:relative;overflow:clip}.fire-slogan{margin:0;align-self:flex-end;text-align:right;font-size:clamp(12px,1.2vw,16px);line-height:1.35;letter-spacing:.04em;max-width:280px}.fire-section .fire-title{position:relative;z-index:1}.fire-pattern{z-index:0}
.fire-section::after{content:'';position:absolute;right:-3%;bottom:-12%;width:min(42vw,560px);height:72%;background:url('./images/brand/flammen-packaging.png') center/contain no-repeat;opacity:.9;mix-blend-mode:multiply;pointer-events:none;z-index:0;transform:rotate(-7deg)}
.fire-section::after{right:-8%;bottom:-20%;width:min(48vw,650px);height:78%;background-image:url('./images/products/flammen-original-cutout.png');opacity:.95;transform:rotate(-5deg)}
.hero h1{margin-bottom:clamp(18px,3vw,42px)}.hero-image{margin:-1vw auto 0}
.hero-slogan{position:relative;z-index:3;margin:0 auto clamp(12px,2vw,24px);max-width:420px;text-align:center;color:var(--red);font-size:clamp(11px,1.1vw,15px);line-height:1.35;letter-spacing:.04em;text-transform:uppercase}.fire-slogan{display:none}
.fire-title{font-size:0;max-width:94%}.fire-title::before{content:'OMG, ES BRENNT!';display:block;margin-bottom:clamp(18px,3vw,34px);font-family:var(--mono);font-size:clamp(14px,1.5vw,21px);line-height:1;letter-spacing:.04em;color:var(--cream)}.fire-title::after{content:'SABOR\A QUE TE\A PRENDE';white-space:pre;display:block;font-family:var(--display);font-size:clamp(58px,10vw,154px);line-height:.94;letter-spacing:-.02em}
@media(max-width:700px){.fire-slogan{align-self:flex-start;text-align:left;margin-top:30px;font-size:12px}}
.favorites-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;border-top:0}.favorites-list .menu-row{display:block;padding:24px 0 30px;border-top:var(--line);border-bottom:0}.favorites-list .menu-row .num{display:block;margin-bottom:18px;color:var(--red)}.favorites-list .menu-row h3{font-size:clamp(26px,3.2vw,52px)}.favorites-list .menu-row p{min-height:38px}.favorites-list .price{display:block;margin-top:20px}.fire-pattern{position:absolute;right:4%;bottom:9%;color:rgba(10,10,10,.08);font-family:var(--display);font-size:clamp(30px,5vw,70px);letter-spacing:.12em;pointer-events:none;transform:rotate(-8deg)}
@media(max-width:700px){.favorites-list{grid-template-columns:1fr;gap:0}.favorites-list .menu-row{padding:20px 0}.favorites-list .menu-row p{min-height:0}.fire-pattern{right:5%;bottom:8%;font-size:28px}}
