.pergopro-case{--teal:#1c5367;--sky:#65abc7;--paper:#f8faf9;color:#1f3238;overflow:clip}.pergopro-case *,.pergopro-case *:before,.pergopro-case *:after{box-sizing:border-box}.pergopro-shell{width:min(100% - 36px,1240px);margin-inline:auto}.pergopro-case .project-breadcrumb{width:min(100% - 36px,1240px);margin:22px auto 18px}.pergopro-case a:focus-visible{outline:3px solid var(--sky);outline-offset:5px}.pergopro-index{color:#287c9d;font:800 .77rem var(--font-primary);letter-spacing:.13em;direction:ltr}.pergopro-hero{position:relative;overflow:hidden;background:#143a49;color:#fff}.pergopro-hero__photo{position:absolute;inset:0;opacity:.42}.pergopro-hero__photo img{width:100%;height:100%;display:block;object-fit:cover}.pergopro-hero__photo:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#153846bb,#153846e9 70%)}.pergopro-hero__inner{position:relative;display:grid;gap:38px;align-items:center;padding-block:65px 80px}.pergopro-hero .pergopro-index{color:#b7e2ed}.pergopro-kicker{margin:55px 0 18px;color:#b7e2ed;font-size:.86rem;font-weight:800}.pergopro-hero h1{margin:0;color:#fff;font-size:clamp(3.7rem,7.3vw,6.7rem);line-height:1.01;letter-spacing:-.075em;font-weight:900}.pergopro-hero h1 em{font-style:normal;color:#b5dfed}.pergopro-hero__statement{margin:27px 0 0;color:#c5e9f3;font-size:clamp(1.3rem,2vw,1.67rem);font-weight:850}.pergopro-hero__summary{max-width:53ch;color:#e0edf0;font-size:1.04rem;line-height:1.8;text-wrap:pretty}.pergopro-hero__copy>a{display:inline-flex;gap:17px;margin-top:22px;padding-bottom:9px;border-bottom:1px solid #b7e2ed;color:#fff;text-decoration:none;font-weight:800}.pergopro-hero__mockup{padding:clamp(10px,1.5vw,20px);background:#fff;box-shadow:17px 17px #69b0cc}.pergopro-hero__mockup img{display:block;width:100%;height:auto}.pergopro-story,.pergopro-showcase,.pergopro-laptop,.pergopro-mobile,.pergopro-visit{padding-block:clamp(85px,10vw,150px)}.pergopro-story{background:#fff}.pergopro-story__grid{display:grid;gap:39px}.pergopro-case h2{margin:21px 0 0;color:var(--teal);font-size:clamp(3rem,6vw,5.6rem);line-height:1.04;letter-spacing:-.065em;font-weight:900;text-wrap:balance}.pergopro-case h2 em{font-style:normal;color:#459abc}.pergopro-story__grid>div:nth-child(2)>p{max-width:58ch;margin:0;color:#566970;font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.82;text-wrap:pretty}.pergopro-story dl{margin:40px 0 0}.pergopro-story dl div{display:flex;justify-content:space-between;gap:18px;padding:16px 0;border-top:1px solid #d1dfe3}.pergopro-story dl div:last-child{border-bottom:1px solid #d1dfe3}.pergopro-story dt{color:#72838a;font-size:.85rem}.pergopro-story dd{margin:0;text-align:left;font-size:.9rem;font-weight:800}.pergopro-section-head{display:grid;gap:22px;align-items:end;margin-bottom:42px}.pergopro-section-head p{max-width:48ch;margin:0;color:#5c6e75;font-size:1.06rem;line-height:1.8;text-wrap:pretty}.pergopro-case figure{margin:0}.pergopro-case figure a{display:block;overflow:hidden}.pergopro-case figure img{display:block;width:100%;height:auto;transition:transform .2s ease}.pergopro-case figure a:hover img{transform:scale(1.012)}.pergopro-case figcaption{padding-top:14px;color:#7d8d91;font-size:.77rem;font-weight:750}.pergopro-showcase{background:#eff6f8}.pergopro-showcase figure{background:#fff;padding:clamp(11px,2.5vw,32px)}.pergopro-laptop{background:#fff}.pergopro-laptop__grid,.pergopro-mobile__grid{display:grid;gap:44px;align-items:center}.pergopro-laptop p,.pergopro-mobile p{max-width:47ch;color:#5b6e74;font-size:1.06rem;line-height:1.8}.pergopro-laptop figure{background:#f9fafb}.pergopro-mobile{background:#f0f7f8}.pergopro-mobile figure{background:#fff;padding:clamp(10px,2vw,24px)}.pergopro-visit{background:#1c5367;color:#fff}.pergopro-visit .pergopro-index,.pergopro-visit h2{color:#fff}.pergopro-visit a{display:inline-flex;align-items:center;gap:18px;margin-top:35px;padding:15px 23px;border:1px solid #b6dce8;color:#fff;text-decoration:none;font-weight:850;transition:background .2s,color .2s}.pergopro-visit a:hover{background:#fff;color:#1c5367}@media(min-width:760px){.pergopro-hero__inner{grid-template-columns:.87fr 1.13fr;gap:6%;min-height:635px}.pergopro-story__grid{grid-template-columns:.85fr 1fr;gap:10%}.pergopro-section-head{grid-template-columns:1fr .64fr;gap:8%}.pergopro-laptop__grid,.pergopro-mobile__grid{grid-template-columns:.72fr 1fr;gap:8%}}@media(max-width:759px){.pergopro-case .project-breadcrumb{margin-block:15px}.pergopro-hero__inner{padding-top:24px}.pergopro-kicker{margin-top:33px}.pergopro-hero__mockup{box-shadow:9px 9px #69b0cc}.pergopro-section-head{gap:12px}}@media(prefers-reduced-motion:reduce){.pergopro-case figure img,.pergopro-visit a{transition:none}.pergopro-case figure a:hover img{transform:none}}