:root {
  --ink: #eeedeb;
  --muted: #babdc1;
  --taupe: #72777e;
  --paper: #131416;
  --tint: #222529;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 120px;
}
body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font:
    18px/1.5 Georgia,
    "Times New Roman",
    serif;
}
a {
  color: inherit;
  text-underline-offset: 5px;
}
button {
  font: inherit;
  cursor: pointer;
}
a:focus-visible,
button:focus-visible {
  outline: 2px solid #d3d6da;
  outline-offset: 6px;
}
header {
  position: sticky;
  top: 0;
  z-index: 9;
  background: rgba(19, 20, 22, 0.97);
  border-bottom: 1px solid #40444a;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 5vw;
  gap: 25px;
}
.brand img {
  display: block;
  width: 300px;
  max-width: 100%;
}
.header-right {
  display: flex;
  align-items: center;
  gap: 30px;
}
nav {
  display: flex;
  gap: 23px;
}
nav a,
.languages,
.eyebrow,
.text-link,
footer,
.caption {
  font-family: Arial, sans-serif;
}
nav a {
  font-size: 14px;
  text-decoration: none;
  white-space: nowrap;
}
nav a:hover {
  color: #d3d6da;
}
.languages {
  display: flex;
  align-items: center;
  font-size: 13px;
  gap: 8px;
}
.languages button,
.languages a {
  text-decoration: none;
  border: 0;
  background: none;
  color: #a6abb2;
  padding: 5px 0;
  font: inherit;
}
.languages button[aria-pressed="true"],
.languages a[aria-current="page"] {
  color: #eeedeb;
  font-weight: bold;
  border-bottom: 1px solid #d0d3d7;
}
#menu {
  display: none;
  background: none;
  border: 0;
  font-size: 25px;
}
.wrap {
  width: min(1240px, 90vw);
  margin: auto;
}
.hero {
  display: grid;
  grid-template-columns: 1.15fr 0.85fr;
  min-height: 660px;
  margin-top: 42px;
  margin-bottom: 64px;
  gap: 75px;
}
.hero-copy {
  padding: 42px 0 32px;
  align-self: center;
}
.eyebrow {
  font-size: 13px;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #b7bdc5;
  margin: 0 0 25px;
}
h1,
h2,
h3,
p {
  margin-top: 0;
}
h1 {
  font-size: clamp(42px, 4.2vw, 64px);
  font-weight: 400;
  line-height: 1.09;
  letter-spacing: -0.035em;
  margin-bottom: 29px;
}
h2 {
  font-size: clamp(33px, 3vw, 47px);
  font-weight: 400;
  line-height: 1.13;
  letter-spacing: -0.025em;
  margin-bottom: 24px;
}
h3 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 15px;
}
p {
  margin-bottom: 20px;
}
.intro {
  font-size: 23px;
  line-height: 1.4;
  max-width: 550px;
}
.hero-image {
  width: 100%;
  height: 660px;
  object-fit: cover;
  object-position: 50% 38%;
}
.text-link {
  display: inline-block;
  font-size: 14px;
  letter-spacing: 0.02em;
  text-decoration: none;
  border-bottom: 1px solid var(--taupe);
  padding: 8px 0;
  margin-top: 8px;
}
.firm {
  display: grid;
  grid-template-columns: 0.8fr 1.2fr;
  gap: 95px;
  border-top: 1px solid var(--taupe);
  padding: 58px 0 65px;
}
.firm p {
  max-width: 680px;
}
.section {
  padding: 68px 0;
  border-top: 1px solid var(--taupe);
}
.section-intro {
  max-width: 820px;
  margin-bottom: 38px;
}
.services {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 30px 65px;
}
.service {
  border-top: 1px solid var(--taupe);
  padding: 25px 0 0;
}
.service p {
  max-width: 535px;
}
.sector-band {
  background: var(--tint);
  padding: 28px 34px;
  margin-top: 28px;
}
.sector-band p {
  margin: 0;
}
.experience {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 65px;
  align-items: start;
}
.pipeline {
  width: 100%;
  height: 340px;
  object-fit: cover;
}
.caption {
  font-size: 12px;
  color: #b0b5bc;
  margin-top: 9px;
}
.matters {
  margin-top: 38px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 65px;
}
.matter {
  border-top: 1px solid var(--taupe);
  padding-top: 24px;
}
.matter .eyebrow {
  margin-bottom: 12px;
}
.matter-wide {
  grid-column: 1 / -1;
}
.matter-wide > p:last-child {
  max-width: 850px;
}
.profiles {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 65px;
}
.profile {
  border-top: 1px solid var(--taupe);
  padding-top: 27px;
}
#leadership > h2 {
  display: none;
}
.profile-heading {
  display: flex;
  gap: 24px;
  align-items: center;
  margin-bottom: 25px;
}
.initials {
  width: 95px;
  height: 115px;
  flex-shrink: 0;
  background: #282c31;
  display: grid;
  place-items: center;
  color: #bcc2c9;
  font-size: 30px;
}
.profile-heading h3 {
  margin: 0 0 8px;
  font-size: 28px;
}
.news-heading {
  max-width: 760px;
}
.news-section {
  padding-bottom: 78px;
}
.news-list:not(:empty) {
  margin-top: 42px;
  border-top: 1px solid var(--taupe);
}
.news-item {
  display: grid;
  grid-template-columns: 180px 1fr;
  gap: 44px;
  padding: 28px 0;
  border-bottom: 1px solid var(--taupe);
}
.news-date,
.news-source {
  font-family: Arial, sans-serif;
  color: #b7bdc5;
  font-size: 13px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.news-item h3 {
  margin-bottom: 8px;
}
.news-context {
  margin: 0;
  max-width: 760px;
  color: #c7cbd0;
  font-size: 16px;
  line-height: 1.55;
}
.news-item a {
  text-decoration: none;
}
.news-item a:hover {
  text-decoration: underline;
}
.role {
  font:
    14px/1.5 Arial,
    sans-serif;
  color: #b7bdc5;
  margin: 0;
}
.pending {
  color: #b0b5bc;
  font-style: italic;
}
.contact {
  background: #0b0c0e;
  color: #eeedeb;
  padding: 60px 0;
}
.contact .wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 65px;
}
.contact .eyebrow {
  color: #b7bdc5;
}
.contact a {
  text-decoration: none;
}
.contact a:hover {
  text-decoration: underline;
}
.contact address {
  font-style: normal;
  font-size: 20px;
  line-height: 1.65;
}
.contact .details {
  align-self: center;
}
.contact .details a {
  display: block;
  margin: 10px 0;
  overflow-wrap: anywhere;
}
footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 30px 5vw;
  gap: 20px;
  font-size: 12px;
  color: #b0b5bc;
}
footer img {
  width: 220px;
}
footer p {
  margin: 0;
}
.skip {
  position: absolute;
  left: 10px;
  top: -70px;
  z-index: 20;
  background: #131416;
  padding: 10px;
}
.skip:focus {
  top: 10px;
}
@media (max-width: 1100px) {
  header {
    padding: 17px 4vw;
  }
  .brand img {
    width: 250px;
  }
  .header-right {
    gap: 20px;
  }
  nav {
    gap: 15px;
  }
  .hero {
    gap: 40px;
  }
  .firm {
    gap: 50px;
  }
  .profiles,
  .services,
  .experience,
  .matters {
    gap: 35px;
  }
}
@media (max-width: 850px) {
  #menu {
    display: block;
  }
  header {
    flex-wrap: wrap;
  }
  .brand img {
    width: 230px;
  }
  nav {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #131416;
    border-bottom: 1px solid #40444a;
    padding: 24px 5vw;
    flex-direction: column;
    gap: 19px;
  }
  nav.open {
    display: flex;
  }
  nav a {
    font-size: 17px;
  }
  .hero {
    min-height: 0;
    grid-template-columns: 1fr 0.7fr;
    gap: 25px;
  }
  .hero-image {
    height: 560px;
  }
  .hero-copy {
    padding-top: 20px;
  }
  .intro {
    font-size: 20px;
  }
  .firm {
    gap: 35px;
    grid-template-columns: 1fr 1.3fr;
  }
  h1 {
    font-size: 42px;
  }
}
@media (max-width: 600px) {
  body {
    font-size: 17px;
    line-height: 1.5;
  }
  header {
    padding: 16px 5vw;
    gap: 10px;
  }
  .brand img {
    width: 205px;
  }
  .header-right {
    gap: 18px;
  }
  .languages {
    gap: 6px;
  }
  .hero {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 20px;
    margin-bottom: 38px;
  }
  .hero-copy {
    padding: 24px 0 0;
  }
  h1 {
    font-size: 43px;
  }
  .hero-image {
    height: 280px;
    object-position: 50% 43%;
  }
  .eyebrow {
    margin-bottom: 17px;
  }
  .firm,
  .services,
  .experience,
  .matters,
  .profiles,
  .news-item,
  .contact .wrap {
    grid-template-columns: 1fr;
    gap: 25px;
  }
  .firm {
    padding: 35px 0;
  }
  .firm h2 {
    margin-bottom: 0;
  }
  .section {
    padding: 42px 0;
  }
  .service {
    padding-top: 20px;
  }
  .sector-band {
    padding: 24px;
  }
  .pipeline {
    height: 250px;
  }
  .matters {
    margin-top: 28px;
  }
  .matter-wide {
    grid-column: auto;
  }
  .contact {
    padding: 40px 0;
  }
  .contact .wrap {
    gap: 5px;
  }
  footer {
    flex-direction: column;
    align-items: flex-start;
    padding: 27px 5vw;
  }
  .profile-heading {
    margin-bottom: 20px;
  }
  .initials {
    width: 80px;
    height: 100px;
  }
  h3 {
    font-size: 23px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

.portrait {
  width: 95px;
  height: 115px;
  object-fit: cover;
  object-position: 50% 20%;
  flex-shrink: 0;
}
@media (max-width: 600px) {
  .portrait {
    width: 80px;
    height: 100px;
  }
}

/* Matte silver brand treatment on charcoal. */
.brand img,
footer img {
  filter: invert(1);
  mix-blend-mode: screen;
}
.pipeline {
  filter: grayscale(1);
}
.hero-image {
  opacity: 0.88;
}
.text-link {
  color: #e0e2e5;
}
.text-link:hover {
  border-color: #e0e2e5;
}
.sector-band {
  border-left: 2px solid #979ea7;
}
.service p,
.firm p,
.profile > p,
.matter p,
.experience p {
  color: #d0d2d5;
}
button {
  color: inherit;
}
.skip {
  color: #eeedeb;
}

/* Brand mark increased by 20%, with the same proportional responsive scale. */
.brand img {
  width: 360px;
}
footer img {
  width: 264px;
}
@media (max-width: 1100px) {
  .brand img {
    width: 300px;
  }
}
@media (max-width: 850px) {
  .brand img {
    width: 276px;
  }
}
@media (max-width: 600px) {
  .brand img {
    width: 246px;
    max-width: 65vw;
  }
}

/* Render every opaque part of the mixed-color source mark in white. */
.brand img,
footer img {
  filter: brightness(0) invert(1);
  mix-blend-mode: normal;
}

/* Firm-first homepage hierarchy. */
.hero {
  grid-template-columns: 1.2fr 0.8fr;
  min-height: 720px;
  margin-top: 28px;
  gap: 64px;
}
.hero-copy {
  padding: 26px 0 28px;
}
.hero-copy h1.hero-statement {
  font-size: clamp(40px, 4.1vw, 56px);
  line-height: 1.08;
  max-width: 630px;
  margin-bottom: 30px;
  color: #e2e1df;
}
.hero-practice {
  border-top: 1px solid var(--taupe);
  border-bottom: 1px solid var(--taupe);
  padding: 17px 0 18px;
  margin: 0 0 20px;
  max-width: 625px;
}
.hero-practice .practice-label,
.hero-sectors {
  font:
    11px/1.4 Arial,
    sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #b7bdc5;
}
.hero-practice .practice-label {
  margin: 0 0 7px;
}
.hero-practice h2 {
  font-size: 38px;
  line-height: 1.08;
  margin: 0 0 8px;
}
.hero-practice > p:last-child {
  font-size: 17px;
  line-height: 1.4;
  color: #d0d2d5;
  margin: 0;
  max-width: 560px;
}
.hero-intro {
  font-size: 19px;
  line-height: 1.42;
  max-width: 610px;
  margin-bottom: 12px;
}
.hero-sectors {
  margin: 0 0 7px;
}
.hero-image {
  height: 720px;
}
@media (max-width: 1100px) {
  .hero {
    gap: 40px;
  }
  .hero-copy h1.hero-statement {
    font-size: 46px;
  }
  .hero-practice h2 {
    font-size: 34px;
  }
}
@media (max-width: 850px) {
  .hero {
    grid-template-columns: 1fr 0.62fr;
    min-height: 0;
    gap: 28px;
  }
  .hero-copy h1.hero-statement {
    font-size: 40px;
  }
  .hero-practice h2 {
    font-size: 32px;
  }
  .hero-image {
    height: 650px;
  }
}
@media (max-width: 600px) {
  .hero {
    display: flex;
    flex-direction: column;
    margin-top: 10px;
    gap: 24px;
  }
  .hero-copy {
    padding: 22px 0 0;
  }
  .hero-copy h1.hero-statement {
    font-size: 36px;
    margin-bottom: 23px;
  }
  .hero-practice {
    padding: 15px 0 16px;
    margin-bottom: 18px;
  }
  .hero-practice h2 {
    font-size: 31px;
  }
  .hero-intro {
    font-size: 18px;
  }
  .hero-image {
    height: 280px;
  }
}

.practice-depth {display:grid;grid-template-columns:1fr 1fr;gap:48px;}
.distinction,.counsel-block {display:grid;grid-template-columns:0.8fr 1.2fr;gap:64px;margin-top:40px;}
.distinction h2 {font-size:clamp(28px,3vw,42px);}
.counsel-block {border-top:1px solid var(--taupe);padding-top:32px;margin-bottom:40px;}
.counsel-block h3 {font-size:30px;}
.profile {display:flex;flex-direction:column;}
.profile > .text-link {align-self:flex-start;margin-top:auto;}
@media(max-width:760px){.practice-depth,.distinction,.counsel-block {grid-template-columns:1fr;gap:18px;}}

/* Requested aircraft image: same dimensions as the existing pipeline image. */
.aero-figure { margin:24px 0 0; }
.pipeline, .aero-image { display:block; width:100%; height:340px; object-fit:cover; filter:grayscale(1); }
@media(max-width:600px) { .pipeline, .aero-image { height:250px; } }
/* Equal biography areas with the original type size and line spacing. */
.bio-copy { display:flex; flex:1; flex-direction:column; justify-content:space-between; }
.bio-copy > p { color:#d0d2d5; }

.profile-downloads { font:14px/1.5 Arial,sans-serif; color:#b7bdc5; }
.profile-downloads > div { display:flex; flex-wrap:wrap; gap:24px; margin-top:6px; }
.profile-downloads .text-link { margin-top:0; }

.pr-emphasis { font-weight:700; font-size:calc(1em + 1pt); }

/* Approved opening overview and 15% larger header logo. */
.brand img { width:414px; }
.firm-overview { padding:48px 0 42px; border-bottom:1px solid var(--taupe); margin-bottom:36px; }
.firm-overview h1 { font-size:clamp(40px,4.1vw,56px); font-weight:400; line-height:1.08; color:#e2e1df; margin:0 0 30px; }
.overview-columns { display:grid; grid-template-columns:1fr 1fr; gap:64px; }
.overview-columns p { margin:0; font-size:20px; line-height:1.5; color:#d0d2d5; }
@media(max-width:1100px){.brand img{width:345px}.overview-columns{gap:40px}.firm-overview h1{font-size:46px}}
@media(max-width:850px){.brand img{width:317.4px}.firm-overview h1{font-size:40px}.overview-columns{grid-template-columns:1fr;gap:24px}}
@media(max-width:600px){.brand img{width:282.9px;max-width:74.75vw}.firm-overview{padding:28px 0 30px;margin-bottom:24px}.firm-overview h1{font-size:36px}.overview-columns p{font-size:18px}}

/* Approved editorial cleanup: balanced opening columns and shorter firm statement. */
.firm-overview { padding-bottom:36px; }
.overview-columns { display:block; column-count:2; column-gap:64px; column-fill:balance; }
.overview-columns p { margin:0; }
#firm .practice-depth { display:block; max-width:1000px; }
@media(max-width:1100px){.overview-columns{column-gap:40px;}}
@media(max-width:850px){.overview-columns{column-count:1;}}
@media(max-width:600px){.firm-overview{padding-bottom:30px;}}

/* Approved building placement: overview and hero alongside one photograph. */
.opening-layout {
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);
  grid-template-areas:"overview image" "hero image";
  column-gap:64px;
  row-gap:30px;
  margin:48px 0 64px;
}
.opening-layout > .firm-overview {
  grid-area:overview;
  padding:0 0 36px;
  margin:0;
}
.opening-layout .overview-columns {column-count:1;}
.opening-layout > .hero {grid-area:hero;display:block;min-height:0;margin:0;}
.opening-layout .hero-copy {padding:0;}
.opening-layout > .opening-image {
  grid-area:image;
  width:100%;
  height:100%;
  min-height:720px;
  object-fit:cover;
  object-position:50% 38%;
  align-self:stretch;
}
@media(max-width:1100px){.opening-layout{column-gap:40px;}}
@media(max-width:850px){
  .opening-layout{display:flex;flex-direction:column;gap:0;margin:28px 0 38px;}
  .opening-layout > .firm-overview{border-bottom:0;padding:0;margin:0 0 24px;}
  .opening-layout > .firm-overview{order:0;}
  .opening-layout > .opening-image{order:1;height:320px;min-height:0;object-position:50% 0%;margin:0 0 30px;}
  .opening-layout > .hero{order:2;}
}
@media(max-width:600px){.opening-layout > .opening-image{height:260px;}}

/* User-supplied silver logo: preserve original colors and proportions. */
.brand img {filter:none;mix-blend-mode:lighten;height:auto;}

/* Blend the supplied black-backed silver artwork into the charcoal header. */
header {isolation:isolate;}

/* Independent bilingual pages, based on the approved desktop mockups. */
body {min-height:100vh;display:flex;flex-direction:column;}
#main {flex:1;}
header .header-right {flex-shrink:0;}
header .brand {min-width:0;}
header nav a[aria-current="page"] {color:#eeedeb;border-bottom:1px solid #d0d3d7;padding-bottom:8px;}
.interior {padding-top:52px;}
.page-title {font-size:56px;line-height:1.09;max-width:1080px;margin-bottom:30px;color:#e2e1df;}
.hero-copy h2.hero-statement {font-size:56px;line-height:1.08;max-width:660px;margin-bottom:30px;color:#e2e1df;}
.opening-layout {margin-bottom:36px;}
.opening-layout > .opening-image {min-height:0;max-height:none;}
.page-onward {display:flex;position:static;gap:70px;flex-wrap:wrap;border-top:1px solid var(--taupe);margin-top:48px;padding:18px 0 32px;background:none;}
.page-onward .text-link {font-size:18px;white-space:normal;}
footer {width:min(1240px,90vw);margin:0 auto;padding:26px 0;border-top:1px solid var(--taupe);}
.firm-columns {display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--taupe);padding-top:36px;margin-top:44px;}
.firm-columns p {font-size:21px;line-height:1.55;color:#d0d2d5;}
#approach .section-intro {max-width:1000px;}
#approach .intro {max-width:900px;}
.counsel-block h2 {font-size:30px;}
.service h2 {font-size:24px;font-weight:700;line-height:1.2;letter-spacing:normal;margin-bottom:15px;}
.sector-intro {font-size:20px;line-height:1.5;margin-bottom:38px;}
.interior .experience {grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;border-top:1px solid var(--taupe);padding-top:35px;}
.interior .experience p,.interior .aero-matter p:not(.eyebrow) {font-size:20px;line-height:1.5;}
.interior figure {margin:0;}
.interior .pipeline,.interior .aero-image {height:300px;}
.matters-title {font-size:34px;margin:44px 0 0;}
.interior .matters {gap:44px 64px;margin-top:26px;}
.interior .aero-matter {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:64px;}
.interior .aero-matter h3 {font-size:38px;font-weight:400;}
.interior .aero-figure {margin:0;}
.interior .matter:not(.aero-matter) h3 {font-size:32px;font-weight:400;}
.interior .matter:not(.aero-matter) p:not(.eyebrow) {font-size:19px;line-height:1.5;}
.profile-heading h2 {font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px;letter-spacing:normal;}
.news-item h2 {font-size:24px;font-weight:700;line-height:1.2;letter-spacing:normal;margin-bottom:8px;}
.contact-grid {display:grid;grid-template-columns:1fr 1fr;gap:64px;border-top:1px solid var(--taupe);padding-top:36px;}
.contact-page address {font-size:22px;line-height:1.7;font-style:normal;}
.contact-page .details > a {display:block;color:#eeedeb;text-decoration:none;margin:8px 0 20px;overflow-wrap:anywhere;}
.contact-page .profile-downloads {margin-top:30px;}
@media(max-width:1100px){
 .page-title,.hero-copy h2.hero-statement{font-size:46px;}
 .firm-columns,.interior .experience,.interior .aero-matter,.interior .matters{gap:40px;}
}
@media(max-width:850px){
 .page-title,.hero-copy h2.hero-statement{font-size:40px;}
 .interior{padding-top:32px;}
 .firm-columns,.interior .experience,.interior .aero-matter,.interior .matters,.contact-grid{grid-template-columns:1fr;gap:28px;}
 .firm-columns{margin-top:28px;padding-top:28px;}
 .firm-columns p{font-size:20px;}
 .page-onward{display:flex;position:static;flex-direction:row;gap:30px;margin-top:34px;}
}
@media(max-width:600px){
 .page-title,.hero-copy h2.hero-statement{font-size:36px;}
 .hero-copy h2.hero-statement{margin-bottom:23px;}
 .firm-columns p,.sector-intro,.interior .experience p,.interior .aero-matter p:not(.eyebrow),.interior .matter:not(.aero-matter) p:not(.eyebrow){font-size:18px;}
 .interior .pipeline,.interior .aero-image{height:250px;}
 .interior .aero-matter h3{font-size:32px;}
 .interior .matter:not(.aero-matter) h3{font-size:28px;}
 .contact-page address{font-size:20px;}
 footer{flex-direction:column;align-items:flex-start;gap:16px;}
}
/* Let the opening text determine the photograph's desktop height. */
.opening-visual {grid-area:image;position:relative;min-height:720px;margin:0;overflow:hidden;}
.opening-visual .opening-image {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 38%;}
@media(max-width:850px){
 .opening-layout > .opening-visual {order:1;flex:none;height:320px;min-height:0;margin:0 0 30px;}
 .opening-visual .opening-image {object-position:50% 0%;}
}
@media(max-width:600px){.opening-layout > .opening-visual{height:260px;}}
/* Keep the full-width Aeroméxico row and paired matters stable at every width. */
.interior .matters {display:flex;flex-wrap:wrap;gap:44px 64px;}
.interior .matters > .matter {width:calc((100% - 64px)/2);min-width:0;}
.interior .matters > .aero-matter {width:100%;display:flex;gap:64px;}
.interior .aero-matter > div {width:calc((100% - 64px)*.6);}
.interior .aero-matter > figure {width:calc((100% - 64px)*.4);}
header .brand {flex:0 1 414px;}
header .header-right {margin-left:auto;}
header #nav {flex-shrink:0;}
@media(max-width:1100px){
 .interior .matters {gap:36px 40px;}
 .interior .matters > .matter {width:calc((100% - 40px)/2);}
 .interior .matters > .aero-matter {width:100%;gap:40px;}
 .interior .aero-matter > div {width:calc((100% - 40px)*.6);}
 .interior .aero-matter > figure {width:calc((100% - 40px)*.4);}
}
@media(max-width:1000px){
 header{flex-wrap:nowrap;}
 header #menu{display:block;}
 header #nav{display:none;position:absolute;left:0;right:0;top:100%;background:#131416;border-bottom:1px solid #40444a;padding:24px 5vw;flex-direction:column;gap:19px;}
 header #nav.open{display:flex;}
 header #nav a{font-size:17px;}
 header .brand{flex:0 1 auto;}
}
@media(max-width:850px){
 .interior .matters{display:block;}
 .interior .matters > .matter{width:100%;margin-bottom:32px;}
 .interior .matters > .aero-matter{display:block;}
 .interior .aero-matter > div,.interior .aero-matter > figure{width:100%;}
 .interior .aero-matter > figure{margin-top:24px;}
}
@media(max-width:600px){
 header .brand img{width:calc(100vw - 148px);max-width:282.9px;}
 header .header-right{gap:14px;}
}