@import url('./project-wheel-r36.css');
/* R37 keeps the approved archive composition; the asset owns the relief. */
.interactions-r32 .wheel-wash{background:radial-gradient(ellipse at 91% 52%,#bad5de55,transparent 64%),linear-gradient(90deg,#f7fafbed,#f3f8faed 42%,#e7f1f480 75%,#dfedf050)}
.interactions-r32 .wheel-year-arm button{color:#426777;font-weight:350;text-shadow:none;opacity:max(.13,calc(.85 - var(--distance,0)*.19));letter-spacing:-.045em}
.interactions-r32 .wheel-year-arm button[aria-pressed=true]{color:#244c5d;font-weight:430;opacity:1}
.interactions-r32 .wheel-year-arm button i{width:4px;height:4px;background:#7a9ba7;box-shadow:none}
.interactions-r32 .wheel-year-arm button[aria-pressed=true] i{background:#387086;box-shadow:0 0 0 5px #ecf5f6,0 0 0 6px #7f9eaa66}
.interactions-r32 .wheel-marker{display:none}
.interactions-r32 .wheel-year-title{color:#6e919e;font-weight:300;letter-spacing:-.07em}
.project-wheel-r31.dial-studio::after{content:'';position:absolute;z-index:0;inset:0;pointer-events:none;background:linear-gradient(180deg,#f3f8fa33,transparent 20%,transparent 77%,#e9f3f644);}
.project-wheel-r31.dial-ready .wheel-invite{z-index:2}
.project-wheel-r31.dial-ready #wheel-records{z-index:2}
/* Do not flash the previous flat wheel while the dimensional GLB is loading. */
.project-wheel-r31.dial-loading .wheel-body,.project-wheel-r31.dial-loading .wheel-years{opacity:0;pointer-events:none}
/* The archive's heading and previous/next controls own the year labels;
   radial DOM text would cover the genuine openings in the 3D section. */
.project-wheel-r31.dial-site-section .wheel-years{opacity:0;pointer-events:none}
.record-sticky:not(.project-wheel-open) .project-wheel-r31.dial-site-section .wheel-invite{right:42%;top:auto;bottom:8%;width:14%;height:auto;padding:0;align-items:flex-start;text-align:left}
.record-sticky:not(.project-wheel-open) .project-wheel-r31.dial-site-section .wheel-invite>span{font-size:clamp(23px,2vw,34px);margin:15px 0 18px}
.project-wheel-r31.dial-site-section .wheel-year-arm button:not([aria-pressed=true]){opacity:max(.10,calc(.52 - var(--distance,0)*.13))}
@media(max-width:1000px){.record-sticky:not(.project-wheel-open) .project-wheel-r31.dial-site-section .wheel-invite{right:34%;width:24%}}
@media(max-width:760px){
 .project-wheel-r31.dial-studio .project-dial-canvas{mask-image:linear-gradient(90deg,transparent 66%,#000 96%)}
 .record-sticky:not(.project-wheel-open) .wheel-year-arm button:not([aria-pressed=true]){opacity:.12}
 .record-sticky:not(.project-wheel-open) .project-wheel-r31.dial-site-section .wheel-invite{right:27%;top:auto;bottom:9%;width:37%;height:auto}
}