/* Telemost — Figma 32:29682. */
.tele-page .case-title{margin-bottom:104px}
.tele-page .case-title h1{max-width:760px}
.tele-page .case-panel{background:#b6b0a6}
.tele-page figure{margin:0;min-width:0}
.tele-page figcaption,.tele-showcase h2{font:700 20px/24px Inter,sans-serif;color:#f8f7f0;margin:0 0 24px}
.tele-page .case-panel img{display:block;width:100%;height:auto}
.tele-comparison{padding:48px 3.25%;display:grid;grid-template-columns:1fr 1.08fr;gap:4.5%;align-items:start}
.tele-before{position:relative;padding:0 5.5% 36% 0}
.tele-before img+img{position:absolute;bottom:0;right:0;width:94.5%}
.tele-context{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;margin:88px 0 136px}
.tele-context>.case-copy{max-width:412px}
.tele-context>.case-copy:nth-child(2){max-width:352px}
.tele-context>.case-copy:last-child{padding-top:88px;max-width:352px}
.tele-page .case-copy p,.tele-page .case-copy li{font-size:20px;line-height:24px}
.tele-page .case-copy p+p{margin-top:24px}
.tele-showcase{padding:48px 4% 64px}
.tele-screen-pair{display:grid;grid-template-columns:1fr 1.05fr;gap:2%;align-items:start}
.tele-showcase>section+section{margin-top:64px}
.tele-decisions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;margin:88px 0 32px;align-items:start}
.tele-decisions>.case-copy{max-width:352px}
.tele-decisions>.case-copy:nth-child(2){padding-top:46px}
.tele-page .case-copy ul{padding-left:24px;margin:24px 0 0}
.tele-page .case-copy li+li{margin-top:12px}
.tele-launch{display:grid;grid-template-columns:1.83fr 1fr;gap:8.5%;align-items:end}
.tele-launch-screens{display:flex;gap:3%;padding:4.5%}
.tele-launch-screens .iphone{flex:1;min-width:0;padding:.65%}
.tele-launch>.case-copy{max-width:352px;padding-bottom:40px}
.tele-outcome{margin:112px 10% 0 calc((100% - 48px)/3 + 24px);display:grid;grid-template-columns:1.1fr 1fr;gap:40px}
.tele-outcome>.case-copy+section{padding-top:46px}
.tele-page .case-related{margin-top:200px}
@media(max-width:1100px){
 .tele-page .case-title{margin-bottom:64px}
 .tele-context{gap:32px;margin:64px 0 80px;grid-template-columns:1fr 1fr}
 .tele-context>.case-copy:last-child{grid-column:2;padding-top:0;max-width:none}
 .tele-context>.case-copy:nth-child(2){max-width:none}
 .tele-decisions{grid-template-columns:1fr 1fr;gap:40px;margin:64px 0}
 .tele-decisions>.case-copy:last-child{grid-column:1/-1;max-width:720px}
 .tele-launch{gap:40px;grid-template-columns:1.7fr 1fr}
 .tele-outcome{margin:80px 0 0;gap:40px}
 .tele-page .case-related{margin-top:96px}
}
@media(max-width:700px){
 .tele-page .case-title h1{font-size:clamp(38px,9.5vw,56px);line-height:1.03}
 .tele-title-break{display:none}
 .tele-comparison{grid-template-columns:1fr;gap:32px;padding:24px 20px}
 .tele-page figcaption,.tele-showcase h2{font-size:18px;line-height:24px;margin-bottom:16px}
 .tele-context,.tele-decisions,.tele-outcome{display:flex;flex-direction:column;gap:32px;margin:48px 0 64px}
 .tele-context>.case-copy,.tele-context>.case-copy:nth-child(2),.tele-decisions>.case-copy{max-width:none}
 .tele-context>.case-copy:last-child,.tele-decisions>.case-copy:nth-child(2),.tele-outcome>.case-copy+section{padding-top:0}
 .tele-page .case-copy p,.tele-page .case-copy li{font-size:18px;line-height:24px}
 .tele-showcase{padding:24px 20px}
 .tele-screen-pair{grid-template-columns:1fr;gap:24px}
 .tele-showcase>section+section{margin-top:40px}
 .tele-launch{display:flex;flex-direction:column;gap:32px;align-items:stretch}
 .tele-launch>.case-copy{padding:0;max-width:none}
 .tele-launch-screens{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:24px;padding:32px 24px}
 .tele-launch-screens::-webkit-scrollbar{display:none}
 .tele-launch-screens .iphone{flex:0 0 min(70vw,250px);scroll-snap-align:center;padding:5px}
 .tele-page .case-related{margin-top:80px}
}