/* Selected homepage direction: Quiet Creative Studio. Scoped to the homepage. */
.home-page {
  --side: clamp(24px, 4vw, 72px);
  --container: 1560px;
  background: var(--warm-white);
}
.home-page .header-inner { height: 96px; grid-template-columns: minmax(0, 1fr) auto auto; gap: 48px; }
.home-page .brand-logo { height: 34px; }
.home-page .nav-links { color: var(--ink); font-weight: 600; gap: 34px; }
.home-page .header-cta { background: var(--ink); color: white; border-color: var(--ink); }
.home-page .eyebrow { font-size: 15px; line-height: 1.4; letter-spacing: .055em; margin-bottom: 28px; }
.home-page .home-hero {
  grid-template-columns: minmax(0, .83fr) minmax(0, 1fr);
  align-items: center;
  gap: clamp(48px, 6.7vw, 100px);
  min-height: 0;
  padding-top: 10px;
  padding-bottom: 100px;
}
.home-page .home-hero .page-hero-copy { max-width: none; padding: 0; }
.home-page .home-hero h1 {
  font-size: clamp(72px, 8.6vw, 132px);
  font-weight: 700;
  letter-spacing: -.065em;
  line-height: .91;
  max-width: none;
}
.home-page .home-hero .lede { max-width: 440px; font-size: 22px; line-height: 1.6; margin-top: 36px; }
.home-page .home-hero .button-row { margin-top: 36px; }
.home-page .button { min-height: 54px; padding-inline: 28px; font-size: 16px; }
.home-page .home-hero .page-hero-media {
  margin: 0;
  width: 100%;
  height: auto;
  aspect-ratio: 6 / 7;
  justify-self: stretch;
  align-self: center;
  overflow: hidden;
  border-radius: 24px;
  box-shadow: none;
  background: var(--warm-stone);
}
.home-page .home-still-life img,
.home-page .home-studio-image img { display: block; width: 100%; height: 100%; object-fit: cover; filter: none; }
.home-page .home-philosophy {
  display: grid;
  grid-template-columns: minmax(0, .83fr) minmax(0, 1fr);
  align-items: start;
  gap: clamp(48px, 6.7vw, 100px);
  padding-top: 0;
  padding-bottom: 100px;
}
.home-page .home-philosophy .statement-inner { width: 100%; margin: 0; }
.home-page .home-philosophy h2 { font-size: clamp(32px, 3vw, 48px); letter-spacing: -.04em; line-height: 1.12; }
.home-page .home-philosophy p:not(.eyebrow) { width: 100%; max-width: 440px; margin: 24px 0 0; font-size: 18px; line-height: 1.7; }
.home-page .home-studio-image { width: 100%; aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border-radius: 24px; }
.home-page .home-services { padding-top: 80px; padding-bottom: 110px; border-top: 1px solid var(--line); }
.home-page .home-services .page-copy h2 { max-width: none; font-size: clamp(38px, 4.3vw, 64px); line-height: 1.05; }
.home-page .home-services .services-gallery { margin-top: 56px; column-gap: 40px; row-gap: 64px; }
.home-page .service-item__media { border-radius: 24px; box-shadow: none; }
.home-page .service-item__title { font-size: 28px; letter-spacing: -.035em; }
.home-page .service-item__description { max-width: 42ch; font-size: 17px; }
.home-page .home-product { padding-block: 90px; }
.home-page .home-product .featured-product { gap: 64px; }
.home-page .home-product .product-copy { max-width: 440px; }
.home-page .home-product .product-copy h2 { font-size: clamp(42px, 4.5vw, 64px); }
.home-page .home-product .product-copy .lede { margin-top: 24px; }
.home-page .home-about { padding-block: 110px; gap: 80px; grid-template-columns: 1fr 1fr; }
.home-page .home-about .split-media { width: 100%; aspect-ratio: 4 / 3; border-radius: 24px; box-shadow: none; }
.home-page .home-about .split-copy h2 { font-size: clamp(38px, 4vw, 58px); line-height: 1.06; }
.home-page .home-closing { width: min(100% - (var(--side) * 2), var(--container)); border-top: 1px solid var(--line); padding-block: 90px; }
.home-page .home-closing h2 { font-size: clamp(40px, 4.8vw, 68px); }
.home-page .home-closing .home-closing__message { margin-top: 24px; }
@media (min-width: 761px) and (max-width: 1080px) {
  .home-page .home-hero { gap: 32px; padding-top: 28px; padding-bottom: 72px; }
  .home-page .home-hero h1 { font-size: clamp(58px, 8vw, 86px); }
  .home-page .home-hero .lede { font-size: 18px; margin-top: 26px; }
  .home-page .home-hero .eyebrow { font-size: 12px; }
  .home-page .home-philosophy { gap: 32px; padding-bottom: 72px; }
  .home-page .home-product .featured-product { grid-template-columns: 1fr 1fr; gap: 36px; }
  .home-page .home-about { gap: 40px; }
}
@media (max-width: 760px) {
  .home-page .header-inner { height: 76px; }
  .home-page .brand-logo { height: 27px; }
  .home-page .eyebrow { font-size: 12px; margin-bottom: 24px; }
  .home-page .home-hero { grid-template-columns: 1fr; gap: 36px; padding-top: 42px; padding-bottom: 64px; }
  .home-page .home-hero h1 { font-size: clamp(58px, 15vw, 96px); line-height: .96; }
  .home-page .home-hero .lede { max-width: 34ch; font-size: 18px; margin-top: 26px; line-height: 1.6; }
  .home-page .home-hero .button-row { margin-top: 28px; }
  .home-page .home-hero .page-hero-media { width: 100%; aspect-ratio: 6 / 7; border-radius: 20px; }
  .home-page .home-philosophy { grid-template-columns: 1fr; gap: 32px; padding-bottom: 64px; }
  .home-page .home-philosophy h2 { font-size: 34px; }
  .home-page .home-studio-image { border-radius: 20px; }
  .home-page .home-services { padding-block: 64px; }
  .home-page .home-services .page-copy h2 { font-size: 38px; }
  .home-page .home-services .services-gallery { margin-top: 36px; gap: 44px; }
  .home-page .service-item__title { font-size: 26px; }
  .home-page .home-product { padding-block: 64px; }
  .home-page .home-product .featured-product { grid-template-columns: 1fr; gap: 36px; }
  .home-page .home-product .product-copy { max-width: 100%; }
  .home-page .home-about { grid-template-columns: 1fr; padding-block: 64px; gap: 36px; }
  .home-page .home-about .split-copy { max-width: 100%; }
  .home-page .home-about .split-media { width: 100%; }
  .home-page .home-closing { padding-block: 64px; }
  .home-page .home-closing h2 { font-size: 40px; }
}