/* Prova social com a fotografia original e o relato publicado do cliente. */
html[data-design=apple] .case-dora-marie{
  grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
  align-items:center;
  column-gap:clamp(2rem,5vw,4.5rem);
  row-gap:2.5rem;
}
html[data-design=apple] .case-dora-marie .case-framework-intro{min-width:0}
html[data-design=apple] .case-dora-marie h2>span{display:block;font-size:.78em;line-height:1.15}
html[data-design=apple] .case-dora-marie h2 strong{color:var(--red)}
html[data-design=apple] .case-dora-marie .case-headline .case-result-emphasis{
  position:relative;
  display:block;
  width:fit-content;
  margin:.08em 0 .2em;
  font-size:1.2em;
  font-weight:700;
  line-height:1.04;
  letter-spacing:-.035em;
  transform-origin:left center;
}
.case-result-emphasis::after{
  content:'';
  position:absolute;
  inset:auto 0 -.05em;
  height:.045em;
  min-height:2px;
  border-radius:1em;
  background:currentColor;
  opacity:.3;
  transform-origin:left center;
  pointer-events:none;
}
/* O foco pertence à palavra; o restante do bloco permanece visível. */
html[data-design=apple] .case-dora-marie .case-framework-intro[data-apple-reveal]{
  opacity:1;
  transform:none;
  transition:none;
  will-change:auto;
}
html[data-design=apple] .case-dora-marie .case-framework-intro>p:not(.case-context){
  max-width:29rem;
  color:var(--muted);
  font-size:1.0625rem;
  line-height:1.65;
}
html[data-design=apple] .case-dora-marie .case-watch{margin-top:2rem}
html[data-design=apple] .case-dora-marie .case-framework-intro>.case-context{
  max-width:24rem;
  margin-top:1rem;
  color:var(--muted);
  font-size:.75rem;
  line-height:1.5;
}
.case-photo-link{
  display:block;
  min-width:0;
  border-radius:1rem;
  overflow:hidden;
  background:#20312b;
  color:#fff;
  isolation:isolate;
}
.case-photo{
  position:relative;
  min-height:32rem;
  margin:0;
  aspect-ratio:4/3;
}
.case-photo>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 45%;
}
.case-photo::after{
  content:'';
  position:absolute;
  inset:35% 0 0;
  z-index:1;
  background:linear-gradient(0deg,rgba(10,19,15,.94),rgba(10,19,15,.6) 40%,transparent);
  pointer-events:none;
}
.case-photo figcaption{
  position:absolute;
  z-index:2;
  inset:auto 2rem 2rem;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1.5rem;
}
.case-photo-caption{display:grid;gap:.5rem}
.case-photo-caption strong{
  color:#fff;
  font-size:1.5rem;
  font-weight:600;
  line-height:1.2;
  letter-spacing:-.025em;
}
.case-photo-caption>span{
  max-width:24rem;
  color:#ecf0e9;
  font-size:.875rem;
  line-height:1.5;
}
.case-play{
  display:grid;
  place-items:center;
  flex:none;
  width:3.5rem;
  height:3.5rem;
  border-radius:50%;
  background:#fff;
  color:#20312b;
  transition:transform .2s,background .2s;
}
.case-play svg{width:1.5rem;height:1.5rem}
.case-photo-link:active .case-play{transform:scale(.94)}
html[data-design=apple] .case-dora-marie>.conversion-prompt{margin:0;padding-block:1.5rem 0}
html[data-design=apple] .case-dora-marie .conversion-prompt p{max-width:38rem}
@media(hover:hover) and (pointer:fine){
  .case-photo-link:hover .case-play{transform:scale(1.06);background:#edf0e8}
}
@media(max-width:1000px){
  html[data-design=apple] .case-dora-marie{grid-template-columns:1fr;gap:2rem}
  html[data-design=apple] .case-dora-marie .case-framework-intro{text-align:center}
  html[data-design=apple] .dks-page .case-dora-marie .case-headline{text-align:center}
  html[data-design=apple] .case-dora-marie .case-headline .case-result-emphasis{margin-inline:auto;transform-origin:center}
  html[data-design=apple] .case-dora-marie .case-framework-intro>p:not(.case-context){max-width:35rem;margin-inline:auto}
  html[data-design=apple] .case-dora-marie .case-framework-intro>.case-context{margin-inline:auto}
  .case-result-emphasis::after{transform-origin:center}
  .case-photo{min-height:0;aspect-ratio:3/2}
}
@media(max-width:600px){
  html[data-design=apple] .case-dora-marie .case-headline .case-result-emphasis{font-size:clamp(3.25rem,15vw,4.25rem)}
  html[data-design=apple] .case-dora-marie .case-framework-intro>p:not(.case-context){max-width:34ch;font-size:.9375rem}
  html[data-design=apple] .case-dora-marie .case-watch{width:100%;margin-top:1.5rem;padding-inline:1rem;font-size:.875rem}
  .case-photo{aspect-ratio:4/5}
  .case-photo figcaption{inset:auto 1.25rem 1.5rem;gap:1rem}
  .case-photo-caption strong{font-size:1.25rem}
  .case-photo-caption>span{font-size:.8125rem}
  .case-play{width:3rem;height:3rem}
  html[data-design=apple] .case-dora-marie>.conversion-prompt{padding-top:1.5rem}
}
@media(prefers-reduced-motion:no-preference){
  .case-result-emphasis.is-case-emphasized{animation:case-word-focus .7s cubic-bezier(.16,1,.3,1) both}
  .case-result-emphasis.is-case-emphasized::after{animation:case-underline-focus .6s .16s cubic-bezier(.16,1,.3,1) both}
}
@keyframes case-word-focus{
  from{opacity:.65;transform:translateY(.08em) scale(.94)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@keyframes case-underline-focus{
  from{opacity:0;transform:scaleX(.1)}
  to{opacity:.3;transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){
  .case-play{transition:none}
  .case-photo-link:is(:hover,:active) .case-play{transform:none}
}