.medal-studies{padding:64px 0;border-bottom:1px solid var(--line)}.medal-studies-intro{max-width:620px;margin-bottom:28px}.medal-studies h2{font-size:clamp(28px,3vw,40px);font-weight:600;letter-spacing:-.04em;margin:12px 0}.medal-studies-intro>p:last-child{font-size:16px;color:var(--muted)}.medal-study-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.medal-study{background:#eeece6;border-radius:4px;overflow:hidden}.medal-study:nth-child(2){background:#e1e7e2}.medal-study:nth-child(3){background:#e9e2d9}.medal-stage{position:relative;height:260px;overflow:hidden;isolation:isolate}.medal-ribbon{position:absolute;left:50%;top:0;width:280px;height:260px;transform:translateX(-50%);fill:#ff6b35;z-index:1}.motion-medal{position:absolute;width:110px;height:110px;object-fit:contain;left:calc(50% - 55px);top:105px;filter:drop-shadow(8px 8px 6px #3b3b3b1c);z-index:2;will-change:transform}.medal-glow{position:absolute;inset:0;opacity:0;background:radial-gradient(circle at 50% 62%,#fff9babb,#fed31155 25%,transparent 65%)}.medal-study-copy{padding:0 24px 26px}.medal-study h3{font-size:19px;font-weight:600;margin-bottom:8px}.medal-study-copy p{font-size:14px;color:var(--muted);min-height:46px;margin-bottom:18px}.medal-study button{font:inherit;font-size:13px;color:var(--ink);border:1px solid #777;background:transparent;border-radius:4px;padding:10px 12px;cursor:pointer}.medal-study button:hover{background:#ffffff70}.medal-study button:focus-visible,.medal-study input:focus-visible{outline:2px solid #3b3b3b;outline-offset:4px}.medal-study label{display:block;font-size:12px;margin-bottom:8px}.medal-study input{width:100%;accent-color:#686d65;cursor:ew-resize}.motion-note{font-size:11px;color:var(--muted);margin-top:14px}@media(max-width:700px){.medal-study-grid{grid-template-columns:1fr}.medal-studies{padding:44px 0}.medal-stage{height:240px}.medal-study-copy p{min-height:0}}@media(prefers-reduced-motion:reduce){.motion-medal{will-change:auto}}
.medal-stage{height:430px;display:grid;place-items:center;overflow:hidden}.study-phone{width:220px;height:380px;border:2px solid #8b8d87;border-radius:30px;background:#f8f8f5;position:relative;isolation:isolate;overflow:hidden;transform-origin:50% 55%;box-shadow:0 12px 20px #3b3b3b0b}.wire-speaker{position:absolute;top:12px;left:85px;width:50px;height:7px;border-radius:8px;background:#c3c6bf}.wire-greeting{position:absolute;top:40px;left:16px;font-size:9px;color:#8c9188}.wire-greeting span{display:block;width:74px;height:9px;background:#d4d8d0;border-radius:3px;margin-top:6px}.wire-checkin{position:absolute;top:100px;left:14px;right:14px;height:70px;border:1px solid #c7cbc3;border-radius:12px;padding:12px;font-size:9px;color:#8c9188}.wire-checkin i{display:block;background:#d6dad2;border-radius:3px;width:62px;height:8px;margin-top:7px}.wire-checkin i:last-child{width:42px;height:5px}.wire-calendar{position:absolute;top:211px;left:18px;right:18px;display:flex;gap:6px}.wire-calendar i{width:20px;height:20px;border:1px solid #ccd0c8;border-radius:50%}.wire-score{position:absolute;top:253px;left:14px;right:14px;height:66px;border:1px solid #c7cbc3;border-radius:12px;padding:12px;font-size:9px;color:#8c9188}.wire-score i{display:block;width:80%;height:17px;margin-top:10px;background:repeating-linear-gradient(90deg,#cfd4ca 0 3px,transparent 3px 10px)}.wire-nav{position:absolute;bottom:16px;left:45px;right:45px;height:27px;border:1px solid #d1d4cd;border-radius:20px;display:flex;justify-content:space-evenly;align-items:center}.wire-nav i{width:9px;height:9px;background:#bfc5b9;border-radius:3px}.medal-ribbon{left:0;top:0;width:220px;height:380px;transform:none;z-index:4}.motion-medal{width:70px;height:70px;left:125px;top:150px;z-index:3;transform-origin:center;filter:drop-shadow(4px 5px 4px #3b3b3b18)}.medal-glow{z-index:2;pointer-events:none;background:radial-gradient(circle at 73% 49%,#fff9babb,#fed31133 15%,transparent 45%)}@media(min-width:701px) and (max-width:900px){.study-phone{scale:.8}.medal-stage{height:370px}}@media(max-width:700px){.medal-stage{height:430px}}
/* Close-up phone studies: the device itself fills the visual, cropped below the medal. */
.medal-study,.medal-study:nth-child(2),.medal-study:nth-child(3){background:transparent}
.medal-stage{height:340px;display:block;container-type:inline-size}
.study-phone{position:absolute;left:50%;top:20px;margin-left:-110px;scale:1.43;scale:calc((100cqw - 8px)/220px);transform-origin:50% 0;box-shadow:none}
.medal-study-copy{padding:22px 12px 26px}
@media(min-width:701px) and (max-width:900px){.medal-stage{height:270px}}
@media(max-width:700px){.medal-stage{height:355px}}
.medal-stage{height:auto;aspect-ratio:0.9}

/* Scale the complete phone scene together; reveal approximately three quarters. */
.medal-stage{aspect-ratio:.74}
.study-phone{top:calc(20px + (100cqw - 228px)*.863636);transform-origin:50% 50%}
.motion-medal{width:52px;height:52px;left:134px;top:159px}

.home-scene{position:absolute;inset:0;will-change:transform}.wire-prior{position:absolute;inset:0;z-index:8;background:#f8f8f5;padding:42px 16px;color:#8c9188;transform:translateX(105%);border-radius:28px;box-shadow:-3px 0 12px #3b3b3b12}.prior-back{font-size:11px;margin-bottom:28px}.wire-prior h4{font-size:18px;font-weight:500;margin:0 0 6px}.wire-prior p{font-size:9px;margin-bottom:22px}.prior-person{border:1px solid #c7cbc3;border-radius:10px;padding:15px 10px;margin-bottom:10px;font-size:11px}.prior-person span{float:right;font-size:8px;padding-top:2px}
/* Give the interaction studies a quieter, more spacious footprint. */
.medal-studies{padding:76px 0 64px}
.medal-studies-intro{max-width:560px;margin-bottom:40px}
.medal-study-grid{gap:clamp(24px,5vw,72px);max-width:940px;margin:0 auto}
.medal-stage{width:100%;max-width:236px;margin:0 auto;aspect-ratio:.74}
.study-phone{border-color:#b7bbb3;background:#fcfcfa}
.wire-checkin,.wire-score,.wire-calendar i{border-color:#e0e3db}
.wire-greeting,.wire-checkin,.wire-score{color:#a1a69b}
.wire-greeting span,.wire-checkin i{background:#e3e6de}
.wire-speaker{background:#d5d9cf}
.wire-prior{background:#fcfcfa;color:#a1a69b;box-shadow:none}
.prior-person{border-color:#e0e3db}
.medal-study-copy{padding:24px 0 10px;max-width:236px;margin:0 auto}
.medal-study h3{font-size:16px;margin-bottom:9px}
.medal-study-copy p{font-size:13px;line-height:1.65;min-height:44px;margin-bottom:12px}
.medal-study button{border:1px solid #777;border-radius:4px;padding:10px 12px;font-size:13px}
.medal-study button:hover{background:#ffffff70}
.motion-note{margin-top:32px;color:#92968e}
@media(max-width:700px){.medal-studies{padding:48px 0}.medal-study-grid{gap:36px}.medal-studies-intro{margin-bottom:32px}.medal-stage,.medal-study-copy{max-width:250px}.medal-study-copy p{min-height:0}}