/* ════════════════════════════════════ VISUAL PLACEHOLDERS & RESULT CARDS ════════════════════════════════════ */

/* Base media placeholder — replace inner content with <img> when assets are ready */
.vph{
  position:relative;
  border-radius:var(--rl);
  overflow:hidden;
  background:var(--ink);
  border:1px solid var(--border2);
  aspect-ratio:16/10;
}
.vph--mobile{aspect-ratio:9/16;max-width:220px;margin:0 auto}
.vph--square{aspect-ratio:1}
.vph--wide{aspect-ratio:21/9}
.vph-frame{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:12px;
  width:100%;
  height:100%;
  min-height:180px;
  padding:clamp(20px,4vw,32px);
  background:linear-gradient(145deg,var(--paper2) 0%,var(--paper3) 45%,rgba(204,255,51,.08) 100%);
}
.sec-ink .vph,.slp-final-cta~* .vph{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.sec-ink .vph-frame,.ind-hero~* .vph-frame{background:linear-gradient(145deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 50%,rgba(204,255,51,.06) 100%)}
.vph-chrome{
  position:absolute;top:0;left:0;right:0;height:28px;
  background:rgba(13,13,13,.06);
  border-bottom:1px solid var(--border2);
  display:flex;align-items:center;padding:0 12px;gap:6px;
}
.sec-ink .vph-chrome{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.08)}
.vph-dot{width:8px;height:8px;border-radius:50%;background:rgba(13,13,13,.12)}
.vph-dot.accent{background:rgba(204,255,51,.55)}
.vph-icon{
  width:48px;height:48px;border-radius:12px;
  background:rgba(13,13,13,.06);
  display:flex;align-items:center;justify-content:center;
}
.vph-icon svg{width:22px;height:22px;stroke:var(--ink3);fill:none;stroke-width:1.6}
.sec-ink .vph-icon{background:rgba(255,255,255,.08)}
.sec-ink .vph-icon svg{stroke:rgba(255,255,255,.45)}
.vph-label{font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);text-align:center}
.vph-sublabel{font-size:12px;color:var(--ink3);text-align:center;line-height:1.5;max-width:200px;opacity:.85}
.sec-ink .vph-label,.sec-ink .vph-sublabel{color:rgba(255,255,255,.4)}
.vph img{width:100%;height:100%;object-fit:cover;display:block}
.vph video{width:100%;height:100%;object-fit:cover;display:block}
.vph.has-img .vph-frame{display:none}
.vph.has-img .vph-chrome{display:none}

/* Client logo placeholder */
.vph-logo .vph-frame{min-height:80px;aspect-ratio:auto}
.vph-logo .vph-label{font-size:13px;letter-spacing:.06em;text-transform:none;font-family:var(--fd);font-weight:700;color:var(--ink2)}

/* Result card */
.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.result-card{
  background:var(--white);
  border:1px solid var(--border2);
  border-radius:var(--rl);
  overflow:hidden;
  display:flex;
  flex-direction:column;
  transition:border-color .3s,transform .35s var(--ease),box-shadow .35s;
}
.result-card:hover{border-color:rgba(13,13,13,.14);transform:translateY(-4px);box-shadow:0 12px 40px rgba(13,13,13,.07)}
.result-card .vph{border-radius:0;border:none;border-bottom:1px solid var(--border2);aspect-ratio:16/11}
.result-card-body{padding:22px 20px 24px;flex:1;display:flex;flex-direction:column}
.result-card-body h3{font-family:var(--fd);font-size:16px;font-weight:700;letter-spacing:-.02em;margin-bottom:12px;color:var(--ink)}
.result-meta{display:grid;gap:6px;margin-bottom:16px;font-size:12.5px;color:var(--ink2);line-height:1.45}
.result-meta dt{font-weight:600;color:var(--ink3);font-size:10px;letter-spacing:.08em;text-transform:uppercase;display:inline}
.result-meta dd{display:inline;margin-left:4px}
.result-metrics{list-style:none;display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--border2)}
.result-metrics li{font-family:var(--fd);font-size:15px;font-weight:700;color:var(--ink);letter-spacing:-.02em;display:flex;align-items:center;gap:8px}
.result-metrics li::before{content:'';width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}
.sec-paper2 .result-card{background:var(--paper)}
.sec-ink .result-card{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.08)}
.sec-ink .result-card-body h3{color:var(--white)}
.sec-ink .result-meta{color:rgba(255,255,255,.55)}
.sec-ink .result-meta dt{color:rgba(255,255,255,.35)}
.sec-ink .result-metrics li{color:var(--white)}
.sec-ink .result-metrics{border-color:rgba(255,255,255,.08)}

/* Visual showcase grid (service pages) */
.visual-showcase{margin-top:8px}
.visual-grid{display:grid;gap:16px}
.visual-grid--2{grid-template-columns:repeat(2,1fr)}
.visual-grid--3{grid-template-columns:repeat(3,1fr)}
.visual-grid--4{grid-template-columns:repeat(4,1fr)}
.visual-block{
  background:var(--white);
  border:1px solid var(--border2);
  border-radius:var(--rl);
  overflow:hidden;
  transition:border-color .3s,transform .35s var(--ease);
}
.visual-block:hover{border-color:rgba(13,13,13,.14);transform:translateY(-3px)}
.visual-block .vph{border:none;border-radius:0;border-bottom:1px solid var(--border2)}
.visual-block-cap{padding:16px 18px}
.visual-block-cap h4{font-family:var(--fd);font-size:14px;font-weight:700;margin-bottom:4px;letter-spacing:-.01em}
.visual-block-cap p{font-size:12.5px;color:var(--ink2);line-height:1.55}
.sec-paper2 .visual-block{background:var(--paper)}

/* Marketing results row */
.mkt-visual-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.mkt-visual-item .vph{aspect-ratio:4/3}
.mkt-visual-item p{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink3);text-align:center;margin-top:10px}
.sec-ink .mkt-visual-item p{color:rgba(255,255,255,.4)}

/* Proof case (industry + work) */
.proof-case{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:clamp(32px,5vw,56px);
  align-items:center;
  padding:clamp(32px,4vw,48px);
  background:var(--white);
  border:1px solid var(--border2);
  border-radius:20px;
}
.proof-case-visual{display:flex;flex-direction:column;gap:16px}
.proof-case-logo .vph{aspect-ratio:3/1;max-height:72px}
.proof-case-shot .vph{aspect-ratio:16/10}
.proof-case-copy h3{font-family:var(--fd);font-size:clamp(22px,3vw,28px);font-weight:800;letter-spacing:-.03em;margin-bottom:20px;line-height:1.14}
.proof-steps{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.proof-step{padding:16px 18px;background:var(--paper2);border-radius:var(--rl);border-left:3px solid var(--accent)}
.proof-step-lbl{font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink3);margin-bottom:4px}
.proof-step p{font-size:14px;color:var(--ink2);line-height:1.6}
.proof-metrics{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}
.proof-metric{padding:12px 16px;background:var(--paper2);border-radius:var(--r);font-family:var(--fd);font-size:18px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}
.proof-metric span{display:block;font-family:var(--fb);font-size:11px;font-weight:500;color:var(--ink3);margin-top:2px;letter-spacing:0}
.proof-quote{font-size:14px;color:var(--ink2);line-height:1.65;font-style:italic;padding-top:16px;border-top:1px solid var(--border2)}
.proof-quote cite{display:block;font-style:normal;font-size:12px;font-weight:600;color:var(--ink3);margin-top:8px}
.sec-paper2 .proof-case{background:var(--paper)}

@media(max-width:960px){
  .result-grid,.visual-grid--3,.visual-grid--4,.mkt-visual-row{grid-template-columns:repeat(2,1fr)}
  .proof-case{grid-template-columns:1fr}
}
@media(max-width:600px){
  .result-grid,.visual-grid--2,.visual-grid--3,.visual-grid--4,.mkt-visual-row{grid-template-columns:1fr}
  .vph--mobile{max-width:180px}
}

/* ════════════════════════════════════ DESIGN MARQUEE (dev service pages) ════════════════════════════════════ */
.sec-design-marquee{padding-bottom:clamp(48px,6vw,72px);overflow:hidden}
.sec-design-marquee .wrap{margin-bottom:var(--sh-gap,clamp(40px,5vw,64px))}
.design-marquee{display:flex;flex-direction:column;gap:clamp(16px,2.5vw,22px)}
.design-marquee-row{
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 6%,#000 94%,transparent 100%);
}
.design-marquee-track{
  display:flex;
  align-items:flex-end;
  gap:clamp(14px,2vw,20px);
  width:max-content;
  will-change:transform;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.design-marquee-row--left .design-marquee-track{animation:dm-scroll-left 52s linear infinite}
.design-marquee-row--right .design-marquee-track{animation:dm-scroll-right 48s linear infinite}
.design-marquee:hover .design-marquee-track{animation-play-state:paused}
#results .design-marquee:hover .design-marquee-track{animation-play-state:running}
@media(hover:none){
  .design-marquee:hover .design-marquee-track{animation-play-state:running}
}
@keyframes dm-scroll-left{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes dm-scroll-right{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}

.design-marquee--ink .dm-frame{
  border-color:rgba(255,255,255,.1);
  background:rgba(255,255,255,.04);
  box-shadow:0 16px 44px rgba(0,0,0,.35);
}
.design-marquee--ink .dm-chrome{
  background:rgba(255,255,255,.06);
  border-bottom-color:rgba(255,255,255,.08);
}
.design-marquee--ink .dm-chrome span{background:rgba(255,255,255,.14)}
.design-marquee--ink .dm-card:hover .dm-frame{box-shadow:0 22px 52px rgba(0,0,0,.45)}

#results{padding-bottom:clamp(56px,7vw,88px)}
#results .design-marquee{margin-top:clamp(56px,6vw,80px)}
#results .design-marquee-row{
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
}

.dm-card{flex-shrink:0;margin:0}
.dm-frame{
  border-radius:14px;
  overflow:hidden;
  border:1px solid var(--border2);
  background:var(--white);
  box-shadow:0 12px 40px rgba(13,13,13,.08);
  transition:transform .4s var(--ease),box-shadow .4s;
}
.dm-card:hover .dm-frame{transform:translateY(-4px);box-shadow:0 20px 52px rgba(13,13,13,.12)}
.dm-chrome{
  height:26px;background:rgba(13,13,13,.04);border-bottom:1px solid var(--border2);
  display:flex;align-items:center;padding:0 10px;gap:5px;
}
.dm-chrome span{width:7px;height:7px;border-radius:50%;background:rgba(13,13,13,.12)}
.dm-chrome span.ac{background:rgba(204,255,51,.65)}
.dm-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}

/* Card sizes */
.dm-card--xs .dm-frame{width:132px;aspect-ratio:9/16}
.dm-card--sm .dm-frame{width:220px;aspect-ratio:16/11}
.dm-card--md .dm-frame{width:300px;aspect-ratio:16/10}
.dm-card--lg .dm-frame{width:380px;aspect-ratio:16/10}
.dm-card--xl .dm-frame{width:460px;aspect-ratio:16/10}
.dm-card--wide .dm-frame{width:520px;aspect-ratio:21/9}
.dm-card--mobile .dm-frame{width:148px;aspect-ratio:9/16}

/* CSS mock screens */
.dm-mock{display:flex;flex-direction:column;height:100%;padding:10px 10px 12px;gap:8px}
.dm-mock-nav{height:8px;border-radius:4px;background:rgba(13,13,13,.08);width:55%}
.dm-mock-hero{flex:1;border-radius:8px;min-height:40px}
.dm-mock-rows{display:flex;flex-direction:column;gap:5px}
.dm-mock-rows span{height:6px;border-radius:3px;background:rgba(13,13,13,.06)}
.dm-mock-rows span:nth-child(1){width:92%}
.dm-mock-rows span:nth-child(2){width:78%}
.dm-mock-rows span:nth-child(3){width:65%}

.dm-mock--dark{background:linear-gradient(160deg,#1a1a1a 0%,#0d0d0d 100%)}
.dm-mock--dark .dm-mock-nav{background:rgba(255,255,255,.12)}
.dm-mock--dark .dm-mock-hero{background:linear-gradient(135deg,rgba(204,255,51,.25) 0%,rgba(255,255,255,.04) 100%)}
.dm-mock--dark .dm-mock-rows span{background:rgba(255,255,255,.08)}

.dm-mock--light{background:linear-gradient(160deg,#faf9f6 0%,#eeece6 100%)}
.dm-mock--light .dm-mock-hero{background:linear-gradient(135deg,rgba(13,13,13,.06) 0%,rgba(204,255,51,.15) 100%)}

.dm-mock--accent{background:linear-gradient(160deg,#f5f4ef 0%,#e8e6df 100%)}
.dm-mock--accent .dm-mock-hero{background:var(--accent);opacity:.85}

.dm-mock--ink{background:var(--ink)}
.dm-mock--ink .dm-mock-nav{background:rgba(255,255,255,.1)}
.dm-mock--ink .dm-mock-hero{background:linear-gradient(180deg,rgba(204,255,51,.35),rgba(204,255,51,.08))}
.dm-mock--ink .dm-mock-rows span{background:rgba(255,255,255,.1)}

.dm-mock--warm{background:linear-gradient(160deg,#fff8f0 0%,#f0ebe3 100%)}
.dm-mock--warm .dm-mock-hero{background:linear-gradient(135deg,#c4a882 0%,rgba(13,13,13,.08) 100%)}

.dm-mock--sage{background:linear-gradient(160deg,#f2f5f0 0%,#e4ebe4 100%)}
.dm-mock--sage .dm-mock-hero{background:linear-gradient(135deg,#8fa88a 0%,rgba(204,255,51,.2) 100%)}

.dm-mock--minimal{background:#fff}
.dm-mock--minimal .dm-mock-hero{background:var(--paper2);border:1px solid var(--border2)}

@media(max-width:920px){
  .design-marquee{gap:12px;touch-action:pan-y}
  .design-marquee-row{
    overflow:hidden;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 10%,#000 90%,transparent 100%);
  }
  #results .design-marquee-row{
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  }
  .design-marquee-track{gap:10px}
  .design-marquee-row--left .design-marquee-track{animation:dm-scroll-left 38s linear infinite}
  .design-marquee-row--right .design-marquee-track{animation:dm-scroll-right 34s linear infinite}
  .dm-card--xs .dm-frame{width:100px}
  .dm-card--sm .dm-frame{width:168px}
  .dm-card--md .dm-frame{width:220px}
  .dm-card--lg .dm-frame{width:260px}
  .dm-card--xl .dm-frame{width:300px}
  .dm-card--wide .dm-frame{width:320px}
  .dm-card--mobile .dm-frame{width:112px}
  .dm-card:hover .dm-frame{transform:none;box-shadow:inherit}
}

@media(prefers-reduced-motion:reduce){
  .design-marquee-row--left .design-marquee-track,
  .design-marquee-row--right .design-marquee-track{animation:none}
  .design-marquee-track{flex-wrap:wrap;justify-content:center;width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,24px)}
  .design-marquee-row{-webkit-mask-image:none;mask-image:none;overflow:visible}
}

/* Marketing overview — clean stat loop */
#mkt-overview{overflow:hidden;padding-bottom:clamp(56px,7vw,88px)}
.mkt-stat-marquee{
  margin-top:clamp(48px,6vw,72px);
  overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%);
}
.mkt-stat-track{
  display:flex;align-items:stretch;gap:clamp(12px,2vw,16px);
  width:max-content;
  animation:mkt-stat-scroll 50s linear infinite;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
@keyframes mkt-stat-scroll{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
.mkt-stat{
  flex-shrink:0;
  display:flex;flex-direction:column;justify-content:center;gap:8px;
  min-width:clamp(160px,18vw,200px);
  padding:clamp(20px,2.5vw,28px) clamp(22px,2.5vw,28px);
  border-radius:12px;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.04);
}
.mkt-stat-n{
  font-family:var(--fd);
  font-size:clamp(28px,3vw,36px);
  font-weight:800;
  letter-spacing:-.03em;
  line-height:1;
  color:var(--accent);
}
.mkt-stat-n em{font-style:normal;font-size:.5em;color:rgba(255,255,255,.45);margin-left:1px}
.mkt-stat-l{
  font-size:12.5px;
  line-height:1.45;
  color:rgba(255,255,255,.48);
  max-width:18ch;
}

@media(max-width:920px){
  .mkt-stat-marquee{
    touch-action:pan-y;
    -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
    mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%);
  }
  .mkt-stat-track{
    animation:mkt-stat-scroll 36s linear infinite;
    gap:10px;
  }
  .mkt-stat{
    min-width:148px;
    padding:16px 18px;
  }
  .mkt-stat-n{font-size:clamp(24px,6vw,32px)}
  .mkt-stat-l{font-size:12px}
}

@media(prefers-reduced-motion:reduce){
  .mkt-stat-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;max-width:var(--wrap);margin:0 auto;padding:0 clamp(16px,4vw,24px)}
  .mkt-stat-marquee{-webkit-mask-image:none;mask-image:none}
}

/* ════════════════════════════════════ WHAT WE DO — stack + floating results ════════════════════════════════════ */
.wwd-visual{
  position:relative;
  min-height:clamp(380px,42vw,520px);
  padding:clamp(8px,2vw,16px) clamp(12px,3vw,24px) clamp(8px,2vw,16px) 0;
}
.wwd-stack{
  position:relative;
  height:clamp(320px,36vw,440px);
  min-height:300px;
  width:100%;
}
.wwd-stack-card{
  position:absolute;
  margin:0;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 22px 52px rgba(13,13,13,.14);
  background:var(--paper2);
  transition:transform .5s var(--ease),box-shadow .5s;
}
.wwd-stack-card img{width:100%;height:100%;object-fit:cover;display:block}
.wwd-stack-card--1{top:0;left:0;width:88%;aspect-ratio:16/10;z-index:3;transform:rotate(-2.5deg)}
.wwd-stack-card--2{top:9%;right:-1%;width:78%;aspect-ratio:16/10;z-index:2;transform:rotate(2deg)}
.wwd-stack-card--3{bottom:0;left:7%;width:72%;aspect-ratio:16/10;z-index:1;transform:rotate(-1deg)}
.wwd-visual:hover .wwd-stack-card--1{transform:rotate(-1deg) translateY(-5px);box-shadow:0 28px 60px rgba(13,13,13,.16)}
.wwd-visual:hover .wwd-stack-card--2{transform:rotate(1.5deg) translateY(-7px)}
.wwd-visual:hover .wwd-stack-card--3{transform:rotate(0) translateY(-4px)}

.wwd-float{
  position:absolute;
  z-index:10;
  background:var(--white);
  border-radius:12px;
  padding:14px 18px;
  box-shadow:0 14px 36px rgba(13,13,13,.1);
  display:flex;
  flex-direction:column;
  gap:4px;
  max-width:min(200px,42vw);
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
/* Scroll reveal — opacity only so float motion stays on `translate` */
.wwd-float.rev{
  opacity:0;
  transform:none;
  transition:opacity .85s var(--ease);
}
.wwd-float.rev.on{opacity:1;transform:none}
.wwd-float-inner{
  display:flex;
  flex-direction:column;
  gap:4px;
  will-change:translate;
  animation:wwd-float 6.5s cubic-bezier(0.45,0.05,0.55,0.95) infinite;
}
.wwd-float--1 .wwd-float-inner{animation-duration:6.5s;animation-delay:0s}
.wwd-float--2 .wwd-float-inner{animation-duration:7.8s;animation-delay:-2.1s}
.wwd-float--3 .wwd-float-inner{animation-duration:5.8s;animation-delay:-3.4s}
.wwd-float-n{
  font-family:var(--fd);
  font-size:clamp(20px,2.2vw,26px);
  font-weight:800;
  letter-spacing:-.03em;
  color:var(--ink);
  line-height:1;
}
.wwd-float-l{
  font-size:11.5px;
  color:var(--ink2);
  line-height:1.45;
}
.wwd-float--accent{background:var(--ink)}
.wwd-float--accent .wwd-float-n{color:var(--accent)}
.wwd-float--accent .wwd-float-l{color:rgba(255,255,255,.5)}
.wwd-float--1{top:4%;right:-2%}
.wwd-float--2{top:44%;left:-5%}
.wwd-float--3{bottom:6%;right:4%}
@keyframes wwd-float{
  0%,100%{translate:0 0}
  35%{translate:0 -5px}
  50%{translate:0 -9px}
  65%{translate:0 -5px}
}

@media(max-width:900px){
  .wwd-float--1{right:0;top:2%}
  .wwd-float--2{left:0}
  .wwd-float--3{right:0;bottom:4%}
}
@media(max-width:760px){
  .wwd-visual{
    min-height:auto;
    padding:0;
    margin-top:clamp(32px,8vw,48px);
    display:flex;
    flex-direction:column;
    gap:12px;
  }
  .wwd-stack{
    height:clamp(280px,70vw,360px);
    min-height:260px;
    flex-shrink:0;
  }
  .wwd-float{
    position:relative;
    top:auto;right:auto;left:auto;bottom:auto;
    max-width:none;
  }
  .wwd-float-inner{animation:none}
}
@media(max-width:480px){
  .wwd-stack{height:clamp(240px,65vw,300px)}
}

@media(prefers-reduced-motion:reduce){
  .wwd-float{animation:none}
  .wwd-float-inner{animation:none}
  .wwd-visual:hover .wwd-stack-card--1,
  .wwd-visual:hover .wwd-stack-card--2,
  .wwd-visual:hover .wwd-stack-card--3{transform:none}
}