/* The signature is the hero: a precision-lit wordmark on an open, dark stage.
   All depth here is vector / static CSS; the existing visible-only fold is
   the sole continuously rendered background. */
.home-page .home-flow-hero {
  min-height: var(--flow-hero-height); padding: 160px clamp(24px,5.5vw,88px) 100px;
  display: flex; align-items: center;
}
.home-page .home-flow-inner { width: min(1280px,100%); max-width: none; margin: 0 auto; }
.studio-hero-heading {
  display: flex; align-items: start; justify-content: space-between; gap: 24px;
  padding: 0 1%; color: #c0c5cf;
}
.home-page .home-flow-label { margin: 0; text-align: left; font-size: 10px; line-height: 1.6; letter-spacing: .18em; }
.studio-hero-note { max-width: 240px; text-align: right; font: 400 11px/1.7 var(--studio-body); color: #969eac; }
.studio-hero-note span { color: #f8f5f0; }
.home-page .home-flow-title { position: relative; width: 100%; max-width: none; margin: 16px 0 6px; }
.home-page .lettermark { width: 100%; }
.studio-hero-baseline {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  margin: 0 1%; padding: 14px 0 0; border-top: 1px solid #ffffff24;
  font: 500 9px/1.5 var(--studio-body); letter-spacing: .13em; text-transform: uppercase; color: #8f98a9;
}
.studio-hero-baseline span:first-child { color: #f8f5f0; }
.studio-hero-baseline b { color: #ff7a36; font-weight: 500; margin-right: 10px; }
.home-page .home-flow-detail {
  display: grid; grid-template-columns: 1.05fr 1fr; align-items: start; gap: 48px;
  max-width: none; width: 98%; margin: 42px auto 0;
}
.studio-hero-thought { margin: 0; font: 600 clamp(34px,4vw,58px)/1.03 var(--studio-type); letter-spacing: -.045em; color: #f8f5f0; }
.studio-hero-thought span { color: #9aa8bc; }
.studio-hero-summary { max-width: 460px; justify-self: end; }
.home-page .studio-hero-summary p { color: #bac1cd; margin: 0; font: 400 14px/1.8 var(--studio-body); max-width: 420px; }
.home-page .home-flow-actions { display: flex; flex-direction: row; align-items: center; gap: 26px; margin-top: 24px; }
.home-page .home-flow-primary {
  min-height: 46px; padding: 13px 19px; font: 600 12px/1.4 var(--studio-body);
  border: 1px solid #ff8a4f; border-radius: 5px 17px 5px 5px; background: #ff641a; color: #101118;
  box-shadow: inset 0 1px #ffb286; transition: background .2s,border-color .2s;
}
.home-page .home-flow-primary:hover { transform: none; background: #ff7e40; }
.home-page .home-flow-secondary { font-size: 11px; font-weight: 500; color: #e3e6ed; border-bottom-color: #707988; padding: 9px 0; }
.home-page .home-flow-foot { bottom: 28px; left: clamp(24px,5.5vw,88px); color: #8f98a9; font-size: 10px; }
.home-page .home-flow-foot b { color: #b9c0cc; font-weight: 400; }
.home-page .home-flow-hero .brand-letter-flip { filter: none; }
@media (min-width:1500px) { .home-page .home-flow-hero { padding-top: 168px; padding-bottom: 132px; } }
@media (max-width:980px) {
  .home-page .home-flow-hero { padding-top: 148px; padding-bottom: 118px; }
  .home-page .home-flow-detail { grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 34px; }
  .studio-hero-thought { font-size: clamp(34px,4.8vw,46px); }
  .home-page .home-flow-actions { flex-wrap: wrap; gap: 14px 24px; }
}
@media (max-width:600px) {
  .home-page .home-flow-hero { padding: 134px 22px 100px; min-height: max(760px,100svh); align-items: start; }
  .studio-hero-heading { flex-direction: column; gap: 14px; padding: 0; }
  .home-page .home-flow-label { font-size: 9px; letter-spacing: .12em; }
  .studio-hero-note { text-align: left; font-size: 10px; max-width: 290px; }
  .home-page .home-flow-title { width: calc(100% + 16px); margin: 26px -8px 22px; }
  .studio-hero-baseline { font-size: 8px; gap: 12px; margin: 0; letter-spacing: .04em; }
  .studio-hero-baseline b { margin-right: 4px; }
  .home-page .home-flow-detail { grid-template-columns: 1fr; width: 100%; margin-top: 38px; gap: 22px; }
  .studio-hero-thought { font-size: 41px; max-width: 300px; }
  .studio-hero-summary { justify-self: start; }
  .home-page .studio-hero-summary p { font-size: 13px; line-height: 1.75; }
  .home-page .home-flow-actions { margin-top: 22px; gap: 20px; }
  .home-page .home-flow-primary { min-height: 44px; padding: 12px 15px; font-size: 11px; }
  .home-page .home-flow-secondary { font-size: 10px; }
  .home-page .home-flow-foot { left: 22px; bottom: 24px; font-size: 9px; }
}