/* Webmdev: an independent web-project company landing. */
.brand{font-size:29px;font-weight:750;letter-spacing:-1.25px;gap:12px}.brand img{width:38px;height:38px}.brand-group{display:none}
.hero h1{font-size:clamp(52px,5.6vw,81px);letter-spacing:-4px}.hero-grid{grid-template-columns:1.65fr 1fr;gap:70px}.hero-intro{max-width:315px}
.section-heading h2{max-width:730px;font-size:clamp(35px,3.7vw,52px)}.section-heading .button{flex-shrink:0}
.service-body{padding:0 35px 26px 73px;flex-wrap:wrap;gap:20px}.service-body p{max-width:850px;flex-basis:100%}.service-body a{margin-left:0;font-size:13px}
.email-contact{display:flex;align-items:center;justify-content:space-between;gap:65px;padding-top:36px}.email-contact h3{font-size:26px;letter-spacing:-.8px}.email-contact p{font-size:13px;color:var(--muted);line-height:1.9;max-width:590px;margin-top:16px}.email-button{flex-shrink:0;font-size:17px;padding:21px 27px;gap:32px}
.footer-links{grid-template-columns:1.05fr 1fr .85fr}.footer-bottom>a{color:#a8b69f;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1100px){.hero-grid{gap:35px}.hero h1{font-size:65px;letter-spacing:-3.2px}.header nav{gap:22px}.header-cta{gap:16px;font-size:11px}.email-contact{gap:35px}.email-button{font-size:15px}}
@media(max-width:900px){.header-cta{display:none}.header nav{gap:26px}.section-heading{align-items:flex-start;flex-direction:column;gap:26px}.section-heading .button{margin:0}}
@media(max-width:760px){.brand{font-size:27px}.brand img{width:35px;height:35px}.hero-grid{display:block}.hero h1{font-size:clamp(40px,8.3vw,60px);letter-spacing:-2.5px;line-height:1.15}.hero h1 em{white-space:normal}.section-heading{gap:0}.section-heading .button{margin-top:23px}.service-body{padding:0 24px 23px 34px}.service-body a{font-size:12px}.email-contact{flex-direction:column;align-items:flex-start;gap:26px;padding-top:28px}.email-contact h3{font-size:23px}.email-contact p{font-size:12px}.email-button{font-size:15px;gap:20px;padding:17px 22px}.contact-banner h2{font-size:clamp(34px,8vw,52px)}.footer-links{grid-template-columns:1fr 1fr}.footer-links>div:last-child{grid-column:1/-1}.footer-bottom{align-items:flex-start}.header nav{gap:22px}}
@media(max-width:380px){.hero h1{font-size:36px}.contact-banner h2{font-size:31px}.email-button{font-size:14px;padding:16px 19px}}

.company-intro{max-width:780px;font-size:15px;line-height:1.9;color:#61725c;margin-top:24px}
#focus .service-body{padding-bottom:28px}#focus .service-body p{margin:0}
@media(max-width:760px){.company-intro{font-size:12px;margin-top:20px}.hero h1{font-size:clamp(35px,7.5vw,54px)}.hero h1 em{white-space:normal}.email-contact h3{font-size:22px;line-height:1.35}}
@media(max-width:380px){.hero h1{font-size:31px;letter-spacing:-1.8px}}


@media(max-width:760px){}
/* Keep adjacent panels separated after removing the company section. */
#lifecycle + #contact{margin-top:80px}
@media(max-width:760px){#lifecycle + #contact{margin-top:48px}}