/* One clipped surface from cases through process. Its side edges are offscreen. */
.reading-zone{background:transparent;--reading-curve:clamp(130px,13vw,220px)}
.reading-zone:before{content:none}
.reading-field{position:absolute;inset:0 -12%;z-index:-1;pointer-events:none;border-radius:50% / var(--reading-curve);overflow:hidden;background:linear-gradient(180deg,#0d0f13,#090b10 14%,#0c0e13 67%,#090b10 90%,#0d0f13)}
.reading-glass{position:absolute;inset:0;z-index:1;border-radius:inherit;pointer-events:none;border:1px solid #d6e0f052;box-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #ffffff1a}
.reading-glass:before,.reading-glass:after{content:'';position:absolute;inset:0;border-radius:inherit;border:1px solid;pointer-events:none}
.reading-glass:before{border-color:#ff91c822;translate:-1.5px -1px}
.reading-glass:after{border-color:#89e6ff26;translate:1.5px 1px}
.works,.process{isolation:isolate}
.works{padding-top:48px;padding-bottom:38px}
.process{margin-top:0;padding-top:44px;padding-bottom:78px}
#casesStatus:empty{display:none}
.contact>.portal-base{padding-top:44px;padding-bottom:38px}
.section-atmosphere{position:absolute;left:0;right:0;pointer-events:none;background-repeat:no-repeat;background-position:center;background-size:cover}
.atmosphere-cases{top:0;bottom:52%;background-image:url('assets/cases-field.svg');mask-image:linear-gradient(180deg,transparent,#000 9%,#000 82%,transparent)}
.atmosphere-process{top:44%;bottom:0;background-image:url('assets/process-field.svg');mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
.process .node-canvas{background:radial-gradient(ellipse at 50% 50%,#17203465,#0b1017c9 72%),linear-gradient(#a9c2e607 1px,transparent 1px),linear-gradient(90deg,#a9c2e607 1px,transparent 1px);background-size:auto,40px 40px,40px 40px}
@media(max-width:760px){
 .works{padding-top:42px;padding-bottom:24px}
 .process{padding-top:36px;padding-bottom:60px}
 .contact>.portal-base{padding-top:36px;padding-bottom:32px}
 .section-atmosphere{background-size:auto 100%}
 .atmosphere-cases{background-position:46% center}
 .atmosphere-process{background-position:60% center}
}
@media(forced-colors:active){.reading-field{display:none}}