/* R32: the archive opens beside a fixed right-hand, recessed year dial. */
.interactions-r32 .project-wheel-r31{--wheel-size:clamp(1080px,155vh,1480px);--wheel-offset:90px}
.interactions-r32 .wheel-traveller,
.interactions-r32 .project-wheel-open .wheel-traveller{translate:calc(100vw - var(--wheel-size)/2 + var(--wheel-offset)) -50%;transition:none}
.interactions-r32 .project-wheel-open .project-wheel-r31{pointer-events:auto;touch-action:none;overscroll-behavior:contain}
.interactions-r32 .wheel-wash{background:radial-gradient(ellipse at 80% 52%,#bad6e24d,transparent 60%),linear-gradient(90deg,#f3f9faed,#f4f9faf5 39%,#eaf4f8b8 65%,#d9eaf05c)}
.interactions-r32 .record-preview-r31{transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .65s}
.interactions-r32 .project-wheel-open .record-preview-r31{transform:translateX(-65%);opacity:0}
.interactions-r32 .wheel-body{filter:none;background:radial-gradient(circle,#d8e9ee88 0 56.5%,#d6e6ebaa 57.2%,#a3bfcb80 58.3%,#f5fbfee8 59.1%,#e0edf3 60.4%,#b5cdd8d9 60.9%,#e3eef3d9 61.5%,#f9fdffff 65.2%,#cadfe9e6 66.7%,#7f9fac90 67.2%,#edf7fa 67.6%,#ffffff 68.5%,#c9dee67d 69.2%,transparent 70%);box-shadow:-25px 17px 42px -36px #426d8275}
.interactions-r32 .wheel-recess{position:absolute;inset:8.3%;border-radius:50%;background:radial-gradient(ellipse at 32% 35%,#f5fbff55,transparent 57%),linear-gradient(135deg,#92b2c073,#d7e7ed70 25%,#f0f8fbbb 52%,#91b5c461);box-shadow:inset 12px 7px 25px -9px #537a8d55,inset -1px -2px 2px #fff,0 0 0 1px #a8c4d36b}
.interactions-r32 .wheel-recess::after{content:'';position:absolute;inset:9%;border-radius:50%;background:radial-gradient(circle at 27% 28%,#fff7,transparent 68%);box-shadow:inset 0 0 0 1px #a6c1ce30;opacity:.7}
.interactions-r32 .wheel-finish{inset:.2%;background:conic-gradient(from 23deg,#f9feffb0,#7398ab54 19%,#f7fbffbb 30%,#d5e7ef75 48%,#fff 51%,#bdd7e44d 68%,#fff 77%,#93b3c269 94%,#f9feffb0);mask:radial-gradient(circle,transparent 60%,#000 60.2%,#000 66.6%,transparent 66.9%);opacity:.7}
.interactions-r32 .wheel-engraving{inset:1.4%;background:repeating-conic-gradient(from 0deg,#557e9280 0 .065deg,transparent .075deg 1.25deg);mask:radial-gradient(circle,transparent 65%,#000 65.2%,#000 66.5%,transparent 66.7%);opacity:.58}
.interactions-r32 .wheel-light{background:conic-gradient(from 205deg,transparent 0 24%,#fff 34%,transparent 50%);mask:radial-gradient(circle,transparent 60.5%,#000 61%,#000 69%,transparent 69.5%);opacity:.7;transition:opacity .65s}
.interactions-r32 .wheel-traveller:hover .wheel-light{opacity:1}
.interactions-r32 .wheel-year-arm{transform:rotate(calc(180deg + var(--year-angle)))}
.interactions-r32 .wheel-year-arm button{right:8.2%;gap:16px;transform:translateY(-50%) rotate(180deg);flex-direction:row-reverse;letter-spacing:-.035em;font-size:clamp(23px,2.35vw,36px);font-weight:350;text-shadow:0 1px 0 #fff8;opacity:max(.04,calc(1 - var(--distance,0)*.22))}
.interactions-r32 .wheel-year-arm button[aria-pressed=true]{font-size:clamp(37px,4.4vw,66px);color:#254d65}
.interactions-r32 .wheel-year-arm button[aria-pressed=true] i{background:#44758b;box-shadow:0 0 0 5px #eaf5f9,0 0 0 6px #93b5c37a,0 3px 12px #5e93a670}
.interactions-r32 .wheel-marker{left:3%;top:50%;translate:-100% -50%;gap:9px;flex-direction:row-reverse}
.interactions-r32 .wheel-marker i{width:24px;background:linear-gradient(90deg,transparent,#7198aa)}
.interactions-r32 .wheel-marker span{font-size:8px;letter-spacing:.14em;color:#6b8b9d}
.interactions-r32 .wheel-invite{right:3%;width:24%;padding:20px 0 20px 20px}
.interactions-r32 .wheel-invite>span{font-size:clamp(27px,2.8vw,43px);letter-spacing:-.045em;margin:24px 0 30px;max-width:260px}
.interactions-r32 .wheel-invite>small{font-size:8px;color:#607e90;opacity:.9}
.interactions-r32 .wheel-invite>b{font-size:12px;font-weight:400}
.interactions-r32 .wheel-invite i{border-color:#8caabb6b;background:#f9fdffa0;box-shadow:0 5px 12px -8px #466d8670}
.interactions-r32 .project-wheel-open .wheel-invite{transform:translateX(18px)}
.interactions-r32 #wheel-records{left:7%;right:44%;top:13%;bottom:12%;transform:translateX(6vw);transition:transform .9s cubic-bezier(.22,1,.36,1),opacity .7s .07s}
.interactions-r32 .project-wheel-open #wheel-records{transform:none}
.interactions-r32 #wheel-records header{color:#6d8a9a;font-size:9px;letter-spacing:.08em}
.interactions-r32 .wheel-close{font-size:11px;color:#43697f}
.interactions-r32 .wheel-close:hover{color:#183e55}
.interactions-r32 .wheel-editorial{margin:auto 0;padding-top:20px;overflow:hidden}
.interactions-r32 .wheel-year-title{font-size:clamp(72px,9vw,130px);font-weight:300;letter-spacing:-.075em;color:#3e6b865c;margin-bottom:10px}
.interactions-r32 .wheel-caption{font-size:11px;color:#6b899c;margin:0 0 17px}
.interactions-r32 .wheel-record{padding:15px 29px 15px 0;border-color:#8eaab632}
.interactions-r32 .wheel-record>span{font-size:clamp(20px,2.2vw,31px);line-height:1.32;font-weight:400;letter-spacing:-.04em}
.interactions-r32 .wheel-record small{color:#6c8b9e;font-size:9px}
.interactions-r32 .wheel-record p{color:#627f90;font-size:12px;line-height:1.65}
.interactions-r32 .wheel-record::before{content:'';position:absolute;inset:0 -12px;background:linear-gradient(90deg,#fff8,transparent);opacity:0;transition:opacity .3s;z-index:-1}
.interactions-r32 .wheel-record:is(:hover,:focus-visible)::before{opacity:1}
.interactions-r32 .wheel-record:focus-visible{outline:1px solid #698b9e;outline-offset:4px}
.interactions-r32 #wheel-records footer{padding-top:20px}
.interactions-r32 .wheel-guide{color:#648597;font-size:10px;line-height:1.6}
.interactions-r32 #wheel-records footer button{border-color:#94b3c14d;background:linear-gradient(145deg,#fff9,#e2eef36b);box-shadow:inset 0 1px 0 #fff8,0 6px 14px -11px #345b7299}
@media(min-width:1700px){.interactions-r32 #wheel-records{left:10%;right:43%}.interactions-r32 .wheel-invite{right:4%;width:20%}}
@media(max-width:1100px){
 .interactions-r32 .project-wheel-r31{--wheel-size:1120px;--wheel-offset:160px}
 .interactions-r32 #wheel-records{left:6%;right:41%}
 .interactions-r32 .wheel-year-arm button{right:8%;gap:10px}
 .interactions-r32 .wheel-invite{right:3%;width:26%}
 .interactions-r32 .wheel-record>span{font-size:22px}
 .interactions-r32 .wheel-marker{display:none}
}
@media(max-width:760px){
 .interactions-r32 .project-wheel-r31{--wheel-size:980px;--wheel-offset:310px}
 .interactions-r32 .wheel-traveller{opacity:.86}
 .interactions-r32 .wheel-year-arm button{right:7.3%;gap:7px;font-size:20px}
 .interactions-r32 .wheel-year-arm button[aria-pressed=true]{font-size:32px}
 .interactions-r32 .wheel-invite{right:4%;width:42%;height:23%;bottom:13%;padding:8px}
 .interactions-r32 .wheel-invite>span{font-size:24px;margin:14px 0 18px;line-height:1.2;max-width:150px}
 .interactions-r32 .wheel-invite>small{font-size:6px;max-width:125px}
 .interactions-r32 .wheel-invite>b{font-size:10px;gap:7px}
 .interactions-r32 #wheel-records{left:6%;right:34%;top:13%;bottom:12%}
 .interactions-r32 #wheel-records header{font-size:7px;gap:7px;align-items:center}
 .interactions-r32 .wheel-close{font-size:9px;max-width:125px;line-height:1.7}
 .interactions-r32 .wheel-editorial{padding-top:16px}
 .interactions-r32 .wheel-year-title{font-size:78px;margin-bottom:10px}
 .interactions-r32 .wheel-caption{font-size:10px;margin-bottom:10px}
 .interactions-r32 .wheel-record{padding:12px 17px 12px 0}
 .interactions-r32 .wheel-record>span{font-size:19px;line-height:1.38;letter-spacing:-.045em}
 .interactions-r32 .wheel-record small{font-size:8px;margin-bottom:5px}
 .interactions-r32 .wheel-record p{font-size:11px;line-height:1.5;margin-top:5px}
 .interactions-r32 .wheel-record>i{font-size:14px}
 .interactions-r32 #wheel-records footer{padding-top:14px;gap:10px}
 .interactions-r32 .wheel-guide{font-size:9px}
 .interactions-r32 #wheel-records footer>div{gap:7px}
}
@media(max-height:730px){
 .interactions-r32 #wheel-records{top:14%;bottom:10%}
 .interactions-r32 .wheel-year-title{font-size:67px}
 .interactions-r32 .wheel-editorial{padding-top:8px}
 .interactions-r32 .wheel-record{padding-top:9px;padding-bottom:9px}
 .interactions-r32 .wheel-record p{font-size:10px}
 .interactions-r32 .wheel-caption{margin-bottom:5px}
 .interactions-r32 #wheel-records footer{padding-top:8px}
}
@media(prefers-reduced-motion:reduce){.interactions-r32 .project-wheel-r31 *{animation:none!important;transition:none!important}}