.nav a.is-active::after { right: 0; }
.inner-hero { min-height: 440px; position: relative; padding: 205px 0 80px; overflow: hidden; color: #fff; background: var(--navy); }
.inner-hero::before { content: attr(data-number); position: absolute; right: 4%; top: 70px; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.09); font: 900 330px/.8 "Barlow Condensed"; }
.inner-hero::after { content: ""; position: absolute; width: 440px; height: 440px; right: 15%; top: 40px; border: 1px solid rgba(0,168,204,.18); border-radius: 50%; box-shadow: 0 0 0 75px rgba(0,168,204,.04), 0 0 0 150px rgba(0,168,204,.025); }
.inner-hero .container { position: relative; z-index: 1; }
.inner-hero h1 { margin: 0; font: 900 clamp(65px, 8vw, 105px)/.82 "Barlow Condensed"; text-transform: uppercase; letter-spacing: -.035em; }
.inner-hero h1 span { color: var(--coral); font-style: italic; }
.inner-hero p:last-child { max-width: 540px; margin: 24px 0 0; color: #a7bfca; line-height: 1.7; }
.page-nav-grid { padding: 90px 0; background: #f3f7f7; }
.page-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.page-card { min-height: 235px; padding: 28px; display: flex; flex-direction: column; color: #fff; background: var(--navy-2); transition: transform .25s, background .25s; }
.page-card:hover { transform: translateY(-5px); background: var(--blue); }
.page-card > span { color: var(--coral); font-size: 9px; letter-spacing: .15em; }
.page-card h2 { margin-top: auto; font-size: 38px; }
.page-card p { color: #90aab5; font-size: 11px; line-height: 1.6; }
.page-card i { align-self: flex-end; color: var(--coral); font-style: normal; }
.page-card:hover p, .page-card:hover i { color: #fff; }
.page-intro { max-width: 760px; margin-bottom: 45px; color: var(--muted); line-height: 1.8; }
.contact-page-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 0; align-items: stretch; }
.contact-page-form { padding: 55px; background: #fff; }
.contact-page-form form { display: grid; gap: 17px; }
.contact-page-form label { display: grid; gap: 7px; color: #52707d; text-transform: uppercase; font-size: 9px; font-weight: 700; letter-spacing: .14em; }
.contact-page-form input, .contact-page-form textarea { width: 100%; padding: 13px 14px; border: 1px solid #cedcdf; background: #f8fbfb; outline: 0; font: 14px "DM Sans"; }
.contact-page-form small { min-height: 16px; color: #d74333; }
.contact-page-form .form-success { margin-top: 0; }
.contact-details { padding: 55px; color: #fff; background: var(--blue); }
.contact-details h2 { font-size: 62px; }
.contact-details address { margin: 35px 0; font-style: normal; line-height: 1.8; }
.contact-details .social-links a { border-color: rgba(255,255,255,.2); }
.contact-details .social-links small { color: #bce4eb; }.contact-details .social-links b { color: #fff; }
.contact-details .social-links a > span { color: var(--navy); background: var(--coral); }
@media (max-width: 900px) { .page-cards { grid-template-columns: 1fr 1fr; }.contact-page-grid { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .inner-hero { padding-top: 180px; }.inner-hero::before { font-size: 230px; right: -8%; }.page-cards { grid-template-columns: 1fr; }.contact-page-form,.contact-details { padding: 38px 25px; } }