@font-face{font-family:Onest;src:url('assets/onest.ttf')}@font-face{font-family:Brewlogic;src:url('assets/brewlogic.otf')}@font-face{font-family:Dreamies;src:url('assets/dreamies.ttf')}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#3c182a;background:#fdfbf8;font-family:Onest,Arial,sans-serif;line-height:1.55}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:1rem}.site-header{height:98px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;background:#fffdfb;position:relative;z-index:10;border-bottom:1px solid #5b0a3e12}.brand img{width:155px;display:block}.site-header nav{display:flex;gap:2rem}.site-header a{text-decoration:none;color:#5b0a3e;font-size:.88rem}.header-actions{display:flex;align-items:center;gap:1.5rem}.language{display:flex;gap:.45rem;align-items:center}.language button{border:0;background:none;color:#826b76;font:700 .75rem Onest;cursor:pointer;padding:.25rem}.language button.active{color:#c22c33}.button{display:inline-flex;align-items:center;justify-content:center;background:#c22c33!important;color:white!important;padding:1rem 1.35rem;border:0;text-decoration:none;font:700 .82rem Onest;cursor:pointer;transition:.25s}.button:hover{background:#5b0a3e!important;transform:translateY(-2px)}.button-small{padding:.8rem 1rem}.menu-toggle{display:none}.hero{min-height:690px;display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;background:#fdfbf8}.hero-copy{padding:9vw 4vw 7vw 8vw;z-index:2}.hero h1,.section h2,.about h2,.faq-contact h2{font:400 clamp(3.2rem,5.3vw,6.6rem)/.92 Brewlogic,Georgia,serif;margin:0 0 2rem;color:#5b0a3e;letter-spacing:-.02em}.hero h1 em,h2 em{color:#c22c33;font-family:Dreamies,Georgia,serif;font-weight:400}.hero-copy p{max-width:31rem;font-size:1.05rem;margin-bottom:2rem}.hero-photo{margin:0;min-height:690px;position:relative;overflow:hidden;clip-path:ellipse(78% 90% at 72% 46%)}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.cherries{position:absolute;left:4%;top:8%;color:#c22c33;font-size:3.5rem;letter-spacing:-.3em}.cherries i{display:inline-block;width:48px;height:50px;border:3px solid #c22c33;border-width:3px 0 0 3px;border-radius:100% 0 0 0;transform:rotate(30deg);margin:0 -1rem}.checker{position:absolute;left:0;top:0;width:34px;height:100%;background:conic-gradient(#f19cb3 25%,transparent 0 50%,#f19cb3 0 75%,transparent 0) 0/28px 28px;opacity:.7}.section{padding:8rem max(5vw,calc((100vw - 1280px)/2));}.empathy{display:grid;grid-template-columns:1.2fr .9fr .85fr;gap:5vw;align-items:center;background:white}.empathy h2{font-size:clamp(2.6rem,4vw,5rem)}.pain-list{list-style:none;padding:0;margin:0}.pain-list li{padding:.7rem 0 .7rem 2rem;border-bottom:1px solid #d7d1c8;position:relative}.pain-list li:before{content:'◆';position:absolute;left:.2rem;color:#f19cb3}.empathy-note{padding-left:2.2rem;border-left:3px solid #c6a44c}.empathy-note strong{font:400 2rem/1.1 Brewlogic;color:#c22c33}.help{display:grid;grid-template-columns:.75fr 2.25fr;gap:5vw;background:#f4efe9}.help h2,.process h2{font-size:clamp(3rem,4.5vw,5.2rem)}.help-list{display:grid;grid-template-columns:repeat(4,1fr)}.help-list article{padding:0 1.5rem;border-left:1px solid #cbbfc4}.help-list span{color:#f19cb3;font:2rem Dreamies}.help-list h3,.process h3{font:400 1.45rem Brewlogic;margin:.8rem 0}.help-list p,.process li p{font-size:.88rem}.about{display:grid;grid-template-columns:.95fr 1.3fr .55fr;align-items:center;background:#fff;min-height:650px}.about figure{height:650px;margin:0;clip-path:polygon(0 0,88% 0,100% 15%,100% 100%,0 100%)}.about figure img{width:100%;height:100%;object-fit:cover}.about-copy{padding:5rem 7vw}.about h2{font-size:clamp(3.5rem,5vw,5.8rem)}.about-copy p{max-width:42rem}.text-link{color:#c22c33;text-decoration:none;font-weight:700}.about-mark{width:80%;max-width:250px;opacity:.65}.process{display:grid;grid-template-columns:.8fr 2.2fr;gap:5vw}.process ol{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);padding:0;margin:0}.process li{padding:0 2rem;border-left:1px solid #d7d1c8}.process li>span{font:3.3rem Brewlogic;color:#c6a44c}.manifesto{padding:3.5rem max(5vw,calc((100vw - 1280px)/2));display:grid;grid-template-columns:130px 1.2fr 1fr;gap:4rem;align-items:center;background:#c22c33;color:white}.manifesto img{width:120px}.manifesto h2{font:400 clamp(2.8rem,4.5vw,5rem)/.9 Brewlogic;margin:0}.manifesto h2 em{font-family:Dreamies;color:#f6c64b}.manifesto p{max-width:32rem}.faq-contact{display:grid;grid-template-columns:1fr 1fr}.section-inner{padding:6rem max(5vw,calc((50vw - 640px)))}.faq{padding-left:max(5vw,calc((100vw - 1280px)/2));background:white}.faq h2,.contact h2{font-size:4.5rem}.faq details{border-bottom:1px solid #d7d1c8;padding:1rem 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';color:#c22c33}.faq details[open] summary:after{content:'−'}.faq details p{font-size:.9rem;color:#68535e}.contact{padding-right:max(5vw,calc((100vw - 1280px)/2));background:#f3b1c3}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.contact label{display:flex;flex-direction:column;gap:.35rem;font-size:.75rem;font-weight:700}.contact input,.contact textarea{border:1px solid transparent;background:#fff;padding:.85rem;font:1rem Onest;border-radius:0;outline:none}.contact input:focus,.contact textarea:focus{border-color:#5b0a3e}.full{grid-column:1/-1}.form-status{grid-column:1/-1;margin:0}footer{background:#4b082f;color:#f5e9df;display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:4rem;padding:4rem max(5vw,calc((100vw - 1280px)/2));align-items:start}footer img{width:170px}footer nav{display:flex;flex-direction:column}footer a{color:#f5e9df;text-decoration:none;padding:.2rem}footer small{grid-column:1/-1;opacity:.65}.whatsapp{position:fixed;right:1.5rem;bottom:1.5rem;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:white;box-shadow:0 8px 25px #0003;z-index:12;transition:.25s}.whatsapp:hover{transform:scale(1.08)}.whatsapp svg{width:30px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
@media(max-width:900px){.site-header{height:76px;padding:0 1.2rem}.brand img{width:125px}.site-header nav{display:none;position:absolute;top:76px;left:0;right:0;background:white;padding:1.5rem;flex-direction:column}.site-header.open nav{display:flex}.header-actions .button-small{display:none}.menu-toggle{display:block;border:0;background:none;width:36px}.menu-toggle span{height:2px;background:#5b0a3e;display:block;margin:7px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:5rem 2rem 3rem}.hero-photo{min-height:520px;clip-path:ellipse(90% 96% at 63% 55%)}.section{padding:5rem 1.5rem}.empathy,.help{grid-template-columns:1fr}.help-list{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr}.about figure{height:520px}.about-copy{padding:4rem 1.5rem}.about-mark{display:none}.process{grid-template-columns:1fr}.manifesto{grid-template-columns:80px 1fr;padding:4rem 1.5rem;gap:2rem}.manifesto img{width:80px}.manifesto p{grid-column:1/-1}.faq-contact{grid-template-columns:1fr}.section-inner,.faq,.contact{padding:5rem 1.5rem}footer{grid-template-columns:1fr;padding:4rem 1.5rem;gap:2rem}}@media(max-width:560px){.language span{display:none}.language{gap:.1rem}.hero h1{font-size:3.45rem}.hero-photo{min-height:440px}.empathy{grid-template-columns:1fr}.help-list,.process ol{grid-template-columns:1fr}.help-list article,.process li{padding:1.5rem 0;border-left:0;border-top:1px solid #cbbfc4}.faq h2,.contact h2{font-size:3.6rem}.contact form{grid-template-columns:1fr}.full{grid-column:auto}footer{display:flex;flex-direction:column}}
.reveal{opacity:1;transform:none}
@media(max-width:900px){.manifesto{grid-template-columns:64px minmax(0,1fr);gap:1.25rem;overflow:hidden}.manifesto img{width:64px}.manifesto p{min-width:0;max-width:100%}}
.language{gap:.35rem}.language button{display:flex;align-items:center;gap:.35rem;padding:.42rem .5rem;border:1px solid transparent;border-radius:7px;transition:.2s}.language button:hover{background:#f8edf1;border-color:#f19cb3}.language button.active{background:#fff;border-color:#c22c33;box-shadow:0 2px 8px #5b0a3e15}.language img{width:24px;height:16px;display:block;border-radius:2px;box-shadow:0 1px 3px #0002}.social-links{display:flex;gap:.75rem}.social-links a{width:42px;height:42px;border:1px solid #f19cb366;display:grid;place-items:center;transition:.2s}.social-links a:hover{background:#f19cb3;color:#4b082f;transform:translateY(-2px)}.social-links svg{width:22px}.button:focus-visible,.language button:focus-visible,.whatsapp:focus-visible,.social-links a:focus-visible,.menu-toggle:focus-visible{outline:3px solid #f19942;outline-offset:3px}@media(max-width:560px){.language button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.language button{padding:.35rem}.language img{width:22px;height:15px}}
.footer-info p{margin-top:0}.service-hours{display:flex;flex-direction:column;gap:.15rem;margin-top:1.4rem!important}.service-hours strong{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:#f19cb3}.service-hours span{font-size:.9rem}

/* Responsive composition pass */
.hero{height:clamp(680px,calc(100svh - 98px),820px);min-height:0}
.hero-copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;padding-top:5vw;padding-bottom:5vw}
.hero-photo{height:100%;min-height:0}
.hero-photo img{display:block;min-height:0}
.site-header nav a,.text-link{display:inline-flex;align-items:center;min-height:44px}
.language button{min-width:52px;min-height:44px;justify-content:center}
.menu-toggle{min-width:44px;min-height:44px;padding:7px 4px}
.faq summary{min-height:48px;align-items:center;gap:1rem}
footer nav a{display:flex;align-items:center;min-height:40px;padding:.45rem 0}
.hero-photo,.about figure{background:#d7d1c8}
.hero-photo img,.about figure img{display:block}

@media(max-width:1100px) and (min-width:901px){
  .site-header{padding-inline:3vw}.site-header nav{gap:1.15rem}.header-actions{gap:.75rem}.brand img{width:138px}.site-header nav a{font-size:.8rem}.button-small{padding:.8rem .9rem}
  .hero{grid-template-columns:46% 54%;height:clamp(650px,calc(100svh - 98px),760px)}
  .hero-copy{padding-left:7vw}.hero h1{font-size:clamp(3.2rem,5vw,4.4rem)}
  .help{grid-template-columns:.7fr 2.3fr;gap:3vw}.help-list article{padding-inline:1rem}
}

@media(max-width:900px){
  .hero{height:auto;min-height:0}.hero-copy{padding:clamp(3.5rem,8vw,5rem) 2rem 3.5rem}.hero-photo{height:clamp(440px,70vw,620px);min-height:0;clip-path:ellipse(92% 96% at 62% 54%)}.hero-photo img{object-position:center 30%}
  .site-header nav a{min-height:48px;padding:.5rem 0}.language button{min-width:44px;min-height:44px}.menu-toggle{width:44px}
  .about figure{height:clamp(460px,72vw,580px)}
  footer nav a{min-height:44px}
}

@media(min-width:700px) and (max-width:900px){
  .about{grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:stretch}.about figure{height:auto;min-height:620px}.about-copy{padding:4.5rem 3rem}.about-mark{display:none}
  .faq-contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.faq,.contact{min-width:0}.section-inner,.faq,.contact{padding:5rem 2.5rem}.contact form{grid-template-columns:minmax(0,1fr)}.contact input,.contact textarea{width:100%;min-width:0}.contact .full{grid-column:auto}
  footer{grid-template-columns:1fr 1.2fr 1fr;gap:2.5rem}footer small{grid-column:1/-1}
}

@media(max-width:560px){
  .hero-copy{padding:3.5rem 1.5rem 3rem}.hero h1{font-size:clamp(3.05rem,14vw,3.45rem);line-height:.94}.hero-copy p{font-size:1rem}.hero-photo{height:clamp(410px,118vw,500px);clip-path:ellipse(98% 96% at 62% 54%)}
  .section{padding:4.5rem 1.5rem}.about-copy{padding:3.5rem 1.5rem}.about figure{height:460px}.faq,.contact,.section-inner{padding:4.5rem 1.5rem}
  .manifesto{grid-template-columns:1fr;padding-block:3.5rem}.manifesto h2{font-size:clamp(2.65rem,13vw,3.35rem);max-width:100%}.manifesto p{grid-column:1}.manifesto img{width:64px}
  footer{padding-block:3.5rem}.whatsapp{right:1rem;bottom:1rem}
}

@media(max-width:370px){
  .site-header{padding-inline:.85rem}.brand img{width:112px}.header-actions{gap:.25rem}.language{gap:.05rem}.language button{min-width:44px;padding:.3rem}.language img{width:21px;height:14px}.menu-toggle{min-width:44px;width:44px}
  .hero-copy{padding-inline:1.25rem}.hero h1{font-size:3rem}.button{width:100%;text-align:center}.section,.faq,.contact,.section-inner{padding-inline:1.25rem}
}

/* WhatsApp conversion button */
.whatsapp{width:auto;height:60px;min-width:60px;padding:5px 5px 5px 20px;display:flex;align-items:center;gap:14px;border-radius:999px;background:#128c4b;color:#fff;text-decoration:none;border:1px solid #ffffffb8;box-shadow:0 14px 38px #112d2038,0 4px 12px #112d2026;isolation:isolate;transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease}
.whatsapp::before{content:"";position:absolute;inset:-5px;border:1px solid #25d36666;border-radius:inherit;z-index:-1;opacity:.75;transition:inset .22s ease,opacity .22s ease}
.whatsapp-label{font:700 .86rem/1 Onest,Arial,sans-serif;white-space:nowrap;letter-spacing:.01em}
.whatsapp-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:50%;background:#25d366;box-shadow:inset 0 0 0 1px #ffffff47}
.whatsapp-icon svg{width:29px;height:29px;display:block;color:#fff}
.whatsapp:hover{transform:translateY(-3px);background:#0d753e;box-shadow:0 18px 44px #112d2045,0 6px 15px #112d2030}
.whatsapp:hover::before{inset:-8px;opacity:.35}
.whatsapp:active{transform:translateY(-1px) scale(.98)}
@media(max-width:700px){.whatsapp{width:58px;height:58px;min-width:58px;padding:4px;border-radius:50%;justify-content:center;gap:0}.whatsapp-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.whatsapp-icon{width:48px;height:48px}.whatsapp::before{inset:-4px}}
@media(prefers-reduced-motion:reduce){.whatsapp,.whatsapp::before{transition:none}}

/* Brand script typography: preserve the handwritten character without distortion */
.hero h1 em,
.section h2 em,
.about h2 em,
.faq-contact h2 em{
  display:inline-block;
  font-family:Dreamies,Georgia,serif;
  font-style:normal;
  font-weight:400;
  line-height:.82;
  letter-spacing:0;
  transform:none;
  text-rendering:geometricPrecision;
  -webkit-font-smoothing:antialiased;
}
.hero h1 em{margin-inline:.04em .08em;white-space:nowrap}

/* Banner localizado: conteúdo real, traduzível e responsivo. */
.hero{display:block;height:auto;min-height:0;background:#f4efe9}
.localized-banner{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(480px,.92fr);min-height:clamp(650px,50vw,820px);overflow:hidden}
.localized-banner-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,5vw,6rem) clamp(2.5rem,5.5vw,7rem);position:relative;z-index:2}
.localized-banner-logo{width:clamp(190px,17vw,290px);height:auto;margin-bottom:clamp(2rem,3vw,3.25rem)}
.localized-banner h1{font:400 clamp(4rem,5.4vw,7rem)/.88 Brewlogic,Georgia,serif;margin:0;color:#5b0a3e;letter-spacing:-.025em}
.localized-banner h1 em{display:inline-block;color:#df0627;font:400 1em/.9 Brewlogic,Georgia,serif;white-space:nowrap}
.localized-banner-copy p{max-width:39rem;margin:2.25rem 0 0;color:#5b0a3e;font-size:clamp(1rem,1.25vw,1.35rem);line-height:1.42}
.localized-banner-visual{position:relative;min-width:0;background:conic-gradient(from 90deg,#df0627 25%,#f4efe9 0 50%,#f18aa8 0 75%,#f4efe9 0) 0/110px 110px}
.localized-photo-frame{position:absolute;inset:15% 11% 8% 2%;overflow:hidden;border:2px solid #5b0a3e;border-radius:42px;background:#f18aa8}
.localized-banner-photo{width:100%;height:100%;display:block;object-fit:cover;object-position:center 38%;mix-blend-mode:multiply}
.localized-banner-key{position:absolute;top:-3%;left:3%;width:20%;height:auto;filter:saturate(1.35)}
.localized-banner-mascot{position:absolute;right:5%;top:45%;width:15%;height:auto;padding:.6rem;background:#f18aa8;border:3px solid #5b0a3e;border-radius:42%}
.banner-sticker{position:absolute;z-index:3;display:block;max-width:230px;padding:.55rem .9rem;border:3px solid currentColor;border-radius:18px;font:700 clamp(.82rem,1.05vw,1.12rem)/1 Onest,Arial,sans-serif;text-align:center;text-transform:uppercase;box-shadow:0 4px 0 #f4efe9}
.sticker-mind{left:-5%;top:30%;color:#5b0a3e;background:#fff1e7;transform:rotate(8deg)}
.sticker-progress{left:-4%;bottom:18%;color:#df0627;background:#f3b1c3;transform:rotate(-7deg)}
.sticker-cherry{right:4%;bottom:27%;color:#fff;background:#df0627;transform:rotate(4deg);font-family:Brewlogic,Georgia,serif;font-size:clamp(1.2rem,1.8vw,2rem);text-transform:none}
.sticker-role{right:13%;bottom:2%;color:#f3b1c3;background:#5b0a3e;border-color:#f3b1c3;border-radius:50%;padding:1rem 1.5rem;transform:rotate(8deg)}

@media(max-width:900px){
  .localized-banner{grid-template-columns:1fr;min-height:0}
  .localized-banner-copy{padding:4rem max(1.5rem,7vw) 3.5rem}
  .localized-banner-logo{width:min(250px,64vw);margin-bottom:2.5rem}
  .localized-banner h1{font-size:clamp(3.7rem,12vw,6rem)}
  .localized-banner-copy p{font-size:clamp(1rem,3.2vw,1.2rem)}
  .localized-banner-visual{min-height:clamp(570px,112vw,780px);background-size:76px 76px}
  .localized-photo-frame{inset:9% 8% 7% 8%;border-radius:32px}
  .sticker-mind{left:2%;top:25%}.sticker-progress{left:2%;bottom:16%}.sticker-cherry{right:2%;bottom:24%}.sticker-role{right:8%;bottom:1%}
}

@media(max-width:520px){
  .localized-banner-copy{padding:3rem 1.35rem 2.75rem}
  .localized-banner h1{font-size:clamp(3.25rem,16vw,4.7rem);line-height:.9}
  .localized-banner h1 em{white-space:normal}
  .localized-banner-copy p{margin-top:1.75rem}
  .localized-banner-visual{min-height:610px;background-size:62px 62px}
  .localized-photo-frame{inset:8% 5% 8% 5%}
  .banner-sticker{max-width:145px;padding:.45rem .65rem;font-size:.7rem}
  .sticker-mind{left:0;top:23%}.sticker-progress{left:0;bottom:19%}.sticker-cherry{right:0;bottom:28%;font-size:1.2rem}.sticker-role{right:4%;bottom:2%;padding:.75rem 1rem}
  .localized-banner-mascot{right:1%;top:47%;width:18%}
}
.about h2 em,.process h2 em,.faq h2 em{padding-inline:.03em .08em}
@media(max-width:700px){
  .hero h1 em,
  .section h2 em,
  .about h2 em,
  .faq-contact h2 em{line-height:.9}
  .hero h1 em{white-space:normal}
}

/* Netlify form states and privacy consent */
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
.form-consent{display:grid!important;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:.65rem!important;font-size:.73rem!important;font-weight:500!important;line-height:1.45;color:#5d4350}
.form-consent input{width:18px!important;height:18px;margin:.08rem 0 0;padding:0;accent-color:#5b0a3e}
.contact button:disabled{cursor:wait;opacity:.68;transform:none!important}
.form-status{min-height:1.5rem;font-size:.82rem;font-weight:600}
.form-status.success{color:#285f3c}
.form-status.error{color:#861f27}

/* Subtle left-to-right text reveal on scroll */
.motion-ready .reveal-text{
  opacity:0;
  transform:translate3d(-30px,0,0);
  clip-path:inset(0 100% 0 0);
  transition:opacity .72s ease-out,transform .86s cubic-bezier(.22,1,.36,1),clip-path .98s cubic-bezier(.22,1,.36,1);
  will-change:opacity,transform,clip-path;
}
.motion-ready .reveal-text.visible{opacity:1;transform:none;clip-path:inset(0)}
.help-list .reveal-text:nth-child(2),.process li.reveal-text:nth-child(2){transition-delay:.07s}
.help-list .reveal-text:nth-child(3),.process li.reveal-text:nth-child(3){transition-delay:.14s}
.help-list .reveal-text:nth-child(4){transition-delay:.21s}
@media(max-width:700px){
  .motion-ready .reveal-text{transform:translate3d(-18px,0,0);transition-duration:.62s,.74s,.84s}
  .help-list .reveal-text,.process li.reveal-text{transition-delay:0s!important}
}
@media(prefers-reduced-motion:reduce){
  .motion-ready .reveal-text{opacity:1;transform:none;clip-path:none;transition:none;will-change:auto}
}

/* Banners gráficos localizados: mesma composição, um arquivo por idioma. */
.hero{display:block;height:auto;min-height:0;background:#f4efe9}
.language-banner{display:none;width:100%}
html[lang="pt-BR"] .banner-pt,html[lang="es"] .banner-es,html[lang="en"] .banner-en{display:block}
.language-banner-desktop{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain}
.language-banner-mobile{display:none}
@media(max-width:640px){
  .language-banner-desktop{display:none}
  .language-banner-mobile{display:block;background:#f4efe9}
  .language-banner-mobile img{display:block;width:100%;height:auto}
}