.project-portals{position:relative;isolation:isolate;background:#160b30;padding:66px 6vw 60px;overflow:hidden;--portal-color:#a68aff}
.portal-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:25px}.portal-heading h2{font:900 clamp(30px,4vw,58px)/1 Impact,'Arial Black',sans-serif;margin:0}.portal-heading p{font-size:12px;line-height:1.7;color:#d5c5eb;max-width:240px;margin:0}
.portal-stage{position:relative;isolation:isolate;min-height:420px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw;padding:35px;border-radius:42px;background:#20103c;overflow:hidden;border:1px solid #aa88da55}
.portal-backgrounds{position:absolute;inset:0;z-index:-2}.portal-backgrounds img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% 50%;opacity:0;transform:scale(1.05);transition:opacity .65s,transform 1.1s}.portal-backgrounds img.active{opacity:.52;transform:scale(1)}.portal-stage:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160b30dd,#160b3030 50%,#160b30ec 70%)}
.portal-orbits{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:center;min-height:285px}.portal-orbits:before{content:'';position:absolute;inset:5% -3%;border:1px solid #e8c6ff55;border-radius:50%;transform:rotate(-17deg);pointer-events:none}.portal-orbits:after{content:'';position:absolute;inset:10% 6%;border:1px dashed #e8c6ff44;border-radius:50%;transform:rotate(23deg);pointer-events:none}
.portal-choice{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 0;background:none;min-width:0;color:white}.portal-choice:nth-child(2){align-self:start}.portal-choice:nth-child(3){align-self:end}.portal-medallion{position:relative;isolation:isolate;display:grid;place-items:center;width:clamp(78px,9vw,134px);aspect-ratio:1;border-radius:50%;background:#170c31f2;border:1px solid #ffffff70;transition:transform .5s,border-color .5s,box-shadow .5s;box-shadow:0 12px 30px #0007}.portal-medallion:before{content:'';position:absolute;inset:-10px;border:1px solid var(--portal-color);border-radius:50%;opacity:0;transform:scale(.8);transition:opacity .5s,transform .5s}.portal-medallion img{width:78%;height:78%;object-fit:contain;filter:none!important;position:relative;z-index:2}.portal-choice[aria-pressed=true] .portal-medallion{border-color:var(--portal-color);box-shadow:0 0 60px color-mix(in srgb,var(--portal-color) 40%,transparent);transform:translateY(-7px)}.portal-choice[aria-pressed=true] .portal-medallion:before{opacity:.8;transform:scale(1)}.portal-choice:focus-visible{outline:3px solid white;outline-offset:5px;border-radius:24px}.portal-choice>span:last-child{font-size:12px;font-weight:700;text-align:center;line-height:1.4;max-width:130px;text-shadow:0 2px 8px #000}.portal-choice:hover .portal-medallion{transform:translateY(-7px) scale(1.04)}
.portal-detail{position:relative;max-width:450px}.portal-detail .kicker{color:#ddcfff;margin-bottom:12px}.portal-detail h3{font:900 clamp(29px,3.6vw,49px)/1.05 Impact,'Arial Black',sans-serif;margin:0 0 16px}.portal-detail p:not(.kicker){font-size:14px;line-height:1.75;color:#e6dbf5;min-height:74px}.portal-detail .button{box-shadow:none;border:1px solid #ffffff88;border-radius:100px;background:var(--portal-color);font-size:12px}.portal-progress{margin:20px 0 0;font:10px/1.5 'Courier New',monospace;color:#cbb9e0;display:flex;gap:12px;align-items:center}.portal-progress:before{content:'';width:28px;height:2px;background:var(--portal-color)}
.portal-medallion.media-missing img{visibility:hidden}.portal-medallion.media-missing:after{content:'↗';font-size:32px;color:white;position:absolute}.atelier-intro .collective-art{transform:none}.atelier-intro .collective-art>img{border:0;border-radius:38px 100px 38px 38px;box-shadow:none}.atelier-caption{position:absolute;bottom:20px;left:20px;right:20px;padding:15px 19px;border-radius:18px;background:#160b30e8;font-size:12px;line-height:1.6}
@media(max-width:900px){.portal-stage{padding:28px;gap:30px;grid-template-columns:1.05fr 1fr}.portal-orbits{gap:6px}.portal-choice>span:last-child{font-size:10px}.portal-medallion{width:78px}}
@media(max-width:650px){.project-portals{padding:42px 6vw}.portal-heading{display:block}.portal-heading p{margin-top:15px;max-width:none}.portal-stage{display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:28px}.portal-orbits{width:100%;min-height:215px}.portal-medallion{width:clamp(66px,18vw,110px)}.portal-choice{gap:13px}.portal-stage:after{background:linear-gradient(#160b3020,#160b30f5 52%)}.portal-detail{width:100%;max-width:none}.portal-detail p:not(.kicker){min-height:98px}.portal-detail h3{min-height:64px}.portal-detail .button{width:100%;font-size:11px;padding-inline:10px}.portal-choice:nth-child(2){margin-top:5px}.portal-choice:nth-child(3){margin-bottom:7px}.atelier-caption{bottom:12px;left:12px;right:12px}}
.paused .portal-backgrounds img,.paused .portal-medallion,.paused .portal-medallion:before{transition:none!important}.paused .portal-choice:hover .portal-medallion{transform:none}
@media(prefers-reduced-motion:reduce){.portal-backgrounds img,.portal-medallion,.portal-medallion:before{transition:none!important}.portal-choice:hover .portal-medallion{transform:none}}