/* Distinct materials and layouts for each interior page; Home stays unchanged. */
.services-overview{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(45px,8vw,135px);align-items:center;max-width:1450px;margin:auto;min-height:510px}
.services-overview-copy h1{font-size:clamp(64px,7vw,107px);line-height:.99;letter-spacing:-.06em;margin:29px 0;color:#1a2d38}
.services-overview-copy h1>span{color:#687a85}.services-overview-copy p{color:#566c7a;font-size:18px;line-height:1.6}.services-overview-copy>.link{font-size:14px;color:#2e4c5d;border-color:#66829366;margin-top:28px;gap:20px}
.services-overview .service-jump{display:flex;flex-direction:column;gap:0;padding:12px 32px;margin:0;border:1px solid #fff9;border-radius:25px;background:linear-gradient(130deg,#ffffffa0,#ffffff32);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:inset 0 1px 0 #fff,0 20px 55px #455c6910}
.services-overview .service-jump>a{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid #6e889633;transition:padding .3s,color .3s}
.services-overview .service-jump>a:last-child{border-bottom:0}.services-overview .service-jump>a:hover{padding-left:8px;color:#496b80}
.services-overview .service-jump .service-overview-name{font-size:clamp(24px,2.4vw,36px);color:#29424f;line-height:1.2;letter-spacing:-.035em}.service-overview-name small{display:block;font-size:13px;letter-spacing:0;color:#6a818f;margin-top:9px}
.services-overview .service-jump .icon{color:#496879}
.services-page:not(.about-page) .services-opening{padding-bottom:85px;min-height:83svh}
.about-page .interior-silver{transform-origin:78% 50%;animation-duration:27s}.about-page .interior-silver img{object-position:55% 45%}
.contact-page .interior-silver{animation-duration:32s;transform-origin:60% 50%}.contact-page .interior-silver img{object-position:50% 50%}
.about-origin figcaption{justify-content:flex-start;flex-wrap:wrap;gap:4px 14px;align-items:baseline}.about-origin figcaption>span{margin-right:auto}.about-origin figcaption a{font-size:10px;color:#93a8b4}
/* A dark gallery entrance gives the portfolio its own identity. */
.portfolio-hero{background:#111d25;color:#e9f0f5}.portfolio-silver{background-color:#111d25;opacity:.14;filter:grayscale(1);transform-origin:right center}.portfolio-lead h1>span{color:#9fb5c4}.portfolio-intro p{color:#b2c3cf}.portfolio-intro .link,.portfolio-hero .project-details{color:#dce7ef;border-color:#99b3c455}.portfolio-hero .project-caption>div>span{color:#96aebc}.portfolio-hero-bottom>span{color:#93aab9}.portfolio-motion{color:#dbe8f0;background:#c5e2ef10;border-color:#c2ddea40}.portfolio-hero a:focus-visible,.portfolio-hero button:focus-visible{outline-color:#c7e5f5}
@media(max-width:959px){.services-overview{gap:35px;grid-template-columns:1fr 1fr;min-height:0}.services-overview-copy h1{font-size:clamp(57px,7.5vw,81px)}.services-overview-copy p{font-size:16px}.services-overview .service-jump{padding-inline:23px}.services-overview .service-jump .service-overview-name{font-size:25px}}
@media(max-width:650px){.services-overview{grid-template-columns:1fr;gap:36px}.services-overview-copy h1{font-size:68px;margin:25px 0}.services-overview-copy p{font-size:16px}.services-overview .service-jump{padding:4px 22px;border-radius:21px}.services-overview .service-jump>a{padding:19px 0}.services-overview .service-jump .service-overview-name{font-size:26px}.service-overview-name small{font-size:12px;margin-top:6px}.services-page:not(.about-page) .services-opening{padding-bottom:80px}.about-page .interior-silver img{object-position:65% 50%}.about-origin figcaption{gap:6px 12px}.about-origin figcaption>span{width:100%;margin:0}}
@media(prefers-reduced-motion:reduce){.services-overview .service-jump>a{transition:none}.services-overview .service-jump>a:hover{padding-left:0}}