.page-photo-card-wrap{
  margin-block:32px;
}
@media (min-width:768px){
  .page-photo-card-wrap{ margin-block:48px; }
}
.page-photo-card{
  position:relative;
  margin:0;
  width:100%;
  aspect-ratio:468/240;
  overflow:hidden;
  color:var(--bone);
}
@media (min-width:768px){
  .page-photo-card{ aspect-ratio:3/1; max-height:560px; }
}
.page-photo-card__photo{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.page-photo-card__shade{ position:absolute; inset:0; }
.page-photo-card--l .page-photo-card__shade{
  background:linear-gradient(90deg,rgba(16,28,44,.66),rgba(16,28,44,.28) 70%,rgba(16,28,44,.1));
}
.page-photo-card--r .page-photo-card__shade{
  background:linear-gradient(270deg,rgba(16,28,44,.72),rgba(16,28,44,.3) 75%,rgba(16,28,44,.12));
}
.page-photo-card__inner{
  position:absolute;
  inset:0;
  display:grid;
  align-items:center;
  grid-template-columns:34% 1px 1fr;
  gap:0 14px;
  padding:0 max(16px,env(safe-area-inset-left,0px));
  max-width:1000px;
  margin:0 auto;
}
@media (min-width:768px){
  .page-photo-card__inner{ gap:0 32px; padding:0 40px; }
}
.page-photo-card--r .page-photo-card__inner{ grid-template-columns:1fr 1px 34%; }
.page-photo-card__logo{ width:70%; max-width:220px; justify-self:center; }
.page-photo-card__rule{ height:68%; background:rgba(252,248,241,.55); }
.page-photo-card__lines{
  margin:0;
  min-width:0;
  font:600 clamp(13px,2.6vw,34px)/1.25 var(--font-display);
  letter-spacing:.01em;
  text-transform:uppercase;
  text-wrap:balance;
}
.page-photo-card__line{ display:block; }
.page-photo-card__domain{
  display:block;
  margin-top:6px;
  font:600 clamp(8.5px,1.1vw,14px) var(--font-body);
  letter-spacing:.2em;
  opacity:.7;
}
.page-photo-card--r .page-photo-card__lines{ text-align:right; }
.page-photo-card--r .page-photo-card__logo{ grid-column:3; grid-row:1; }
.page-photo-card--r .page-photo-card__rule{ grid-column:2; grid-row:1; }
.page-photo-card--r .page-photo-card__lines{ grid-column:1; grid-row:1; }

.page-photo-hero{
  position:relative;
  color:var(--bone);
  background-color:#101c2c;
  background-image:var(--page-shade),var(--page-photo);
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  padding:88px max(40px,env(safe-area-inset-left,0px));
  --page-shade:linear-gradient(90deg,rgba(16,28,44,.55),rgba(16,28,44,.86));
}
.page-photo-hero--l{
  --page-shade:linear-gradient(90deg,rgba(16,28,44,.55),rgba(16,28,44,.86));
}
.page-photo-hero--r{
  --page-shade:linear-gradient(270deg,rgba(16,28,44,.55),rgba(16,28,44,.86));
}
.page-photo-hero .page-photo-hero__inner{
  max-width:1120px;
  margin:0 auto;
  display:grid;
  align-items:center;
  gap:0 44px;
  grid-template-columns:28% 1px 1fr;
  text-align:left;
}
.page-photo-hero--r .page-photo-hero__inner{ grid-template-columns:1fr 1px 28%; }
.page-photo-hero--r .page-photo-hero__text{ order:1; }
.page-photo-hero--r .page-photo-hero__rule{ order:2; }
.page-photo-hero--r .page-photo-hero__logo{ order:3; }
.page-photo-hero .page-photo-hero__logo{
  width:78%;
  max-width:240px;
  height:auto;
  display:block;
  margin:0 auto;
}
.page-photo-hero .page-photo-hero__rule{
  width:1px;
  align-self:stretch;
  background:rgba(252,248,241,.55);
}
.page-photo-hero .page-photo-hero__text{
  display:grid;
  gap:16px;
  min-width:0;
  text-align:left;
  justify-items:start;
}
.page-photo-hero .page-photo-hero__text .ft-eyebrow{
  margin:0;
  justify-content:flex-start;
  color:rgba(252,248,241,.75);
  font-size:12px;
  letter-spacing:.18em;
}
.page-photo-hero .page-photo-hero__text .ft-eyebrow .rule{ display:none; }
.page-photo-hero .page-photo-hero__text .page-photo-hero__lines{
  margin:0;
  max-width:none;
  font:600 clamp(30px,3.4vw,46px)/1.12 var(--font-display);
  letter-spacing:.01em;
  text-transform:uppercase;
  text-wrap:balance;
  color:var(--bone);
  opacity:1;
}
.page-photo-hero .page-photo-hero__lines .page-photo-card__line{ display:block; }
.page-photo-hero .page-photo-hero__text .page-photo-hero__lines--sentence{ text-transform:none; }
.page-photo-hero .page-photo-hero__text .page-photo-hero__title{
  margin:0;
  max-width:none;
  font:600 20px/1.35 var(--font-body);
  letter-spacing:normal;
  text-transform:none;
  color:var(--bone);
}
.page-photo-hero .page-photo-hero__text .page-photo-hero__intro{
  margin:0;
  max-width:56ch;
  font-size:17px;
  line-height:1.55;
  color:var(--bone);
  opacity:.9;
}
.page-photo-hero .page-photo-hero__text .page-photo-hero__actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  justify-content:flex-start;
  margin:6px 0 0;
}
@media (max-width:767px){
  .page-photo-hero{
    padding:48px max(16px,env(safe-area-inset-right,0px)) 48px max(16px,env(safe-area-inset-left,0px));
  }
  .page-photo-hero--l,
  .page-photo-hero--r{
    --page-shade:linear-gradient(rgba(16,28,44,.74),rgba(16,28,44,.74));
  }
  .page-photo-hero .page-photo-hero__inner,
  .page-photo-hero--r .page-photo-hero__inner{
    grid-template-columns:1fr;
    gap:20px;
    text-align:center;
  }
  .page-photo-hero--r .page-photo-hero__text,
  .page-photo-hero--r .page-photo-hero__rule,
  .page-photo-hero--r .page-photo-hero__logo{ order:0; }
  .page-photo-hero .page-photo-hero__logo{ width:110px; max-width:100%; }
  .page-photo-hero .page-photo-hero__rule{
    width:72px;
    height:1px;
    align-self:auto;
    justify-self:center;
  }
  .page-photo-hero .page-photo-hero__text{ text-align:center; justify-items:center; }
  .page-photo-hero .page-photo-hero__text .ft-eyebrow{ justify-content:center; }
  .page-photo-hero .page-photo-hero__text .page-photo-hero__lines{ font-size:28px; }
  .page-photo-hero .page-photo-hero__text .page-photo-hero__title{ font-size:17px; }
  .page-photo-hero .page-photo-hero__text .page-photo-hero__intro{ font-size:15px; }
  .page-photo-hero .page-photo-hero__text .page-photo-hero__actions{ justify-content:center; }
}