/* Oliver Tattoo: sistema visual consolidado. */
:root {
  --bg:#010101;
  --bg-elev:#070707;
  --surface:#0e0e0e;
  --fg:#f5f5f5;
  --fg-dim:#d2d2d2;
  --fg-soft:#bcbcbc;
  --muted:#a0a0a0;
  --muted-2:#a0a0a0;
  --accent:#ffd100;
  --border:#232323;
  --border-2:#3a3a3a;
  --pad-x:clamp(24px,4vw,56px);
  --gutter:max(var(--pad-x),calc((100% - 1280px)/2));
  --section-space:clamp(72px,7.7vw,112px);
  --topbar-h:88px;
  --sans:"Inter Tight","Helvetica Neue",Helvetica,Arial,sans-serif;
  --serif:"DM Serif Display","Big Caslon",Georgia,serif;
  --mono:ui-monospace,"SF Mono",Menlo,monospace;
  --ease:cubic-bezier(.22,1,.36,1);
  --speed:200ms
}
/* Base e acessibilidade */
*,*::before,*::after {
  box-sizing:border-box
}
html {
  background:var(--bg);
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--topbar-h) + 20px)
}
body {
  margin:0;
  color:var(--fg);
  background:var(--bg);
  font:400 17px/1.65 var(--sans);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility
}
body.menu-open,body.lb-open {
  overflow:hidden
}
/* Um único campo contínuo atrás das seções, com centro escuro para leitura. */
.site-atmosphere {
  position:fixed;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:radial-gradient(ellipse 36% 76% at -6% 46%,rgba(91,91,91,.18),transparent 78%),radial-gradient(ellipse 43% 87% at 106% 77%,rgba(77,77,77,.19),transparent 77%),var(--bg);
  opacity:1;
  transition:opacity 900ms ease
}
.site-atmosphere[data-silk-active="true"] {
  opacity:.16
}
.site-atmosphere-canvas {
  display:block;
  width:100%;
  height:100%
}
main {
  position:relative;
  z-index:1;
  display:block
}
main>section {
  position:relative
}
h1,h2,h3,p,figure {
  margin:0
}
button,input,textarea {
  font:inherit
}
button {
  color:inherit;
  cursor:pointer
}
a {
  color:inherit;
  text-decoration:none
}
img,svg {
  display:block;
  max-width:100%
}
img {
  -webkit-user-drag:none
}
[hidden] {
  display:none!important
}
::selection {
  background:var(--accent);
  color:var(--bg)
}
:focus-visible {
  outline:2px solid var(--accent);
  outline-offset:5px
}
.sr-only,.lb-status {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip-path:inset(50%);
  white-space:nowrap;
  border:0
}
.skip {
  position:fixed;
  left:16px;
  top:16px;
  z-index:200;
  padding:12px 18px;
  background:var(--accent);
  color:var(--bg);
  transform:translateY(-160%);
  font-weight:600
}
.skip:focus {
  transform:none
}
/* Tipografia e ações */
.label,.label-2 {
  display:block;
  font:500 11px/1.6 var(--mono);
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--muted)
}
.label {
  margin-bottom:18px
}
.h2,.hero-title,.process-heading h2,.artist-heading h2,.contact-panel h2 {
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:1.08;
  text-wrap:balance
}
.h2,.h2-md,.h2-sm,.h2-xs,.process-heading h2,.artist-heading h2 {
  font-size:clamp(38px,4vw,56px)
}
.italic-soft {
  color:var(--fg-soft);
  font-weight:400;
  font-style:italic
}
.italic-out {
  color:var(--fg);
  font-weight:400;
  font-style:italic
}
.btn,.cta-big,.map-cta {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:52px;
  padding:15px 24px;
  border:1px solid transparent;
  border-radius:4px;
  background:var(--accent);
  color:var(--bg);
  font:600 14px/1.45 var(--sans);
  transition:background var(--speed),color var(--speed),border-color var(--speed),transform var(--speed)
}
.btn:hover,.cta-big:hover {
  background:#ffe14d;
  transform:translateY(-2px)
}
.btn-sm {
  min-height:44px;
  padding:11px 18px;
  font-size:13px
}
.btn-ghost {
  background:transparent;
  color:var(--fg);
  border-color:var(--border-2)
}
.btn-ghost:hover {
  background:var(--surface);
  border-color:var(--muted)
}
.btn svg,.cta-big svg {
  width:20px;
  height:20px;
  flex:0 0 20px
}
.cta-big .cta-label {
  min-width:0
}
.cta-big .arrow {
  margin-left:8px;
  font-size:23px;
  line-height:1
}
/* O link conserva a área de clique; só sua superfície acompanha o mouse. */
.btn[data-magnetic],.cta-big[data-magnetic] {
  padding:0;
  border:0;
  background:transparent;
  transform:none
}
.magnetic-surface {
  position:relative;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:inherit;
  width:100%;
  min-height:inherit;
  padding:var(--button-padding,15px 24px);
  border:1px solid transparent;
  border-radius:inherit;
  background:var(--accent);
  transform:translate3d(var(--magnet-x,0px),var(--magnet-y,0px),0);
  transition:transform 420ms var(--ease),background 200ms,box-shadow 250ms;
  pointer-events:none
}
[data-magnetic]:hover .magnetic-surface,[data-magnetic]:focus-visible .magnetic-surface {
  background:#ffe14d;
  box-shadow:0 6px 24px rgba(255,209,0,.09)
}
.hero-link-secondary span,.text-link span,.estilo-link span,.map-btn span,.magnetic-surface>[aria-hidden] {
  display:inline-block;
  transition:transform 300ms var(--ease)
}
.cta-pulse {
  display:none
}
.cta-row {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:18px 28px;
  margin-top:36px
}
.cta-eyebrow,.cta-meta {
  color:var(--muted);
  font-size:14px
}
.hero-link-secondary,.text-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  font-size:14px
}
.hero-link-secondary:hover,.text-link:hover {
  color:var(--accent)
}
/* Cabeçalho; navegação também disponível sem JavaScript. */
.topbar {
  position:sticky;
  top:0;
  z-index:60;
  padding-inline:var(--gutter);
  background:rgba(1,1,1,.98);
  border-bottom:1px solid var(--border)
}
.header-inner {
  display:flex;
  align-items:center;
  gap:30px;
  min-height:88px;
  max-width:1280px;
  margin-inline:auto
}
.wordmark {
  flex-shrink:0;
  display:inline-flex;
  align-items:center
}
.wordmark img {
  width:auto;
  height:54px
}
.topnav {
  display:flex;
  justify-content:center;
  gap:clamp(16px,2vw,30px);
  margin-left:auto
}
.topnav a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  position:relative;
  color:var(--fg-soft);
  font-size:14px;
  white-space:nowrap;
  transition:color var(--speed)
}
.topnav a::after {
  content:"";
  position:absolute;
  bottom:3px;
  height:1px;
  left:0;
  right:0;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform var(--speed)
}
.topnav a:hover,.topnav a.is-active {
  color:var(--fg)
}
.topnav a:hover::after,.topnav a.is-active::after {
  transform:scaleX(1)
}
.header-cta {
  flex-shrink:0
}
.menu-toggle {
  display:none
}
.nav-backdrop {
  position:fixed;
  inset:var(--topbar-h) 0 0;
  z-index:55;
  border:0;
  background:rgba(0,0,0,.65)
}
.scroll-progress {
  position:fixed;
  z-index:65;
  left:0;
  right:0;
  top:0;
  height:1px;
  pointer-events:none
}
.scroll-progress-fill {
  width:100%;
  height:100%;
  background:var(--accent);
  transform:scaleX(0);
  transform-origin:left
}
/* Abertura */
.hero {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(48px,5.8vw,84px) var(--gutter) 88px;
  background:linear-gradient(180deg,var(--bg),rgba(1,1,1,.55) 70%,transparent)
}
/* Seda em grafite, concentrada atrás da fotografia. O gradiente é o fallback. */
.hero-silk-wrap {
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  background:radial-gradient(ellipse 65% 95% at 80% 40%,#151515,transparent 80%),linear-gradient(125deg,#010101 35%,#0c0c0c 70%,#010101);
  mask-image:radial-gradient(ellipse 82% 110% at 91% 35%,#000 20%,transparent 88%),linear-gradient(180deg,#000 55%,transparent);
  mask-composite:intersect
}
.hero-silk {
  display:block;
  width:100%;
  height:100%;
  opacity:.86
}
.hero-silk[hidden] {
  display:none
}
.hero-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(32px,4.5vw,64px)
}
.hero-copy {
  min-width:0;
  container-type:inline-size
}
.hero-copy .label {
  color:var(--fg-soft);
  margin-bottom:24px
}
.hero-title {
  font-size:clamp(42px,12.6cqw,92px);
  line-height:1.04;
  letter-spacing:-.035em;
  text-wrap:initial
}
.hero-description {
  max-width:470px;
  margin-top:28px;
  color:var(--fg-dim);
  font-size:18px;
  line-height:1.65
}
.hero-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px 24px;
  margin-top:32px
}
.hero-note {
  display:block;
  margin-top:24px;
  color:var(--muted);
  font-size:12px;
  letter-spacing:.03em
}
.hero-visual {
  position:relative;
  min-width:0;
  margin:0
}
.hero-image {
  width:100%;
  height:auto;
  aspect-ratio:1 / 1.05;
  object-fit:contain;
  object-position:center
}
.hero-caption {
  display:flex;
  justify-content:space-between;
  gap:16px;
  margin-top:15px;
  color:var(--muted);
  font-size:12px
}
/* Portfólio: movimento contínuo e modo manual acessível. */
.portfolio {
  padding-block:80px var(--section-space);
  background:transparent
}
.portfolio-head {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:32px;
  padding-inline:var(--gutter);
  margin-bottom:30px
}
.portfolio-title-group {
  max-width:760px
}
.portfolio-intro {
  max-width:530px;
  margin-top:18px;
  color:var(--fg-soft)
}
.portfolio-filters {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  padding-inline:var(--gutter);
  margin:0 0 20px
}
.portfolio-filter {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:44px;
  padding:10px 16px;
  border:1px solid var(--border-2);
  border-radius:999px;
  background:transparent;
  color:var(--fg-soft);
  font:500 13px/1.5 var(--sans);
  white-space:nowrap;
  transition:background var(--speed),border-color var(--speed),color var(--speed)
}
.portfolio-filter:hover {
  border-color:var(--muted);
  color:var(--fg)
}
.portfolio-filter[aria-pressed="true"] {
  background:var(--accent);
  border-color:var(--accent);
  color:var(--bg)
}
.portfolio-filter-count {
  opacity:.7;
  font:11px/1 var(--mono)
}
.slider-rows {
  display:grid;
  gap:14px
}
.auto-slider {
  width:100%;
  overflow:hidden;
  touch-action:pan-y pinch-zoom
}
.auto-slider-track {
  display:flex;
  gap:14px;
  width:max-content;
  will-change:transform
}
.auto-slider-item {
  appearance:none;
  border:0;
  padding:0;
  position:relative;
  flex:0 0 266px;
  width:266px;
  height:320px;
  overflow:hidden;
  border-radius:2px;
  cursor:zoom-in;
  background:var(--surface)
}
.auto-slider-item img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--photo-position,center)
}
.auto-slider-item:focus-visible {
  outline-offset:-5px
}
html:not(.nav-enhanced) .auto-slider,.auto-slider.is-static {
  overflow-x:auto;
  overscroll-behavior-x:contain;
  touch-action:pan-x pan-y pinch-zoom;
  scrollbar-width:thin;
  scrollbar-color:var(--muted) var(--bg);
  padding:6px 0 14px
}
.auto-slider.is-static .auto-slider-track {
  transform:none!important;
  will-change:auto
}
/* Artista */
.sobre {
  padding:var(--section-space) var(--gutter) 72px
}
.sobre-grid {
  display:grid;
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  grid-template-areas:"heading portrait" "story portrait";
  align-items:start;
  column-gap:clamp(40px,6vw,88px);
  row-gap:24px
}
.artist-heading {
  grid-area:heading;
  align-self:end
}
.artist-intro {
  max-width:500px;
  margin-top:22px;
  color:var(--fg-soft);
  font-size:18px
}
.artist-portrait {
  grid-area:portrait;
  width:min(100%,480px);
  justify-self:end
}
.portrait-wrap {
  width:100%;
  overflow:hidden;
  border-radius:24px 88px 24px 24px;
  box-shadow:0 32px 80px rgba(0,0,0,.48),0 0 0 1px rgba(255,255,255,.1);
  background:var(--surface)
}
.portrait-img {
  width:100%;
  height:auto;
  aspect-ratio:3 / 4;
  object-fit:cover;
  object-position:center;
  transform:scale(1);
  transition:transform 1000ms var(--ease)
}
.reveal-ready .artist-portrait[data-reveal]:not(.is-visible) .portrait-img {
  transform:scale(1.045)
}
.portrait-cap {
  display:flex;
  justify-content:space-between;
  gap:16px;
  color:var(--muted);
  margin-top:16px;
  font-size:11px
}
.artist-story {
  grid-area:story;
  min-width:0
}
.artist-story>p {
  max-width:590px;
  color:var(--fg-dim);
  font-size:17px
}
.artist-story>p+p {
  margin-top:18px
}
.stats {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  margin-top:32px;
  padding-block:24px;
  border-block:1px solid var(--border)
}
.stats .num {
  font:400 clamp(26px,2.6vw,38px)/1.1 var(--serif);
  letter-spacing:-.02em
}
.stats .lbl {
  margin-top:9px;
  color:var(--muted);
  font-size:11px;
  line-height:1.5
}
.artist-story .cta-row {
  align-items:flex-start;
  flex-direction:column;
  gap:12px;
  margin-top:28px
}
/* Processo: conversa em duas colunas, sem mídia decorativa. */
.process-section {
  padding:24px var(--gutter) 24px
}
.process-grid {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);
  align-items:start;
  gap:clamp(32px,6vw,88px);
  padding-top:48px;
  border-top:1px solid rgba(255,255,255,.08)
}
.process-heading h2 {
  font-size:clamp(32px,3.2vw,44px);
  max-width:490px
}
.process-copy {
  min-width:0;
  padding-top:4px
}
.process-copy p {
  max-width:590px;
  color:var(--fg-soft)
}
.process-copy p+p {
  margin-top:18px
}
/* Estilos */
.estilos {
  padding:var(--section-space) var(--gutter)
}
.estilos-head {
  max-width:720px;
  margin-bottom:40px
}
.estilos-head p {
  margin-top:20px;
  max-width:530px;
  color:var(--fg-soft)
}
.estilos-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px
}
.estilo-card {
  position:relative;
  isolation:isolate;
  display:flex;
  flex-direction:column;
  min-width:0;
  overflow:hidden;
  border-radius:18px;
  background:linear-gradient(135deg,rgba(19,19,19,.85),rgba(4,4,4,.82));
  border:1px solid rgba(255,255,255,.1);
  box-shadow:0 18px 45px rgba(0,0,0,.24);
  transition:border-color var(--speed),background var(--speed)
}
.estilo-card::after {
  display:none;
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  padding:1px;
  border-radius:inherit;
  background:radial-gradient(230px circle at var(--spot-x,50%) var(--spot-y,50%),rgba(255,255,255,.7),rgba(255,255,255,.18) 32%,transparent 72%);
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  opacity:0;
  transition:opacity 350ms;
  pointer-events:none
}
@supports (mask-composite:exclude) {
  .estilo-card::after {
    display:block
  }
}
.estilo-card.is-spotlit::after {
  opacity:1
}
.estilo-card:focus-visible {
  border-color:var(--fg-soft)
}
.estilo-card:hover {
  border-color:#6b6b6b;
  background:linear-gradient(135deg,rgba(28,28,28,.88),rgba(6,6,6,.88))
}
.estilo-media {
  aspect-ratio:4 / 5;
  overflow:hidden;
  background:var(--surface)
}
.estilo-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:var(--photo-position,center);
  transition:transform 750ms var(--ease)
}
.estilo-content {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:flex;
  flex-direction:column;
  align-items:start;
  flex:1;
  padding:22px
}
.estilo-content::before {
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(125deg,rgba(255,255,255,.065),transparent 75%);
  opacity:0;
  transition:opacity 350ms;
  pointer-events:none
}
.estilo-card.is-spotlit .estilo-content::before {
  opacity:1
}
.estilo-content .label-2 {
  margin-bottom:12px;
  font-size:10px
}
.estilo-content h3,.estilo-name {
  font:400 30px/1.1 var(--serif);
  letter-spacing:-.02em
}
.estilo-content p,.estilo-desc {
  margin-top:14px;
  color:var(--fg-soft);
  font-size:15px;
  line-height:1.6
}
.estilo-link {
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:44px;
  margin-top:auto;
  padding-top:20px;
  color:var(--fg);
  font-size:13px
}
.estilo-card:hover .estilo-link {
  color:var(--accent)
}
/* Preços */
.precos {
  padding:var(--section-space) var(--gutter);
  background:radial-gradient(ellipse 74% 62% at 70% 50%,rgba(1,1,1,.58),transparent)
}
.price-table {
  margin-top:40px;
  border-top:1px solid var(--border-2)
}
.price-row {
  display:grid;
  grid-template-columns:44px minmax(190px,.9fr) minmax(0,1.2fr) 190px;
  align-items:center;
  gap:24px;
  padding-block:28px;
  border-bottom:1px solid var(--border);
  transition:background 250ms
}
.price-row .price-size {
  transition:transform 350ms var(--ease)
}
.price-row .idx,.price-row>.num {
  color:var(--muted);
  font:11px/1.5 var(--mono)
}
.price-row .name {
  font-size:24px;
  font-weight:500;
  line-height:1.2
}
.price-row .size {
  color:var(--muted);
  font-size:14px;
  margin-top:5px
}
.price-row .inc,.price-desc {
  color:var(--fg-soft);
  font-size:15px;
  line-height:1.6
}
.price-row .price,.price-value {
  color:var(--fg);
  font-size:25px;
  font-weight:500;
  letter-spacing:-.025em;
  text-align:right;
  white-space:nowrap
}
.precos .cta-row {
  justify-content:space-between
}
/* Espaço e localização */
.studio-space {
  padding:var(--section-space) var(--gutter)
}
.studio-space-head {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  align-items:end;
  gap:48px;
  margin-bottom:40px
}
.studio-space-head p {
  max-width:420px;
  color:var(--fg-soft)
}
.studio-space-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px
}
.studio-space-card {
  min-width:0;
  margin:0
}
.studio-space-media {
  position:relative;
  aspect-ratio:3 / 4;
  overflow:hidden;
  border-radius:14px;
  background:var(--surface);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 20px 60px rgba(0,0,0,.3)
}
.studio-space-placeholder {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--surface);
  color:var(--muted)
}
.studio-space-placeholder span {
  font:italic 80px/1 var(--serif);
  opacity:.35
}
.studio-photo-button {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  padding:0;
  border:0;
  background:transparent;
  cursor:zoom-in
}
.studio-photo-button img {
  width:100%;
  height:100%;
  object-fit:contain;
  transition:filter 400ms
}
.studio-photo-button:focus-visible {
  outline-offset:-6px
}
.studio-space-card.has-photo .studio-space-placeholder {
  display:none
}
.studio-space-card figcaption {
  display:flex;
  justify-content:space-between;
  align-items:baseline;
  gap:12px;
  padding-top:12px;
  color:var(--fg-soft);
  font-size:13px;
  line-height:1.5
}
.studio-space-index {
  color:var(--muted);
  font:10px/1.5 var(--mono);
  flex-shrink:0
}
.studio-location {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);
  align-items:center;
  gap:clamp(40px,6vw,88px);
  margin-top:64px;
  padding-top:40px
}
.studio-facade .studio-space-media {
  aspect-ratio:4 / 3
}
.studio-location-details {
  min-width:0
}
.studio-location-details .h2,.studio-location-details h3 {
  font:400 clamp(30px,3vw,42px)/1.1 var(--serif);
  letter-spacing:-.025em
}
.estudio-addr {
  color:var(--fg-dim);
  font-size:17px;
  line-height:1.7;
  font-style:normal;
  margin-top:20px
}
.estudio-addr-link {
  display:inline-block
}
.estudio-addr-link:hover {
  color:var(--accent)
}
.map-btn {
  margin-top:22px
}
.hours-box {
  padding-top:22px;
  margin-top:28px;
  border-top:1px solid var(--border)
}
.hours-box .label {
  margin-bottom:13px
}
.hours {
  display:grid;
  grid-template-columns:minmax(90px,.75fr) 1fr;
  gap:5px 20px;
  max-width:350px;
  font-size:14px;
  margin:0
}
.hours dt {
  color:var(--muted)
}
.hours dd {
  margin:0
}
.hours dd.closed {
  color:var(--muted)
}
.map-wrap {
  position:relative;
  width:100%;
  height:360px;
  min-width:0;
  margin-top:40px;
  background:var(--surface);
  overflow:hidden;
  border:1px solid var(--border)
}
.map-wrap iframe {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
  display:block;
  filter:invert(.9) hue-rotate(180deg) saturate(.55) brightness(.95) contrast(.95)
}
.map-address-card {
  position:absolute;
  top:12px;
  left:12px;
  width:min(272px,calc(100% - 24px));
  padding:12px;
  background:#202124;
  color:#e8eaed;
  border:1px solid #3c4043;
  border-radius:3px;
  box-shadow:0 2px 6px rgba(0,0,0,.3);
  font-size:14px;
  line-height:1.35
}
.map-address-card strong {
  display:block;
  font-weight:600;
  margin-bottom:3px
}
.map-address-card address {
  margin:0;
  color:#bdc1c6;
  font-size:12px;
  font-style:normal;
  line-height:1.45
}
.map-address-actions {
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:10px
}
.map-address-actions a {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  min-height:44px;
  padding:0 12px;
  border-radius:24px;
  background:#a8c7fa;
  color:#062e6f;
  font-size:14px;
  font-weight:600
}
.map-address-actions a:hover {
  background:#c2d8fc
}
.map-address-actions .map-address-route {
  width:44px;
  padding:0;
  flex-shrink:0
}
.map-address-actions svg {
  width:18px;
  height:18px;
  flex-shrink:0
}
.map-cta {
  position:absolute;
  bottom:19px;
  left:50%;
  transform:translateX(-50%);
  min-height:48px;
  width:max-content;
  max-width:calc(100% - 32px);
  background:var(--fg);
  text-align:center
}
.map-cta:hover {
  background:#fff
}
/* Dúvidas */
.faq {
  padding:var(--section-space) var(--gutter);
  background:radial-gradient(ellipse 78% 65% at 45% 50%,rgba(1,1,1,.62),transparent)
}
.faq-grid {
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);
  gap:clamp(48px,7vw,104px);
  align-items:start
}
.faq-head .h2 {
  font-size:clamp(32px,3.2vw,40px);
  max-width:360px;
  line-height:1.14
}
.faq-aside-cta {
  margin-top:28px;
  max-width:270px;
  color:var(--muted);
  font-size:15px
}
.faq-aside-cta a {
  color:var(--fg);
  text-decoration:underline;
  text-underline-offset:4px
}
.faq-list {
  border-top:1px solid var(--border-2)
}
.faq-item {
  border-bottom:1px solid var(--border)
}
.faq-item summary {
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding-block:23px;
  color:var(--fg-dim);
  font-size:19px;
  font-weight:500;
  line-height:1.4;
  cursor:pointer;
  transition:color var(--speed)
}
.faq-item summary::-webkit-details-marker {
  display:none
}
.faq-item summary::after {
  content:"+";
  flex:0 0 22px;
  color:var(--muted);
  font-size:24px;
  font-weight:400;
  text-align:center;
  line-height:1;
  transition:transform 300ms var(--ease),color 200ms
}
.faq-item[open] summary {
  color:var(--fg)
}
.faq-item[open] summary::after {
  transform:rotate(45deg);
  color:var(--accent)
}
.faq-item summary:hover {
  color:var(--fg)
}
.faq-answer {
  display:flow-root
}
.faq-item p {
  max-width:65ch;
  margin:0 32px 24px 0;
  color:var(--fg-soft);
  font-size:16px;
  line-height:1.7
}
/* Contato e encerramento */
.agendar {
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:var(--section-space) var(--gutter)
}
.agendar .hero-silk-wrap {
  mask-image:radial-gradient(ellipse 75% 85% at 50% 50%,#000,transparent 86%)
}
.agendar .hero-silk {
  opacity:.5
}
.contact-panel {
  position:relative;
  z-index:1;
  max-width:760px;
  margin-inline:auto;
  text-align:center
}
.contact-panel .label {
  color:var(--accent)
}
.contact-panel h2 {
  font-size:clamp(44px,5vw,68px)
}
.contact-panel>p {
  max-width:540px;
  margin:24px auto 0;
  color:var(--fg-soft);
  font-size:18px
}
.contact-panel>.cta-big {
  margin-top:32px;
  min-height:60px;
  --button-padding:15px 30px;
  font-size:16px
}
.contact-panel .cta-meta {
  display:block;
  margin-top:14px
}
.contact-links {
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px 28px;
  margin-top:32px
}
.contact-links a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  color:var(--fg-dim);
  font-size:15px
}
.contact-links a:hover {
  color:var(--accent)
}
.site-footer {
  position:relative;
  z-index:1;
  padding:56px var(--gutter) 28px;
  background:linear-gradient(180deg,rgba(1,1,1,.18),var(--bg))
}
.footer-main {
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:40px;
  padding-bottom:40px;
  align-items:start
}
.footer-brand {
  display:inline-flex;
  width:fit-content
}
.footer-brand img {
  height:80px;
  width:auto
}
.footer-contact,.footer-location {
  display:flex;
  flex-direction:column;
  align-items:start;
  gap:6px;
  font-size:15px;
  color:var(--fg-dim)
}
.footer-contact .label,.footer-location .label {
  margin-bottom:5px
}
.footer-contact a {
  display:inline-flex;
  align-items:center;
  min-height:34px
}
.footer-contact a:hover,.footer-location a:hover {
  color:var(--accent)
}
.footer-location p,.footer-location address {
  font-style:normal;
  line-height:1.65
}
.footer-row {
  display:flex;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:12px 24px;
  border-top:1px solid var(--border);
  padding-top:22px;
  font-size:12px;
  color:var(--muted)
}
.footer-links {
  display:flex;
  flex-wrap:wrap;
  gap:22px
}
.footer-links a {
  display:inline-flex;
  align-items:center;
  min-height:44px
}
.wa-sticky {
  position:fixed;
  right:24px;
  bottom:max(24px,env(safe-area-inset-bottom));
  z-index:50;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:52px;
  height:52px;
  border:1px solid #51784e;
  border-radius:50%;
  background:#244b2d;
  color:#fff;
  box-shadow:0 4px 18px rgba(0,0,0,.24);
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity var(--speed),transform var(--speed),background var(--speed)
}
.wa-sticky.is-visible {
  opacity:1;
  transform:none;
  pointer-events:auto
}
.wa-sticky:hover {
  background:#35683e
}
.wa-sticky-icon {
  width:24px;
  height:24px
}
/* Ampliação mínima: foto, fechar e navegação. */
dialog.lightbox {
  position:fixed;
  inset:0;
  z-index:100;
  width:100%;
  height:100%;
  max-width:none;
  max-height:none;
  margin:0;
  padding:76px 88px 32px;
  border:0;
  color:var(--fg);
  background:rgba(1,1,1,.98);
  overflow:auto;
  overscroll-behavior:contain
}
dialog.lightbox[open] {
  display:flex;
  align-items:center;
  justify-content:center
}
dialog.lightbox:not([open]) {
  display:none
}
dialog.lightbox::backdrop {
  background:rgba(0,0,0,.75)
}
.lb-content {
  width:min(100%,var(--lb-natural-width,1200px));
  max-width:1200px;
  min-width:0;
  margin:0;
  text-align:center
}
.lb-stage {
  display:flex;
  align-items:center;
  justify-content:center;
  max-width:100%;
  max-height:calc(100dvh - 128px);
  min-height:80px;
  overflow:hidden;
  background:transparent
}
.lb-img {
  width:auto;
  height:auto;
  max-width:100%;
  max-height:calc(100dvh - 128px);
  object-fit:contain;
  touch-action:pan-x pan-y pinch-zoom;
  user-select:none
}
.lb-counter {
  position:fixed;
  top:34px;
  left:32px;
  z-index:2;
  font:12px/1.4 var(--mono);
  color:var(--muted);
  pointer-events:none
}
.lb-close,.lb-prev,.lb-next {
  position:fixed;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  padding:0;
  border:1px solid var(--border-2);
  border-radius:50%;
  background:var(--bg-elev);
  color:var(--fg);
  z-index:2;
  font:400 22px/1 var(--sans);
  transition:background var(--speed),border-color var(--speed)
}
.lb-close {
  top:20px;
  right:24px;
  font-size:17px
}
.lb-prev,.lb-next {
  top:50%;
  transform:translateY(-50%)
}
.lb-prev {
  left:24px
}
.lb-next {
  right:24px
}
.lb-close:hover,.lb-prev:hover,.lb-next:hover {
  border-color:var(--muted);
  background:var(--surface)
}
.lb-error {
  color:var(--fg-soft);
  font-size:15px;
  line-height:1.6;
  padding:32px 0
}
/* Blur Fade: conteúdo sempre visível sem JS; cada entrada acontece uma vez. */
.reveal-ready [data-reveal] {
  opacity:1;
  transform:none;
  filter:none;
  transition:opacity 480ms var(--ease) var(--reveal-delay,0ms),transform 650ms var(--ease) var(--reveal-delay,0ms),filter 420ms var(--ease) var(--reveal-delay,0ms),border-color 250ms,background 250ms
}
.reveal-ready [data-reveal]:not(.is-visible) {
  opacity:0;
  transform:translateY(14px);
  filter:blur(4px)
}
.reveal-ready [data-reveal="media"]:not(.is-visible) {
  transform:translateY(20px);
  filter:blur(2px)
}
.reveal-ready [data-reveal="soft"]:not(.is-visible) {
  transform:translateY(7px);
  filter:blur(2px)
}
.reveal-ready [data-reveal]:focus-within {
  opacity:1;
  transform:none;
  filter:none;
  transition:none
}
/* Larguras intermediárias */
@media(max-width:1100px) {
  .header-inner {
    gap:22px
  }
  .topnav {
    gap:18px
  }
  .topnav a {
    font-size:13px
  }
  .hero-grid {
    gap:32px
  }
  .estilos-grid {
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .estilo-card {
    display:grid;
    grid-template-columns:.85fr 1fr
  }
  .estilo-media {
    aspect-ratio:auto;
    min-height:300px
  }
  .estilo-content {
    padding:24px
  }
  .price-row {
    grid-template-columns:34px minmax(150px,.8fr) minmax(0,1.2fr) 160px;
    gap:20px
  }
  .sobre-grid {
    column-gap:40px
  }
  .stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 24px
  }
  .stats .num {
    font-size:34px
  }
}
@media(max-width:899px) {
  :root {
    --topbar-h:80px
  }
  .header-inner {
    min-height:80px;
    flex-wrap:wrap;
    gap:0 16px
  }
  .wordmark img {
    height:48px
  }
  .header-cta {
    margin-left:auto
  }
  .topnav {
    order:4;
    width:100%;
    margin:0;
    justify-content:flex-start;
    flex-wrap:wrap;
    gap:4px 24px;
    padding-bottom:12px
  }
  .topnav a {
    font-size:14px
  }
  .nav-enhanced .header-inner {
    flex-wrap:nowrap
  }
  .nav-enhanced .menu-toggle {
    display:inline-flex;
    flex:0 0 44px;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    gap:5px;
    width:44px;
    height:44px;
    padding:10px;
    border:1px solid var(--border-2);
    border-radius:3px;
    background:transparent;
    font-size:0
  }
  .menu-toggle-lines { position:relative; display:block; width:20px; height:1px; background:var(--fg); transition:background var(--speed); }
  .menu-toggle-lines::before, .menu-toggle-lines::after { content:""; position:absolute; left:0; width:20px; height:1px; background:var(--fg); transition:transform var(--speed); }
  .menu-toggle-lines::before { top:-6px; }
  .menu-toggle-lines::after { top:6px; }
  .menu-toggle[aria-expanded="true"] .menu-toggle-lines { background:transparent; }
  .menu-toggle[aria-expanded="true"] .menu-toggle-lines::before { transform:translateY(6px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] .menu-toggle-lines::after { transform:translateY(-6px) rotate(-45deg); }
  .menu-toggle svg {
    width:22px;
    height:22px
  }
  .nav-enhanced .topnav {
    position:absolute;
    left:0;
    right:0;
    top:100%;
    display:flex;
    flex-direction:column;
    flex-wrap:nowrap;
    gap:0;
    width:100%;
    max-height:calc(100dvh - var(--topbar-h));
    overflow-y:auto;
    padding:20px var(--pad-x) 28px;
    border-bottom:1px solid var(--border);
    background:var(--bg-elev);
    visibility:hidden;
    opacity:0;
    transform:translateY(-8px);
    pointer-events:none;
    transition:opacity var(--speed),transform var(--speed),visibility var(--speed)
  }
  .nav-enhanced .topnav a {
    width:100%;
    min-height:56px;
    padding:12px 0;
    border-bottom:1px solid var(--border);
    font-size:20px
  }
  .nav-enhanced .topnav a::after {
    display:none
  }
  .nav-enhanced .menu-open .topnav {
    visibility:visible;
    opacity:1;
    transform:none;
    pointer-events:auto
  }


  .hero {
    padding-top:48px;
    padding-bottom:64px
  }
  .hero-grid {
    grid-template-columns:minmax(0,1.16fr) minmax(0,1fr);
    gap:28px
  }
  .hero-title {
    font-size:clamp(34px,12.3cqw,58px)
  }
  .hero-description {
    font-size:16px;
    margin-top:22px
  }
  .hero-actions {
    gap:12px 20px;
    margin-top:26px
  }
  .hero-actions .btn {
    --button-padding:15px 18px
  }
  .hero-note {
    font-size:11px
  }
  .portfolio-head {
    align-items:start
  }
  .sobre-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,.9fr);
    column-gap:32px
  }
  .artist-heading h2 {
    font-size:40px
  }
  .artist-intro {
    font-size:17px
  }
  .artist-story>p {
    font-size:16px
  }
  .process-grid {
    gap:32px
  }
  .process-heading h2 {
    font-size:34px
  }
  .process-copy p {
    font-size:16px
  }
  .estilo-card {
    display:flex
  }
  .estilo-media {
    aspect-ratio:4 / 3;
    min-height:0
  }
  .price-row {
    grid-template-columns:24px minmax(110px,.8fr) minmax(0,1.2fr) 132px;
    gap:16px
  }
  .price-row .price,.price-value {
    font-size:23px
  }
  .studio-location {
    gap:32px
  }
  .studio-space-head {
    grid-template-columns:1fr 1fr;
    gap:32px
  }
  .studio-space-grid {
    gap:16px
  }
  .faq-grid {
    grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr);
    gap:32px
  }
  .faq-item summary {
    font-size:18px
  }
  .footer-main {
    grid-template-columns:.8fr 1fr 1.2fr;
    gap:24px
  }
  .footer-brand img {
    height:62px
  }
}
/* Celular: mensagem e ação primeiro, enquadramento completo dos ambientes. */
@media(max-width:700px) {
  .portrait-wrap {
    border-radius:20px 60px 20px 20px
  }
  .estilo-card {
    border-radius:14px
  }
  .hero-silk-wrap {
    mask-image:radial-gradient(ellipse 130% 58% at 65% 79%,#000 20%,transparent 85%),linear-gradient(180deg,#000 75%,transparent)
  }
  .hero-grid {
    grid-template-columns:minmax(0,1fr);
    gap:34px
  }
  .hero-copy {
    max-width:580px
  }
  .hero-copy .label {
    margin-bottom:22px;
    font-size:10px
  }
  .hero-title {
    font-size:clamp(39px,12.8cqw,74px)
  }
  .hero-description {
    max-width:460px;
    font-size:17px
  }
  .hero-note {
    margin-top:20px;
    font-size:12px
  }
  .hero-visual {
    width:100%
  }
  .hero-image {
    height:360px;
    aspect-ratio:auto
  }
  .hero-caption {
    margin-top:12px
  }
  .portfolio-head {
    flex-direction:column;
    gap:22px;
    margin-bottom:24px
  }
  .portfolio-filters {
    flex-wrap:nowrap;
    overflow-x:auto;
    scrollbar-width:none;
    padding-block:4px;
    scroll-padding-inline:var(--pad-x);
    overscroll-behavior-x:contain
  }
  .portfolio-filters::-webkit-scrollbar {
    display:none
  }
  .portfolio-filter {
    flex-shrink:0
  }
  .auto-slider-item {
    flex-basis:204px;
    width:204px;
    height:250px
  }
  .auto-slider-track,.slider-rows {
    gap:12px
  }
  .sobre {
    padding-bottom:48px
  }
  .sobre-grid {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"heading" "portrait" "story";
    gap:30px
  }
  .artist-heading {
    max-width:500px
  }
  .artist-heading h2 {
    font-size:clamp(36px,7vw,46px)
  }
  .artist-portrait {
    width:min(100%,480px);
    justify-self:center
  }
  .artist-story>p {
    font-size:17px
  }
  .stats {
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:16px;
    margin-top:28px
  }
  .stats .num {
    font-size:30px
  }
  .process-section {
    padding-top:20px;
    padding-bottom:24px
  }
  .process-grid {
    grid-template-columns:minmax(0,1fr);
    gap:30px;
    padding-top:44px
  }
  .process-heading h2 {
    max-width:520px;
    font-size:36px
  }
  .process-copy p {
    max-width:560px;
    font-size:17px
  }
  .estilos-grid {
    gap:16px
  }
  .estilo-media {
    aspect-ratio:3 / 4
  }
  .estilo-content {
    padding:18px
  }
  .estilo-content h3,.estilo-name {
    font-size:27px
  }
  .estilo-content p,.estilo-desc {
    font-size:14px
  }
  .estilo-link {
    font-size:12px
  }
  .price-row {
    grid-template-columns:minmax(0,1fr) auto;
    grid-template-areas:"size value" "desc desc";
    gap:14px 18px;
    padding-block:24px
  }
  .price-row .idx,.price-row>.num {
    display:none
  }
  .price-size {
    grid-area:size
  }
  .price-desc,.price-row .inc {
    grid-area:desc;
    max-width:520px
  }
  .price-value,.price-row .price {
    grid-area:value;
    align-self:start;
    padding-top:1px;
    font-size:24px
  }
  .price-row .name {
    font-size:23px
  }
  .price-row .size {
    font-size:14px
  }
  .precos .cta-row {
    justify-content:flex-start;
    gap:16px
  }
  .studio-space-head {
    grid-template-columns:minmax(0,1fr);
    gap:22px;
    margin-bottom:30px
  }
  .studio-space-head p {
    max-width:520px
  }
  .studio-space-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px 16px
  }
  .studio-space-grid>:first-child {
    grid-column:1 / -1;
    max-width:480px;
    width:100%;
    justify-self:center
  }
  .studio-space-card figcaption {
    gap:7px;
    font-size:12px
  }
  .studio-space-index {
    font-size:9px
  }
  .studio-location {
    grid-template-columns:minmax(0,1fr);
    gap:30px;
    margin-top:40px;
    padding-top:40px
  }
  .studio-location-details {
    max-width:500px
  }
  .map-wrap {
    height:400px;
    margin-top:32px
  }
  .faq-grid {
    grid-template-columns:minmax(0,1fr);
    gap:32px
  }
  .faq-head .h2 {
    max-width:450px;
    font-size:36px
  }
  .faq-aside-cta {
    max-width:430px;
    margin-top:20px
  }
  .faq-item p {
    margin-right:0
  }
  .contact-panel h2 {
    font-size:clamp(42px,9vw,58px)
  }
  .contact-panel>p {
    font-size:17px
  }
  .contact-panel>.cta-big {
    font-size:15px;
    --button-padding:15px 22px
  }
  .footer-main {
    grid-template-columns:1fr 1fr;
    gap:30px 24px
  }
  .footer-brand {
    grid-column:1 / -1
  }
  .footer-brand img {
    height:70px
  }
  .footer-row {
    align-items:start;
    flex-direction:column;
    gap:8px
  }
  .wa-sticky {
    right:16px;
    bottom:max(16px,env(safe-area-inset-bottom));
    width:48px;
    height:48px
  }
  .wa-sticky-icon {
    width:22px;
    height:22px
  }
  dialog.lightbox {
    padding:76px 20px 104px
  }
  .lb-stage,.lb-img {
    max-height:calc(100dvh - 200px)
  }
  .lb-counter {
    top:max(28px,calc(env(safe-area-inset-top) + 12px));
    left:24px
  }
  .lb-close {
    top:max(16px,env(safe-area-inset-top));
    right:16px;
    width:44px;
    height:44px
  }
  .lb-prev,.lb-next {
    top:auto;
    bottom:max(24px,env(safe-area-inset-bottom));
    transform:none
  }
  .lb-prev {
    left:calc(50% - 60px)
  }
  .lb-next {
    right:calc(50% - 60px)
  }
}
@media(max-width:480px) {
  :root {
    --section-space:72px
  }
  .header-inner {
    gap:10px
  }
  .header-cta {
    padding-inline:13px;
    font-size:12px
  }
  .wordmark img {
    height:43px
  }
  .hero {
    padding-top:40px
  }
  .hero-image {
    height:320px
  }
  .hero-title {
    font-size:clamp(36px,12.6cqw,56px)
  }
  .hero-description {
    margin-top:22px
  }
  .hero-actions {
    gap:10px 18px
  }
  .hero-actions .btn {
    font-size:13px
  }
  .hero-link-secondary {
    font-size:13px
  }
  .hero-caption {
    font-size:11px
  }
  .h2,.h2-md,.h2-sm,.h2-xs {
    font-size:38px
  }
  .portfolio {
    padding-top:64px
  }
  .portfolio-filter {
    padding-inline:13px
  }
  .stats {
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:20px 24px
  }
  .stats .num {
    font-size:34px
  }
  .estilo-content {
    padding:16px 14px
  }
  .estilo-content h3 {
    font-size:25px
  }
  .estilo-content p {
    font-size:14px
  }
  .estilo-content .label-2 {
    font-size:9px;
    letter-spacing:.08em
  }
  .price-value,.price-row .price {
    font-size:22px
  }
  .map-address-card {
    width:min(260px,calc(100% - 24px))
  }
  .map-cta {
    font-size:13px;
    min-height:46px;
    padding-inline:18px
  }
  .footer-main {
    grid-template-columns:1fr;
    gap:28px
  }
  .footer-brand {
    grid-column:auto
  }
  .site-footer {
    padding-bottom:76px
  }
}
@media(max-width:359px) {
  :root {
    --pad-x:20px
  }
  .header-inner {
    gap:8px
  }
  .wordmark img {
    height:38px
  }
  .header-cta {
    padding-inline:10px;
    font-size:11px
  }
  .hero-title {
    font-size:35px
  }
  .hero-actions {
    align-items:flex-start;
    flex-direction:column;
    gap:6px
  }
  .hero-note {
    font-size:11px
  }
  .hero-image {
    height:300px
  }
  .estilos-grid {
    grid-template-columns:minmax(0,1fr);
    gap:24px
  }
  .estilo-media {
    aspect-ratio:4 / 3
  }
  .estilo-content {
    padding:22px
  }
  .estilo-content h3 {
    font-size:30px
  }
  .price-value,.price-row .price {
    font-size:20px
  }
  .contact-panel>.cta-big {
    font-size:14px;
    --button-padding:15px 16px
  }
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference) {
  .estilo-card:hover .estilo-media img {
    transform:scale(1.025)
  }
  .estilo-card:hover .estilo-link span,.text-link:hover span,.map-btn:hover span,[data-magnetic]:hover .magnetic-surface>[aria-hidden] {
    transform:translate(3px,-3px)
  }
  .hero-link-secondary:hover span {
    transform:translateY(3px)
  }
  .price-row:hover {
    background:rgba(255,255,255,.025)
  }
  .price-row:hover .price-size {
    transform:translateX(5px)
  }
  .studio-photo-button:hover img {
    filter:brightness(1.06)
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*::before,*::after {
    animation:none!important;
    transition:none!important
  }
  .reveal-ready [data-reveal] {
    opacity:1;
    transform:none;
    filter:none
  }
  .magnetic-surface,.reveal-ready .artist-portrait[data-reveal]:not(.is-visible) .portrait-img {
    transform:none
  }
  .btn:hover,.cta-big:hover,.wa-sticky:hover {
    transform:none
  }
}