/* Original concept A. Real photograph: Kelly Sikkema, Unsplash hLit2zL-Dhk; provenance in README.md. */
#xylea-site .xy-page.xy-home-photo { --home-gutter: 44px; padding: 0; max-width: none; }
#xylea-site .xy-home-photo > .xy-header,
#xylea-site .xy-home-photo .xy-products,
#xylea-site .xy-home-photo .xy-studio,
#xylea-site .xy-home-photo > .xy-footer { width: calc(100% - var(--home-gutter) * 2); max-width: 1092px; margin-inline: auto; }
#xylea-site .xy-home-photo .xy-header { border-bottom: 0; }
#xylea-site .xy-home-photo .xy-hero {
  --xy-muted: #e3e7df;
  --xy-ink: #fffaf1;
  --xy-accent: #f0bd82;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 25px;
  min-height: 530px;
  padding: 56px max(var(--home-gutter), calc((100% - 1092px) / 2)) 60px;
  color: var(--xy-ink);
  background-color: #182c24;
  background-image: linear-gradient(90deg, rgb(15 39 29 / 94%) 0%, rgb(15 39 29 / 86%) 27%, rgb(15 39 29 / 51%) 49%, rgb(15 39 29 / 10%) 76%, rgb(15 39 29 / 8%) 100%), url(home-creative-process.jpg);
  background-size: cover;
  background-position: center 59%;
}
#xylea-site .xy-home-photo .xy-kicker { font-size: 11px; letter-spacing: 2px; }
#xylea-site .xy-home-photo #xy-title { font-size: clamp(44px, 5.3vw, 68px); line-height: 1.12; text-wrap: initial; max-width: 640px; margin-top: 23px; }
#xylea-site .xy-home-photo #xy-title .hand-accent { padding-left: 5px; }
#xylea-site .xy-home-photo .xy-intro { max-width: 480px; }
#xylea-site .xy-home-photo .xy-intro p { font-size: 18px; line-height: 1.7; }
#xylea-site .xy-home-photo .xy-intro a { display: inline-flex; align-items: center; gap: 29px; padding: 13px 0 7px; border-bottom: 1px solid rgb(255 250 241 / 60%); margin-top: 17px; font-size: 15px; color: var(--xy-ink); }
#xylea-site .xy-home-photo .xy-hero :focus-visible { outline-color: #fffaf1; }
#xylea-site .xy-home-photo .xy-products { padding-top: 27px; }
#xylea-site .xy-home-photo .xy-section-label { border-top: 0; padding-top: 0; padding-bottom: 19px; }
@media (max-width: 760px) {
  #xylea-site .xy-page.xy-home-photo { --home-gutter: 27px; }
  #xylea-site .xy-home-photo .xy-hero { min-height: 500px; background-position: 60% 55%; }
  #xylea-site .xy-home-photo .xy-intro { max-width: 420px; }
}
@media (max-width: 590px) {
  #xylea-site .xy-page.xy-home-photo { --home-gutter: 20px; }
  #xylea-site .xy-home-photo .xy-hero { min-height: 700px; padding-block: 40px 270px; justify-content: flex-start; gap: 20px; background-image: linear-gradient(180deg, rgb(15 39 29 / 96%) 0%, rgb(15 39 29 / 89%) 41%, rgb(15 39 29 / 38%) 65%, rgb(15 39 29 / 6%) 100%), url(home-creative-process.jpg); background-position: 64% bottom; background-size: auto, auto 100%; }
  #xylea-site .xy-home-photo #xy-title { font-size: clamp(38px, 10.8vw, 54px); margin-top: 18px; }
  #xylea-site .xy-home-photo .xy-intro p { font-size: 17px; }
  #xylea-site .xy-home-photo .xy-intro a { margin-top: 14px; }
}