:root{
  color-scheme: light;

  --s-1:.25rem; --s-2:.5rem;  --s-3:.75rem; --s-4:1rem;
  --s-5:1.5rem; --s-6:2rem;   --s-7:3rem;   --s-8:4rem;
  --s-9:6rem;

  --paper:      #FAF7EF;
  --paper-2:    #F1EAD8;
  --ink:        #071B3D;
  --ink-soft:   #47526E;
  --line:       #E7E0CE;
  --line-2:     #D8CDB0;

  --accent:       #9C7A1E;
  --accent-deep:  #7E6114;
  --accent-fg:    #04204C;
  --accent-light: #F1D28C;

  --gold:       #E8BA42;
  --gold-deep:  #B98C28;
  --gold-light: #F6DA9B;
  --navy:       #04204C;

  --sig-fg:   #F4EFE6;

  --serif: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --sans:  'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --menu:  'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-meta:  .8125rem;
  --fs-sm:    .9375rem;
  --fs-base:  1rem;
  --fs-lead:  1.1875rem;
  --fs-h3:    clamp(1.5rem, 3vw, 2rem);
  --fs-h2:    clamp(2rem, 4.6vw, 3.15rem);

  --r-img:  3px;
  --r-pill: 999px;
  --hair:   1px solid var(--line);
  --lift:   0 22px 48px -30px rgba(22,36,31,.40);

  --wrap: 68rem;
  --gutter: clamp(1.25rem, 5vw, 3.5rem);
}

*,*::before,*::after{ box-sizing:border-box; }
html{ -webkit-text-size-adjust:100%; scroll-behavior:smooth; overflow-x:clip; }
body{
  margin:0;
  overflow-x:hidden;
  font-family:var(--sans);
  font-size:var(--fs-base);
  line-height:1.65;
  color:var(--ink);
  background:
    linear-gradient(122deg, rgba(255,255,255,.55) 0%, rgba(250,247,239,0) 34%, rgba(250,247,239,0) 66%, rgba(255,255,255,.4) 100%),
    radial-gradient(130% 60% at 82% -8%, rgba(255,255,255,.6), rgba(250,247,239,0) 58%),
    var(--paper);
  background-attachment:fixed;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
img{ max-width:100%; display:block; height:auto; }
a{ color:var(--accent); text-decoration-thickness:1px; text-underline-offset:.18em; }
a:hover{ color:var(--accent-deep); }
h1,h2,h3,h4{
  font-family:var(--serif);
  font-weight:500;
  line-height:1.08;
  letter-spacing:-.018em;
  margin:0;
  font-optical-sizing:auto;
  text-wrap:balance;
}
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }

:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:3px;
  border-radius:2px;
}
.skip{
  position:absolute; left:-9999px; top:0;
  background:var(--ink); color:var(--paper);
  padding:.75rem 1.25rem; z-index:999;
}
.skip:focus{ left:.5rem; top:.5rem; }

.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;
}

.wrap{
  max-width:var(--wrap);
  margin-inline:auto;
  padding-inline:var(--gutter);
}
.prose{ max-width:38rem; }
.prose p + p{ margin-top:var(--s-4); }

.block{ padding-block:clamp(4rem, 9vw, var(--s-9)); }
.block:has(.stage-num){ padding-top:clamp(2.5rem, 5vw, var(--s-7)); }
#novidades{ padding-bottom:clamp(2rem, 5vw, var(--s-7)); }
.lead{
  font-size:var(--fs-lead);
  line-height:1.55;
  color:var(--ink-soft);
}

.btn{
  display:inline-flex; align-items:center; gap:.5rem;
  font-family:var(--sans); font-weight:600;
  font-size:var(--fs-sm);
  min-height:44px;
  padding:.75rem 1.4rem;
  border:1px solid transparent;
  cursor:pointer;
  text-decoration:none;
  transition:background .18s ease, color .18s ease, border-color .18s ease;
}
.btn--primary{
  background:linear-gradient(180deg,var(--gold-light),var(--gold));
  color:var(--accent-fg);
  border-radius:var(--r-pill);
  padding-inline:1.7rem;
  border:0;
  transition:background .18s ease, color .18s ease, transform .12s ease;
}
.btn--primary:hover{ background:linear-gradient(180deg,var(--gold),var(--gold-deep)); color:var(--accent-fg); }
.btn--primary:focus-visible{ outline:0; }
.btn--icon{ padding:0; width:44px; height:44px; justify-content:center; }
.btn--icon svg{ width:22px; height:22px; }

.textlink{
  font-family:var(--sans); font-weight:600; font-size:var(--fs-sm);
  text-decoration:none;
  padding-bottom:2px;
  background-image:linear-gradient(currentColor,currentColor);
  background-position:0 100%; background-repeat:no-repeat; background-size:100% 1px;
  transition:background-size .28s cubic-bezier(.2,.7,.2,1), color .18s ease;
}

.site-header{
  position:sticky; top:0; z-index:50;
  background:
    linear-gradient(90deg, rgba(4,20,45,.72) 0%, rgba(4,20,45,.32) 45%, rgba(4,20,45,.72) 100%),
    url("Imagens/header-bg-2.webp");
  background-size:cover;
  background-position:center;
  border-bottom:1px solid rgba(246,218,155,.18);
  backdrop-filter:blur(8px);
}
.site-header .wrap{
  display:grid; grid-template-columns:auto 1fr auto; align-items:center;
  gap:var(--s-6);
  min-height:74px;
  padding-left:var(--s-5);
}
.site-header .brandmark{ grid-column:1; justify-self:start; }
.site-header .main-nav{ grid-column:2; justify-self:center; }
.site-header .header-actions{ grid-column:3; justify-self:end; }

.logo-image{ display:block; width:auto; height:auto; object-fit:contain; }

.brandmark{
  display:flex; align-items:center; gap:.7rem;
  line-height:1; text-decoration:none;
}
.brandmark .logo-image--header{
  width:clamp(110px, 6.4vw + 80px, 170px); height:auto; max-width:none;
  aspect-ratio:1294/396; object-fit:contain; object-position:left;
}
.main-nav{ display:flex; align-items:center; gap:var(--s-6); }
.main-nav a{
  position:relative;
  font-family:var(--menu); font-size:var(--fs-base); font-weight:600;
  letter-spacing:.01em;
  color:var(--sig-fg); text-decoration:none;
  padding:.35em 0;
  white-space:nowrap;
  transition:color .18s ease;
}
.main-nav a::after{
  content:""; position:absolute; left:0; right:100%; bottom:0;
  height:2px; background:var(--gold-light);
  transition:right .22s ease;
}
.main-nav a:hover{ color:var(--gold-light); }
.main-nav a:hover::after{ right:0; }

.main-nav .nav-item{ position:relative; display:flex; align-items:center; }
.main-nav .nav-item > a{ display:inline-flex; align-items:center; gap:.4em; }
.main-nav .nav-item > a::before{
  content:""; width:6px; height:6px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:rotate(45deg); transition:transform .18s ease;
}
.main-nav .nav-item:hover > a::before,
.main-nav .nav-item:focus-within > a::before{ transform:rotate(225deg); }
.main-nav .submenu{
  position:absolute; top:100%; left:0;
  transform:translateY(4px);
  min-width:200px; margin:0; padding:.5rem; list-style:none;
  background:var(--paper); border:1px solid var(--line-2); border-radius:var(--r-img);
  box-shadow:0 12px 32px -12px rgba(0,0,0,.4);
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .18s ease, transform .18s ease, visibility .18s ease;
  z-index:5;
}
.main-nav .nav-item:hover > .submenu,
.main-nav .nav-item:focus-within > .submenu{
  opacity:1; visibility:visible; pointer-events:auto;
  transform:translateY(0);
}
.main-nav .submenu a{
  position:static; display:block; padding:.55rem .75rem; border-radius:var(--r-img);
  font-family:var(--sans); font-weight:500; font-size:var(--fs-sm);
  color:var(--ink); white-space:nowrap;
}
.main-nav .submenu a::after{ content:none; }
.main-nav .submenu a:hover{ background:var(--paper-2); color:var(--accent-deep); }

.header-actions{ display:flex; align-items:center; gap:var(--s-4); }
.header-util{
  font-family:var(--menu); font-size:var(--fs-meta); font-weight:600;
  letter-spacing:.04em;
  color:rgba(244,239,230,.75); text-decoration:none;
  white-space:nowrap;
}
.header-util:hover{ color:var(--gold-light); }
@media (max-width:900px){ .header-util{ display:none; } }
.nav-toggle{
  display:none;
  width:44px; height:44px;
  border:1px solid rgba(246,218,155,.3); background:transparent;
  align-items:center; justify-content:center; cursor:pointer;
  color:var(--sig-fg);
}
.nav-toggle svg{ width:20px; height:20px; }

@media (max-width:900px){
  .main-nav{ display:none; }
  .header-actions .btn--primary{ display:none; }
  .nav-toggle{ display:inline-flex; }
  .site-header .wrap{
    height:74px; min-height:0;
    display:flex; justify-content:space-between; align-items:center;
  }
  .brandmark .logo-image--header{ width:min(max(190px, 46vw), 240px, calc(100vw - 100px)); }
}

.drawer-backdrop{
  position:fixed; inset:0; background:rgba(22,36,31,.5);
  opacity:0; pointer-events:none; transition:opacity .25s ease; z-index:60;
}
.drawer-backdrop.open{ opacity:1; pointer-events:auto; }
.drawer{
  position:fixed; inset:0 0 0 auto; width:min(340px,86vw);
  background:var(--paper); z-index:70;
  visibility:hidden;
  transform:translateX(100%); transition:transform .3s ease, visibility .3s ease;
  padding:var(--s-5) var(--gutter);
  display:flex; flex-direction:column; gap:var(--s-4);
  overflow-y:auto;
  border-left:var(--hair);
}
.drawer.open{ transform:translateX(0); visibility:visible; }
.drawer a{
  font-family:var(--serif); font-size:1.25rem; color:var(--ink); text-decoration:none;
  padding-block:.6rem;
}
.drawer a:hover{ color:var(--accent); }
.drawer-close{
  align-self:flex-end; background:none; border:none; cursor:pointer;
  color:var(--ink-soft); font-size:1.75rem; line-height:1; padding:.25rem .5rem;
}
.drawer-secondary{
  display:flex; flex-direction:column;
  margin-top:var(--s-2);
  padding-top:var(--s-4);
  border-top:var(--hair);
}
.drawer-secondary a{
  font-family:var(--sans); font-size:var(--fs-sm); font-weight:500;
  color:var(--ink-soft); padding-block:.4rem;
}
.drawer-secondary a:hover{ color:var(--accent); }
.drawer-cta{ width:100%; justify-content:center; }
.drawer-cta svg{ width:20px; height:20px; }

.drawer-item{ display:flex; flex-direction:column; gap:var(--s-2); }
.drawer-item__row{ display:flex; align-items:center; gap:var(--s-3); }
.drawer-item__link{ flex:1; }
.drawer-item__toggle{
  width:36px; height:36px; flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  background:none; border:1px solid var(--line-2); border-radius:var(--r-pill);
  color:var(--ink-soft); cursor:pointer;
}
.drawer-item__toggle::after{
  content:""; width:7px; height:7px;
  border-right:1.5px solid currentColor; border-bottom:1.5px solid currentColor;
  transform:translateY(-1px) rotate(45deg); transition:transform .2s ease;
}
.drawer-item__toggle[aria-expanded="true"]::after{ transform:translateY(2px) rotate(225deg); }
.drawer-submenu{
  display:flex; flex-direction:column;
  margin:0; padding-left:var(--s-4); list-style:none;
}
.drawer-submenu[hidden]{ display:none; }
.drawer-submenu a{
  font-family:var(--sans); font-size:var(--fs-sm); font-weight:500;
  color:var(--ink-soft); padding-block:.4rem;
}
.drawer-submenu a:hover{ color:var(--accent); }

.hero{
  position:relative;
  aspect-ratio:2172/724;
  display:flex;
  align-items:center;
  overflow:hidden;
  border-bottom:var(--hair);
  background:var(--ink,#111);
}
.hero-figure{
  position:absolute;
  inset:0;
  margin:0;
  z-index:0;
}
.hero-figure picture{ display:block; width:100%; height:100%; }
.hero-figure img{
  width:100%; height:100%; object-fit:cover; object-position:68% bottom;
}
@media (min-width:641px){
  .hero-figure img{ object-position:center center; }
}
@media (max-width:640px){
  .hero{
    aspect-ratio:auto;
    min-height:min(120vw, 560px);
    align-items:flex-start;
  }
}

.lifeaxis{
  background:
    linear-gradient(rgba(4,32,76,.75), rgba(4,32,76,.75)),
    url('Imagens/banner_1920x300.webp') center/cover no-repeat;
  border-bottom:var(--hair);
  padding-block:var(--s-6);
}
.lifeaxis .carousel{ margin-top:0; }
.lifeaxis .carousel-track{
  display:flex; flex-wrap:nowrap;
  gap:var(--s-4);
  list-style:none; margin:0; padding:var(--s-2) 0;
  max-width:none;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scroll-padding-left:var(--s-4);
  scrollbar-color:rgba(244,239,230,.4) transparent;
  scrollbar-width:thin;
}
.lifeaxis .carousel-track::-webkit-scrollbar{ height:6px; }
.lifeaxis .carousel-track::-webkit-scrollbar-track{ background:transparent; }
.lifeaxis .carousel-track::-webkit-scrollbar-thumb{
  background:rgba(244,239,230,.4);
  border-radius:var(--r-pill);
}
.lifeaxis .carousel-track::-webkit-scrollbar-thumb:hover{ background:var(--gold); }
.lifeaxis .carousel-track li{ flex:0 0 auto; width:15rem; scroll-snap-align:start; }
@media (max-width:560px){
  .lifeaxis .carousel-track li{ width:12rem; }
}

.lifeaxis a{
  display:flex; flex-direction:column; gap:.3rem;
  align-items:center; text-align:center;
  height:100%;
  padding:var(--s-5) var(--s-4);
  text-decoration:none; color:var(--sig-fg);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(244,239,230,.25);
  border-radius:var(--r-img);
  transition:border-color .2s ease, background .2s ease, transform .2s ease;
}
.lifeaxis .n{
  font-family:var(--serif); font-size:var(--fs-sm); color:var(--gold-light);
}
.lifeaxis .t{
  font-family:var(--serif); font-size:1.0625rem; letter-spacing:-.01em;
}
.lifeaxis .k{
  font-family:var(--sans); font-size:var(--fs-meta); color:var(--accent-light);
}
.lifeaxis a:hover .t{ color:var(--gold-light); }
@media (hover:hover){
  .lifeaxis a:hover{
    border-color:var(--gold-deep);
    background:rgba(255,255,255,.1);
    transform:translateY(-2px);
  }
}

.lifeaxis-feat a{ border-color:var(--gold-deep); background:rgba(255,255,255,.12); }

.stage-num{
  font-family:var(--menu);
  font-size:var(--fs-meta);
  font-weight:600;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold-light);
  display:inline-block;
  margin-bottom:var(--s-4);
  padding:.62rem 1.3rem;
  background:var(--navy);
  border:1px solid var(--gold);
  box-shadow:inset 0 0 0 3px var(--navy), inset 0 0 0 4px rgba(246,218,155,.45);
}

.carousel{
  position:relative;
  margin-top:var(--s-5);
}
.carousel .prod-grid,
.carousel .carousel-track{
  -webkit-mask-image:linear-gradient(to right, transparent, #000 3.5rem, #000 calc(100% - 3.5rem), transparent);
  mask-image:linear-gradient(to right, transparent, #000 3.5rem, #000 calc(100% - 3.5rem), transparent);
}
.carousel.is-start .prod-grid,
.carousel.is-start .carousel-track{
  -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 3.5rem), transparent);
  mask-image:linear-gradient(to right, #000 calc(100% - 3.5rem), transparent);
}
.carousel.is-end .prod-grid,
.carousel.is-end .carousel-track{
  -webkit-mask-image:linear-gradient(to left, #000 calc(100% - 3.5rem), transparent);
  mask-image:linear-gradient(to left, #000 calc(100% - 3.5rem), transparent);
}
.carousel.is-start.is-end .prod-grid,
.carousel.is-start.is-end .carousel-track{
  -webkit-mask-image:none;
  mask-image:none;
}
@media (max-width:560px){
  .carousel .prod-grid,
  .carousel .carousel-track{
    -webkit-mask-image:linear-gradient(to right, transparent, #000 1.75rem, #000 calc(100% - 1.75rem), transparent);
    mask-image:linear-gradient(to right, transparent, #000 1.75rem, #000 calc(100% - 1.75rem), transparent);
  }
  .carousel.is-start .prod-grid,
  .carousel.is-start .carousel-track{
    -webkit-mask-image:linear-gradient(to right, #000 calc(100% - 1.75rem), transparent);
    mask-image:linear-gradient(to right, #000 calc(100% - 1.75rem), transparent);
  }
  .carousel.is-end .prod-grid,
  .carousel.is-end .carousel-track{
    -webkit-mask-image:linear-gradient(to left, #000 calc(100% - 1.75rem), transparent);
    mask-image:linear-gradient(to left, #000 calc(100% - 1.75rem), transparent);
  }
  .carousel.is-start.is-end .prod-grid,
  .carousel.is-start.is-end .carousel-track{
    -webkit-mask-image:none;
    mask-image:none;
  }
}
#novidades .carousel .prod-grid{ margin-top:calc(-1 * var(--s-2)); }
#novidades .prod-grid{
  display:flex;
  flex-wrap:nowrap;
  gap:var(--s-4);
  max-width:none;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scroll-padding-left:var(--s-4);
  padding-top:var(--s-2);
  padding-bottom:var(--s-3);
  scrollbar-color:var(--line-2) transparent;
  scrollbar-width:thin;
}
#novidades .prod-grid::-webkit-scrollbar{ height:6px; }
#novidades .prod-grid::-webkit-scrollbar-track{ background:transparent; }
#novidades .prod-grid::-webkit-scrollbar-thumb{
  background:var(--line-2);
  border-radius:var(--r-pill);
}
#novidades .prod-grid::-webkit-scrollbar-thumb:hover{ background:var(--gold); }
#novidades .prod{
  flex:0 0 auto;
  width:13rem;
  scroll-snap-align:start;
}
@media (max-width:560px){
  #novidades .prod{ width:10.5rem; }
}

.carousel-arrow{
  position:absolute;
  top:calc(50% - var(--s-4));
  transform:translateY(-50%);
  z-index:2;
  display:flex; align-items:center; justify-content:center;
  width:2.75rem; height:2.75rem;
  border-radius:50%;
  background:var(--paper);
  border:1px solid var(--line-2);
  color:var(--ink);
  box-shadow:0 12px 28px -18px rgba(22,36,31,.5);
  cursor:pointer;
  transition:background .18s ease, border-color .18s ease, color .18s ease;
}
.carousel-arrow svg{ width:1.2rem; height:1.2rem; }
.carousel-arrow:hover{
  background:linear-gradient(180deg,var(--gold-light),var(--gold));
  border-color:var(--gold-deep);
  color:var(--accent-fg);
}
.carousel-arrow--prev{ left:-1.375rem; }
.carousel-arrow--next{ right:-1.375rem; }
.carousel-arrow[hidden]{ display:none; }
@media (max-width:760px){
  .carousel-arrow{ display:none; }
}

.onde-tagline{
  font-family:var(--serif);
  font-size:clamp(1.35rem, 3vw, 1.75rem);
  color:var(--gold-light);
  margin-bottom:var(--s-3);
}

#onde .stage-num{
  background:rgba(232,186,66,.09);
  border-color:rgba(232,186,66,.55);
  box-shadow:inset 0 0 0 3px transparent, inset 0 0 0 4px rgba(246,218,155,.28);
  color:var(--gold-light);
}

#fiorucci{
  border-top:var(--hair);
  background:
    linear-gradient(126deg, rgba(255,255,255,.6), rgba(250,247,239,0) 30%),
    radial-gradient(140% 70% at 12% -10%, rgba(255,255,255,.66), rgba(250,247,239,0) 55%),
    var(--paper);
}
#fiorucci .wrap{
  display:grid; grid-template-columns:.85fr 1.15fr;
  gap:clamp(2rem,5vw,var(--s-8)); align-items:start;
}
.casa-media{
  position:relative; border-radius:var(--r-img); overflow:hidden;
  box-shadow:var(--lift);
}
.casa-media img{ width:100%; height:100%; object-fit:cover; aspect-ratio:3/4; }
#fiorucci h2{ font-size:var(--fs-h2); font-weight:400; }
#fiorucci .prose{ margin-top:var(--s-4); }
.portfolio-note{
  margin-top:var(--s-5); padding-top:var(--s-5);
  border-top:var(--hair);
  font-family:var(--serif); font-size:var(--fs-lead); line-height:1.5;
  max-width:44ch;
}
.portfolio-note b{ font-weight:600; color:var(--accent); }

#lojistas{ background:var(--paper-2); border-top:var(--hair); padding-bottom:clamp(2rem, 5vw, 3rem); }
#lojistas h2{ font-size:var(--fs-h2); font-weight:400; max-width:20ch; }
#lojistas .lead{ color:var(--ink-soft); margin-top:var(--s-4); }

.partner-cards{
  margin-top:var(--s-6);
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:var(--s-5);
}
.partner-card{
  position:relative;
  display:flex; flex-direction:column; align-items:flex-start; gap:var(--s-3);
  padding:var(--s-6) var(--s-5) var(--s-5);
  background:color-mix(in srgb, var(--navy) 85%, white 8%);
  border:1px solid rgba(232,186,66,.55);
  border-radius:10px;
  text-align:left; cursor:pointer;
  color:var(--sig-fg); font-family:var(--sans);
  transition:border-color .2s ease, background .2s ease;
}
.partner-card__icon{
  width:56px; height:56px;
  display:flex; align-items:center; justify-content:center;
  border:1px solid var(--gold); border-radius:8px;
  color:var(--gold-light);
}
.partner-card__icon svg{ width:26px; height:26px; }
.partner-card__title{
  font-family:var(--menu); font-weight:600; font-size:var(--fs-sm);
  letter-spacing:.1em; text-transform:uppercase; color:var(--sig-fg);
  white-space:nowrap;
}
.partner-card__sub{ font-size:var(--fs-sm); color:rgba(244,239,230,.72); }
.partner-card__arrow{
  position:absolute; right:var(--s-4); bottom:var(--s-4);
  font-size:1.1rem; color:var(--gold-light);
  transition:transform .18s ease;
}
@media (hover:hover){
  .partner-card:hover{ border-color:var(--gold-light); background:color-mix(in srgb, var(--navy) 75%, white 12%); }
  .partner-card:hover .partner-card__arrow{ transform:translateX(4px); }
}
.partner-card:focus-visible{ outline:2px solid var(--gold-light); outline-offset:2px; }

@media (max-width:760px){
  .partner-cards{ grid-template-columns:1fr; }
}

.cta-row{
  margin-top:var(--s-6);
  display:flex; gap:var(--s-4) var(--s-5); flex-wrap:wrap; align-items:center;
}
.cta-row .textlink{ color:var(--accent); }

#onde{
  background:
    linear-gradient(rgba(7,27,61,.8), rgba(7,27,61,.8)),
    url('Imagens/banner_1920x1200.webp') center/cover no-repeat;
  color:var(--sig-fg);
  padding-block:clamp(2.5rem, 6vw, 4rem);
}
#onde h2{ font-size:var(--fs-h2); font-weight:400; }
#onde .prose{ margin-top:var(--s-4); }
#onde .lead{ color:rgba(244,239,230,.80); }

#onde .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(2rem,6vw,var(--s-8));
  row-gap:var(--s-7);
  align-items:center;
}
#onde .stockists{ grid-column:1 / -1; margin-top:calc(var(--s-4) - var(--s-6)); min-width:0; }
#onde .stockists .carousel{ margin-top:0; }
.onde-media{
  margin:0;
  position:relative;
  aspect-ratio:1/1;
  border-radius:var(--r-img);
  overflow:hidden;
  box-shadow:var(--lift);
  background:rgba(244,239,230,.06);
}
.onde-media img{ width:100%; height:100%; object-fit:cover; display:block; }

.photo-break{ padding-block:0; }
.photo-break__fig{ margin:0; position:relative; }
.photo-break__fig img{ width:100%; aspect-ratio:16/7; object-fit:cover; display:block; }
.photo-break__caption{
  position:absolute; left:var(--gutter); bottom:var(--s-5);
  display:flex; flex-direction:column; gap:.2rem;
  padding:.75rem 1.1rem;
  background:color-mix(in srgb, var(--ink) 78%, transparent);
  color:var(--paper);
  backdrop-filter:blur(4px);
}
.photo-break__caption b{ font-family:var(--serif); font-size:1.05rem; font-weight:600; }
.photo-break__caption span{ font-family:var(--menu); font-size:.75rem; letter-spacing:.02em; color:rgba(251,249,245,.82); }

#contato .wrap{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  column-gap:clamp(2rem,6vw,var(--s-8));
  row-gap:var(--s-6);
  align-items:center;
}
#onde .sec-head .prose,
#contato .sec-head .prose{ max-width:42rem; }

.channels{
  border-top:var(--hair);
  max-width:44rem;
}
.channels > div{
  padding:var(--s-4) 0;
  border-bottom:var(--hair);
  display:grid; grid-template-columns:11rem 1fr; gap:var(--s-4);
}
.channels dt{ font-family:var(--serif); font-size:var(--fs-base); }
.channels dd{ margin:0; font-size:var(--fs-sm); color:var(--ink-soft); }
#onde .channels{
  grid-column:1 / -1;
  max-width:none;
  border-top:0;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(1.5rem,4vw,var(--s-7));
}
#onde .channels > div{
  display:block;
  padding:var(--s-4) 0 0;
  border-bottom:0;
  border-top:1px solid rgba(244,239,230,.18);
}
#onde .channels dt{ display:block; margin-bottom:.4rem; }
#onde .channels dd{ color:rgba(244,239,230,.80); }
.stockists-intro{
  font-family:var(--serif);
  font-size:clamp(1.35rem, 3vw, 2rem);
  line-height:1.3;
  font-weight:400;
  margin-bottom:var(--s-6);
}
.stockist-grid{
  display:flex; flex-wrap:nowrap;
  gap:var(--s-3);
  list-style:none; margin:0; padding:var(--s-2) 0;
  max-width:none;
  overflow-x:auto;
  scroll-snap-type:x proximity;
  scroll-padding-left:var(--s-3);
  scrollbar-color:rgba(244,239,230,.4) transparent;
  scrollbar-width:thin;
}
.stockist-grid::-webkit-scrollbar{ height:6px; }
.stockist-grid::-webkit-scrollbar-track{ background:transparent; }
.stockist-grid::-webkit-scrollbar-thumb{
  background:rgba(244,239,230,.4);
  border-radius:var(--r-pill);
}
.stockist-grid::-webkit-scrollbar-thumb:hover{ background:var(--gold); }
.stockist-grid li{
  flex:0 0 auto; width:9.5rem; aspect-ratio:8/5; scroll-snap-align:start;
  display:flex; align-items:center; justify-content:center;
  padding:var(--s-3);
  background:var(--paper);
  border:1px solid var(--line-2);
  border-radius:var(--r-img);
  box-shadow:var(--lift);
  transition:transform .2s ease, border-color .2s ease;
}
.stockist-grid li img{
  max-width:100%; max-height:100%;
  width:auto; height:auto;
  object-fit:contain;
}
@media (max-width:560px){
  .stockist-grid li{ width:8rem; }
}

#contato{ background:var(--paper); border-top:var(--hair); padding-bottom:clamp(2rem, 5vw, var(--s-7)); }
#contato h2{ font-size:var(--fs-h2); font-weight:400; }
#contato .prose{ margin-top:var(--s-4); }
.contacts{
  border-top:var(--hair);
  max-width:40rem;
}
.contacts a{
  display:grid; grid-template-columns:auto 1fr auto; gap:var(--s-4); align-items:center;
  padding:var(--s-4) 0;
  border-bottom:var(--hair);
  text-decoration:none; color:var(--ink);
  transition:background .2s ease, padding-left .2s ease;
}
.contacts a:hover .cn{ color:var(--accent); }
.contacts .ci{ width:22px; height:22px; color:var(--ink-soft); }
.contacts .cn{ font-family:var(--serif); font-size:var(--fs-lead); }
.contacts .cv{ font-size:var(--fs-sm); color:var(--ink-soft); }

footer{
  background:
    linear-gradient(rgba(7,27,61,.8), rgba(7,27,61,.8)),
    url('Imagens/banner_1920x600.webp') center/cover no-repeat;
  color:rgba(244,239,230,.62);
  padding-block:var(--s-8) var(--s-5);
}
.footer-grid{
  display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:var(--s-6);
  padding-bottom:var(--s-6);
  border-bottom:1px solid rgba(244,239,230,.14);
}
.footer-brand .logo-image--footer{ width:clamp(160px, 8vw + 128px, 230px); }
.footer-brand p{ margin-top:var(--s-4); font-size:1.0625rem; max-width:30ch; }
.footer-col h4{
  font-family:var(--serif); font-weight:600; font-size:1.0625rem;
  color:var(--sig-fg); margin-bottom:var(--s-4);
}
.footer-col li + li{ margin-top:var(--s-3); }
.footer-col a{ font-size:1.0625rem; color:rgba(244,239,230,.62); text-decoration:none; }
.footer-col a:hover{ color:var(--accent-light); }
.footer-bottom{
  margin-top:var(--s-5);
  display:flex; justify-content:space-between; gap:var(--s-4); flex-wrap:wrap;
  font-size:.9375rem; color:rgba(244,239,230,.42);
}

@media (max-width:860px){
  #onde .wrap,
  #contato .wrap,
  #fiorucci .wrap{ grid-template-columns:1fr; }
  #onde .channels{ grid-template-columns:1fr; gap:var(--s-1); }
  .linhas-media{ order:-1; aspect-ratio:16/9; }
  .photo-break__fig img{ aspect-ratio:4/5; }
  .photo-break__caption{ left:var(--gutter); right:var(--gutter); bottom:var(--s-4); }
  #fiorucci{ padding-top:0; }
  .casa-media{
    width:auto; max-width:none;
    margin-inline:calc(var(--gutter) * -1);
    border-radius:0; box-shadow:none;
  }
  .casa-media img{ aspect-ratio:4/5; object-position:center top; }
  .footer-grid{ grid-template-columns:1fr 1fr; }
  .contacts a{ grid-template-columns:auto 1fr; column-gap:var(--s-4); row-gap:2px; }
  .contacts .ci{ grid-row:span 2; align-self:center; }

  body{ background-attachment:scroll; }

}
@media (max-width:460px){
  footer{ padding-block:var(--s-7) var(--s-5); }
  .footer-grid{
    grid-template-columns:1fr 1fr;
    gap:var(--s-6) var(--s-5);
  }
  .footer-brand{ grid-column:1 / -1; text-align:center; }
  .footer-brand .logo-image--footer{ margin-inline:auto; }
  .footer-brand p{ margin-inline:auto; }
  .footer-col:last-child{ grid-column:1 / -1; }
  .footer-col li + li{ margin-top:var(--s-2); }
}

.readbar{
  position:fixed; left:0; top:0; height:2px; width:100%;
  background:var(--accent);
  transform:scaleX(0); transform-origin:left;
  z-index:80; pointer-events:none;
  transition:transform .1s linear;
}

.main-nav a.is-current{ color:var(--gold-light); }
.main-nav a.is-current::after{ right:0; background:var(--gold); }

@media (hover:hover){
  .textlink{ background-size:0% 1px; }
  .textlink:hover,.textlink:focus-visible{ background-size:100% 1px; }
}
.btn--primary:active{ transform:translateY(1px); }
.casa-media img,
.linhas-media img,
.onde-media img{ transition:transform .5s cubic-bezier(.2,.7,.2,1); }
@media (hover:hover){
  .casa-media:hover img,
  .linhas-media:hover img,
  .onde-media:hover img{ transform:scale(1.035); }
}
@media (hover:hover){
  .contacts a:hover{ background:var(--paper-2); padding-left:.6rem; }
}
@media (hover:hover){
  .stockist-grid li:hover{ transform:translateY(-2px); border-color:var(--gold-deep); color:var(--accent); }
}

.prose,.lead,.stockists-intro{ text-wrap:pretty; }

.mobilecta{
  position:fixed; left:0; right:0; bottom:0; z-index:55; display:none;
  padding:.6rem var(--gutter) calc(.6rem + env(safe-area-inset-bottom));
  background:color-mix(in srgb, var(--paper) 90%, transparent);
  backdrop-filter:blur(8px);
  border-top:var(--hair);
  transform:translateY(120%);
  transition:transform .3s cubic-bezier(.2,.7,.2,1);
}
.mobilecta.is-visible{ transform:translateY(0); }
.mobilecta .btn{ width:100%; justify-content:center; }
@media (max-width:900px){
  .mobilecta{ display:block; }

  body.has-mobilecta{ padding-bottom:calc(64px + env(safe-area-inset-bottom)); }
}

.back-to-top{
  position:fixed; right:var(--gutter); bottom:1.25rem; z-index:56;
  width:44px; height:44px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:linear-gradient(180deg,var(--gold-light),var(--gold));
  color:var(--accent-fg); border:none; cursor:pointer;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  opacity:0; visibility:hidden; transform:translateY(8px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s;
}
.back-to-top svg{ width:20px; height:20px; }
.back-to-top.is-visible{ opacity:1; visibility:visible; transform:translateY(0); }
@media (hover:hover){
  .back-to-top:hover{ background:linear-gradient(180deg,var(--gold),var(--gold-deep)); }
}
body.has-mobilecta .back-to-top{
  bottom:calc(64px + 1.25rem + env(safe-area-inset-bottom));
}

@media (prefers-reduced-motion: no-preference){
  .reveal{
    opacity:0; transform:translateY(16px);
    transition:opacity .6s cubic-bezier(.2,.7,.2,1), transform .6s cubic-bezier(.2,.7,.2,1);
    transition-delay:var(--reveal-delay,0s);
  }
  .reveal.is-in{ opacity:1; transform:none; }

  .hero-figure img{ animation:heroIn 22s ease-out both; }
  @keyframes heroIn{ from{ transform:scale(1); } to{ transform:scale(1.08); } }
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:.001ms !important; animation-iteration-count:1 !important;
     transition-duration:.001ms !important; scroll-behavior:auto !important; }
  .readbar{ display:none !important; }
}
section[id]{ scroll-margin-top:200px; }

#onde, footer{ position:relative; }
#onde::before,
footer::before{
  content:"";
  position:absolute; left:0; right:0; top:0; height:44px;
  pointer-events:none;
  opacity:.6;
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1600' height='44' viewBox='0 0 1600 44' preserveAspectRatio='none'%3E%3Cpath d='M0,26 C230,4 400,42 660,24 C920,6 1090,42 1340,22 C1460,13 1530,17 1600,20' fill='none' stroke='%23E8BA42' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  filter:drop-shadow(0 0 6px rgba(232,186,66,.45));
}
footer::before{ top:-1px; }

.linhas-intro{ padding-bottom:clamp(2rem, 5vw, var(--s-7)); }
.linhas-intro .sec-head .prose,
#catalogo .sec-head .prose{ max-width:none; }
.linhas-intro h2{ font-size:var(--fs-h2); font-weight:400; margin-top:var(--s-2); }
.linhas-intro .lead{ margin-top:var(--s-4); }
.linhas-grid{
  display:grid; grid-template-columns:1.2fr .8fr;
  gap:clamp(2rem,5vw,var(--s-8)); align-items:start;
}
.linhas-media{
  margin:0;
  position:relative;
  aspect-ratio:4/5;
  border-radius:var(--r-img);
  overflow:hidden;
  box-shadow:var(--lift);
  background:var(--paper-2);
}
.linhas-media img{ width:100%; height:100%; object-fit:cover; display:block; }
@media (max-width:860px){
  .linhas-grid{ grid-template-columns:1fr; }
}
.cat-group[id]{ scroll-margin-top:120px; }

#catalogo{
  border-top:var(--hair);
  background:
    linear-gradient(124deg, rgba(255,255,255,.4), rgba(241,234,216,0) 32%),
    radial-gradient(140% 70% at 88% -10%, rgba(255,255,255,.45), rgba(241,234,216,0) 55%),
    var(--paper-2);
}
#catalogo .sec-head h2{ font-size:var(--fs-h2); font-weight:400; margin-top:var(--s-2); }
#catalogo .sec-head .lead{ margin-top:var(--s-4); }

.cat-group{ margin-top:clamp(2rem, 5vw, 3rem); }
.cat-group:first-of-type{ margin-top:var(--s-7); }
.cat-group > h3{
  font-family:var(--serif); font-weight:500;
  font-size:var(--fs-h3);
  padding-bottom:var(--s-3);
  border-bottom:1px solid var(--line-2);
}
.group-note{
  margin-top:var(--s-2);
  font-size:var(--fs-sm); color:var(--ink-soft);
}

.cat-toggle{
  margin-top:var(--s-3);
  display:inline-flex; align-items:center; gap:.6rem;
  font-family:var(--sans); font-weight:600;
  font-size:var(--fs-sm); letter-spacing:.02em;
  color:var(--ink);
  background:var(--paper);
  border:1px solid var(--line-2);
  border-radius:var(--r-pill);
  padding:.6rem 1.2rem;
  min-height:44px;
  cursor:pointer;
  transition:border-color .2s ease, background .2s ease, color .2s ease;
}
.cat-toggle::after{
  content:"";
  width:8px; height:8px;
  border-right:1.5px solid currentColor;
  border-bottom:1.5px solid currentColor;
  transform:translateY(-1px) rotate(45deg);
  transition:transform .2s ease;
}
.cat-toggle[aria-expanded="true"]::after{
  transform:translateY(2px) rotate(225deg);
}
@media (hover:hover){
  .cat-toggle:hover{
    border-color:var(--gold-deep);
    color:var(--accent-deep);
    background:var(--paper-2);
  }
}

.prod-grid{
  margin-top:var(--s-5);
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:var(--s-5);
  align-items:stretch;
}
.prod-grid[hidden]{ display:none; }
@media (max-width:860px){
  .prod-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); }

  section[id]{ scroll-margin-top:84px; }
  .cat-group[id]{ scroll-margin-top:76px; }
}
@media (max-width:560px){
  .prod-grid{ grid-template-columns:1fr; }
}

.prod{
  display:flex; flex-direction:column;
  height:100%;
  background:var(--paper);
  border:1px solid var(--line-2);
  border-radius:var(--r-img);
  padding:var(--s-5);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
@media (hover:hover){
  .prod:hover{
    border-color:var(--gold-deep);
    box-shadow:0 18px 40px -28px rgba(22,36,31,.5);
    transform:translateY(-2px);
  }
}
.prod-fig{
  position:relative;
  margin:0 0 var(--s-4);
  background:var(--paper-2);
  border-radius:var(--r-img);
  aspect-ratio:4/3;
  display:flex; align-items:center; justify-content:center;
  overflow:hidden;
}
.prod-fig img{ width:100%; height:100%; object-fit:contain; }
.prod-fig:has(img){ padding:var(--s-4); }
#grp-fem .prod-fig, #grp-masc .prod-fig, #grp-baby .prod-fig, #grp-splash .prod-fig{ aspect-ratio:1/1; }
#grp-sab .prod-fig:has(img){ aspect-ratio:2/1; }
#grp-deo .prod-fig{ aspect-ratio:1/1; }

.prod-fig img[src*="hydra-vita"]{ transform:scale(1.35); }

.campaign-block{
  margin-top:var(--s-6);
  padding-bottom:var(--s-6);
  border-bottom:2px solid var(--gold-deep);
}
.campaign-banner{
  display:flex; align-items:center; gap:var(--s-7);
  width:100%; margin:0;
  background:var(--paper);
  border:1px solid var(--line-2);
  border-radius:var(--r-img);
  padding:var(--s-6);
  font:inherit; text-align:left; color:inherit; cursor:pointer;
  transition:border-color .2s ease, box-shadow .2s ease;
}
@media (hover:hover){
  .campaign-banner:hover{
    border-color:var(--gold-deep);
    box-shadow:0 18px 40px -28px rgba(22,36,31,.5);
  }
}
.campaign-banner__fig{
  position:relative;
  flex:0 0 auto;
  width:12rem;
  aspect-ratio:9/16;
  border-radius:var(--r-img);
  overflow:hidden;
  margin:0;
}
.campaign-banner__fig img{ width:100%; height:100%; object-fit:cover; display:block; }
.campaign-banner__caption{
  display:flex; flex-direction:column; gap:var(--s-2);
}
.play-badge{
  position:absolute; top:50%; left:50%;
  transform:translate(-50%,-50%);
  width:3.8rem; height:3.8rem;
  display:flex; align-items:center; justify-content:center;
  background:rgba(4,32,76,.82);
  color:var(--paper);
  border-radius:50%;
  box-shadow:0 12px 30px -12px rgba(0,0,0,.55);
  transition:transform .2s ease, background .2s ease;
}
.play-badge svg{ width:1.5rem; height:1.5rem; }
@media (hover:hover){
  .campaign-banner:hover .play-badge{ transform:translate(-50%,-50%) scale(1.08); background:var(--accent-deep,#04204C); }
}
.campaign-title{
  font-family:var(--serif); font-weight:600;
  font-size:var(--fs-h3);
  letter-spacing:-.01em;
}
.campaign-slogan{
  font-family:var(--serif); font-style:italic;
  font-size:var(--fs-lead);
  color:var(--ink-soft);
  margin-top:-.15rem;
}
.campaign-desc{
  font-size:var(--fs-sm);
  color:var(--ink-soft);
  max-width:38rem;
}
.campaign-cta{
  display:inline-flex; align-items:baseline; gap:.45rem;
  margin-top:var(--s-2);
  font-family:var(--sans); font-weight:600; font-size:var(--fs-sm);
  color:var(--accent);
}
.campaign-cta__arrow{ transition:transform .18s ease; }
@media (hover:hover){
  .campaign-banner:hover .campaign-cta{ color:var(--accent-deep); }
  .campaign-banner:hover .campaign-cta__arrow{ transform:translateX(3px); }
}
@media (max-width:700px){
  .campaign-banner{ flex-direction:column; align-items:center; gap:var(--s-5); text-align:center; }
  .campaign-banner__fig{ width:100%; max-width:16rem; margin-inline:auto; }
  .campaign-banner__caption{ align-items:center; }
  .campaign-desc{ max-width:none; }
}

.prod h4{
  font-family:var(--serif); font-weight:500;
  font-size:var(--fs-lead);
  letter-spacing:-.01em;
  line-height:1.15;
  min-height:calc(2 * 1.15em);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden;
}
.prod-meta{
  margin-top:var(--s-2);
  font-family:var(--menu);
  font-size:var(--fs-meta);
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--accent);
  line-height:1.35;
  min-height:calc(2 * 1.35em);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden;
}
.prod-desc{
  margin-top:var(--s-3);
  font-size:var(--fs-sm);
  color:var(--ink-soft);
  line-height:1.55;
  min-height:calc(3 * 1.55em);
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3;
  overflow:hidden;
}

.prod-badge{
  position:absolute; top:var(--s-3); left:var(--s-3); z-index:1;
  font-family:var(--menu); font-size:.6875rem; font-weight:600;
  letter-spacing:.06em; text-transform:uppercase;
  color:var(--accent-fg);
  background:linear-gradient(180deg,var(--gold-light),var(--gold));
  border-radius:var(--r-pill);
  padding:.3rem .7rem;
  white-space:nowrap;
}
.video-lightbox{
  border:0; padding:0; background:transparent;
  max-width:92vw;
}
.video-lightbox::backdrop{ background:rgba(10,10,10,.86); }
.video-lightbox video{
  display:block;
  height:min(85vh, 760px);
  width:auto;
  max-width:92vw;
  aspect-ratio:9/16;
  object-fit:cover;
  background:#000;
  border-radius:var(--r-img);
}
.video-lightbox__close{
  position:absolute; top:-2.6rem; right:0;
  width:2.4rem; height:2.4rem;
  display:flex; align-items:center; justify-content:center;
  border:0; border-radius:50%;
  background:rgba(255,255,255,.14);
  color:var(--paper);
  font-size:1.6rem; line-height:1;
  cursor:pointer;
}
.video-lightbox__close:hover{ background:rgba(255,255,255,.26); }
@media (max-width:560px){
  .video-lightbox{ max-width:94vw; }
  .video-lightbox__close{ top:-2.4rem; }
}

.lead-dialog{
  position:fixed;
  width:min(30rem, 92vw);
  max-height:88vh;
  overflow-y:auto;
  padding:var(--s-6) var(--s-5);
  background:var(--paper);
  border:var(--hair);
  border-radius:var(--r-img);
  box-shadow:var(--lift);
  display:flex;
  flex-direction:column;
  gap:var(--s-2);
}
.lead-dialog::backdrop{ background:rgba(7,27,61,.55); }
.lead-dialog h3{ font-size:var(--fs-h3); padding-right:var(--s-6); }
.lead-dialog__intro{ color:var(--ink-soft); }

.dialog-close{
  position:absolute; top:var(--s-3); right:var(--s-3);
  background:none; border:none; cursor:pointer;
  color:var(--ink-soft); font-size:1.75rem; line-height:1; padding:.25rem .5rem;
}
.dialog-close:hover{ color:var(--ink); }

.lead-form{ display:flex; flex-direction:column; gap:var(--s-4); margin-top:var(--s-2); }
.lead-form__group{ display:flex; flex-direction:column; gap:var(--s-4); }
.lead-form__group[hidden]{ display:none; }
.lead-form__field{ display:flex; flex-direction:column; gap:.35rem; }
.lead-form__field label{ font-size:var(--fs-sm); font-weight:600; }
.lead-form__optional{ font-weight:400; color:var(--ink-soft); }
.lead-form input,
.lead-form select,
.lead-form textarea{
  font-family:var(--sans);
  font-size:var(--fs-base);
  color:var(--ink);
  background:#fff;
  border:1px solid var(--line-2);
  border-radius:var(--r-img);
  padding:.6rem .75rem;
}
.lead-form textarea{ resize:vertical; }
.lead-form__status{ margin:0; min-height:1.2em; font-size:var(--fs-sm); color:var(--accent-deep); }
.lead-form__status.is-error{ color:#B3261E; }
.lead-form__actions{ display:flex; justify-content:flex-end; }
.lead-form__actions .btn{ width:100%; justify-content:center; }

.contact-form-wrap{
  grid-column:1 / -1;
  border-top:var(--hair);
  padding-top:var(--s-6);
}
.contact-form-wrap h3{
  font-family:var(--serif);
  font-size:var(--fs-h3);
  font-weight:400;
  margin-bottom:var(--s-4);
}
.contact-form-wrap .lead-form{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:var(--s-4) var(--s-5);
}
.contact-form-wrap .lead-form__field{ min-width:0; }
.contact-form-wrap .lead-form__field--full,
.contact-form-wrap .lead-form__status,
.contact-form-wrap .lead-form__actions{
  grid-column:1 / -1;
}
.contact-form-wrap .lead-form__actions{ justify-content:flex-start; }
.contact-form-wrap .lead-form__actions .btn{ width:auto; padding-inline:var(--s-6); }

@media (max-width:860px){
  .contact-form-wrap .lead-form{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  #contato .wrap{ row-gap:var(--s-4); }
  .contact-form-wrap{ border-top:none; padding-top:0; }
}

@media (max-width:640px){
  .contact-form-wrap .lead-form{ grid-template-columns:1fr; }
  .contact-form-wrap .lead-form__actions .btn{ width:100%; }
}

@media (max-width:560px){
  .lead-dialog{ padding:var(--s-5) var(--s-4); }
}