.tech{margin:0 auto;padding:0}

.tech-kicker{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--gold);
  margin:0 0 18px;
}

.tech-hero{
  max-width:var(--container-max);
  margin:0 auto;
  padding:clamp(72px, 9vw, 128px) var(--container-x) clamp(56px, 7vw, 96px);
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(360px, 1fr);
  gap:clamp(40px, 6vw, 92px);
  align-items:center;
}
.tech-hero h1{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(48px, 6.2vw, 96px);
  letter-spacing:-.035em;
  line-height:.98;
  color:var(--ink);
  margin:0 0 28px;
  max-width:780px;
}
.tech-hero h1 em{font-style:italic;color:var(--gold);font-weight:400}
.tech-hero-sub{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(18px, 1.65vw, 23px);
  line-height:1.58;
  color:var(--text);
  max-width:620px;
  margin:0;
  letter-spacing:-.005em;
}
.tech-hero-media{
  overflow:hidden;
  aspect-ratio:4/3;
  background:var(--bg-2);
  box-shadow:0 34px 80px -62px rgba(8,42,99,.55);
}
.tech-hero-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

.tech-band{
  width:100vw;
  margin-left:calc(50% - 50vw);
  background:var(--navy);
  color:var(--bg);
  padding:clamp(72px, 9vw, 132px) 0;
}
.tech-band-inner{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--container-x);
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  gap:clamp(32px, 5vw, 80px);
  align-items:end;
}
.tech-band h2{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(30px, 4vw, 58px);
  letter-spacing:-.025em;
  line-height:1.12;
  color:var(--bg);
  margin:0;
  max-width:980px;
}
.tech-band h2 em{font-style:italic;color:var(--gold-hi);font-weight:400}
.tech-band .tech-kicker{color:var(--gold-hi)}
.tech-band-cta{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:14px;
  min-width:240px;
}
.tech-band .pill,
.tech-close-cta{
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:16px 28px;
  background:var(--gold);
  color:var(--gold-on-ink);
  font-family:'Manrope',sans-serif;
  font-size:12.5px;
  font-weight:700;
  letter-spacing:.1em;
  text-transform:uppercase;
  transition:background .25s,transform .25s;
}
.tech-band .text-link{
  display:inline-flex;
  font-family:'JetBrains Mono',monospace;
  font-size:12px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--footer-text);
  border-bottom:1px solid var(--footer-meta-2);
  padding-bottom:5px;
  transition:color .2s,border-color .2s;
}
@media (hover:hover){
  .tech-band .pill:hover,
  .tech-close-cta:hover{background:var(--gold-hi);transform:translateX(4px)}
  .tech-band .text-link:hover{color:var(--gold-hi);border-color:var(--gold-hi)}
}

.tech-quote{
  max-width:980px;
  margin:0 auto;
  padding:clamp(72px, 8vw, 120px) var(--container-x);
  display:block;
}
.tech-quote blockquote{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(26px, 3.4vw, 48px);
  letter-spacing:-.025em;
  line-height:1.22;
  color:var(--ink);
  margin:0 0 28px;
  max-width:920px;
}
.tech-quote-attr{
  font-family:'Manrope',sans-serif;
  font-size:17px;
  font-weight:700;
  color:var(--ink);
  letter-spacing:-.005em;
  margin-bottom:6px;
}
.tech-quote-role{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:600;
}

.tech-row{
  max-width:var(--container-max);
  margin:0 auto;
  padding:clamp(52px, 7vw, 104px) var(--container-x);
  display:grid;
  grid-template-columns:minmax(320px, .85fr) minmax(0, 1fr);
  gap:clamp(40px, 6vw, 96px);
  align-items:center;
}
.tech-row.reverse{grid-template-columns:minmax(0, 1fr) minmax(320px, .85fr)}
.tech-row.reverse .tech-row-media{order:2}
.tech-row-media{
  aspect-ratio:5/4;
  overflow:hidden;
  background:var(--bg-2);
}
.tech-row-media img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
}
.tech-row h2{
  font-family:'Manrope',sans-serif;
  font-weight:400;
  font-size:clamp(34px, 4.5vw, 64px);
  letter-spacing:-.028em;
  line-height:1.02;
  color:var(--ink);
  margin:0 0 28px;
}
.tech-row h2 em{font-style:italic;color:var(--gold);font-weight:400}
.tech-row p{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(17px, 1.45vw, 21px);
  line-height:1.7;
  color:var(--text);
  margin:0 0 17px;
  letter-spacing:-.005em;
  max-width:660px;
}
.tech-row p:last-of-type{margin-bottom:0}

.tech-disciplines{
  list-style:none;
  margin:34px 0 0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
  max-width:720px;
}
.tech-disciplines li{
  margin:0;
  padding:18px 0;
  border-top:1px solid var(--line);
  font-family:'Manrope',sans-serif;
  font-size:16px;
  line-height:1.5;
  color:var(--text);
}
.tech-disciplines li > span:first-child{
  display:block;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:600;
  margin-bottom:8px;
}

.tech-close-band{
  position:relative;
  width:100vw;
  margin-left:calc(50% - 50vw);
  min-height:620px;
  overflow:hidden;
  background:var(--navy);
  display:flex;
  align-items:center;
}
.tech-close-band > picture{
  position:absolute;
  inset:0;
  z-index:0;
  width:100%;
  height:100%;
  display:block;
}
.tech-close-band > picture img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  filter:contrast(1.05) saturate(.78);
  opacity:.48;
}
.tech-close-band::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(95deg,
    rgba(8,42,99,.94) 0%,
    rgba(8,42,99,.84) 48%,
    rgba(8,42,99,.48) 100%);
}
.tech-close-overlay{
  position:relative;
  z-index:1;
  max-width:var(--container-max);
  margin:0 auto;
  width:100%;
  padding:clamp(72px, 9vw, 132px) var(--container-x);
  color:var(--bg);
}
.tech-close-overlay p.lede{
  font-family:'Manrope',sans-serif;
  font-weight:400;
  font-size:clamp(28px, 4vw, 56px);
  letter-spacing:-.025em;
  line-height:1.14;
  color:var(--bg);
  margin:0 0 32px;
  max-width:980px;
}
.tech-close-overlay p{
  font-family:'Manrope',sans-serif;
  font-weight:300;
  font-size:clamp(17px, 1.45vw, 21px);
  line-height:1.7;
  color:var(--footer-text);
  margin:0 0 16px;
  max-width:760px;
  letter-spacing:-.005em;
}
.tech-close-cta{margin-top:28px}

@media (max-width:920px){
  .tech-hero,
  .tech-row,
  .tech-row.reverse,
  .tech-quote,
  .tech-band-inner{
    grid-template-columns:1fr;
  }
  .tech-row.reverse .tech-row-media{order:0}
  .tech-hero-media{aspect-ratio:16/10}
  .tech-disciplines{grid-template-columns:1fr}
  .tech-band-cta{min-width:0}
  .tech-close-band{min-height:0}
}