.twin-rings{align-self:center;min-width:0;padding:14px 0}.twin-ring-stage{isolation:isolate;background:radial-gradient(ellipse at 50% 50%,color-mix(in srgb,var(--material-metal) 8%,transparent),transparent 68%);justify-content:center;align-items:center;min-height:225px;display:flex;position:relative}.twin-ring-stage>a{aspect-ratio:1;width:52%;color:var(--material-metal);transition:transform .36s var(--ease-spatial),opacity .36s;display:block;position:relative;transform:perspective(800px)translateZ(0)}.twin-ring-stage>a+a{color:var(--material-copper);margin-left:-4%}.ring-visual{contain:layout style;width:100%;height:100%;display:block;overflow:visible}.mini-ring-label{text-align:center;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.mini-ring-label small{font:var(--type-caption) var(--mono);color:var(--accent);letter-spacing:.18em}.mini-ring-label strong{letter-spacing:-.035em;font-size:clamp(15px,1.5vw,22px);font-weight:400;line-height:1.15}.mini-ring-label b{font-size:var(--type-caption);color:var(--accent);font-weight:400}.twin-rings[data-selected=design] a[data-ring=design],.twin-rings[data-selected=agent] a[data-ring=agent]{filter:brightness(1.15);transform:perspective(800px)translateZ(26px)scale(1.035)}.twin-rings[data-selected=design] a[data-ring=agent],.twin-rings[data-selected=agent] a[data-ring=design]{opacity:.65;transform:perspective(800px)translateZ(-14px)scale(.96)}.twin-ring-description{font-size:var(--type-caption);text-align:center;max-width:430px;min-height:42px;margin:8px auto 14px;line-height:1.7}.ring-boundary{text-align:center;font:var(--type-caption)/1.7 var(--mono);color:var(--text-quiet);max-width:390px;margin:auto;display:block}.destination-ring{aspect-ratio:1;pointer-events:none;z-index:1;width:clamp(220px,30vw,440px);color:var(--material-metal);opacity:.8;position:absolute;top:8%;right:5%}.destination-ring[data-ring=agent]{color:var(--material-copper)}.destination-ring>span{text-align:center;font:var(--type-label) var(--mono);letter-spacing:.1em;color:var(--accent);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.page-opening:has(.destination-ring) h1{max-width:65%}.page-opening:has(.destination-ring) .opening-copy{max-width:65%}.page-opening:has(.destination-ring) .intro-spatial-art{display:none}html:has(.site-header[data-menu-open=true]) main .destination-ring .ring-visual{view-transition-name:none}.twin-ring-stage .ring-visual{animation:8s ease-in-out infinite alternate mini-ring-drift}.twin-ring-stage>a+a .ring-visual{animation-delay:-4s}@keyframes mini-ring-drift{0%{transform:translateY(-1px)}to{transform:translateY(2px)}}html[data-portal=design] .ring-visual[data-ring=design]{view-transition-name:lpx-ring-design}html[data-portal=agent] .ring-visual[data-ring=agent]{view-transition-name:lpx-ring-agent}::view-transition-group(lpx-ring-design){animation-duration:.72s;animation-timing-function:var(--ease-spatial);z-index:2}::view-transition-group(lpx-ring-agent){animation-duration:.72s;animation-timing-function:var(--ease-spatial);z-index:2}::view-transition-old(lpx-ring-design){animation:ring-source .72s var(--ease-spatial) both}::view-transition-old(lpx-ring-agent){animation:ring-source .72s var(--ease-spatial) both}::view-transition-new(lpx-ring-design){animation:ring-arrival .72s var(--ease-spatial) both}::view-transition-new(lpx-ring-agent){animation:ring-arrival .72s var(--ease-spatial) both}@keyframes ring-source{0%{opacity:1;transform:perspective(900px)translateZ(0)}65%{opacity:.5;transform:perspective(900px)translateZ(180px)scale(1.25)}to{opacity:0;transform:perspective(900px)translateZ(250px)scale(1.5)}}@keyframes ring-arrival{0%{opacity:0;transform:perspective(900px)translateZ(-90px)scale(.8)}50%{opacity:.6}to{opacity:1;transform:none}}@media (max-width:650px){.twin-ring-stage{min-height:190px}.mini-ring-label strong{font-size:var(--type-caption)}.twin-ring-description{font-size:var(--type-caption);min-height:60px}.destination-ring{opacity:.32;width:240px;top:10%;right:-70px}.destination-ring>span{display:none}.page-opening:has(.destination-ring) h1{max-width:100%}.page-opening:has(.destination-ring) .opening-copy{max-width:100%}.page-opening:has(.destination-ring) h1{background:linear-gradient(90deg,var(--surface-base),transparent)}}@media (prefers-reduced-motion:reduce){.twin-ring-stage>a{filter:none!important;transition:none!important;transform:none!important}::view-transition-group(lpx-ring-design){animation:none!important}::view-transition-group(lpx-ring-agent){animation:none!important}}