/* Mirrored orbit: the circle's centre sits beyond the right edge. */
.orbit-area{width:44%}
.orbit-dial{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.orbit-dial line{stroke:#a2a39e;stroke-width:1;stroke-linecap:round}
.orbit-dial .major{stroke:#888a84;stroke-width:1.5}
.orbit-dial .minor{opacity:.55}
.track{z-index:2}
.project-card{color:inherit;text-decoration:none}
.project-card.is-active{transform:rotate(var(--straighten)) scale(1.1);box-shadow:0 0 0 3px #72726d55,0 0 20px 5px #53534f18,0 28px 48px -15px #0004}
.project-peek{left:41.7%;width:15%;padding:22px 18px}
.peek-title{overflow-wrap:anywhere}
.peek-open{display:inline-flex;align-items:center;gap:12px}
.arrow-icon{display:inline-block;width:22px;height:22px;flex:none;vertical-align:middle}
.peek-open .arrow-icon{width:16px;height:16px}
.orbit-controls button svg{width:16px;height:16px;display:block;margin:auto}
.work-heading h2{font-size:clamp(42px,5.2vw,80px);letter-spacing:-2.8px}
.work-item{min-width:0;color:inherit;text-decoration:none}
.work-caption{min-width:0}
.work-caption h3{min-width:0;overflow-wrap:anywhere}
.work-caption>span{flex-shrink:0}
.work-cover,.project-card{container-type:inline-size}
.legal-ai .card-main{width:86%!important;top:24%!important}
.project-card.legal-ai .cover-title,.work-cover.legal-ai .cover-title{font-size:clamp(19px,8.1cqw,49px);letter-spacing:-.045em;line-height:1.08;overflow-wrap:normal;text-wrap:balance}
.legal-ai .card-top{font-size:clamp(6px,1.8cqw,10px)}
.legal-ai .card-bottom{font-size:clamp(8px,2.2cqw,12px);gap:12px}
.legal-ai .card-bottom>span{min-width:0;max-width:88%;line-height:1.25}
@media(max-width:1100px) and (min-width:761px){.project-peek{left:42%;width:15%;padding:18px 14px}.peek-description{font-size:11px}.peek-title{font-size:17px}}
@media(max-width:760px){
 .orbit-area{width:100%;height:510px}
 .project-peek{left:auto;width:auto;padding:0 22px}
 .hero.has-selection .project-peek{padding:22px}
 .work-heading h2{font-size:clamp(39px,10.5vw,65px);letter-spacing:-2px}
 .work-cover .cover-title{font-size:10cqw}
 .work-caption h3{font-size:17px;line-height:1.45}
 .project-card.legal-ai .cover-title,.work-cover.legal-ai .cover-title{font-size:8.1cqw}
 .orbit-slot .project-card.oral .cover-title,.work-cover.oral .cover-title{font-size:9.2cqw;letter-spacing:-.045em}
 .orbit-slot .project-card.oral .card-bottom,.work-cover.oral .card-bottom{font-size:2.4cqw}
 .card-bottom .arrow-icon{width:18px;height:18px}
}
@media(prefers-reduced-motion:reduce){.project-card,.project-peek{transition:none}}

/* Product cover uses the prototype's blue, white glass and actual workspace. */
.legal-ai .legal-app-cover{background:linear-gradient(125deg,#fff 0%,#eef3fc 57%,#dce7f7 100%);color:#28313f}
.legal-brand-icon{position:absolute;left:6%;top:9%;width:9%;aspect-ratio:1;border:1px solid #fff;border-radius:28%;display:grid;place-items:center;background:#ffffffb3;box-shadow:0 4px 10px #5477a514}
.legal-brand-icon img{width:62%;height:62%}
.legal-cover-heading{position:absolute;left:6%;top:32%;width:44%;font-size:6.8cqw;font-weight:550;line-height:1.02;letter-spacing:-.055em}
.legal-cover-subtitle{position:absolute;left:6%;top:67%;font-size:2.65cqw;color:#526a8e}
.legal-cover-tag{position:absolute;left:6%;bottom:9%;font-size:1.55cqw;letter-spacing:.1em;color:#6884ab}
.legal-app-screen{position:absolute;width:76%;max-width:none;height:auto;left:51%;top:17%;border:3px solid #ffffffd9;border-radius:10px;transform:rotate(-8deg);box-shadow:-9px 15px 32px #466a9d21;pointer-events:none}
.legal-cover-arrow{position:absolute;right:5%;bottom:8%;color:#3478e6;background:#ffffffcb;border:1px solid #fff;border-radius:50%;width:7%;aspect-ratio:1;display:grid;place-items:center}
.legal-cover-arrow .arrow-icon{width:55%;height:55%}