:root{
  --blue:#073c5e;--blue-dark:#042d46;--navy:#021d2f;--cream:#f4efe6;--paper:#fbfaf7;--white:#fff;--ink:#14212a;--muted:#66737a;--orange:#dc9228;--orange-dark:#b96c14;--line:#ded8ce;--shadow:0 22px 60px rgba(3,39,62,.14);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.55;overflow-x:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.container{width:min(1220px,calc(100% - 48px));margin-inline:auto}.skip{position:fixed;left:12px;top:-60px;z-index:100;background:#fff;color:var(--blue);padding:10px 14px}.skip:focus{top:12px}.eyebrow{margin:0 0 10px;color:var(--orange-dark);font-size:.74rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow--light{color:#e8b45f}h1,h2,h3{font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;text-transform:uppercase;margin:0;line-height:.9;text-wrap:balance}h2{font-size:clamp(3.5rem,6vw,6.6rem);letter-spacing:-.025em}h2 span{color:var(--orange-dark)}.section{padding:105px 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:0 24px;border:1px solid transparent;font-family:"Barlow Condensed";font-weight:800;font-size:.95rem;letter-spacing:.055em;text-transform:uppercase;transition:.2s ease;line-height:1.05;text-align:center}.button--orange{background:var(--orange);color:#fff}.button--orange:hover{background:#ec9d2d;transform:translateY(-1px)}.button--outline{border-color:rgba(255,255,255,.64);color:#fff;background:rgba(3,37,59,.18)}.button--outline:hover{background:#fff;color:var(--blue)}.button--blue{background:var(--blue);color:#fff}.button--blue:hover{background:var(--blue-dark)}

.site-header{position:fixed;inset:0 0 auto;z-index:80;color:#fff;transition:.22s ease}.site-header.is-scrolled{background:rgba(3,46,72,.96);box-shadow:0 8px 28px rgba(0,0,0,.16);backdrop-filter:blur(10px)}.header-inner{height:88px;display:flex;align-items:center;gap:28px}.brand{width:78px;height:78px;background:#fff;border-radius:50%;padding:4px;overflow:hidden;flex:0 0 auto;box-shadow:0 7px 22px rgba(0,0,0,.12)}.brand img{width:100%;height:100%;object-fit:contain}.desktop-nav{display:flex;align-items:center;gap:30px;margin-left:auto}.desktop-nav a{font-family:"Barlow Condensed";font-size:.92rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;position:relative}.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:right .2s}.desktop-nav a:hover::after{right:0}.header-whatsapp{margin-left:10px}.menu-button{display:none;width:44px;height:44px;border:0;background:transparent;padding:9px}.menu-button span{display:block;height:2px;background:#fff;margin:5px 0}.mobile-nav{background:var(--blue);padding:18px 24px 26px;border-top:1px solid rgba(255,255,255,.13)}.mobile-nav a:not(.button){display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.12);font-family:"Barlow Condensed";font-weight:700;text-transform:uppercase}.mobile-nav .button{width:100%;margin-top:18px}

.hero{position:relative;min-height:900px;color:#fff;display:flex;align-items:center;overflow:hidden}.hero-bg,.hero-overlay{position:absolute;inset:0}.hero-bg{background:url('assets/images/hero.webp') center/cover no-repeat;transform:scale(1.01)}.hero-overlay{background:linear-gradient(90deg,rgba(1,19,31,.94) 0%,rgba(2,27,43,.74) 42%,rgba(2,25,40,.28) 71%,rgba(2,25,40,.13) 100%),linear-gradient(0deg,rgba(1,22,35,.58),transparent 48%)}.hero-content{position:relative;z-index:2;padding:150px 0 190px}.hero h1{font-size:clamp(4.8rem,8.7vw,9.4rem);max-width:850px;letter-spacing:-.04em}.hero h1 span{color:#fff}.hero h1 em{font-family:Caveat,cursive;text-transform:none;color:#f0b45a;font-size:.88em;letter-spacing:0}.hero-lead{font-size:1.05rem;max-width:600px;margin:26px 0 30px;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-facts{position:absolute;left:0;right:0;bottom:0;z-index:3;background:rgba(3,51,79,.96);border-top:1px solid rgba(255,255,255,.1)}.facts-grid{display:grid;grid-template-columns:repeat(4,1fr)}.fact{min-height:112px;padding:20px 25px;display:flex;align-items:center;gap:16px;border-right:1px solid rgba(255,255,255,.12)}.fact:last-child{border-right:0}.fact-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(233,170,69,.66);border-radius:50%;font-family:"Barlow Condensed";font-weight:800;color:#f0b45a;font-size:1.1rem}.fact strong{display:block;font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;letter-spacing:.03em}.fact small{display:block;color:rgba(255,255,255,.64);font-size:.75rem;margin-top:2px}

.section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:end;margin-bottom:46px}.section-heading h2{color:var(--blue-dark)}.section-heading>p,.section-heading>div+div p{color:var(--muted);max-width:570px;margin:0 0 3px}.products{background:var(--paper)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(4,45,70,.055);overflow:hidden;transition:.25s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.product-photo{position:relative;width:100%;padding:0;border:0;background:#e9e2d8;aspect-ratio:1/1.06;overflow:hidden;cursor:zoom-in}.product-photo img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.product-card:hover .product-photo img{transform:scale(1.025)}.product-photo::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(2,27,43,.5));pointer-events:none}.photo-label{position:absolute;left:16px;bottom:15px;z-index:2;display:inline-block;background:var(--blue);color:#fff;padding:9px 14px 10px;border-left:4px solid var(--orange);box-shadow:0 10px 24px rgba(0,0,0,.22);text-align:left;max-width:calc(100% - 32px)}.photo-label small{display:block;font-family:Inter;font-size:.55rem;font-weight:700;letter-spacing:.14em;opacity:.72}.photo-label b{display:block;font-family:"Barlow Condensed";font-size:1.65rem;line-height:1;text-transform:uppercase;letter-spacing:.025em}.product-copy{padding:22px}.product-type{font-size:.67rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase;color:var(--orange-dark)}.product-copy h3{font-size:2rem;color:var(--blue);margin:4px 0 10px}.product-copy p{font-size:.9rem;color:#5e696f;margin:0 0 20px;min-height:84px}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:14px;font-size:.75rem;font-weight:700;color:#7a858b}.product-meta a{font-family:"Barlow Condensed";font-size:.88rem;color:var(--blue);text-transform:uppercase}.product-meta a:hover{color:var(--orange-dark)}

.story{display:grid;grid-template-columns:1.08fr .92fr;background:var(--navy);color:#fff}.story-photo{min-height:690px;overflow:hidden}.story-photo img{width:100%;height:100%;object-fit:cover}.story-copy{display:flex;align-items:center;padding:70px clamp(42px,7vw,110px)}.story-copy>div{max-width:620px}.story h2{font-size:clamp(4rem,6.3vw,7rem);margin-bottom:28px}.story h2 em{font-family:Caveat,cursive;text-transform:none;color:#f0b45a;font-size:.72em}.story p{color:rgba(255,255,255,.76);max-width:610px}.story-strong{color:#fff!important;font-weight:700}.story-rule{margin-top:30px;padding-top:22px;border-top:1px solid rgba(255,255,255,.16);display:flex;justify-content:space-between;gap:16px;font-family:"Barlow Condensed";font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff}.story-rule b{color:#e8b45f}

.heat{background:var(--cream)}.heat-heading>p{max-width:600px}.heat-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.heat-grid article{padding:30px 28px 32px;border-right:1px solid var(--line)}.heat-grid article:last-child{border-right:0}.step{font-family:"Barlow Condensed";font-size:.85rem;font-weight:800;color:var(--orange-dark);letter-spacing:.12em}.heat-grid h3{font-size:1.7rem;color:var(--blue);margin:14px 0 10px}.heat-grid p{font-size:.84rem;color:var(--muted);margin:0}.heat-grid strong{color:var(--blue)}

.menu-section{background:#fff}.menu-heading-copy{align-self:end}.text-link{display:inline-flex;margin-top:12px;color:var(--blue);font-weight:800;font-size:.84rem;border-bottom:1px solid rgba(7,60,94,.2);padding-bottom:3px}.text-link:hover{color:var(--orange-dark)}.menu-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.menu-grid article{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;padding:23px 24px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.menu-grid article>div:first-child>span{display:block;color:var(--orange-dark);font-size:.63rem;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.menu-grid h3{font-size:1.55rem;color:var(--blue);margin:3px 0 5px}.menu-grid p{margin:0;color:var(--muted);font-size:.8rem}.prices{text-align:right;display:grid;gap:5px}.prices b{font-size:.68rem;color:#707b82;white-space:nowrap}.prices strong{font-size:.92rem;color:var(--blue);margin-left:7px}.menu-cta{margin-top:30px;background:var(--cream);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;gap:24px}.menu-cta p{margin:0;font-weight:700;color:var(--blue)}

.commerce{padding:110px 0;background:linear-gradient(135deg,var(--navy),var(--blue));color:#fff}.commerce-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:70px;align-items:center}.commerce-copy h2{font-size:clamp(3.8rem,5.8vw,6.5rem);margin-bottom:26px}.commerce-copy h2 em{font-family:Caveat,cursive;text-transform:none;color:#f0b45a;font-size:.8em}.commerce-copy>p{color:rgba(255,255,255,.78);max-width:590px}.commerce-benefits{margin:28px 0 34px;border-top:1px solid rgba(255,255,255,.14)}.commerce-benefits div{display:grid;grid-template-columns:175px 1fr;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.14)}.commerce-benefits b{font-family:"Barlow Condensed";text-transform:uppercase;font-size:1.02rem}.commerce-benefits span{color:rgba(255,255,255,.65);font-size:.82rem}.commerce-gallery{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:285px 285px;gap:12px}.commerce-gallery figure{position:relative;margin:0;overflow:hidden;background:#d7cdbc;border:1px solid rgba(255,255,255,.15)}.commerce-gallery .commerce-main{grid-row:1/3}.commerce-gallery img{width:100%;height:100%;object-fit:cover}.commerce-gallery figcaption{position:absolute;left:0;right:0;bottom:0;padding:42px 15px 13px;background:linear-gradient(transparent,rgba(2,29,47,.92));font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#fff}

.faq{background:var(--cream)}.faq-grid{display:grid;grid-template-columns:.76fr 1.24fr;gap:90px}.faq h2{color:var(--blue-dark)}.faq-intro{max-width:420px;color:var(--muted);margin-top:22px}.faq-items{border-top:1px solid rgba(7,60,94,.19)}.faq details{border-bottom:1px solid rgba(7,60,94,.19)}.faq summary{position:relative;list-style:none;cursor:pointer;padding:21px 46px 21px 0;font-family:"Barlow Condensed";font-size:1.25rem;font-weight:700;text-transform:uppercase;color:var(--blue)}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:5px;top:13px;font-size:2rem;color:var(--orange-dark);font-weight:400}.faq details[open] summary::after{content:"–"}.faq details p{margin:0;padding:0 45px 21px 0;color:var(--muted);font-size:.9rem;max-width:760px}.faq details strong{color:var(--blue)}

.closing{position:relative;min-height:520px;color:#fff;display:flex;align-items:center;overflow:hidden}.closing-bg,.closing-overlay{position:absolute;inset:0}.closing-bg{background:url('assets/images/slice.webp') center 48%/cover no-repeat;transform:scale(1.02)}.closing-overlay{background:linear-gradient(90deg,rgba(1,19,31,.95) 0%,rgba(2,27,43,.79) 45%,rgba(2,25,40,.28) 75%)}.closing-content{position:relative;z-index:2}.closing h2{font-size:clamp(4rem,6.5vw,7.2rem)}.closing h2 span{color:#fff}.closing-actions{display:flex;align-items:center;gap:28px;margin-top:30px}.instagram-link{font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:4px}.footer{background:#031f31;color:#fff;padding:54px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:42px}.footer-brand{display:flex;gap:18px;align-items:center}.footer-brand img{width:88px;height:88px;background:#fff;border-radius:50%;padding:4px}.footer-brand p{font-size:.78rem;color:rgba(255,255,255,.66)}.footer h3{font-size:1.05rem;color:#fff;margin-bottom:12px}.footer a,.footer p{display:block;margin:5px 0;color:rgba(255,255,255,.64);font-size:.78rem}.footer a:hover{color:#fff}.footer-bottom{margin-top:35px;padding-top:18px;border-top:1px solid rgba(255,255,255,.11);display:flex;justify-content:space-between;color:rgba(255,255,255,.45);font-size:.68rem}.mobile-whatsapp{display:none}.lightbox{max-width:min(1000px,92vw);max-height:90vh;padding:0;border:0;background:#111;box-shadow:0 25px 80px rgba(0,0,0,.5)}.lightbox::backdrop{background:rgba(0,0,0,.8)}.lightbox img{max-width:90vw;max-height:86vh;object-fit:contain}.lightbox-close{position:absolute;right:8px;top:8px;width:42px;height:42px;border:0;background:rgba(0,0,0,.72);color:#fff;font-size:1.8rem;cursor:pointer;z-index:2}

@media(max-width:1050px){.desktop-nav,.header-whatsapp{display:none}.menu-button{display:block;margin-left:auto}.product-grid{grid-template-columns:1fr 1fr}.story{grid-template-columns:1fr}.story-photo{min-height:540px}.heat-grid{grid-template-columns:1fr 1fr}.heat-grid article:nth-child(2){border-right:0}.heat-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.menu-grid{grid-template-columns:1fr}.commerce-grid{grid-template-columns:1fr}.commerce-gallery{max-width:800px;width:100%;margin:auto}.faq-grid{grid-template-columns:1fr;gap:36px}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){html{scroll-padding-top:72px}.container{width:min(100% - 28px,1220px)}.site-header.is-scrolled{background:rgba(3,46,72,.98)}.header-inner{height:72px}.brand{width:58px;height:58px}.hero{min-height:0;display:block}.hero-bg{background-position:61% 50%}.hero-overlay{background:linear-gradient(90deg,rgba(1,19,31,.94),rgba(2,27,43,.6)),linear-gradient(0deg,rgba(1,22,35,.52),transparent)}.hero-content{padding-top:125px;padding-bottom:62px;min-height:655px}.hero h1{font-size:clamp(3.7rem,18vw,5.5rem);max-width:100%}.hero-lead{font-size:.94rem;max-width:96%}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-facts{position:relative}.facts-grid{grid-template-columns:1fr 1fr}.fact{min-height:92px;padding:14px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.fact:nth-child(2n){border-right:0}.fact-icon{width:38px;height:38px;font-size:.9rem}.fact strong{font-size:.88rem}.fact small{font-size:.68rem}.section{padding:72px 0}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:30px}.section-heading h2{font-size:3.45rem}.product-grid{grid-template-columns:1fr}.product-photo{aspect-ratio:1/1.03}.photo-label{left:12px;bottom:12px}.photo-label b{font-size:1.5rem}.product-copy p{min-height:0}.story-photo{min-height:420px}.story-copy{padding:55px 24px}.story h2{font-size:3.9rem}.story-rule{display:block}.story-rule b{display:block;margin-top:5px}.heat-grid{grid-template-columns:1fr}.heat-grid article{border-right:0!important;border-bottom:1px solid var(--line)!important}.heat-grid article:last-child{border-bottom:0!important}.menu-grid article{grid-template-columns:1fr;gap:12px}.prices{text-align:left;grid-auto-flow:column;justify-content:start;gap:14px}.menu-cta{display:block}.menu-cta .button{width:100%;margin-top:16px}.commerce{padding:74px 0}.commerce-copy h2{font-size:4rem}.commerce-benefits div{grid-template-columns:1fr;gap:3px}.commerce-gallery{grid-template-columns:1fr 1fr;grid-template-rows:330px 230px}.commerce-gallery .commerce-main{grid-column:1/3;grid-row:auto}.faq summary{font-size:1.08rem;padding-right:40px}.closing{min-height:470px}.closing-bg{background-position:62% 50%}.closing-overlay{background:linear-gradient(90deg,rgba(1,19,31,.96),rgba(2,27,43,.56))}.closing h2{font-size:4rem}.closing-actions{display:block}.instagram-link{display:inline-block;margin-top:20px}.footer{padding-bottom:84px}.footer-grid{grid-template-columns:1fr}.footer-bottom{display:block}.footer-bottom span{display:block;margin-bottom:5px}.mobile-whatsapp{position:fixed;z-index:78;left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:center;min-height:52px;border-radius:3px;background:#25D366;color:#fff;font-family:"Barlow Condensed";font-weight:800;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 14px 34px rgba(0,0,0,.3)}}
@media(max-width:430px){.facts-grid{grid-template-columns:1fr}.fact{border-right:0!important}.commerce-gallery{grid-template-columns:1fr;grid-template-rows:300px 230px 230px}.commerce-gallery .commerce-main{grid-column:auto}.prices{grid-auto-flow:row;gap:4px}.product-meta{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}


@media(max-width:820px){
  .section-heading h2{font-size:clamp(2.9rem,11vw,4.1rem)}
  .story h2,.commerce-copy h2,.closing h2{font-size:clamp(3rem,12vw,4.4rem)}
  .hero h1{font-size:clamp(3.25rem,15vw,5.4rem);line-height:.92}
  .hero-lead{max-width:100%}
  .product-copy h3{font-size:1.75rem}
  .menu-grid h3{font-size:1.38rem}
  .faq summary{font-size:1.02rem;line-height:1.05}
  .faq details p{padding-right:0}
  .footer-brand{align-items:flex-start}
}
@media(max-width:700px){
  body{font-size:16px}
  .eyebrow{font-size:.68rem;letter-spacing:.15em}
  .hero-content{padding-top:112px;padding-bottom:46px;min-height:auto}
  .hero h1{max-width:11ch}
  .hero-lead{font-size:.92rem;margin:18px 0 24px}
  .button{min-height:50px;padding:0 18px;font-size:.9rem}
  .fact{align-items:flex-start}
  .fact div{min-width:0}
  .section{padding:64px 0}
  .section-heading{gap:14px;margin-bottom:26px}
  .section-heading h2{font-size:clamp(2.65rem,12vw,3.6rem);line-height:.93}
  .product-copy{padding:18px}
  .product-copy h3{font-size:1.6rem}
  .product-copy p{font-size:.88rem}
  .product-meta{font-size:.72rem}
  .photo-label{padding:8px 12px 9px;max-width:calc(100% - 24px)}
  .photo-label b{font-size:1.3rem}
  .story-photo{min-height:340px}
  .story-copy{padding:44px 20px}
  .story h2{font-size:clamp(2.8rem,12vw,3.8rem)}
  .story p{font-size:.93rem}
  .story-rule{font-size:.92rem;line-height:1.2}
  .heat-grid article{padding:24px 18px}
  .heat-grid h3{font-size:1.45rem}
  .menu-grid article{padding:18px}
  .menu-grid h3{font-size:1.32rem}
  .menu-grid p{font-size:.82rem}
  .prices{display:flex;flex-wrap:wrap;gap:10px 14px}
  .prices b{white-space:normal;font-size:.72rem}
  .prices strong{display:inline-block;margin-left:4px}
  .menu-cta{padding:18px}
  .commerce{padding:64px 0}
  .commerce-grid{gap:32px}
  .commerce-copy h2{font-size:clamp(2.9rem,12vw,3.9rem);line-height:.94}
  .commerce-copy>p{font-size:.93rem}
  .commerce-gallery{grid-template-columns:1fr;grid-template-rows:auto;gap:10px}
  .commerce-gallery .commerce-main{grid-column:auto;grid-row:auto}
  .commerce-gallery figure{min-height:220px}
  .commerce-gallery .commerce-main{min-height:300px}
  .faq-grid{gap:26px}
  .faq h2{font-size:clamp(2.8rem,12vw,3.9rem);line-height:.94}
  .faq summary{font-size:1rem;padding:18px 34px 18px 0}
  .faq summary::after{right:0;top:10px}
  .faq details p{font-size:.9rem;padding:0 0 18px 0}
  .closing{min-height:420px}
  .closing-content{padding:60px 0}
  .closing h2{font-size:clamp(2.8rem,12vw,3.8rem);line-height:.94}
  .closing-actions{margin-top:22px}
  .footer{padding:44px 0 82px}
  .footer-grid{gap:24px}
  .footer-brand{flex-direction:column;gap:12px}
  .footer-brand img{width:76px;height:76px}
  .mobile-whatsapp{font-size:.9rem;padding:0 14px}
}
@media(max-width:430px){
  .container{width:min(100% - 22px,1220px)}
  .header-inner{gap:12px}
  .mobile-nav{padding:14px 18px 20px}
  .hero-bg{background-position:64% 50%}
  .hero-content{padding-top:104px;padding-bottom:38px}
  .hero h1{font-size:clamp(2.85rem,13.8vw,3.6rem);max-width:10.5ch}
  .hero-lead{font-size:.9rem}
  .facts-grid{grid-template-columns:1fr}
  .fact{padding:14px 10px}
  .fact strong{font-size:.84rem}
  .section-heading h2{font-size:clamp(2.35rem,12vw,3.1rem)}
  .photo-label small{font-size:.5rem}
  .photo-label b{font-size:1.18rem}
  .product-copy h3{font-size:1.48rem}
  .story h2,.commerce-copy h2,.faq h2,.closing h2{font-size:clamp(2.45rem,12.5vw,3.25rem)}
  .story-copy,.commerce-copy,.closing-content{padding-inline:0}
  .heat-grid h3{font-size:1.3rem}
  .menu-grid article{padding:16px}
  .menu-grid h3{font-size:1.2rem}
  .menu-grid p{font-size:.78rem}
  .menu-cta p{font-size:.92rem}
  .commerce-gallery figure{min-height:200px}
  .commerce-gallery .commerce-main{min-height:250px}
  .faq summary{font-size:.95rem}
  .footer-bottom{font-size:.65rem}
}




/* V8 — Una sola tipografía para escritorio y celular.
   Las media queries solo cambian tamaño/espaciado/layout, nunca la familia tipográfica. */
html, body{
  font-family:Inter,Arial,sans-serif;
  font-synthesis:none;
}

h1,h2,h3,
.button,
.desktop-nav a,
.mobile-nav a,
.fact strong,
.fact-icon,
.photo-label b,
.story-rule,
.step,
.text-link,
.commerce-benefits b,
.commerce-gallery figcaption,
.faq summary,
.instagram-link,
.mobile-whatsapp,
.product-meta a{
  font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
}

.hero h1 em,
.story h2 em,
.commerce-copy h2 em{
  font-family:Caveat,cursive;
}

.eyebrow,
.hero-lead,
.section-heading p,
.product-copy p,
.product-type,
.product-meta,
.heat-grid p,
.menu-grid p,
.prices,
.commerce-copy>p,
.commerce-benefits span,
.faq-intro,
.faq details p,
.footer a,
.footer p,
.footer-bottom{
  font-family:Inter,Arial,sans-serif;
}

/* Importante: ninguna media query posterior puede sustituir estas familias. */
@media(max-width:820px){
  h1,h2,h3,
  .button,
  .mobile-nav a,
  .fact strong,
  .fact-icon,
  .photo-label b,
  .story-rule,
  .step,
  .text-link,
  .commerce-benefits b,
  .commerce-gallery figcaption,
  .faq summary,
  .instagram-link,
  .mobile-whatsapp,
  .product-meta a{
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif !important;
  }

  .hero h1 em,
  .story h2 em,
  .commerce-copy h2 em{
    font-family:Caveat,cursive !important;
  }

  body,
  .eyebrow,
  .hero-lead,
  .section-heading p,
  .product-copy p,
  .product-type,
  .product-meta,
  .heat-grid p,
  .menu-grid p,
  .prices,
  .commerce-copy>p,
  .commerce-benefits span,
  .faq-intro,
  .faq details p,
  .footer a,
  .footer p,
  .footer-bottom{
    font-family:Inter,Arial,sans-serif !important;
  }
}


/* =========================================================
   V9 — MOBILE EDITORIAL
   Escritorio queda intacto. En celular se conserva la misma
   identidad tipográfica y se rediseña el recorrido.
   ========================================================= */
@media (max-width:700px){

  /* Base */
  html{scroll-padding-top:72px}
  body{background:var(--paper);overflow-x:hidden}
  .container{width:calc(100% - 28px);max-width:none}
  .section{padding:76px 0}
  .eyebrow{margin-bottom:9px;font-size:.72rem;letter-spacing:.17em}

  /* Header / menú */
  .header-inner{height:72px}
  .brand{width:60px;height:60px}
  .menu-button{width:46px;height:46px;padding:10px}
  .mobile-nav{
    position:fixed;
    top:72px;
    left:0;
    right:0;
    bottom:0;
    z-index:79;
    padding:26px 22px calc(28px + env(safe-area-inset-bottom));
    background:rgba(3,46,72,.985);
    backdrop-filter:blur(12px);
    overflow-y:auto;
    border-top:1px solid rgba(255,255,255,.12);
  }
  .mobile-nav a:not(.button){
    padding:17px 0;
    font-size:1.45rem;
    line-height:1;
    letter-spacing:.025em;
  }
  .mobile-nav .button{margin-top:24px;min-height:54px}

  /* Hero: misma presencia que escritorio */
  .hero{
    min-height:100svh;
    display:flex;
    align-items:center;
    overflow:hidden;
  }
  .hero-bg{
    background-position:62% 50%;
    transform:scale(1.015);
  }
  .hero-overlay{
    background:
      linear-gradient(90deg,rgba(1,19,31,.95) 0%,rgba(2,27,43,.78) 58%,rgba(2,25,40,.30) 100%),
      linear-gradient(0deg,rgba(1,22,35,.72) 0%,transparent 45%);
  }
  .hero-content{
    min-height:100svh;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding-top:108px;
    padding-bottom:164px;
  }
  .hero h1{
    max-width:9.5ch;
    font-size:clamp(3.65rem,16.5vw,5.1rem);
    line-height:.86;
    letter-spacing:-.04em;
  }
  .hero h1 em{font-size:.9em}
  .hero-lead{
    max-width:31rem;
    margin:24px 0 26px;
    font-size:1rem;
    line-height:1.55;
  }
  .hero-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:min(100%,360px);
  }
  .hero-actions .button{width:100%;min-height:52px}

  /* Facts como cinta horizontal, no bloque vertical */
  .hero-facts{
    position:absolute;
    left:0;right:0;bottom:0;
    background:rgba(3,51,79,.965);
    overflow:hidden;
  }
  .facts-grid{
    width:100%;
    padding:0 14px 0 14px;
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:72vw;
    gap:0;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .facts-grid::-webkit-scrollbar{display:none}
  .fact{
    min-height:104px;
    padding:17px 18px;
    border-right:1px solid rgba(255,255,255,.12)!important;
    border-bottom:0!important;
    scroll-snap-align:start;
    align-items:center;
  }
  .fact-icon{width:42px;height:42px;flex:0 0 42px}
  .fact strong{font-size:1rem}
  .fact small{font-size:.72rem}

  /* Encabezados: misma jerarquía editorial */
  .section-heading{
    display:block;
    margin-bottom:34px;
  }
  .section-heading h2{
    max-width:10ch;
    margin-bottom:18px;
    font-size:clamp(3rem,13.5vw,4.3rem);
    line-height:.88;
    letter-spacing:-.025em;
  }
  .section-heading>p,
  .section-heading>div+div p{
    max-width:32rem;
    font-size:.96rem;
    line-height:1.6;
  }

  /* Productos como carrusel editorial */
  .product-grid{
    width:calc(100vw - 14px);
    margin-right:calc((100vw - 100% - 14px) * -1);
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,365px);
    gap:14px;
    overflow-x:auto;
    padding:2px 14px 18px 0;
    scroll-snap-type:x mandatory;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .product-grid::-webkit-scrollbar{display:none}
  .product-card{
    scroll-snap-align:start;
    box-shadow:0 16px 38px rgba(4,45,70,.10);
  }
  .product-photo{aspect-ratio:1/1.08}
  .product-copy{padding:21px 20px 19px}
  .product-copy h3{font-size:1.95rem;margin-top:5px}
  .product-copy p{
    min-height:0;
    margin-bottom:18px;
    font-size:.91rem;
    line-height:1.55;
  }
  .photo-label{left:14px;bottom:14px;padding:9px 13px 10px}
  .photo-label b{font-size:1.58rem}
  .product-meta{flex-direction:row;align-items:center}
  .products .section-heading::after,
  .heat .section-heading::after{
    content:"Deslizá para recorrer  →";
    display:block;
    margin-top:18px;
    color:var(--blue);
    font-family:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
    font-size:.82rem;
    font-weight:800;
    letter-spacing:.07em;
    text-transform:uppercase;
  }

  /* Historia: imagen grande + bloque editorial superpuesto */
  .story{
    display:block;
    background:var(--navy);
    padding-bottom:24px;
  }
  .story-photo{
    height:54svh;
    min-height:390px;
  }
  .story-photo img{
    object-position:center 48%;
  }
  .story-copy{
    position:relative;
    z-index:2;
    width:calc(100% - 28px);
    margin:-64px 14px 0;
    padding:42px 24px 34px;
    background:var(--navy);
    box-shadow:0 -18px 45px rgba(0,0,0,.18);
  }
  .story-copy>div{max-width:none}
  .story h2{
    max-width:9ch;
    font-size:clamp(3.25rem,14vw,4.45rem);
    line-height:.87;
  }
  .story p{font-size:.96rem;line-height:1.62}
  .story-rule{
    display:flex;
    flex-direction:column;
    gap:4px;
    font-size:.96rem;
  }
  .story-rule b{margin:0}

  /* Cómo calentar: tarjetas horizontales */
  .heat-grid{
    width:calc(100vw - 14px);
    display:grid;
    grid-template-columns:none;
    grid-auto-flow:column;
    grid-auto-columns:min(78vw,330px);
    gap:12px;
    overflow-x:auto;
    border:0;
    background:transparent;
    padding:0 14px 16px 0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .heat-grid::-webkit-scrollbar{display:none}
  .heat-grid article{
    min-height:235px;
    padding:27px 23px;
    background:#fff;
    border:1px solid var(--line)!important;
    scroll-snap-align:start;
  }
  .heat-grid h3{font-size:1.72rem}
  .heat-grid p{font-size:.9rem;line-height:1.55}

  /* Menú: compacto, legible, con ritmo */
  .menu-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    border:0;
  }
  .menu-grid article{
    grid-template-columns:minmax(0,1fr) auto;
    gap:14px;
    padding:17px 16px;
    border:1px solid var(--line);
    background:var(--paper);
  }
  .menu-grid h3{
    font-size:1.38rem;
    line-height:.95;
  }
  .menu-grid p{font-size:.78rem;line-height:1.4}
  .prices{
    display:grid;
    grid-auto-flow:row;
    align-content:center;
    justify-items:end;
    gap:4px;
    text-align:right;
  }
  .prices b{font-size:.68rem;white-space:nowrap}
  .prices strong{font-size:.9rem}
  .menu-cta{
    margin-top:20px;
    padding:19px;
    border-left:4px solid var(--orange);
  }
  .menu-cta p{font-size:.94rem}
  .menu-cta .button{margin-top:14px}

  /* Comercios: mismo carácter visual, galería deslizable */
  .commerce{padding:78px 0 82px}
  .commerce-grid{display:block}
  .commerce-copy h2{
    max-width:9.5ch;
    font-size:clamp(3.25rem,14vw,4.4rem);
    line-height:.88;
  }
  .commerce-copy>p{font-size:.96rem;line-height:1.6}
  .commerce-benefits{margin:26px 0 28px}
  .commerce-benefits div{
    grid-template-columns:1fr;
    gap:3px;
    padding:14px 0;
  }
  .commerce-benefits b{font-size:1.12rem}
  .commerce-gallery{
    width:calc(100vw - 14px);
    margin-top:38px;
    display:grid;
    grid-template-columns:none;
    grid-template-rows:none;
    grid-auto-flow:column;
    grid-auto-columns:min(84vw,370px);
    gap:12px;
    overflow-x:auto;
    padding:0 14px 14px 0;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .commerce-gallery::-webkit-scrollbar{display:none}
  .commerce-gallery figure,
  .commerce-gallery .commerce-main{
    grid-column:auto;
    grid-row:auto;
    min-height:330px;
    scroll-snap-align:start;
  }
  .commerce-gallery figcaption{font-size:.96rem}

  /* FAQ con aire de editorial, no bloque apretado */
  .faq-grid{display:block}
  .faq h2{
    max-width:9ch;
    font-size:clamp(3.15rem,13.5vw,4.2rem);
    line-height:.88;
  }
  .faq-intro{
    margin:20px 0 34px;
    font-size:.95rem;
  }
  .faq summary{
    padding:21px 38px 21px 0;
    font-size:1.22rem;
    line-height:1.02;
  }
  .faq details p{
    padding:0 0 22px;
    font-size:.92rem;
    line-height:1.6;
  }

  /* Cierre visual grande */
  .closing{
    min-height:74svh;
    align-items:flex-end;
  }
  .closing-bg{background-position:66% 50%}
  .closing-overlay{
    background:
      linear-gradient(0deg,rgba(1,19,31,.97) 0%,rgba(2,27,43,.72) 56%,rgba(2,25,40,.20) 100%);
  }
  .closing-content{
    padding:78px 0 92px;
  }
  .closing h2{
    max-width:9ch;
    font-size:clamp(3.15rem,13.5vw,4.25rem);
    line-height:.88;
  }
  .closing-actions{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:18px;
    margin-top:28px;
  }
  .instagram-link{margin:0}

  /* Footer con estructura, no una columna interminable */
  .footer{padding:52px 0 92px}
  .footer-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:28px 22px;
  }
  .footer-brand{
    grid-column:1/-1;
    display:flex;
    flex-direction:row;
    align-items:center;
  }
  .footer-brand img{width:78px;height:78px}
  .footer-bottom{margin-top:28px}

  /* CTA fijo */
  .mobile-whatsapp{
    left:10px;
    right:10px;
    min-height:54px;
    border-radius:2px;
    font-size:.98rem;
  }
}

/* Ajuste para teléfonos muy angostos sin cambiar el lenguaje visual */
@media (max-width:390px){
  .hero h1{font-size:clamp(3.2rem,16.2vw,4.15rem)}
  .facts-grid{grid-auto-columns:79vw}
  .product-grid{grid-auto-columns:88vw}
  .heat-grid{grid-auto-columns:84vw}
  .commerce-gallery{grid-auto-columns:88vw}
  .menu-grid article{grid-template-columns:1fr}
  .prices{justify-items:start;text-align:left}
  .footer-grid{grid-template-columns:1fr}
  .footer-brand{grid-column:auto}
}