/* A bespoke editorial opening scene with one deliberately small piece of real photography. */
.homepage-hero{
  isolation:isolate;
  overflow:hidden;
  background:
    linear-gradient(90deg,rgba(17,34,25,.24) 0%,rgba(17,34,25,.07) 48%,rgba(26,27,19,.04) 100%),
    url('linden-hero-art-v1.jpg') center/cover no-repeat!important;
}
.homepage-hero::before{
  content:'';
  position:absolute;
  inset:0;
  z-index:-1;
  background:linear-gradient(180deg,rgba(11,20,15,.24),transparent 30%,rgba(11,18,13,.18));
  pointer-events:none;
}
.homepage-hero .hero-inner{
  z-index:2;
  width:min(760px,58vw);
}
.homepage-hero .hero-inner h1{
  font-size:clamp(38px,4.5vw,70px);
}
.hero-photo-card{
  position:absolute;
  right:clamp(32px,7vw,110px);
  bottom:112px;
  z-index:2;
  width:clamp(310px,27vw,430px);
  margin:0;
  padding:9px;
  border:1px solid rgba(255,255,255,.84);
  border-radius:19px;
  background:rgba(255,250,240,.97);
  color:#304233;
  box-shadow:0 30px 70px rgba(7,18,11,.38),0 1px 0 rgba(255,255,255,.76) inset;
  transform:rotate(1deg);
}
.hero-photo-card::before{
  content:'';
  position:absolute;
  inset:12px -13px -13px 14px;
  z-index:-1;
  border:1px solid rgba(224,235,215,.48);
  border-radius:19px;
  background:rgba(91,118,84,.78);
  box-shadow:0 18px 42px rgba(7,18,11,.22);
  transform:rotate(-3.2deg);
}
.hero-photo-card img{
  display:block;
  width:100%;
  aspect-ratio:4/3;
  border-radius:12px;
  object-fit:cover;
  object-position:center;
  filter:saturate(.94) contrast(.98);
}
.hero-photo-card figcaption{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:14px;
  padding:13px 8px 7px;
}
.hero-photo-card figcaption span{
  display:block;
  color:#6f7d66;
  font:700 8px/1.25 'DM Mono',monospace;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.hero-photo-card figcaption strong{
  max-width:145px;
  color:#304233;
  font:600 14px/1.18 'Playfair Display',serif;
  text-align:right;
}

@media(max-width:1060px){
  .homepage-hero .hero-inner{width:min(690px,66vw)}
  .hero-photo-card{right:28px;width:clamp(245px,29vw,320px)}
}

@media(max-width:750px){
  .homepage-hero{
    background:
      linear-gradient(180deg,rgba(12,28,19,.2) 0%,rgba(12,28,19,.05) 40%,rgba(11,20,15,.84) 76%,rgba(11,20,15,.96) 100%),
      url('linden-hero-art-v1.jpg') 67% center/cover no-repeat!important;
  }
  .homepage-hero .hero-inner{width:100%;z-index:2}
  .homepage-hero .hero-inner h1{font-size:clamp(31px,8.8vw,45px)}
  .hero-photo-card{
    top:105px;
    right:20px;
    bottom:auto;
    width:210px;
    padding:6px;
    border-radius:14px;
    transform:rotate(1.5deg);
  }
  .hero-photo-card::before{inset:8px -8px -9px 9px;border-radius:14px}
  .hero-photo-card img{border-radius:9px}
  .hero-photo-card figcaption{display:block;padding:8px 4px 4px}
  .hero-photo-card figcaption span{margin-bottom:3px;font-size:6px}
  .hero-photo-card figcaption strong{display:block;max-width:none;font-size:10px;text-align:left}
}

@media(max-width:390px){
  .hero-photo-card{width:180px;top:96px;right:16px}
}