/* Entry moment and the before/after gallery preview. */
.splash{display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(145deg,#f9fefe 8%,#eaf8fa 58%,#d4f0f5 100%);color:#24485b;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.splash{min-height:100vh;min-height:100dvh}
.splash-pending{overflow:hidden}
.splash-pending .splash{display:flex}
.splash-orbit{position:absolute;width:78vmin;height:78vmin;border:1px solid rgba(76,173,199,.2);border-radius:50%;animation:splash-breathe 3.3s ease-in-out infinite}
.splash-orbit-one{transform:translate(-42%,-35%)}
.splash-orbit-two{width:115vmin;height:115vmin;transform:translate(40%,35%);animation-delay:-1.2s}
.splash-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px;animation:splash-enter .85s cubic-bezier(.2,.8,.2,1) both}
.splash-content img{width:clamp(115px,18vw,170px);height:auto;max-height:180px;object-fit:contain;filter:drop-shadow(0 20px 28px rgba(43,145,178,.12))}
.splash-content p{margin:16px 0 20px;font:600 clamp(19px,3vw,29px)/1.25 Manrope,sans-serif;letter-spacing:-.04em}
.splash-line{display:block;width:96px;height:3px;border-radius:4px;background:linear-gradient(90deg,#b9e9ef,#38a9cc,#b9e9ef);animation:splash-line 1.5s ease-in-out infinite}
.splash-skip{margin-top:38px;padding:10px 22px;border:1px solid #8fc8d5;border-radius:100px;background:rgba(255,255,255,.75);color:#287fa7;font:700 12px Manrope,sans-serif;cursor:pointer;transition:background .2s,transform .2s}
.splash-skip:hover{background:white;transform:translateY(-2px)}
.splash-skip:focus-visible,.results-controls button:focus-visible{outline:3px solid #237ca4;outline-offset:3px}
.splash-leaving .splash{animation:splash-leave .5s ease both;pointer-events:none}
@keyframes splash-enter{from{opacity:0;transform:translateY(26px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes splash-leave{to{opacity:0;visibility:hidden}}
@keyframes splash-breathe{50%{opacity:.5;scale:1.08}}
@keyframes splash-line{50%{width:135px;opacity:.7}}

.results-section{overflow:hidden;background:#f8fcfc;padding-bottom:66px}
.results-head{margin-bottom:16px}
.results-stage{position:relative;isolation:isolate;min-height:600px;overflow:hidden;background-color:var(--results-tint,#d9f3f5);background-image:linear-gradient(130deg,rgba(255,255,255,.72),rgba(255,255,255,.28) 48%,rgba(255,255,255,.66));transition:background-color .6s}
.results-glow{position:absolute;inset:-25%;z-index:-1;background:radial-gradient(ellipse 32% 37% at 50% 49%,var(--results-tint,#d9f3f5) 0%,transparent 100%);filter:blur(25px);transition:background .6s}
.results-cards{position:relative;width:min(1280px,100%);height:510px;margin:auto;perspective:1100px;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}
.results-card{position:absolute;top:42px;left:50%;width:min(560px,78vw);min-height:430px;overflow:hidden;border:1px solid rgba(100,166,181,.26);border-radius:28px;background:rgba(255,255,255,.94);box-shadow:0 32px 80px rgba(43,104,124,.15);opacity:0;pointer-events:none;transform:translateX(-50%) scale(.75);transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .5s,box-shadow .5s;backface-visibility:hidden;-webkit-backface-visibility:hidden;will-change:transform,opacity}
.results-card[data-position="active"]{z-index:3;opacity:1;pointer-events:auto;transform:translateX(-50%) translateZ(70px) rotateY(0) scale(1)}
.results-card[data-position="prev"]{z-index:2;opacity:.72;transform:translateX(calc(-50% - 64%)) translateZ(-140px) rotateY(24deg) scale(.88)}
.results-card[data-position="next"]{z-index:2;opacity:.72;transform:translateX(calc(-50% + 64%)) translateZ(-140px) rotateY(-24deg) scale(.88)}
.results-card-head,.results-card-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 22px;color:#427c92;font:700 10px Manrope,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.results-card-head{border-bottom:1px solid #e3eef0}
.results-card-head span:last-child{color:#7995a0;letter-spacing:.04em;text-transform:none}
.results-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px}
.results-photo{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:300px;border-radius:18px;background:linear-gradient(155deg,#eff9fa,#dceff3);text-align:center}
.results-photo:nth-child(2){background:linear-gradient(155deg,#eaf7f8,#d3eef3)}
.results-photo-label{position:absolute;top:15px;left:15px;padding:8px 10px;border-radius:100px;background:rgba(255,255,255,.85);color:#276f90;font:800 10px Manrope,sans-serif;letter-spacing:.16em}
.results-photo img{width:74px;height:74px;object-fit:contain;opacity:.22;filter:grayscale(.1)}
.results-photo small{max-width:110px;color:#668796;font:600 11px/1.5 Manrope,sans-serif}
.results-card-foot{justify-content:center;padding:6px 20px 18px;color:#7c98a3;font-size:10px;letter-spacing:.04em;text-transform:none}
.results-controls{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:26px;margin:1px auto 0}
.results-controls button{width:46px;height:46px;border:1px solid #a7d2db;border-radius:50%;background:#fff;color:#287fa7;font:500 20px Manrope,sans-serif;cursor:pointer;transition:transform .2s,background .2s}
.results-controls button:hover{background:#e4f6f9;transform:translateY(-2px)}
.results-counter{min-width:72px;text-align:center;color:#3b7188;font:800 12px Manrope,sans-serif;letter-spacing:.16em}
.results-note{margin:19px 0 0;color:#6b8995;text-align:center;font-size:12px;line-height:1.6}
@media(max-width:700px){.results-section{padding-bottom:50px}.results-stage{min-height:515px}.results-cards{height:435px}.results-card{top:28px;width:min(365px,82vw);min-height:372px;border-radius:22px}.results-card[data-position="prev"]{transform:translateX(calc(-50% - 70%)) translateZ(-140px) rotateY(20deg) scale(.83)}.results-card[data-position="next"]{transform:translateX(calc(-50% + 70%)) translateZ(-140px) rotateY(-20deg) scale(.83)}.results-card-head{padding:16px;font-size:8px}.results-pair{gap:7px;padding:8px}.results-photo{min-height:260px}.results-photo-label{top:10px;left:10px;padding:6px 8px;font-size:8px}.results-photo img{width:58px;height:58px}.results-photo small{font-size:9px}.results-card-foot{font-size:9px}.results-note{padding:0 12px}}
@media(max-width:390px){.results-card-head span:last-child{display:none}.results-card{width:84vw}.results-photo{min-height:245px}.results-card{min-height:360px}.results-cards{height:420px}.results-stage{min-height:500px}}
@media(max-height:600px){.splash-content img{width:105px;max-height:105px}.splash-content p{margin:8px 0 10px}.splash-skip{margin-top:16px}}
@media(max-width:700px){.splash-content{width:100%;max-width:340px;padding:20px}.splash-content img{width:min(42vw,145px);max-height:22vh;object-fit:contain}.splash-content p{font-size:clamp(18px,5vw,24px)}.splash-skip{margin-top:28px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.splash-pending .splash{display:flex!important}.splash-content,.splash-orbit,.splash-line,.splash-leaving .splash,.results-card,.results-glow,.results-stage,.results-controls button,.splash-skip{transition:none!important;animation:none!important}}

/* Every comparison uses one equal-sized card and two matched frames. */
.results-card{height:440px;min-height:0}
.results-card[data-position="hidden"]{visibility:hidden;opacity:0;z-index:0;pointer-events:none}
.results-card-head{height:58px;min-height:58px;padding:14px 20px}
.results-pair{height:calc(100% - 58px);min-height:0;gap:8px;padding:10px}
.results-pair--side{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr)}
.results-pair--stack{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr)}
.results-photo{min-width:0;min-height:0;overflow:hidden;display:block;background:#e8f3f5}
.results-photo:nth-child(2){background:#e4f2f5}
.results-photo .results-media{display:block;width:100%;height:100%;max-width:none;opacity:1;object-fit:cover;filter:none}
.results-photo svg.results-media{background:#e8f3f5}
.results-photo-label{z-index:2;top:10px;inset-inline-start:10px;left:auto;padding:6px 10px;color:#246f92;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
@media(max-width:700px){.results-stage{min-height:530px}.results-cards{height:455px}.results-card{top:23px;height:410px;min-height:0}.results-card-head{height:50px;min-height:50px}.results-pair{height:calc(100% - 50px);gap:6px;padding:7px}.results-photo{min-height:0}.results-photo-label{font-size:9px}}
@media(max-width:390px){.results-cards{height:440px}.results-stage{min-height:515px}.results-card{height:395px}}