/* Larger reading sizes without changing the compact persistent navigation. */
@media(max-width:760px){
 main .section{padding-block:44px}
 main p{font-size:18px;line-height:1.6}
 main .eyebrow,main .eyebrow b,.portfolio-kicker b{font-size:13px!important;letter-spacing:.09em!important}
 .home-system{padding:44px 20px!important}
 .system-heading{margin-bottom:24px}
 .system-heading h2{font-size:34px;line-height:1.12;margin-bottom:24px}
 .system-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:36px 0;perspective:1000px}
 .system-copy h3{font-size:27px;line-height:1.15;letter-spacing:-.035em;margin:14px 0}
 .system-copy p{font-size:18px;line-height:1.55;color:#454550;margin-bottom:16px}
 .system-copy>span{font-size:12px;line-height:1.5;letter-spacing:.04em;display:block;color:#565063}
 .system-copy small{font-size:12px;line-height:1.5;letter-spacing:.03em;color:#565063}
 .system-visual{padding:4px;border-radius:16px}
 .system-next p,.system-next a{font-size:18px}
 .creative-intro h2,.platform-intro h2,.service-catalog h2,.honest h2{font-size:34px!important;line-height:1.15!important}
 .creative-intro p,.catalog-intro,.catalog-group p,.catalog-group li,.honest-grid p{font-size:18px!important;line-height:1.6!important}
 .catalog-group summary{font-size:20px;padding-block:23px;line-height:1.3}
 .catalog-scope{font-size:16px!important;line-height:1.6}
 .plan{padding:28px 24px!important}
 .plan p,.plan li{font-size:18px!important;line-height:1.55!important}
 .plan li{padding-block:12px}
 .plan h2{font-size:32px!important}
 .plan .plan-scope,.pricing-note{font-size:16px!important;line-height:1.6!important}
 .diagnosis-copy p,.diagnosis-steps span,.diagnosis-form input,.diagnosis-form select{font-size:18px!important}
 .diagnosis-form label{font-size:14px}
 .website-meta p{font-size:17px!important;line-height:1.4!important}
 .website-meta h3{font-size:25px!important}
 .website-demo .creative-button{font-size:16px;min-height:48px}
 #websites .website-window{height:calc(100svh - 290px)!important}
 .footer-columns a{font-size:17px!important;line-height:1.6}
 .footer-columns h3{font-size:18px!important}
}
@media(max-width:380px){
 .system-row{grid-template-columns:minmax(0,1fr);gap:20px}
 .system-copy h3{font-size:29px}.system-copy p{max-width:none}
 .system-visual{width:100%;max-width:290px;justify-self:center}
}
@media(max-height:650px) and (max-width:760px){
 #websites .website-demo{position:relative!important;top:auto!important;min-height:0;margin-bottom:24px}
 #websites .website-window{height:65svh!important}
}