/* Work, Services and Studio: the same Post-Chat language, with a distinct role for each page. */
body.developer-subpage .df-opening h1{font-size:clamp(50px,min(6.9vw,11.8dvh),108px)}
body.developer-subpage .df-opening p{max-width:450px}
body.developer-subpage .sp-collection{display:flex;flex-direction:column;justify-content:space-between;gap:20px}
.sp-filter-line{display:flex;align-items:center;justify-content:space-between;gap:20px}
.sp-filters{display:flex;gap:8px;flex-wrap:wrap}
.sp-filters button{border:1px solid var(--pc-hair);background:none;color:var(--pc-ink);min-height:36px;padding:9px 14px;font:9px "IBM Plex Mono",monospace}
.sp-filters button[aria-pressed=true]{background:var(--pc-blue);border-color:var(--pc-blue);color:var(--pc-bg)}
body.developer-subpage #filter-status{font:8px/1.7 "IBM Plex Mono",monospace;margin:0;text-align:right}
body.developer-subpage .sp-collection .df-work-placeholder{height:clamp(150px,25dvh,260px)}
body.developer-subpage .sp-collection .df-work-caption h3{font-size:21px}
.sp-reference-links{display:flex;gap:18px;flex-wrap:wrap}
.sp-reference-links>span{opacity:.7}
body.developer-subpage .sp-case-story,body.developer-subpage .sp-collaboration{grid-template-columns:1fr 1.05fr;align-items:stretch}
.sp-case-sheet{border:1px solid var(--pc-hair);padding:27px 30px;background:#D3DAC5;align-self:center}
.sp-case-sheet .df-form-kicker{color:var(--pc-blue);margin-bottom:22px}
.sp-case-sheet dl{margin:0}
.sp-case-sheet dl>div{display:grid;grid-template-columns:145px 1fr;gap:22px;border-top:1px solid var(--pc-hair);padding:18px 0}
.sp-case-sheet dl>div:last-child{padding-bottom:0}
.sp-case-sheet dt{font:8px/1.8 "IBM Plex Mono",monospace;text-transform:uppercase;color:var(--pc-blue);letter-spacing:.05em}
.sp-case-sheet dd{font:12px/1.8 "Space Grotesk",sans-serif;margin:0;color:var(--pc-muted)}
body.developer-subpage .sp-final{grid-template-columns:1.1fr .9fr;gap:28px 8%}
.sp-final-note{align-self:center;max-width:460px}
body.developer-subpage .sp-final-note h3{font:500 clamp(34px,4.2vw,60px)/1.04 "Space Grotesk",sans-serif;color:var(--pc-bg);letter-spacing:-.035em;margin:25px 0}
.sp-final-note>p{margin-bottom:25px}
.sp-final-note .df-submit{margin-top:30px;text-decoration:none}
body.developer-subpage .sp-offerings{grid-template-columns:.9fr 1.15fr}
.sp-offer-list{align-self:center}
.sp-offer-list article{display:grid;grid-template-columns:24px 1fr;gap:21px;border-top:1px solid var(--pc-hair);padding:20px 0}
.sp-offer-list article:last-child{border-bottom:1px solid var(--pc-hair)}
.sp-row-number{font:9px "IBM Plex Mono",monospace;color:var(--pc-blue);padding-top:7px}
body.developer-subpage .sp-offer-list h3{font-size:28px;margin:0 0 10px}
body.developer-subpage .sp-offer-list p{font-size:12px;line-height:1.7;margin:0 0 10px}
.sp-offer-list .df-caption{font-size:8px}
.sp-offer-list .df-link{font-size:10px;min-height:34px;padding:8px 0;margin-top:5px}
body.developer-subpage .sp-investment{display:flex;flex-direction:column;gap:28px}
.sp-investment-head{display:grid;grid-template-columns:1fr .85fr;gap:8%;align-items:center;flex:none}
body.developer-subpage .sp-investment-head h2{font-size:clamp(38px,min(4.7vw,9.6dvh),70px);margin:20px 0 0}
body.developer-subpage .sp-investment-head p{font-size:12px;margin-bottom:13px}
.sp-price-overview{display:grid;grid-template-columns:1fr 1fr;gap:38px;flex:none}
.sp-price-overview article{border-top:1px solid var(--pc-hair);padding-top:19px}
.sp-price-overview strong{display:block;font:500 clamp(26px,3.2vw,46px) "Space Grotesk",sans-serif;letter-spacing:-.03em;margin:16px 0;color:var(--pc-blue)}
body.developer-subpage .sp-price-overview p{font-size:12px;line-height:1.7;margin:0 0 9px;max-width:40em}
.sp-price-overview .df-link{font-size:10px;min-height:35px;padding:8px 0}
.sp-price-details{border-block:1px solid var(--pc-hair);margin-top:auto;flex:none}
.sp-price-details>summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;padding:18px 0;font:11px "Space Grotesk",sans-serif;color:var(--pc-blue);list-style:none}
.sp-price-details>summary::-webkit-details-marker{display:none}
.sp-price-details>summary>span{font-size:22px;line-height:1;transition:transform .2s}
.sp-price-details[open]>summary>span{transform:rotate(45deg)}
.sp-price-reference{padding:12px 0 30px}
.sp-price-reference .pricing-offers article{grid-template-columns:1.4fr .7fr;gap:30px;padding:25px 0}
body.developer-subpage .sp-price-reference h3{font-size:25px}
body.developer-subpage .sp-price-reference p{font-size:12px}
body.developer-subpage .sp-price-reference .pricing-offers strong{font-size:24px}
.sp-price-reference .pricing-scope{padding:25px 0}
.sp-price-reference .pricing-extras{gap:20px}
.sp-price-reference .pricing-extras article{padding:20px}
.sp-price-reference .pricing-next{padding:23px;margin-top:25px}
body.developer-subpage .sp-working-together{grid-template-columns:1fr 1.1fr}
.sp-process-list{list-style:none;padding:0;margin:0}
.sp-process-list li{display:grid;grid-template-columns:24px 1fr;gap:20px;border-top:1px solid var(--pc-hair);padding:20px 0}
.sp-process-list li>span{font:9px "IBM Plex Mono",monospace;color:var(--pc-blue);padding-top:6px}
body.developer-subpage .sp-process-list h3{font-size:27px;margin:0 0 9px}
body.developer-subpage .sp-process-list p{font-size:12px;line-height:1.7;margin:0}
.sp-questions{border-bottom:1px solid var(--pc-hair);margin-top:15px}
.sp-questions details{border-top:1px solid var(--pc-hair)}
.sp-questions summary{padding:14px 0;cursor:pointer;font:11px/1.7 "Space Grotesk",sans-serif;color:var(--pc-blue)}
body.developer-subpage .sp-questions p{font-size:12px;line-height:1.8;margin-bottom:17px}
body.developer-subpage .sp-studio-approach{grid-template-columns:.88fr 1.2fr}
.sp-principles>div{padding:15px 0;border-top:1px solid var(--pc-hair)}
.sp-principles>div:last-child{padding-bottom:0}
.sp-principles strong{font:500 19px "Space Grotesk",sans-serif;letter-spacing:-.02em}
body.developer-subpage .sp-principles p{font-size:11px;line-height:1.7;margin:8px 0 0}
.sp-process-visuals{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-height:0}
.sp-process-visuals .df-placeholder{padding:20px 16px;height:100%;min-height:0}
.sp-process-visuals .df-slot-top{display:block;font-size:7px}
.sp-process-visuals .df-slot-top>span{display:block;margin-bottom:8px}
.sp-process-visuals .df-slot-center{padding:5px}
.sp-process-visuals .df-slot-center strong{font-size:23px}
body.developer-subpage .sp-process-visuals .df-slot-center p{font:8px/1.9 "IBM Plex Mono",monospace}
.sp-process-visuals .df-placeholder figcaption{font-size:6px}
body.developer-subpage .sp-studio-note{font:9px/1.8 "IBM Plex Mono",monospace;margin:24px 0 0;color:var(--pc-muted)}
@media(min-width:761px) and (max-height:800px){
 body.developer-subpage .df-opening-copy{padding-block:32px}
 .sp-offer-list article{padding:10px 0}
 body.developer-subpage .sp-offer-list h3{font-size:26px;margin-bottom:8px}
 body.developer-subpage .sp-offer-list p{font-size:11.5px;margin-bottom:8px}
 .sp-offer-list .df-caption{font-size:7.5px}
 .sp-offer-list .df-link{min-height:32px}
 body.developer-subpage .sp-investment{gap:18px}
 body.developer-subpage .sp-investment-head h2{margin-top:16px}
 .sp-price-overview article{padding-top:15px}
 .sp-price-overview strong{margin:12px 0}
 .sp-process-list li{padding:16px 0}
 body.developer-subpage .sp-collection .df-section-head h2{font-size:clamp(36px,min(4.2vw,8dvh),64px)}
 body.developer-subpage .sp-collection{gap:13px}
 body.developer-subpage .sp-collection .df-work-placeholder{height:clamp(145px,22dvh,250px)}
 body.developer-subpage .sp-studio-approach h2{font-size:clamp(38px,min(4.2vw,8.8dvh),66px)}
 body.developer-subpage .sp-studio-approach .df-section-copy>div>p{font-size:12px}
 .sp-principles>div{padding:12px 0}
}
@media(min-width:761px) and (max-height:680px){
 .sp-offer-list article{padding:13px 0}
 body.developer-subpage .sp-offer-list h3{font-size:24px;margin-bottom:7px}
 body.developer-subpage .sp-offer-list p{font-size:11px;line-height:1.6;margin-bottom:7px}
 .sp-offer-list .df-caption{font-size:7px}
 .sp-case-sheet{padding:21px 25px}
 .sp-case-sheet dl>div{padding:13px 0}
 .sp-process-list li{padding:14px 0}
 .sp-questions summary{padding:11px 0}
 .sp-principles>div{padding:11px 0}
 body.developer-subpage .sp-investment{gap:22px}
 .sp-price-overview strong{margin:12px 0}
}
@media(max-width:1050px) and (min-width:761px){
 .sp-case-sheet dl>div{grid-template-columns:110px 1fr;gap:15px}
 body.developer-subpage .sp-collection .df-work-caption h3{font-size:18px}
 .sp-reference-links{gap:10px}
 .sp-process-visuals{grid-template-columns:1fr}
 .sp-process-visuals .df-placeholder{min-height:215px}
 .sp-process-visuals .df-slot-center{margin:10px auto}
 .sp-process-visuals .df-slot-center .df-cross{margin-bottom:12px}
 .sp-process-visuals .df-placeholder figcaption{display:none}
}
@media(max-width:760px){
 body.developer-subpage .df-opening h1{font-size:clamp(48px,13.7vw,78px)}
 body.developer-work .df-opening h1,body.developer-studio .df-opening h1{font-size:clamp(40px,12vw,74px)}
 body.developer-subpage .sp-collection{gap:25px}
 .sp-filter-line{display:flex;flex-direction:column;align-items:flex-start;gap:13px}
 .sp-filters button{min-height:40px;font-size:8px;padding:10px 13px}
 body.developer-subpage #filter-status{font-size:8px;text-align:left}
 body.developer-subpage .sp-collection .df-work-placeholder{height:230px}
 body.developer-subpage .sp-collection .df-work-caption h3{font-size:24px}
 .sp-reference-links{gap:13px}
 .sp-reference-links>span{width:100%}
 .sp-case-sheet{padding:23px 20px;width:100%;flex:none}
 .sp-case-sheet dl>div{display:block;padding:17px 0}
 .sp-case-sheet dt{font-size:8px;margin-bottom:8px}
 .sp-case-sheet dd{font-size:12px}
 body.developer-subpage .sp-final{display:flex;gap:36px}
 .sp-final-note{width:100%;max-width:none;align-self:stretch}
 body.developer-subpage .sp-final-note h3{font-size:41px;margin:23px 0}
 .sp-final-note .df-submit{margin-top:25px}
 .sp-offer-list{flex:none;width:100%}
 .sp-offer-list article{gap:14px;padding:23px 0}
 body.developer-subpage .sp-offer-list h3{font-size:26px}
 body.developer-subpage .sp-offer-list p{font-size:12px;line-height:1.8}
 .sp-offer-list .df-link{font-size:11px;min-height:44px}
 .sp-offer-list .df-caption{font-size:8px}
 .sp-investment-head{display:block}
 body.developer-subpage .sp-investment-head h2{font-size:43px;margin-bottom:25px}
 body.developer-subpage .sp-investment-head p{font-size:12px}
 .sp-price-overview{display:flex;flex-direction:column;gap:25px}
 .sp-price-overview strong{font-size:33px;overflow-wrap:anywhere}
 .sp-price-details{margin-top:0}
 .sp-price-details>summary{font-size:11px;line-height:1.8}
 .sp-price-details>summary>span{flex:none}
 .sp-price-reference .pricing-offers article{display:block;padding:25px 0}
 .sp-price-reference .pricing-offers article>div+div{margin-top:20px;text-align:left}
 .sp-price-reference .pricing-offers strong{font-size:26px}
 .sp-price-reference .pricing-offers a{margin:13px 0 0}
 .sp-price-reference .pricing-extras{display:flex;flex-direction:column}
 .sp-price-reference .pricing-next{display:block;padding:20px}
 .sp-price-reference .pricing-next .button{margin-top:20px}
 .sp-process-list li{gap:15px;padding:22px 0}
 body.developer-subpage .sp-process-list h3{font-size:26px}
 body.developer-subpage .sp-process-list p{font-size:12px}
 .sp-questions summary{font-size:12px;padding:16px 0}
 .sp-process-visuals{grid-template-columns:1fr;flex:none;gap:20px}
 .sp-process-visuals .df-placeholder{min-height:330px;padding:23px}
 .sp-process-visuals .df-slot-top{display:flex;font-size:7px}
 .sp-process-visuals .df-slot-center strong{font-size:27px}
 body.developer-subpage .sp-process-visuals .df-slot-center p{font-size:9px}
 .sp-process-visuals .df-placeholder figcaption{font-size:7px}
 .sp-principles>div{padding:18px 0}
 .sp-principles strong{font-size:22px}
 body.developer-subpage .sp-principles p{font-size:12px}
}