/* Section 10 carries no accent. The photograph is the colour. */
.elementor.elementor-8 .ng-fnd{
  display:flex;flex-direction:column;
  --fnd-pad-block:120px; --fnd-gutter:48px;
  background:var(--deep);padding-block:var(--fnd-pad-block);padding-inline:0;
}
.elementor.elementor-8 .ng-fnd-wrap{
  max-width:1200px;margin-inline:auto;padding-inline:var(--fnd-gutter);
  display:grid;grid-template-columns:1fr 420px;column-gap:64px;align-items:center;
  width:100%;box-sizing:border-box;
}
/* Photo is first in the DOM; place it in column 2 (right). Copy is second; place it in column 1 (left). */
.elementor.elementor-8 .ng-fnd-wrap > *:nth-child(1){grid-column:2;grid-row:1;}
.elementor.elementor-8 .ng-fnd-wrap > *:nth-child(2){grid-column:1;grid-row:1;}
.elementor.elementor-8 .ng-fnd-photo{
  display:block;width:100%;height:auto;
  -webkit-mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.55) 84%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 62%,rgba(0,0,0,.55) 84%,transparent 100%);
}
.elementor.elementor-8 .ng-fnd-copy{display:flex;flex-direction:column;align-items:flex-start;}
.elementor.elementor-8 .ng-fnd-eyebrow{
  display:inline-block;align-self:flex-start;margin:0 0 22px;
  font-family:var(--font-mono);font-size:15px;font-weight:600;
  letter-spacing:.13em;text-transform:uppercase;color:var(--secondary);
  background:transparent;border:1px solid var(--border);border-radius:8px;padding:9px 16px;
}
.elementor.elementor-8 .ng-fnd-name{
  font-family:var(--font-heading);font-weight:700;
  font-size:clamp(30px,3.2vw,42px);line-height:1.12;letter-spacing:-.015em;
  color:var(--text);margin:0 0 10px;
}
.elementor.elementor-8 .ng-fnd-role{
  margin:0 0 28px;font-family:var(--font-mono);font-size:15px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:var(--secondary);
}
.elementor.elementor-8 .ng-fnd-body{margin:0 0 18px;max-width:62ch;font-size:18px;line-height:1.65;color:var(--text);}
.elementor.elementor-8 .ng-fnd-body:last-of-type{margin-bottom:30px;}
.elementor.elementor-8 .ng-fnd-body .sec{color:var(--secondary);}
.elementor.elementor-8 .ng-fnd-punch{
  margin:0;padding-left:24px;border-left:3px solid var(--secondary);
  font-family:var(--font-heading);font-weight:700;font-size:23px;line-height:1.35;
  letter-spacing:-.01em;color:var(--text);
}
.elementor.elementor-8 .ng-fnd-punch span{display:block;}

@media (max-width:1100px){
  .elementor.elementor-8 .ng-fnd-wrap{grid-template-columns:1fr 340px;column-gap:44px;}
}
@media (max-width:1023px){
  .elementor.elementor-8 .ng-fnd{--fnd-pad-block:96px;--fnd-gutter:32px;}
}
@media (max-width:860px){
  .elementor.elementor-8 .ng-fnd-wrap{grid-template-columns:1fr;row-gap:24px;justify-items:start;}
  .elementor.elementor-8 .ng-fnd-wrap > *:nth-child(1){grid-column:1;grid-row:1;}
  .elementor.elementor-8 .ng-fnd-wrap > *:nth-child(2){grid-column:1;grid-row:2;}
  .elementor.elementor-8 .ng-fnd-photo{max-width:320px;}
}
@media (max-width:640px){
  .elementor.elementor-8 .ng-fnd{--fnd-pad-block:80px;--fnd-gutter:20px;}
  .elementor.elementor-8 .ng-fnd-eyebrow,.elementor.elementor-8 .ng-fnd-role{font-size:14px;}
  .elementor.elementor-8 .ng-fnd-body{font-size:17px;}
  .elementor.elementor-8 .ng-fnd-punch{font-size:20px;}
}
