/* A compact stack of unaltered screenshots. Split cards crop the original in CSS. */
.results-section{background:#f7f4eb;border-top:1px solid #d9dfd5;padding:78px 0 64px;overflow:clip}
.results-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:54px;align-items:center}
.results-heading{padding-top:0}
.results-heading h2{font-size:clamp(27px,2.65vw,36px);line-height:1.85;letter-spacing:.015em}
.results-heading h2>span{white-space:nowrap}
.results-controls{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 24px;align-items:center;color:var(--muted)}
.results-replay,.results-view-all{padding:6px 0;border:0;background:none;color:var(--ink);font:400 12px/1.8 var(--sans);text-decoration:underline;text-underline-offset:5px;cursor:pointer}
.results-replay>span{font-size:18px;vertical-align:-1px;margin-right:4px}
.results-visual{min-width:0}
.results-board{position:relative;height:360px;isolation:isolate;margin:0 0 24px}
.result-card{--dx:0px;--dy:0px;--r:0deg;--scale:1;position:absolute;display:flex;align-items:center;justify-content:center;left:50%;top:46%;width:88%;aspect-ratio:2.05;padding:16px;border:1px solid #d7d9ce;border-radius:3px;background:#fffefa;box-shadow:0 2px 4px #203b2d06,0 12px 30px #203b2d13;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--scale));transform-origin:50% 65%;z-index:calc(var(--i) + 1);cursor:zoom-in;transition:transform .34s cubic-bezier(.2,.7,.2,1),opacity .18s ease,box-shadow .28s ease;overflow:hidden}
.result-card img{display:block;width:100%;height:auto;max-height:100%;object-fit:contain;border-radius:1px;pointer-events:none}
.result-card:nth-child(odd){--r:-1.5deg}
.result-card:nth-child(even){--r:1.2deg}
.result-card:last-of-type{--r:0deg}
.result-card.is-current{--dx:0px;--dy:0px;--scale:1;box-shadow:0 2px 4px #203b2d06,0 16px 28px #203b2d14}
.result-card.is-behind-one{--dx:-5px;--dy:-9px;--r:-2.5deg;--scale:.98}
.result-card.is-behind-two{--dx:6px;--dy:-17px;--r:2deg;--scale:.96}
.result-card.is-buried{--dx:0px;--dy:-22px;--r:0deg;--scale:.93;opacity:0!important;pointer-events:none}
.result-card:focus-visible{outline:3px solid #967849;outline-offset:4px}
.results-sequence{position:absolute;bottom:5px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;color:#7a8276;font:400 10px/1.4 var(--sans);font-variant-numeric:tabular-nums;letter-spacing:.06em;white-space:nowrap}
.results-sequence-line{display:block;width:76px;height:1px;background:#d8ddcf}
.results-sequence-line>span{display:block;width:100%;height:1px;background:#8a997c;transform:scaleX(var(--progress,0));transform-origin:left;transition:transform .2s ease}
.results-sequence-number>span{color:#a0a799;margin-left:3px}
.result-crop{width:100%;flex-shrink:0;display:block;position:relative;overflow:hidden;aspect-ratio:369/166;border-radius:2px;background:#090b18}
.result-crop[data-crop="bottom"]{aspect-ratio:369/178}
.result-crop img{max-height:none;position:absolute;left:0;top:0;width:100%;max-width:none;height:auto}
.result-crop[data-crop="bottom"] img{top:auto;bottom:0}
.results-enhanced .result-card{opacity:0;visibility:hidden;transform:translate(calc(-50% + 18px),calc(-50% - 14px)) rotate(4deg) scale(1.035)}
.results-enhanced .result-card.is-shown{visibility:visible;opacity:1;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--r)) scale(var(--scale))}
.results-note{font-size:12px;line-height:1.9;color:#637065;margin-top:18px;padding-top:16px;border-top:1px solid #d9ddd0;text-align:center}
.result-dialog{width:min(900px,calc(100% - 36px));max-height:90dvh;margin:auto;padding:22px;border:1px solid #cbd5c5;border-radius:12px;background:#fbf8f1;color:var(--ink);box-shadow:0 25px 80px #061c2b55}
.result-dialog::backdrop{background:#0e221bdd;backdrop-filter:blur(4px)}
.result-dialog-header,.result-dialog-nav{display:flex;align-items:center;justify-content:space-between;gap:16px}
.result-dialog-header{margin-bottom:20px}.result-dialog-header p{font-size:14px}
.result-dialog button{border:1px solid #c7d1c0;border-radius:5px;padding:8px 12px;background:#fffdf8;color:var(--ink);font:400 13px/1.5 var(--sans);cursor:pointer}
.result-full-window{margin-inline:auto}
.result-full-image{display:block;width:auto;height:auto;max-width:100%;max-height:62dvh;margin-inline:auto;object-fit:contain}
.result-full-window[data-crop="top"],.result-full-window[data-crop="bottom"]{position:relative;overflow:hidden;width:min(100%,620px);aspect-ratio:369/166}
.result-full-window[data-crop="bottom"]{aspect-ratio:369/178}
.result-full-window[data-crop="top"] img,.result-full-window[data-crop="bottom"] img{position:absolute;left:0;top:0;width:100%;height:auto;max-height:none}
.result-full-window[data-crop="bottom"] img{top:auto;bottom:0}
.result-dialog-nav{margin-top:20px}.result-counter{font-size:12px;white-space:nowrap}
@media(max-width:1000px){.results-layout{grid-template-columns:.8fr 1fr;gap:28px}.results-board{height:280px}.results-heading h2{font-size:25px}}
@media(max-width:760px){
  .results-section{padding:40px 0 38px}
  .results-layout{display:block}
  .results-heading .eyebrow{margin-bottom:12px}
  .results-heading h2{font-size:clamp(24px,7.1vw,30px);line-height:1.7}
  .results-controls{gap:8px 22px}
  .results-replay,.results-view-all{font-size:11px;min-height:36px}
  .results-board{height:clamp(220px,38svh,270px);margin:28px 0 16px}
  .result-card{width:90%;padding:11px;border-radius:3px}
  .results-note{font-size:10px;margin-top:12px;padding-top:12px;line-height:1.9}
  .result-dialog{padding:17px;width:calc(100% - 26px)}
  .result-dialog button{font-size:12px;padding:8px 10px}
}
/* Preserve the published letter cards even in a short preview viewport. */
@media(max-width:760px){
  .photo-refined .letters-section .letter-grid{display:block;padding-bottom:50px}
  .photo-refined .letters-section .letter-card{min-height:345px;padding:27px 24px;margin-bottom:65px;background:#fbf9f3;border:1px solid #bbc8af;border-radius:9px;box-shadow:0 10px 28px #1f382d14;transform-origin:50% 0}
  .photo-refined .letters-section .letter-card:nth-child(2){background:#f1f2e6}
  .photo-refined .letters-section .letter-card:nth-child(3){background:#e1e9d8;margin-bottom:0}
  .photo-refined .letters-section .letter-number{font-size:44px}
  .photo-refined .letters-section .letter-card h3{font-size:21px}
}
@media(max-width:760px) and (min-height:560px){
  .motion-on .photo-refined .letters-section .letter-card{position:sticky;top:30px}
  .motion-on .photo-refined .letters-section .letter-card:nth-child(2){top:46px}
  .motion-on .photo-refined .letters-section .letter-card:nth-child(3){top:62px}
}
@media(prefers-reduced-motion:reduce){
  .result-card,.results-enhanced .result-card{transition:none!important;animation:none!important}
  .results-sequence-line>span{transition:none}
  .results-replay{display:none}
}