/* =========================================================================
   A&F 3.0 — Base real: header global, mega menu, logo dinâmica, footer,
   Hero aprovada e scaffold da Home.
   Camada final (importada por último) para refinar sem quebrar os arquivos
   01–09 existentes.
   ========================================================================= */

/* ----------------------------- Logo dinâmica ---------------------------- */
.brand-logo{display:inline-flex;align-items:center;gap:14px;text-decoration:none;line-height:1}
.brand-logo__mark{display:block;height:42px;width:auto;background:transparent}
.brand-logo__divider{width:1px;height:28px;background:rgba(255,255,255,.24);flex:0 0 auto}
.brand-logo__subtitle{font-family:var(--font-title);font-weight:700;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.82);max-width:150px;transition:color .22s var(--aef-ease)}
.brand-logo--dark .brand-logo__mark{filter:none}
.brand-logo--dark .brand-logo__divider{background:rgba(5,6,7,.18)}
.brand-logo--dark .brand-logo__subtitle{color:var(--color-graphite)}
.brand-logo:hover .brand-logo__subtitle{color:var(--color-orange)}

/* ------------------------ Header / nav (glass) -------------------------- */
.site-header__inner{height:80px;gap:18px}
.site-header .brand-logo__mark{height:42px}
.site-header .site-nav{margin-inline:auto;gap:4px}                 /* menu central no desktop */
.site-header__cta{flex:0 0 auto}

/* ------------------------- Mega menu (Serviços) ------------------------- */
/* Especificidade >= regras :nth-child do 09 para vencer com segurança. */
.site-header .site-nav__item.nav-item--mega .site-nav__dropdown.nav-mega{
  left:0;right:auto;
  width:min(780px,calc(100vw - 48px));
  display:grid;
  grid-template-columns:repeat(4,minmax(150px,1fr));
  gap:6px 18px;
  padding:20px;
}
.nav-mega__group{display:grid;align-content:start;gap:2px;min-width:0}
.nav-mega__title{margin:0 0 8px;padding:0 12px;font-family:var(--font-title);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--aef-orange-soft)}
.nav-mega__item{display:block;padding:9px 12px;border-radius:12px;text-decoration:none;font-weight:700;font-size:.86rem;line-height:1.25;color:rgba(255,255,255,.82);transition:background .2s var(--aef-ease),color .2s var(--aef-ease),transform .2s var(--aef-ease)}
.nav-mega__item:hover{background:rgba(245,154,35,.14);color:#fff;transform:translateX(2px)}
.nav-mega__item.is-active{color:var(--color-orange);background:rgba(245,154,35,.10)}

/* ============================ HERO APROVADA ============================= */
/* Conteúdo no canto inferior esquerdo, card no canto inferior direito. */
.home-hero .home-hero__grid{align-items:end;gap:48px}
.home-hero__content{max-width:700px;gap:20px}
.home-hero__video{filter:saturate(1.06) contrast(1.05) brightness(.72)!important}
/* Overlay mínimo, reforçado apenas na base para leitura do texto. */
.home-hero__overlay{
  background:
    linear-gradient(180deg,rgba(5,6,7,.18) 0%,rgba(5,6,7,.10) 36%,rgba(5,6,7,.52) 76%,rgba(5,6,7,.84) 100%),
    linear-gradient(90deg,rgba(5,6,7,.46) 0%,rgba(5,6,7,.12) 52%,transparent 100%)!important;
}
.home-hero .eyebrow{color:var(--aef-orange-soft)}
.animated-headline .headline-break{display:block;width:100%;height:0;content:""}
.home-hero__lead{max-width:720px}

/* Card lateral de segmentos — vidro escurecido p/ leitura sobre qualquer frame do vídeo */
.home-hero__card{width:min(380px,100%);padding:30px 30px 26px;align-self:end;transform:translateY(0);background:linear-gradient(165deg,rgba(8,10,14,.60),rgba(8,10,14,.40))!important;border:1px solid rgba(255,255,255,.16)!important;box-shadow:0 30px 90px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.09)!important}
.home-hero__card-title{margin:0 0 16px;font-family:var(--font-title);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.hero-segments{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.hero-segments li{display:flex;align-items:center;gap:14px;font-family:var(--font-title);font-weight:700;font-size:1.02rem;color:#fff}
.hero-segments__icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 auto;border-radius:13px;background:rgba(245,154,35,.16);border:1px solid rgba(245,154,35,.34);color:var(--color-orange)}
.hero-segments .icon{color:var(--color-orange)}
.hero-segments li span:not(.hero-segments__icon){color:#fff;font-weight:500}

/* Scroll indicator discreto */
/* bottom:56px deixa o indicador acima da Seção 01, que sobe sobre o fim da Hero. */
.home-hero__scroll{position:absolute;left:50%;bottom:56px;transform:translateX(-50%);z-index:5;display:grid;justify-items:center;gap:9px;text-decoration:none;color:rgba(255,255,255,.68);font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;font-weight:800}
.home-hero__scroll:hover{color:#fff}
.home-hero__scroll-line{position:relative;width:1px;height:48px;background:linear-gradient(180deg,rgba(255,255,255,.55),transparent);overflow:hidden}
.home-hero__scroll-line::after{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:42%;background:var(--color-orange);animation:aefScrollDown 1.9s var(--aef-ease) infinite}
@keyframes aefScrollDown{0%{transform:translateY(-110%)}60%,100%{transform:translateY(260%)}}

/* ============================ FOOTER GLOBAL ============================= */
.site-footer__grid{grid-template-columns:1.7fr 1fr 1.05fr 1fr 1.2fr;gap:30px;align-items:start}
.site-footer__brand{max-width:330px}
.site-footer__brand .brand-logo__mark{height:46px}
.site-footer__lead{margin:18px 0 22px;font-size:.95rem}
.site-footer__col strong{display:block;font-family:var(--font-title);color:#fff;font-size:.96rem;margin-bottom:14px}
.site-footer__col span{display:block;color:rgba(255,255,255,.74);margin:.32rem 0}
.site-footer__contact{font-style:normal}
.site-footer__contact a{font-weight:700}
.site-footer__bottom{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.10);padding-top:22px}

/* ========================= MENU MOBILE (acordeão) ====================== */
.mobile-menu__group{display:grid}
.mobile-menu__summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;font-weight:900;padding:12px;border-radius:var(--radius-sm);color:#fff}
.mobile-menu__summary::-webkit-details-marker{display:none}
.mobile-menu__summary::after{content:"";width:8px;height:8px;flex:0 0 auto;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .22s var(--aef-ease)}
.mobile-menu__group[open]>.mobile-menu__summary{color:var(--color-orange)}
.mobile-menu__group[open]>.mobile-menu__summary::after{transform:rotate(225deg)}
.mobile-menu__group a{display:block}
.mobile-menu__group-title{display:block;margin:12px 0 2px;padding-left:12px;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.5);font-weight:800}
.mobile-menu__overview{font-weight:800!important;color:var(--aef-orange-soft)!important}
.mobile-menu__cta{margin-top:14px}

/* =========================== SCAFFOLD DA HOME ========================== */
.home-scaffold{padding:50px 0}
.home-scaffold:first-of-type{padding-top:84px}
.home-scaffold__inner{display:flex;align-items:center;gap:22px;padding:28px 32px;border:1px dashed var(--color-line);border-radius:var(--radius-lg);background:rgba(255,255,255,.5)}
.home-scaffold__index{font-family:var(--font-title);font-size:2.1rem;font-weight:800;color:rgba(245,154,35,.5);line-height:1;min-width:50px}
.home-scaffold__label{margin:0;font-family:var(--font-title);font-weight:700;color:var(--color-graphite);font-size:1.12rem}
.home-scaffold__note{margin:.4rem 0 0;color:var(--color-muted)}
.home-scaffold__status{margin:.55rem 0 0;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-orange-dark);font-weight:800}

/* ============================== RESPONSIVO ============================== */
@media (max-width:1180px){
  .site-header .site-nav__item.nav-item--mega .site-nav__dropdown.nav-mega{
    width:min(520px,calc(100vw - 40px));
    grid-template-columns:repeat(2,minmax(150px,1fr));
  }
}

@media (max-width:980px){
  .site-header__inner{height:72px}
  .site-header .mobile-toggle{margin-left:auto}
  /* Hero mobile estilo Reels: tela cheia, conteúdo embaixo. */
  .home-hero .home-hero__grid{grid-template-columns:1fr;align-items:end;gap:22px}
  .home-hero__content{max-width:100%}
  /* Card vira faixa compacta de chips (segmentos), sem o painel de vidro. */
  .home-hero .home-hero__card{display:block;width:100%;padding:0;margin:0;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transform:none}
  .home-hero .home-hero__card::after,.home-hero .home-hero__card::before{display:none}
  .home-hero__card-title{display:none}
  .hero-segments{display:flex;flex-wrap:wrap;gap:8px}
  .hero-segments li{gap:8px;font-size:.82rem;padding:8px 13px 8px 8px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(255,255,255,.06);backdrop-filter:blur(8px)}
  .hero-segments__icon{width:28px;height:28px;border-radius:9px}
  .hero-segments__icon .icon{width:16px;height:16px}
}

@media (max-width:620px){
  .site-header .brand-logo__mark{height:36px}
  .brand-logo__divider,.brand-logo__subtitle{display:none}   /* prioriza espaço no header pequeno */
  .home-scaffold__inner{flex-direction:column;align-items:flex-start;gap:12px;padding:24px}
  .site-footer__bottom{flex-direction:column;gap:6px}
}

@media (prefers-reduced-motion:reduce){
  .home-hero__scroll-line::after{animation:none}
}

/* =================== SEÇÃO 01 — MANIFESTO / TRANSIÇÃO =================== */
/* Fundo claro/off-white que sobe levemente sobre o fim da Hero (transição). */
.manifesto{position:relative;z-index:5;margin-top:-44px;padding:clamp(58px,7vw,104px) 0 var(--space);background:linear-gradient(180deg,var(--color-offwhite) 0%,var(--color-cream) 100%);border-radius:44px 44px 0 0}
.manifesto__panel{position:relative;display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,4vw,64px);align-items:center;padding:clamp(28px,4vw,56px);background:#fff;border:1px solid var(--color-line);border-radius:var(--radius-xl);box-shadow:var(--shadow-soft)}
.manifesto__text{display:grid;gap:18px;align-content:start}
.manifesto__title{font-size:clamp(1.7rem,3.2vw,2.85rem);line-height:1.06;color:var(--color-graphite);max-width:16ch}
.manifesto__lead{margin:0;color:var(--color-muted);font-size:1.05rem;max-width:56ch}
.manifesto__closing{position:relative;margin:6px 0 0;padding-left:20px;font-family:var(--font-title);font-weight:700;font-size:clamp(1.12rem,1.8vw,1.45rem);line-height:1.25;color:var(--color-graphite)}
.manifesto__closing::before{content:"";position:absolute;left:0;top:.18em;bottom:.18em;width:4px;border-radius:999px;background:var(--color-orange)}
.manifesto__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.manifesto-card{display:grid;align-content:start;gap:8px;padding:22px;background:linear-gradient(180deg,#fff,var(--color-cream));border:1px solid var(--color-line);border-radius:var(--radius-md);transition:translate .42s var(--aef-ease),border-color .35s var(--aef-ease),box-shadow .42s var(--aef-ease)}
/* hover usa a propriedade `translate` (independente de `transform`, usado no reveal) */
.manifesto-card:hover{translate:0 -6px;border-color:rgba(245,154,35,.5);box-shadow:0 26px 60px rgba(5,6,7,.14)}
.manifesto-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;background:rgba(245,154,35,.12);border:1px solid rgba(245,154,35,.28);color:var(--color-orange-dark)}
.manifesto-card__icon .icon{color:var(--color-orange-dark)}
.manifesto-card__title{margin:0;font-size:1.1rem;color:var(--color-graphite)}
.manifesto-card__text{margin:0;color:var(--color-muted);font-size:.93rem;line-height:1.5}

@media (max-width:980px){
  /* Mobile: texto primeiro, mini cards abaixo. */
  .manifesto__panel{grid-template-columns:1fr;gap:28px;align-items:start}
  .manifesto__title{max-width:none}
  .manifesto__lead{max-width:none}
}
@media (max-width:620px){
  .manifesto{margin-top:-22px;border-radius:26px 26px 0 0}
  .manifesto__cards{grid-template-columns:1fr}
}

/* =========================================================================
   SISTEMA DE REVEAL / MOTION (consolidado) — camada final, vence 07 e 09.
   Objetivo: animação perceptível e premium, com fallback e reduced-motion.
   ========================================================================= */

/* FALLBACK: sem JS (.has-js ausente) nada fica escondido nem deslocado. */
html:not(.has-js) [data-reveal]{opacity:1!important;transform:none!important;filter:none!important}

/* Estado inicial (com JS). */
.has-js [data-reveal]{opacity:0;will-change:opacity,transform,filter}
.has-js [data-reveal].is-visible{opacity:1}
.has-js [data-reveal="title"]{opacity:1}            /* container visível; as palavras animam */

/* fade-up: opacity 0 + translateY(28) + blur(8) -> limpo, 800ms, ease premium. */
.has-js [data-reveal="fade-up"]{transform:translateY(28px);filter:blur(8px);transition:opacity .8s var(--aef-ease),transform .8s var(--aef-ease),filter .8s var(--aef-ease)}
.has-js [data-reveal="fade-up"].is-visible{transform:translateY(0);filter:blur(0)}

/* fade-in: só opacity + leve blur. */
.has-js [data-reveal="fade-in"]{filter:blur(6px);transition:opacity .8s var(--aef-ease),filter .8s var(--aef-ease)}
.has-js [data-reveal="fade-in"].is-visible{filter:blur(0)}

/* card: opacity 0 + translateY(34) + scale(.96) + blur(10) -> 900ms. */
.has-js [data-reveal="card"]{transform:translateY(34px) scale(.96);filter:blur(10px);transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease)}
.has-js [data-reveal="card"].is-visible{transform:translateY(0) scale(1);filter:blur(0)}

/* Hero: desliga o keyframe antigo (conflitava com o reveal/headline); ordem vem do data-stagger. */
.has-js .home-hero__content>*{animation:none!important}

/* Headline por palavra — reforço de perceptibilidade (entra de baixo, com blur). */
.animated-headline .word{display:inline-block;overflow:hidden;vertical-align:top}
.has-js .animated-headline .word>span{display:inline-block;opacity:0;filter:blur(10px);transform:translateY(110%) rotate(1.5deg);transition:opacity .85s var(--aef-ease),transform .85s var(--aef-ease),filter .85s var(--aef-ease);transition-delay:calc(var(--i,0) * 60ms)}
.has-js .animated-headline.is-visible .word>span{opacity:1;filter:blur(0);transform:translateY(0) rotate(0)}

/* Scroll indicator: pulso discreto. */
.home-hero__scroll{animation:aefScrollPulse 2.6s var(--aef-ease) infinite}
@keyframes aefScrollPulse{0%,100%{opacity:.6;transform:translate(-50%,0)}50%{opacity:1;transform:translate(-50%,5px)}}

/* ----------------------------- Microinterações -------------------------- */
/* Ícones: transição suave (hover/entrada com leve scale). */
.icon{transition:transform .3s var(--aef-ease)}

/* Botões: feedback premium (eleva + sombra). O .btn base já trata o primário. */
.btn{transition:transform .28s var(--aef-ease),box-shadow .28s var(--aef-ease),background .28s var(--aef-ease),color .28s var(--aef-ease),border-color .28s var(--aef-ease)}
.btn--secondary:hover,.btn--ghost:hover{background:#fff;border-color:rgba(245,154,35,.55);color:var(--color-graphite)}

/* Header: hover refinado dos links + transição do glass/CTA. */
.site-header{transition:background .3s var(--aef-ease),box-shadow .3s var(--aef-ease),border-color .3s var(--aef-ease),transform .3s var(--aef-ease)}
.site-header .site-nav__link{transition:color .22s var(--aef-ease),background .22s var(--aef-ease)}
.site-header .site-nav__link:hover,.site-header .site-nav__item:focus-within>.site-nav__link{background:rgba(245,154,35,.14);color:#fff}
.site-header__cta:hover{transform:translateY(-2px)}

/* Cards Seção 01: transição completa (entrada .9s via reveal + hover .42s via `translate`). */
.has-js .manifesto-card{transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease),translate .42s var(--aef-ease),border-color .35s var(--aef-ease),box-shadow .42s var(--aef-ease)}
.manifesto-card__icon{transition:transform .4s var(--aef-ease),background .4s var(--aef-ease),border-color .4s var(--aef-ease),box-shadow .4s var(--aef-ease)}
.manifesto-card:hover .manifesto-card__icon{transform:translateY(-2px) scale(1.08);background:rgba(245,154,35,.2);border-color:rgba(245,154,35,.5);box-shadow:0 12px 26px rgba(245,154,35,.28)}
.manifesto-card:hover .manifesto-card__icon .icon{transform:scale(1.05)}

/* Hero: microinteração nos ícones de segmento. */
.hero-segments li{transition:transform .3s var(--aef-ease)}
.hero-segments li:hover{transform:translateX(3px)}
.hero-segments__icon{transition:transform .3s var(--aef-ease),background .3s var(--aef-ease),border-color .3s var(--aef-ease)}
.hero-segments li:hover .hero-segments__icon{transform:scale(1.08);background:rgba(245,154,35,.26);border-color:rgba(245,154,35,.5)}

/* ---------------------- prefers-reduced-motion (global) ----------------- */
@media (prefers-reduced-motion:reduce){
  .has-js [data-reveal]{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .has-js .animated-headline .word>span{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}
  .home-hero__scroll{animation:none}
  .home-hero__scroll-line::after{animation:none}
  .manifesto-card,.manifesto-card__icon,.hero-segments li,.hero-segments__icon,.icon,.btn{transition:none}
  .manifesto-card:hover,.hero-segments li:hover{translate:none;transform:none}
}

/* =========================================================================
   SEÇÃO 02 — QUEM É A A&F (bloco editorial: texto + visual grande + cards)
   ========================================================================= */
.about-aef{background:linear-gradient(180deg,var(--color-cream) 0%,#f3ece1 100%);padding:var(--space) 0}
.about-aef__intro{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(28px,4vw,60px);align-items:end;margin-bottom:clamp(36px,4vw,56px)}
.about-aef__intro-head{display:grid;gap:4px;align-content:start}
.about-aef__title{margin:.4rem 0 0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.07;color:var(--color-graphite);max-width:18ch}
.about-aef__text{display:grid;gap:16px}
.about-aef__text p{margin:0;color:var(--color-muted);font-size:1.04rem;line-height:1.6}

.about-aef__layout{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(20px,2.4vw,32px);align-items:stretch}

/* Card visual grande (imagem forte + texto sobreposto). */
.about-aef__visual{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:clamp(360px,46vw,540px);box-shadow:var(--shadow-premium);isolation:isolate}
.about-aef__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(1.05) contrast(1.04);transition:transform 1.1s var(--aef-ease),filter 1.1s var(--aef-ease)}
.about-aef__visual:hover img{transform:scale(1.07)}
.about-aef__visual-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,7,.12) 0%,rgba(5,6,7,.05) 38%,rgba(5,6,7,.55) 78%,rgba(5,6,7,.84) 100%)}
.about-aef__visual-content{position:relative;z-index:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:12px;padding:clamp(26px,3vw,40px)}
.about-aef__visual-content h3{margin:0;color:#fff;font-size:clamp(1.3rem,2.1vw,1.9rem);line-height:1.12;max-width:18ch}
.about-aef__visual-content p{margin:0;color:rgba(255,255,255,.82);max-width:46ch}

/* Cards explicativos — horizontais (editoriais), distintos dos cards da Seção 01. */
.about-aef__cards{list-style:none;margin:0;padding:0;display:grid;grid-template-rows:repeat(4,1fr);gap:clamp(14px,1.6vw,18px)}
.about-card{display:flex;align-items:flex-start;gap:16px;padding:clamp(18px,1.8vw,24px);background:linear-gradient(180deg,#fff,var(--color-cream));border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}
.about-card__icon{display:grid;place-items:center;width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:rgba(245,154,35,.12);border:1px solid rgba(245,154,35,.28);color:var(--color-orange-dark)}
.about-card__icon .icon{color:var(--color-orange-dark)}
.about-card__body{display:grid;gap:5px}
.about-card__title{margin:0;font-size:1.08rem;color:var(--color-graphite)}
.about-card__text{margin:0;color:var(--color-muted);font-size:.92rem;line-height:1.5}

.about-aef__cta{margin-top:clamp(30px,3.5vw,46px);display:flex;justify-content:center}

/* Hover premium — usa `translate` (não conflita com o `transform` do reveal). */
.has-js .about-card{transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease),translate .42s var(--aef-ease),border-color .35s var(--aef-ease),box-shadow .42s var(--aef-ease)}
.about-card:hover{translate:0 -6px;border-color:rgba(245,154,35,.5);box-shadow:0 26px 60px rgba(5,6,7,.14)}
.about-card__icon{transition:transform .4s var(--aef-ease),background .4s var(--aef-ease),border-color .4s var(--aef-ease),box-shadow .4s var(--aef-ease)}
.about-card:hover .about-card__icon{transform:translateY(-2px) scale(1.08);background:rgba(245,154,35,.2);border-color:rgba(245,154,35,.5);box-shadow:0 12px 26px rgba(245,154,35,.28)}
.about-card:hover .about-card__icon .icon{transform:scale(1.05)}

@media (max-width:980px){
  /* Mobile: texto primeiro, depois visual, depois cards. */
  .about-aef__intro{grid-template-columns:1fr;gap:18px;align-items:start}
  .about-aef__title{max-width:none}
  .about-aef__layout{grid-template-columns:1fr;gap:18px}
  .about-aef__visual{min-height:340px}
  .about-aef__cards{grid-template-rows:none;grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .about-aef__cards{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){
  .about-card,.about-card__icon,.about-aef__visual img{transition:none}
  .about-card:hover{translate:none}
  .about-aef__visual:hover img{transform:none}
}

/* =========================================================================
   REFINO GLOBAL v2 — patterns sutis, profundidade, glass leve.
   (Camada de refino: vem depois das definições originais e as sobrepõe.)
   ========================================================================= */

/* Patterns reutilizáveis (faixas decorativas muito sutis, nunca atrapalham leitura). */
.aef-grid-pattern,.aef-dots-pattern{position:absolute;inset:0;z-index:0;pointer-events:none}
.aef-grid-pattern{background-image:linear-gradient(rgba(21,21,21,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.05) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 80% 12%,#000,transparent 72%);mask-image:radial-gradient(circle at 80% 12%,#000,transparent 72%);opacity:.5}
.aef-dots-pattern{background-image:radial-gradient(rgba(245,154,35,.16) 1.2px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);opacity:.5}
.section>.container{position:relative;z-index:1}

/* ----------------------------- REFINO: HERO ----------------------------- */
/* Navbar glass mais sofisticada (hairline laranja sutil + leve glow). */
.site-header{background:linear-gradient(180deg,rgba(8,10,12,.86),rgba(8,10,12,.66))!important;border-bottom:1px solid rgba(255,255,255,.08)}
.site-header.is-scrolled{background:rgba(7,9,11,.94)!important;box-shadow:0 14px 40px rgba(5,6,7,.28),0 1px 0 rgba(245,154,35,.18)}
/* Botões da Hero com mais presença. */
.home-hero .actions .btn{min-height:54px;padding:0 26px;font-size:.98rem}
/* Card lateral: acabamento — brilho de topo + leve textura interna. */
.home-hero__card{overflow:hidden}
.home-hero__card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(245,154,35,.16),transparent 42%),radial-gradient(circle at 100% 100%,rgba(255,255,255,.06),transparent 40%);pointer-events:none}
.home-hero__card>*{position:relative;z-index:1}
.home-hero__card-title{padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.12)}

/* -------------------------- REFINO: SEÇÃO 01 ---------------------------- */
.manifesto{background:radial-gradient(circle at 88% 6%,rgba(245,154,35,.10),transparent 32%),linear-gradient(180deg,var(--color-offwhite) 0%,#f4ece1 100%)}
.manifesto__panel{overflow:hidden;background:linear-gradient(180deg,#fff,rgba(255,255,255,.92))}
.manifesto__panel::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(21,21,21,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.04) 1px,transparent 1px);background-size:40px 40px;-webkit-mask-image:radial-gradient(circle at 92% 0,#000,transparent 60%);mask-image:radial-gradient(circle at 92% 0,#000,transparent 60%);opacity:.5;pointer-events:none}
.manifesto__panel>*{position:relative;z-index:1}
.manifesto-card{background:linear-gradient(180deg,#fff,#fbf6ee);box-shadow:0 12px 30px rgba(5,6,7,.06),inset 0 1px 0 #fff}

/* -------------------------- REFINO: SEÇÃO 02 ---------------------------- */
.about-aef{position:relative;overflow:hidden}
.about-aef::before{content:"";position:absolute;inset:0;z-index:0;background-image:radial-gradient(rgba(245,154,35,.12) 1.2px,transparent 1.2px);background-size:26px 26px;-webkit-mask-image:radial-gradient(circle at 12% 90%,#000,transparent 55%);mask-image:radial-gradient(circle at 12% 90%,#000,transparent 55%);opacity:.5;pointer-events:none}
.about-aef>.container{position:relative;z-index:1}
.about-card{background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(255,255,255,.72));backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 16px 40px rgba(5,6,7,.07),inset 0 1px 0 #fff}

/* =========================================================================
   SEÇÃO 03 — MÉTODO A&F (versão CLARA + eixo técnico laranja)
   ========================================================================= */
.method{position:relative;overflow:hidden;padding:var(--space) 0;background:radial-gradient(circle at 82% 4%,rgba(245,154,35,.09),transparent 30%),linear-gradient(180deg,#fbf7f0,#f4ece1)}
.method::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(21,21,21,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(180deg,transparent,#000 30%,#000 70%,transparent);opacity:.45;pointer-events:none}
.method>.container{position:relative;z-index:1}
.method__intro{max-width:760px;margin:0 auto clamp(40px,5vw,68px);display:grid;gap:14px;justify-items:center;text-align:center}
.method .eyebrow{justify-content:center}
.method .method__title{margin:0;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.07;color:var(--color-graphite);max-width:20ch}
.method .method__lead{margin:0;color:var(--color-muted);font-size:1.05rem;line-height:1.6;max-width:64ch}
.method .method__lead--soft{color:var(--color-steel)}

.method__steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(16px,1.8vw,22px)}
.method-step{position:relative;display:grid;align-content:start;gap:10px;padding:clamp(24px,2.2vw,34px) clamp(20px,1.8vw,26px) clamp(22px,2vw,28px);background:linear-gradient(180deg,#fff,#fbf6ee);border:1px solid var(--color-line);border-radius:var(--radius-lg);box-shadow:0 14px 34px rgba(5,6,7,.07),inset 0 1px 0 #fff}
.method-step::before{content:"";position:absolute;top:0;left:clamp(20px,1.8vw,26px);right:clamp(20px,1.8vw,26px);height:3px;border-radius:0 0 3px 3px;background:linear-gradient(90deg,var(--color-orange),rgba(245,154,35,0));opacity:.7;transition:opacity .4s var(--aef-ease)}
/* eixo técnico conectando as etapas (apenas desktop). */
.method-step:not(:last-child)::after{content:"";position:absolute;top:clamp(46px,3.6vw,60px);right:calc((clamp(16px,1.8vw,22px) / 2 + 4px) * -1);width:calc(clamp(16px,1.8vw,22px) + 8px);height:2px;background:linear-gradient(90deg,rgba(245,154,35,.7),rgba(245,154,35,.2));z-index:2}
.method .method-step__num{font-family:var(--font-title);font-weight:800;font-size:clamp(2.2rem,3vw,3rem);line-height:1;color:var(--color-orange);letter-spacing:-.02em}
.method .method-step__title{margin:2px 0 0;font-size:1.2rem;color:var(--color-graphite)}
.method .method-step__text{margin:0;color:var(--color-muted);font-size:.92rem;line-height:1.55}

.method .method__closing{max-width:740px;margin:clamp(40px,5vw,64px) auto 0;padding-top:28px;text-align:center;font-family:var(--font-title);font-weight:700;font-size:clamp(1.15rem,2vw,1.6rem);line-height:1.3;color:var(--color-graphite);position:relative}
.method__closing::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:48px;height:3px;border-radius:999px;background:var(--color-orange)}

.has-js .method-step{transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease),translate .42s var(--aef-ease),border-color .4s var(--aef-ease),box-shadow .42s var(--aef-ease)}
.method-step:hover{translate:0 -6px;border-color:rgba(245,154,35,.45);box-shadow:0 30px 64px rgba(5,6,7,.14)}
.method-step:hover::before{opacity:1}
.method .method-step__num{transition:transform .4s var(--aef-ease),text-shadow .4s var(--aef-ease)}
.method-step:hover .method-step__num{transform:translateY(-2px);text-shadow:0 10px 26px rgba(245,154,35,.3)}

/* =========================================================================
   SEÇÃO 04 — SOLUÇÕES A&F (cards glass leves sobre fundo claro com pattern)
   ========================================================================= */
.solutions{position:relative;overflow:hidden;background:radial-gradient(circle at 88% 4%,rgba(245,154,35,.08),transparent 30%),linear-gradient(180deg,#fbfaf7,#f5efe6)}
.solutions::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(21,21,21,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(21,21,21,.045) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at 85% 8%,#000,transparent 70%);mask-image:radial-gradient(circle at 85% 8%,#000,transparent 70%);opacity:.4;pointer-events:none}
.solutions>.container{position:relative;z-index:1}
.solutions__intro{max-width:760px;margin:0 auto clamp(34px,4vw,52px);display:grid;gap:14px;justify-items:center;text-align:center}
.solutions .eyebrow{justify-content:center}
.solutions__title{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.07;color:var(--color-graphite);max-width:20ch}
.solutions__lead{margin:0;color:var(--color-muted);font-size:1.04rem;line-height:1.6;max-width:62ch}
.solutions__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.solution-card{position:relative;display:grid;align-content:start;gap:12px;padding:clamp(24px,2.2vw,32px);border-radius:var(--radius-lg);text-decoration:none;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.86),rgba(255,255,255,.64));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 44px rgba(5,6,7,.08),inset 0 1px 0 #fff}
.solution-card__num{position:absolute;top:18px;right:22px;font-family:var(--font-title);font-weight:800;font-size:2.2rem;line-height:1;color:rgba(245,154,35,.22)}
.solution-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(245,154,35,.12);border:1px solid rgba(245,154,35,.3);color:var(--color-orange-dark)}
.solution-card__icon .icon{color:var(--color-orange-dark)}
.solution-card__title{margin:2px 0 0;font-size:1.18rem;color:var(--color-graphite);line-height:1.2;max-width:15ch}
.solution-card__text{margin:0;color:var(--color-muted);font-size:.93rem;line-height:1.55}
.solution-card__arrow{display:inline-flex;align-items:center;gap:7px;margin-top:4px;font-weight:800;font-size:.85rem;color:var(--color-orange-dark);opacity:0;transform:translateY(6px)}
.solution-card__arrow .icon{transition:transform .3s var(--aef-ease)}
.solutions__cta{margin-top:clamp(28px,3vw,42px);display:flex;justify-content:center}
.has-js .solution-card{transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease),translate .4s var(--aef-ease),border-color .4s var(--aef-ease),box-shadow .4s var(--aef-ease)}
.solution-card:hover{translate:0 -8px;border-color:rgba(245,154,35,.5);box-shadow:0 34px 70px rgba(5,6,7,.14)}
.solution-card__icon{transition:transform .4s var(--aef-ease),background .4s var(--aef-ease),box-shadow .4s var(--aef-ease)}
.solution-card:hover .solution-card__icon{transform:scale(1.08);background:rgba(245,154,35,.2);box-shadow:0 12px 26px rgba(245,154,35,.26)}
.solution-card__arrow{transition:opacity .35s var(--aef-ease),transform .35s var(--aef-ease)}
.solution-card:hover .solution-card__arrow{opacity:1;transform:translateY(0)}
.solution-card:hover .solution-card__arrow .icon{transform:translateX(4px)}

/* =========================================================================
   SEÇÃO 05 — ARQUITETURA COMERCIAL (destaque editorial)
   ========================================================================= */
.arch{position:relative;overflow:hidden;background:linear-gradient(180deg,#f5efe6,#fbfaf7)}
.arch__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(28px,4vw,64px);align-items:center}
.arch__media{position:relative;overflow:hidden;border-radius:var(--radius-xl);min-height:clamp(360px,42vw,520px);box-shadow:var(--shadow-premium);isolation:isolate}
.arch__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.03);filter:saturate(1.05) contrast(1.05);transition:transform 1.1s var(--aef-ease)}
.arch__media:hover img{transform:scale(1.08)}
.arch__media-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,7,.06),rgba(5,6,7,.28) 70%,rgba(5,6,7,.55));mix-blend-mode:multiply}
.arch__media-tag{position:absolute;left:20px;bottom:20px;display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-weight:800;font-size:.78rem;letter-spacing:.04em;color:#fff;background:rgba(8,10,14,.5);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.arch__content{display:grid;gap:16px;align-content:center}
.arch__title{margin:0;font-size:clamp(1.7rem,3vw,2.7rem);line-height:1.07;color:var(--color-graphite);max-width:16ch}
.arch__lead{margin:0;color:var(--color-muted);font-size:1.04rem;line-height:1.6}
.arch__lead--soft{color:var(--color-steel)}
.arch__bullets{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.arch__bullets li{position:relative;padding-left:30px;font-weight:700;color:var(--color-graphite)}
.arch__bullets li::before{content:"";position:absolute;left:0;top:.1em;width:18px;height:18px;border-radius:6px;background:rgba(245,154,35,.16);border:1px solid rgba(245,154,35,.4)}
.arch__bullets li::after{content:"";position:absolute;left:6px;top:.46em;width:6px;height:6px;border-radius:2px;background:var(--color-orange)}
.arch__cta{margin-top:8px}

/* =========================================================================
   SEÇÃO 06 — REPRESENTADAS (cards fortes + faixa de logos)
   ========================================================================= */
.reps{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(245,154,35,.07),transparent 28%),linear-gradient(180deg,#fbfaf7,#f3ece1)}
.reps__intro{max-width:820px;margin:0 auto clamp(34px,4vw,52px);display:grid;gap:14px;justify-items:center;text-align:center}
.reps .eyebrow{justify-content:center}
.reps__title{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;color:var(--color-graphite);max-width:24ch}
.reps__lead{margin:0;color:var(--color-muted);font-size:1.02rem;line-height:1.6;max-width:70ch}
.reps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.6vw,20px)}
.rep-card{position:relative;display:grid;grid-template-rows:auto auto;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;background:#0c0d10;border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(5,6,7,.18)}
.rep-card__media{position:relative;display:block;height:170px;overflow:hidden}
.rep-card__media img{width:100%;height:100%;object-fit:cover;filter:blur(3px) saturate(.9) contrast(1.05) brightness(.62);transform:scale(1.12);transition:filter .7s var(--aef-ease),transform .7s var(--aef-ease)}
.rep-card__veil{position:absolute;inset:0;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.18),transparent 55%),linear-gradient(180deg,rgba(0,0,0,.1),rgba(0,0,0,.55))}
.rep-card__logo{position:absolute;inset:0;display:grid;place-items:center;padding:24px;z-index:2}
.rep-card__logo img{max-width:74%;max-height:54px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.4));transition:transform .45s var(--aef-ease)}
.rep-card__foot{display:grid;gap:2px;padding:16px 18px;background:linear-gradient(180deg,#101114,#0a0b0e)}
.rep-card__cat{font-size:.72rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--aef-orange-soft)}
.rep-card__name{font-family:var(--font-title);font-weight:700;color:#fff;font-size:1.02rem}
.has-js .rep-card{transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease),translate .4s var(--aef-ease),border-color .4s var(--aef-ease),box-shadow .4s var(--aef-ease)}
.rep-card:hover{translate:0 -8px;border-color:rgba(245,154,35,.4);box-shadow:0 34px 70px rgba(5,6,7,.3)}
.rep-card:hover .rep-card__media img{filter:blur(1px) saturate(1.05) contrast(1.06) brightness(.78);transform:scale(1.18)}
.rep-card:hover .rep-card__logo img{transform:translateY(-4px) scale(1.05)}
.reps__strip{position:relative;margin-top:clamp(20px,2.4vw,30px);padding:clamp(20px,2.4vw,30px);display:grid;grid-template-columns:repeat(6,1fr);gap:18px 24px;align-items:center;border-radius:var(--radius-lg);background:linear-gradient(180deg,#101114,#0a0b0e);border:1px solid rgba(255,255,255,.08);box-shadow:0 22px 56px rgba(5,6,7,.18)}
.reps__strip img{height:38px;max-width:120px;width:auto;margin:auto;object-fit:contain;opacity:.62;filter:grayscale(1) brightness(1.6);transition:opacity .3s var(--aef-ease),filter .3s var(--aef-ease),transform .3s var(--aef-ease)}
.reps__strip img:hover{opacity:1;filter:none;transform:translateY(-3px)}
.reps__cta{margin-top:clamp(26px,3vw,40px);display:flex;justify-content:center}

/* =========================================================================
   SEÇÃO 07 — INAUGURAÇÕES (galeria editorial)
   ========================================================================= */
.openings{position:relative;overflow:hidden;background:linear-gradient(180deg,#f3ece1,#fbfaf7)}
.openings__intro{max-width:760px;margin:0 auto clamp(34px,4vw,52px);display:grid;gap:14px;justify-items:center;text-align:center}
.openings .eyebrow{justify-content:center}
.openings__title{margin:0;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08;color:var(--color-graphite);max-width:22ch}
.openings__lead{margin:0;color:var(--color-muted);font-size:1.02rem;line-height:1.6;max-width:66ch}
.openings__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,1.8vw,24px)}
.opening-card{position:relative;display:grid;grid-template-rows:auto 1fr;border-radius:var(--radius-lg);overflow:hidden;text-decoration:none;background:#fff;border:1px solid var(--color-line);box-shadow:0 16px 40px rgba(5,6,7,.08)}
.opening-card__media{position:relative;display:block;height:240px;overflow:hidden}
.opening-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--aef-ease)}
.opening-card__veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,7,0) 40%,rgba(5,6,7,.35))}
.opening-card__tag{position:absolute;left:14px;top:14px;padding:7px 13px;border-radius:999px;font-weight:800;font-size:.72rem;letter-spacing:.04em;color:#1d1203;background:linear-gradient(135deg,var(--color-orange),#ffb24a);box-shadow:0 8px 22px rgba(245,154,35,.34)}
.opening-card__body{display:grid;gap:5px;align-content:start;padding:20px 22px}
.opening-card__title{margin:0;font-size:1.12rem;color:var(--color-graphite);line-height:1.2}
.opening-card__place{font-weight:700;font-size:.86rem;color:var(--color-orange-dark)}
.has-js .opening-card{transition:opacity .9s var(--aef-ease),transform .9s var(--aef-ease),filter .9s var(--aef-ease),translate .4s var(--aef-ease),border-color .4s var(--aef-ease),box-shadow .4s var(--aef-ease)}
.opening-card:hover{translate:0 -8px;border-color:rgba(245,154,35,.4);box-shadow:0 34px 70px rgba(5,6,7,.16)}
.opening-card:hover .opening-card__media img{transform:scale(1.07)}
/* tile de chamada */
.opening-card--cta{background:radial-gradient(circle at 80% 10%,rgba(245,154,35,.22),transparent 40%),linear-gradient(160deg,#16171b,#0a0b0e);border-color:rgba(255,255,255,.1)}
.opening-cta__inner{display:grid;align-content:center;gap:10px;height:100%;min-height:240px;padding:28px}
.opening-cta__label{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--aef-orange-soft)}
.opening-card--cta strong{font-family:var(--font-title);font-weight:700;font-size:1.3rem;color:#fff;line-height:1.18}
.opening-cta__arrow{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:999px;background:rgba(245,154,35,.16);border:1px solid rgba(245,154,35,.4);color:var(--aef-orange-soft);transition:transform .35s var(--aef-ease),background .35s var(--aef-ease)}
.opening-card--cta:hover .opening-cta__arrow{transform:translateX(5px);background:rgba(245,154,35,.28)}

/* =========================================================================
   SEÇÃO 08 — CTA FINAL (fechamento grafite — único bloco escuro)
   ========================================================================= */
.home-final{position:relative;overflow:hidden}
.home-final::before{content:"";position:absolute;inset:0;z-index:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:54px 54px;-webkit-mask-image:radial-gradient(circle at 50% 120%,#000,transparent 70%);mask-image:radial-gradient(circle at 50% 120%,#000,transparent 70%);opacity:.5;pointer-events:none}
.home-final>.container{position:relative;z-index:1}
.home-final__inner{max-width:760px;margin:0 auto;display:grid;gap:18px;justify-items:center;text-align:center}
.home-final .eyebrow{color:var(--aef-orange-soft);justify-content:center}
.home-final .home-final__title{margin:0;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.06;color:#fff;max-width:18ch}
.home-final .home-final__lead{margin:0;color:rgba(255,255,255,.76);font-size:1.06rem;line-height:1.6;max-width:62ch}
.home-final .actions{justify-content:center;margin-top:8px}

/* ============================== RESPONSIVO v2 =========================== */
@media (max-width:980px){
  .method__steps{grid-template-columns:1fr 1fr}
  .method-step:not(:last-child)::after{display:none}
  .solutions__grid{grid-template-columns:1fr 1fr}
  .arch__grid{grid-template-columns:1fr;gap:24px}
  .arch__media{min-height:300px}
  .reps__grid{grid-template-columns:1fr 1fr}
  .reps__strip{grid-template-columns:repeat(4,1fr)}
  .openings__grid{grid-template-columns:1fr 1fr}
}
@media (max-width:620px){
  .method__steps{grid-template-columns:1fr}
  .solutions__grid{grid-template-columns:1fr}
  .reps__grid{grid-template-columns:1fr 1fr}
  .reps__strip{grid-template-columns:repeat(3,1fr)}
  .openings__grid{grid-template-columns:1fr}
}

/* ====================== prefers-reduced-motion v2 ====================== */
@media (prefers-reduced-motion:reduce){
  .method-step,.method-step::before,.method .method-step__num,
  .solution-card,.solution-card__icon,.solution-card__arrow,
  .rep-card,.rep-card__media img,.rep-card__logo img,
  .opening-card,.opening-card__media img,.arch__media img,.reps__strip img{transition:none}
  .method-step:hover,.solution-card:hover,.rep-card:hover,.opening-card:hover{translate:none}
  .method-step:hover .method-step__num,.arch__media:hover img,.opening-card:hover .opening-card__media img,.rep-card:hover .rep-card__media img{transform:none}
}