.study-graphic{position:absolute;pointer-events:none;width:min(30vw,390px);color:#8294c8;z-index:1;opacity:.7}.study-graphic svg{display:block;width:100%;overflow:visible}.study-hero{right:3.5vw;top:47%;width:min(29vw,370px)}.study-why{right:4vw;top:34%;width:min(28vw,350px)}.study-pricing{right:5vw;top:6%;width:min(23vw,290px);opacity:.5}.study-contact{right:2vw;top:49%;width:min(27vw,340px)}.why,.pricing{position:relative}.orbit{transform-origin:200px 200px;animation:orbit 72s linear infinite}.counter-orbit{transform-origin:200px 200px;animation:orbit 110s linear infinite reverse}.signal{animation:signal 10s linear infinite}.breathe{animation:breathe 18s ease-in-out infinite}.study-graphic *{animation-play-state:paused}.study-visible *{animation-play-state:running}[data-study=still] .study-graphic *{animation-play-state:paused!important}.grain{animation:none!important}.cursor{display:none!important}body,a,button{cursor:auto!important}button{cursor:pointer!important}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes signal{to{stroke-dashoffset:-100}}@keyframes breathe{50%{opacity:.3}}@media(min-width:1100px){.why__item p{max-width:51ch}.why__list{padding-right:31%}.pricing__intro{max-width:58ch}.study-hero{top:43%}}@media(max-width:1099px){.study-why{right:2vw;width:19vw;opacity:.32}.study-hero{width:25vw;right:1vw;top:55%}.study-contact{opacity:.3;width:20vw;right:0}.study-pricing{width:23vw;opacity:.25}}@media(max-width:760px){.study-graphic{display:none}.study-hero{display:block;position:relative;right:auto;top:auto;width:180px;opacity:.55;margin:2rem auto 0}.hero{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.study-graphic *{animation:none!important}}

/* Increase the Defined Scope drawing visibility by 20%. */
.study-pricing{opacity:.6}
@media(max-width:1099px){.study-pricing{opacity:.3}}

/* Normalized paths keep the moving signal visible throughout the 10s cycle. */
.study-contact .signal{stroke-width:3;stroke-linecap:round}
@media(min-width:761px){.study-contact{opacity:.8}}
@media(max-width:760px){.study-contact{display:block;position:relative;inset:auto;width:240px;margin:2rem auto;opacity:.8}}
/* An explicit Motion selection overrides the initial reduced-motion default. */
[data-study=motion] .study-graphic .signal{animation:signal 10s linear infinite!important}
[data-study=motion] .study-graphic .orbit{animation:orbit 72s linear infinite!important}
[data-study=motion] .study-graphic .counter-orbit{animation:orbit 110s linear infinite reverse!important}
[data-study=motion] .study-graphic:not(.study-visible) *{animation-play-state:paused!important}
.about__portrait{position:relative;isolation:isolate;margin-block:96px}
.about__portrait-frame{z-index:1}
.portrait-helix{position:absolute;left:10%;width:80%;top:-96px;bottom:-96px;z-index:0;pointer-events:none;overflow:hidden}
.portrait-helix svg{width:100%;height:100%;display:block}
.portrait-helix path{stroke:#b9bbc0;stroke-width:2;vector-effect:non-scaling-stroke}
.portrait-helix path+path{stroke:#d1d3d6;stroke-width:1.5}
[data-study=original] .portrait-helix{visibility:hidden}

/* Keep the contact signal in the heading area beside the background 42. */
.contact-heading{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:2rem}
.contact-heading .study-contact{position:relative;inset:auto;width:100%;max-width:340px;margin:0;justify-self:end;opacity:.8}
@media(max-width:760px){.contact-heading{grid-template-columns:minmax(0,1fr) 24%;gap:.75rem}.contact-heading .study-contact{display:block;min-width:0}.contact-heading .cta__headline{font-size:clamp(2rem,7vw,3.5rem)}}
