@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@300;400;500;600&display=swap');
:root{color-scheme:dark;--black:#080807;--panel:#10100f;--gold:#d5ad64;--cream:#f0eee8;--muted:#9c9a92;--line:#34332f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:fixed;top:-70px;left:15px;background:white;color:#111;padding:15px;z-index:15}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.ticker{height:29px;background:#161512;border-bottom:1px solid #27251f;display:flex;justify-content:center;align-items:center;gap:26px;color:#c2aa7c;font-size:8px;letter-spacing:2px}.ticker i{font-style:normal;color:var(--gold);font-size:9px}header{height:83px;padding:0 4.4%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;position:absolute;top:29px;left:0;right:0;z-index:5;border-bottom:1px solid #ffffff20}header .brand{width:160px;height:80px;display:block;overflow:hidden;background:transparent}header .brand img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:normal;transform:scale(1.34)}header nav{display:flex;gap:38px;align-items:center;text-transform:uppercase;font-size:9px;letter-spacing:1.35px}header nav a,.header-cta{transition:color .2s}header nav a:hover,.header-cta:hover{color:var(--gold)}.header-cta{justify-self:end;font-size:9px;letter-spacing:1.3px;text-transform:uppercase;border:1px solid #ffffff77;padding:13px 17px}.header-cta span{color:var(--gold);margin-left:20px}.menu-button{display:none}.hero{height:min(100svh,920px);min-height:650px;position:relative;overflow:hidden;background:#151411}.hero-photo{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 48%;opacity:.94}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#05050464 0%,#05050400 25%,#05050400 60%,#0505048c 100%),linear-gradient(90deg,#05050448,transparent 72%)}.hero-mark{position:absolute;top:25%;left:50%;transform:translateX(-50%);width:min(34vw,430px);height:290px;mix-blend-mode:screen;opacity:.95;overflow:hidden}.hero-mark img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-buy{display:flex;align-items:center;justify-content:center;gap:54px;width:min(300px,74vw);height:53px;border-radius:40px;background:#080807;color:#fff;border:1px solid #d5ad6473;font-size:9px;font-weight:700;letter-spacing:1.7px;transition:background .2s,color .2s,border-color .2s}.hero-buy:hover{background:var(--gold);color:#0b0a08;border-color:var(--gold)}.hero-buy span{color:var(--gold);font-size:14px}.hero-buy:hover span{color:#0b0a08}.hero>.hero-buy{position:absolute;left:50%;bottom:8%;transform:translateX(-50%)}.hero-meta{position:absolute;bottom:28px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;color:#e7e2d5;font-size:8px;letter-spacing:1.7px}.collection{padding:56px 7% 120px;background:#0d0d0c}.section-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:17px}.eyebrow{font-size:9px;letter-spacing:2px;color:var(--gold);margin:0;line-height:1.6}.section-count{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.collection-heading{display:flex;align-items:end;justify-content:space-between;margin:0 0 40px;gap:30px}.collection-heading h2,.campaign-copy h2,.details h2,.closing h2{font-family:'Manrope',Arial,sans-serif;font-size:clamp(40px,6.3vw,82px);line-height:1.06;letter-spacing:-3.5px;font-weight:300;margin:0}.collection-heading h2 em,.campaign-copy h2 em{font-weight:300;color:var(--gold);font-style:normal}.collection-heading>p{font-size:11px;line-height:1.8;color:#b5b0a5;margin:0 0 6px;min-width:180px}.product-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-image{position:relative;display:block;height:clamp(400px,58vw,740px);overflow:hidden;background:#141310}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.75,.2,1);display:block}.product-card:hover .product-image img{transform:scale(1.035)}.product-flag{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1.8px;background:#080807bb;padding:9px 11px;color:#e8dfca}.product-arrow{position:absolute;right:17px;bottom:17px;border-radius:50%;background:#080807;color:var(--gold);width:42px;height:42px;display:grid;place-items:center;font-size:16px}.product-info{display:flex;justify-content:space-between;align-items:center;padding:18px 0 0;gap:10px}.product-info h3{font-size:13px;letter-spacing:.25px;font-weight:500;margin:0 0 6px}.product-info p{font-size:9px;color:var(--muted);margin:0;letter-spacing:.4px}.availability{color:var(--gold);font-size:8px;letter-spacing:1.3px}.campaign{padding:114px 7%;display:grid;grid-template-columns:.7fr 1.3fr;gap:8%;align-items:center;background:#151411}.campaign-copy{padding:10px 0}.campaign-copy .eyebrow{margin-bottom:30px}.campaign-copy h2{font-size:clamp(42px,5.4vw,72px)}.campaign-copy>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#b4b0a6;max-width:320px;margin:26px 0 30px}.line-link{display:inline-flex;align-items:center;gap:50px;font-size:8px;letter-spacing:1.6px;padding:13px 0;border-bottom:1px solid #6b665a;color:#e5dfd3}.line-link span{color:var(--gold);font-size:13px}.campaign-images{position:relative;min-height:600px}.campaign-tall{width:72%;height:600px;margin:0}.campaign-tall img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block}.campaign-inset{position:absolute;width:45%;height:270px;right:0;bottom:44px;margin:0;border:8px solid #151411}.campaign-inset img{width:100%;height:100%;object-fit:cover;display:block}.campaign-images figcaption{font-size:8px;letter-spacing:1.2px;color:#d5c7a7;margin-top:10px}.details{padding:105px 9%;display:grid;grid-template-columns:1fr 1fr;gap:13%;background:#0b0b0a}.details-head .eyebrow{margin-bottom:42px}.details h2{font-size:clamp(48px,6vw,78px)}.details-body{padding:43px 0 0;max-width:470px}.details-body>p{font-size:13px;line-height:2;color:#c4c0b6;margin:0 0 20px}.details-body .line-link{margin-top:20px}.closing{height:min(780px,78vw);min-height:570px;position:relative;overflow:hidden}.closing>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:center 48%;filter:brightness(.74)}.closing-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080807da 0%,#0808076e 43%,transparent 100%)}.closing-copy{position:absolute;left:10%;top:50%;transform:translateY(-50%)}.closing-copy .eyebrow{margin-bottom:24px}.closing h2{font-size:clamp(50px,7vw,92px)}.closing-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;color:#ddd8cd;margin:22px 0}.closing-copy .hero-buy{margin-top:27px}.product-details{min-height:130px;padding:38px 7%;display:flex;justify-content:space-between;gap:30px;align-items:center;border-top:1px solid var(--line);background:#10100f}.product-details span{font-size:9px;letter-spacing:2px;color:var(--gold)}.product-details p{font-size:10px;line-height:1.7;color:#aaa69b;max-width:560px;margin:0}footer{padding:20px 4.5% 24px;min-height:132px;border-top:1px solid #302e28;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;position:relative}footer .footer-brand{width:132px;height:66px;overflow:hidden}footer .footer-brand img{width:100%;height:100%;object-fit:cover;mix-blend-mode:normal}.footer-center{text-align:center;font-size:8px;line-height:2;letter-spacing:1.6px;color:#ddd5c6}.footer-center span{color:var(--gold)}.back-top{justify-self:end;font-size:8px;letter-spacing:1.4px;color:#d8d2c7}footer small{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:7px;letter-spacing:1.1px;color:#827e73}
@media(max-width:850px){header{height:70px;padding:0 5%;grid-template-columns:1fr auto;top:29px}header .brand{width:138px;height:68px}header nav,.header-cta{display:none}.menu-button{display:flex;align-items:center;gap:13px;border:1px solid #ffffff6b;background:#0909089c;color:#f2eee4;padding:12px;font-size:9px;letter-spacing:1.3px;text-transform:uppercase}.menu-button span{font-size:13px;color:var(--gold)}#mobile-menu{position:absolute;z-index:6;top:99px;left:0;right:0;padding:23px 6%;background:#0b0b0a;display:flex;flex-direction:column;gap:22px;border-bottom:1px solid #36332a;text-transform:uppercase;font-size:10px;letter-spacing:1.5px}#mobile-menu[hidden]{display:none}.hero{min-height:500px;height:calc(100svh - 29px);max-height:900px}.hero-photo{object-position:52% center}.hero-mark{display:none}.hero>.hero-buy{bottom:12%}.collection{padding:40px 6% 80px}.collection-heading{display:block;margin:0 0 35px}.collection-heading h2{font-size:clamp(43px,8vw,66px);letter-spacing:-2.5px}.collection-heading>p{margin-top:17px}.product-grid{gap:10px}.product-image{height:clamp(320px,70vw,570px)}.product-info{align-items:flex-start;flex-direction:column}.availability{font-size:7px}.product-info h3{font-size:11px}.product-info p{font-size:8px}.product-flag{top:10px;left:10px;font-size:7px}.product-arrow{width:34px;height:34px;right:10px;bottom:10px}.campaign{padding:72px 6%;grid-template-columns:1fr;gap:38px}.campaign-copy h2{font-size:clamp(48px,11vw,70px)}.campaign-images{min-height:540px}.campaign-tall{width:77%;height:520px}.campaign-inset{height:220px;width:46%;bottom:34px;border-width:6px}.details{padding:72px 7%;grid-template-columns:1fr;gap:5px}.details-head .eyebrow{margin-bottom:27px}.details h2{font-size:56px}.details-body{padding-top:18px}.closing{height:700px;min-height:570px}.closing>img{object-position:58% center}.closing-shade{background:linear-gradient(90deg,#080807d9 0%,#08080768 66%,transparent 100%)}.closing-copy{left:7%}.closing h2{font-size:clamp(52px,11vw,78px)}.product-details{padding:28px 7%;display:block}.product-details p{margin-top:13px}footer{grid-template-columns:1fr 1fr;min-height:145px;padding:15px 5% 35px}.footer-center{display:none}.back-top{grid-column:2;grid-row:1}.footer-brand{grid-column:1;grid-row:1}footer small{left:5%;transform:none}}
@media(max-width:480px){.ticker{gap:13px;font-size:7px;letter-spacing:1.2px}.ticker span:last-child{display:none}.hero{min-height:620px}.hero-mark{display:none}.hero-meta{font-size:7px;letter-spacing:1px;bottom:19px}.section-top .eyebrow{font-size:8px}.collection-heading h2{font-size:43px}.product-image{height:66vw;min-height:270px}.product-grid{gap:8px}.product-info h3{font-size:10px}.campaign-images{min-height:455px}.campaign-tall{height:440px;width:80%}.campaign-inset{height:175px;width:48%;bottom:30px}.campaign-images figcaption{font-size:7px;letter-spacing:.8px}.closing{height:630px;min-height:550px}.closing>img{object-position:54% center}.closing-copy{left:7%;right:5%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.hero-gallery{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#111}.hero-gallery img{display:block;width:100%;height:100%;min-width:0;object-fit:cover;object-position:center 38%}.hero-gallery img:first-child{object-position:center 36%}.hero-gallery img:last-child{object-position:center 38%}.hero-shade{background:linear-gradient(180deg,#080807a8 0%,#08080724 19%,transparent 42%,#08080718 65%,#080807c7 100%)}@media(max-width:850px){.hero-gallery img:first-child{object-position:center 34%}.hero-gallery img:last-child{object-position:center 38%}}@media(max-width:480px){.hero{height:calc(100svh - 29px);min-height:620px}.hero-gallery{gap:1px}.hero-gallery img:first-child{object-position:center 35%}.hero-gallery img:last-child{object-position:center 39%}.hero-shade{background:linear-gradient(180deg,#080807b0 0%,#08080720 20%,transparent 42%,#08080725 62%,#080807cf 100%)}.hero>.hero-buy{bottom:14%}}
.hero-gallery{grid-template-columns:1fr}.hero-gallery img{object-position:center 42%}.hero-shade{background:linear-gradient(180deg,#08080758 0%,transparent 24%,transparent 64%,#0808079c 100%)}@media(max-width:850px){header{position:relative;top:auto;background:#080807}.hero{height:auto;min-height:0;max-height:none;aspect-ratio:1.45}.hero-gallery img{object-position:center 42%}.hero-shade{background:linear-gradient(180deg,transparent 47%,#08080720 65%,#0808079c 100%)}.hero>.hero-buy{bottom:14%}.hero-meta{color:#f0eee8}}@media(max-width:480px){.hero{height:auto;min-height:0;aspect-ratio:1.35}.hero-gallery img{object-position:center 42%}.hero>.hero-buy{bottom:15%}.hero-meta{bottom:12px}.hero-shade{background:linear-gradient(180deg,transparent 46%,#0808071a 65%,#080807a8 100%)}}
@media(max-width:850px){header{background:#d5d1cd;border-bottom:1px solid transparent}header .brand img{filter:brightness(.62) saturate(.82)}.menu-button{background:#d5d1cd;color:#171614;border-color:#17161455}.menu-button span{color:#8f6b30}}
@media(max-width:850px){header .brand img{filter:none}}
@media(max-width:850px){header .brand img{display:none}header .brand{display:flex;align-items:center;width:150px;height:68px;overflow:visible}header .brand:after{content:"VALENCE";font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:400;letter-spacing:3.5px;color:#51401d;white-space:nowrap}}


@media(max-width:850px){header{background:linear-gradient(90deg,#c6c2bd 0%,#d5d0cb 20%,#d8d2ce 40%,#dbd7d3 60%,#dfdcd8 80%,#dfdcd7 100%);border-bottom:0}.menu-button{background:transparent}}@media(max-width:480px){header{background:linear-gradient(90deg,#c6c0bc 0%,#dad6d1 25%,#d5d1ce 50%,#dedbd7 75%,#ddd9d6 100%)}}
@media(max-width:850px){header{background:linear-gradient(90deg,#c7c2be 0%,#c9c4c0 10%,#d5d0cc 20%,#ddd9d5 30%,#d7d2cf 40%,#d5d1cd 50%,#dad7d3 60%,#dedad6 70%,#dedbd7 80%,#dddAD6 90%,#dfdbd8 100%)}}@media(max-width:480px){header{background:linear-gradient(90deg,#c6c1bd 0%,#cfcac6 10%,#d5d0cc 20%,#ddd8d4 30%,#d7d2ce 40%,#d5d1cd 50%,#dbd7d3 60%,#dddAD5 70%,#dfdcd8 80%,#dcd9d6 90%,#dedad6 100%)}}
@media(max-width:850px){header{background-image:url("assets/banner-edge-tablet.png");background-repeat:repeat-y;background-size:100% 1px;background-position:center bottom}}@media(max-width:480px){header{background-image:url("assets/banner-edge-mobile.png")}}
@media(max-width:850px){header{position:absolute;top:29px;left:0;right:0;z-index:5;background:transparent;background-image:none;padding-right:2%}.menu-button{background:transparent}}
header .brand img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important;filter:none!important;mix-blend-mode:normal}header .brand:after{content:none!important}@media(max-width:850px){header .brand{width:160px;height:68px;overflow:visible}header .brand img{display:block}}
@media(max-width:850px){header .brand{width:134px;height:56px}}
header .brand{width:128px;height:52px}@media(max-width:850px){header .brand{width:112px;height:46px}}
header .brand img{filter:brightness(.52) contrast(1.08) saturate(.9)!important}
header{border-bottom:0!important}
.hero{height:calc(100svh - 29px);min-height:0;max-height:none}
@media(min-width:851px){.hero{height:calc(100svh - 29px);min-height:0;max-height:none}}@media(max-width:850px){.hero{height:auto;min-height:0;max-height:none;aspect-ratio:1.45}}@media(max-width:480px){.hero{height:auto;min-height:0;max-height:none;aspect-ratio:1.35}}
@media(min-width:851px){.hero{height:100svh}}

/* Header alinhado ao topo após a remoção da faixa de anúncio */
header{top:0!important}

@media(min-width:851px){
  .hero-gallery{isolation:isolate}
  .hero-gallery::before{content:"";position:absolute;inset:-24px;z-index:0;background:url("assets/editorial-valence-banner.png") center/cover no-repeat;filter:blur(18px) brightness(.78);transform:scale(1.04)}
  .hero-gallery img{position:relative;z-index:1;object-fit:contain;object-position:center}
}
/* Preenche as margens do contain com tons do próprio banner, sem duplicar a foto */
@media(min-width:851px){
  .hero-gallery{background:linear-gradient(180deg,#c7c3bf 0%,#c7c3bf 70%,#958e87 100%)}
  .hero-gallery::before{display:none}
  .hero-gallery img{object-fit:contain;object-position:center}
}

/* No desktop, o banner inteiro define a altura, sem margens acima ou abaixo. */
@media(min-width:851px){
  .hero{height:auto;min-height:0;max-height:none;aspect-ratio:2/1}
  .hero-gallery{background:transparent}
  .hero-gallery img{object-fit:contain;object-position:center}
}

/* Logo em alta resolução, sem ajustes de cor no cabeçalho. */
header .brand{display:block;position:relative;width:148px;height:auto;aspect-ratio:1400/564;overflow:hidden}
header .brand img{position:absolute;display:block;width:126.714286%;height:auto;max-width:none;left:-15.428571%;top:-32.269504%;object-fit:contain;object-position:center;filter:none!important;transform:none!important}
@media(max-width:850px){header{padding-left:clamp(10px,2.5vw,22px)}header .brand{width:clamp(98px,17vw,126px);align-self:start;margin-top:10px}}
@media(max-width:480px){header .brand{width:clamp(52px,16.5vw,78px)}}
/* Fotos verticais dos produtos, com as camisetas inteiras em todos os tamanhos. */
.collection .product-image{background:#fff}
.collection .product-image img{object-fit:contain;object-position:center}
/* Produtos mais compactos no computador, na proporção vertical de 3:5. */
@media(min-width:851px){
  .collection .product-grid{max-width:680px;margin-inline:auto}
  .collection .product-image{height:auto;min-height:0;aspect-ratio:3/5}
}
/* Título centralizado, usando a arte enviada e preservando seu desenho. */
.collection .collection-heading{display:flex;align-items:center;justify-content:center;gap:0;margin:0 0 44px;text-align:center}
.collection .collection-title{position:relative;width:min(680px,100%);height:auto;aspect-ratio:930/64;overflow:hidden;margin:0;font-size:0;line-height:0}
.collection .collection-title img{position:absolute;display:block;width:165.16129%;height:auto;max-width:none;left:-33.978495%;top:-350%;mix-blend-mode:screen}
@media(max-width:850px){.collection .collection-heading{margin-bottom:30px}}
/* Troca suave para a foto do modelo, com uma aproximação um pouco maior. */
.collection .product-image{transition:transform .45s cubic-bezier(.2,.75,.2,1),box-shadow .45s ease}
.collection .product-card .product-image img{position:absolute;inset:0;transform:scale(1);transform-origin:center;transition:opacity .32s ease,transform .55s cubic-bezier(.2,.75,.2,1)}
.collection .product-image .product-photo-front{opacity:1}
.collection .product-image .product-photo-model{opacity:0;pointer-events:none}
.collection .product-arrow{z-index:2}
@media(hover:hover) and (pointer:fine){
  .collection .product-image:hover{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.25)}
  .collection .product-card .product-image:hover img{transform:scale(1.075)}
  .collection .product-image:hover .product-photo-front{opacity:0}
  .collection .product-image:hover .product-photo-model{opacity:1}
}
.collection .product-image:focus-visible{transform:translateY(-5px);box-shadow:0 18px 36px rgba(0,0,0,.25)}
.collection .product-card .product-image:focus-visible img{transform:scale(1.075)}
.collection .product-image:focus-visible .product-photo-front{opacity:0}
.collection .product-image:focus-visible .product-photo-model{opacity:1}
@media(prefers-reduced-motion:reduce){
  .collection .product-image,.collection .product-card .product-image img{transition:none!important}
}
.collection .collection-title{isolation:isolate;background:#0d0d0c}
.campaign-single{min-height:0}
.campaign-single figure{width:100%;margin:0}
.campaign-single figure img{display:block;width:100%;height:600px;object-fit:cover;object-position:center 65%;mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 12%,#000 88%,transparent),linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-composite:source-in}
.campaign-single figcaption{text-align:center;margin-top:8px}
.scroll-reveal{opacity:0;translate:0 18px;transition:opacity .7s ease,translate .7s cubic-bezier(.2,.7,.2,1)}
.scroll-reveal.is-revealed{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;translate:none;transition:none}}
@media print{.scroll-reveal{opacity:1;translate:none;transition:none}}

/* Coleção no celular: uma peça por linha, com informações mais legíveis. */
@media(max-width:850px){
  .collection .product-grid{grid-template-columns:minmax(0,1fr);gap:38px}
  .collection .product-image{height:auto;min-height:0;aspect-ratio:3/5}
  .collection .product-info{align-items:flex-start;gap:14px;padding-top:20px}
  .collection .product-info h3{font-size:clamp(22px,5.6vw,28px);font-weight:600;line-height:1.2;letter-spacing:.15px;margin-bottom:9px}
  .collection .product-info p{font-size:15px;line-height:1.5;color:#d4d0c6;letter-spacing:.2px}
  .collection .availability{font-size:11px;font-weight:600;letter-spacing:1.6px;line-height:1.4;padding:8px 12px;border:1px solid #d5ad6466;border-radius:3px;background:#d5ad640d}
  .collection .product-arrow{width:44px;height:44px;right:14px;bottom:14px;font-size:19px}
}

@media(max-width:850px){.campaign-single figure img{height:clamp(380px,125vw,600px)}}

/* Rodapé com a marca em PNG, sem textos adicionais. */
footer{display:flex;justify-content:center;align-items:center;min-height:160px;height:auto;padding:30px 6%}
footer .footer-brand{display:block;width:clamp(210px,23vw,280px);height:auto;aspect-ratio:2/1}
footer .footer-brand img{display:block;width:100%;height:auto;object-fit:contain;filter:none;mix-blend-mode:normal}
.product-info{scroll-margin-top:24px}
@media(max-width:850px){
 header{grid-template-columns:1fr auto 1fr;height:78px;padding:8px 16px;align-items:center}
 header .brand{grid-column:2;grid-row:1;width:120px;aspect-ratio:2/1;align-self:center;margin:0;overflow:visible}
 header .brand picture{display:block;width:100%}
 header .brand img{position:static;width:100%;height:auto;max-width:100%;object-fit:contain}
 header .menu-button{grid-column:3;grid-row:1;justify-self:end;width:42px;height:42px;padding:10px;border:1px solid #17161444;border-radius:5px;background:#ffffff45;box-shadow:0 1px 5px #00000018}
 .menu-icon{display:flex;flex-direction:column;gap:5px;width:22px}
 .menu-icon i{display:block;width:22px;height:2px;background:#171614;border-radius:1px}
 #mobile-menu{top:78px}
 .campaign-single figure img{mask-image:none;-webkit-mask-image:none}
 footer{min-height:155px;padding:28px 6%}
}

/* Menu móvel contínuo do topo aos links, com entrada e saída suaves. */
#mobile-menu{display:none}
@media(max-width:850px){
 header .brand{width:104px}
 header{z-index:8;transition:background-color .28s ease}
 header.menu-open{background-color:#e2ded8}
 #mobile-menu{display:flex;top:0;z-index:7;padding:101px 6% 26px;background:#e2ded8;color:#171614;border-bottom:1px solid #17161422;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease,visibility 0s linear .28s}
 #mobile-menu.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .28s ease,visibility 0s}
}
@media(prefers-reduced-motion:reduce){header,#mobile-menu{transition:none}}
