/* A quieter layout: one statement, four capabilities, one person, one form. */
.noise { display: none; }
.language-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 7px 0; }
.language-toggle .flag-choice { display: inline-block; font-family: "Apple Color Emoji", "Segoe UI Emoji", sans-serif; font-size: 21px; line-height: 1; opacity: .45; filter: grayscale(.6); transform: scale(.88); transition: opacity .2s, filter .2s, transform .2s; }
.language-toggle .flag-choice.lang-active { opacity: 1; filter: none; transform: scale(1); }
.language-toggle:focus-visible { outline: 2px solid var(--lime); outline-offset: 5px; }
.hero { height: min(840px, 100svh); min-height: 650px; }
.hero-content { top: 52%; width: min(1050px, 84vw); }
.hero h1 { font-size: clamp(78px, 10vw, 168px); line-height: .94; }
.hero-kicker { margin-bottom: 28px; }
.hero-lower { margin-top: 38px; }
.hero-description { max-width: 550px; }
.hero-footer { padding-top: 18px; justify-content: flex-end; }
.section-pad { padding-top: clamp(88px, 8vw, 130px); padding-bottom: clamp(88px, 8vw, 130px); }
.section-heading { margin: 0 0 52px; }
.section-heading h2 { max-width: 900px; }
.expertise-card { min-height: 330px; }
.card-art { height: 110px; flex: 0 0 110px; margin: 12px 0 14px; }
.card-art-mt span { width: 26px; height: 26px; }
.card-art-mt span:nth-child(2) { width: 48px; height: 48px; }
.card-art-mt span:nth-child(3) { width: 72px; height: 72px; }
.card-art-mt span:nth-child(4) { width: 100px; height: 100px; }
.card-art-csem .wave { width: 40px; height: 40px; }
.card-art-csem .wave-2 { width: 75px; height: 75px; }
.card-art-csem .wave-3 { width: 108px; height: 108px; }
.card-art-tem { gap: 9px; }
.card-art-tem .p1 { height: 28px; }
.card-art-tem .p2 { height: 60px; }
.card-art-tem .p3 { height: 92px; }
.card-art-tem .p4 { height: 42px; }
.card-art-code .code-line > * { background: rgba(229, 210, 90, .75); }
.card-art-code .code-line b { background: rgba(139, 191, 208, .8); }
.card-art-code .code-line em { background: rgba(255, 255, 255, .4); }
.card-copy h3 { margin-bottom: 15px; }
.profile { min-height: 590px; }
.profile-visual {
  background: linear-gradient(0deg, rgba(8, 47, 72, .35), rgba(8, 47, 72, .04) 50%),
    url('assets/geophyz-sunset.jpg') 76% center / cover no-repeat;
}
.profile-visual::before { display: none; }
.profile-copy { padding-top: 90px; padding-bottom: 90px; }
.profile-role { margin: 30px 0 22px; }
.profile-body { max-width: 520px; }
.contact h2 { font-size: clamp(74px, 9vw, 150px); line-height: .98; margin: 0 0 65px; }
.contact-layout { padding-top: 0; padding-bottom: 0; }
.contact-intro p { max-width: 370px; }
.site-footer { padding-top: 32px; padding-bottom: 32px; }

@media (max-width: 960px) {
  .hero h1 { font-size: clamp(70px, 10vw, 112px); }
  .expertise-card { min-height: 290px; }
}
@media (max-width: 760px) {
  .hero { height: min(760px, 100svh); min-height: 620px; }
  .hero-content { top: 47%; width: auto; }
  .hero h1 { font-size: clamp(58px, 13vw, 92px); }
  .hero-description { font-size: 15px; }
  .hero-lower { display: flex; margin-top: 30px; }
  .section-pad { padding: 82px 24px; }
  .section-heading { margin: 0 0 40px; }
  .expertise-card { min-height: 255px; }
  .profile { min-height: 0; }
  .profile-visual { height: 250px; }
  .profile-visual { background-position: center, 68% center; }
  .profile-copy { min-height: 0; padding: 75px 24px 85px; }
  .profile-main { margin-top: 0; }
  .contact h2 { font-size: clamp(64px, 12vw, 96px); margin: 0 0 45px; }
  .contact-layout { padding-bottom: 0; }
  .site-footer { gap: 18px; }
  .site-footer > * { width: auto; }
}
@media (max-width: 410px) {
  .hero h1 { font-size: clamp(43px, 12vw, 50px); }
  .hero-lower { display: block; }
  .contact h2 { font-size: 60px; }
}