/* Five editorial service pillars, on the original mint and blue glass plate. */
.services-story{max-width:790px;margin:auto;}
#page-scroll .services-opening #page-title{margin-bottom:28px;}
#page-scroll .services-headline{font:400 clamp(38px,4.7vw,56px)/1.02 Helvetica,Arial,sans-serif;letter-spacing:-.05em;margin:0 0 25px;}
.services-headline em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.06em;}
#page-scroll .services-intro{font-size:18px;line-height:1.65;max-width:610px;margin:0;}
#page-scroll .service-pillar{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.35fr);gap:40px;margin-top:34px;padding-top:24px;}
.service-heading .section-number{display:block;margin-bottom:15px;}
#page-scroll .service-heading h2{font-size:32px;line-height:1.04;letter-spacing:-.045em;font-weight:400;margin:0 0 20px;}
#page-scroll .service-audience{font-size:16px;line-height:1.6;margin:0;max-width:260px;}
.service-audience>span,.service-includes>span{display:block;font:12px/1.5 'Courier New',monospace;letter-spacing:.065em;margin-bottom:7px;}
#page-scroll .service-detail>p{font-size:18px;line-height:1.65;margin:0 0 20px;}
#page-scroll .service-detail .service-includes{font-size:16px;line-height:1.65;margin-bottom:0;}
#page-scroll .services-process,#page-scroll .services-proof,#page-scroll .services-invitation{margin-top:44px;padding-top:26px;}
#page-scroll .services-process h2,#page-scroll .services-proof h2{font-size:28px;font-weight:400;letter-spacing:-.04em;margin:0 0 26px;}
.services-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;list-style:none;counter-reset:process;padding:0;margin:0;}
.services-process li{counter-increment:process;min-width:0;}
.services-process li:before{content:'0' counter(process);font:12px/1.5 'Courier New',monospace;}
#page-scroll .services-process h3{font:500 19px/1.2 Helvetica,Arial,sans-serif;letter-spacing:-.03em;margin:14px 0 10px;}
#page-scroll .services-process p{font-size:16px;line-height:1.65;margin:0;}
.services-projects{border-bottom:1px solid color-mix(in srgb,var(--ink),transparent 75%);}
#glass-page .services-projects a{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;padding:18px 0;text-align:left;border:0;border-top:1px solid color-mix(in srgb,var(--ink),transparent 75%);border-radius:0;backdrop-filter:none;}
.services-projects strong{font-size:23px;font-weight:400;letter-spacing:-.035em;line-height:1.2;}
.services-projects a>span{font:12px/1.5 'Courier New',monospace;max-width:45%;text-align:right;}
#page-scroll .services-invitation h2{font-size:clamp(33px,4vw,45px);font-weight:400;letter-spacing:-.04em;line-height:1.05;margin:0 0 20px;}
#page-scroll .services-invitation>p{font-size:17px;line-height:1.65;max-width:550px;}
@media(max-width:620px){
 #page-scroll .services-headline{font-size:39px;}
 #page-scroll .services-intro{font-size:17px;}
 #page-scroll .service-pillar{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:22px;}
 .service-heading .section-number{margin-bottom:12px;}
 #page-scroll .service-heading h2{font-size:31px;margin-bottom:15px;}
 #page-scroll .service-audience{max-width:none;}
 #page-scroll .service-detail>p{font-size:17px;}
 #page-scroll .service-detail .service-includes{font-size:16px;}
 .services-process ol{grid-template-columns:1fr;gap:24px;}
 #page-scroll .services-process h3{margin-top:8px;font-size:21px;}
 #page-scroll .services-process p{font-size:16px;}
 #glass-page .services-projects a{display:block;padding:17px 0;}
 .services-projects strong{font-size:23px;}
 .services-projects a>span{display:block;max-width:none;text-align:left;margin-top:7px;font-size:12px;}
 #page-scroll .services-process,#page-scroll .services-proof,#page-scroll .services-invitation{margin-top:32px;padding-top:24px;}
}
@media(max-width:360px){#page-scroll .services-headline{font-size:35px;}}