/* Functional, responsive recreation of the approved homepage hero reference. */
.home-page .site-header{background:rgba(8,7,6,.95);border-color:rgba(214,170,81,.3)}
.home-page .site-header nav{gap:clamp(15px,1.8vw,29px)}
.home-page .site-header nav a{font-family:"Libre Caslon Display",serif;font-weight:400;font-size:.98rem}
.home-page .hero{min-height:calc(100vh - 86px);grid-template-columns:minmax(0,690px) 1fr;gap:0;padding:clamp(54px,6vw,86px) clamp(28px,5vw,78px);background:linear-gradient(90deg,#070706 0%,rgba(7,7,6,.98) 26%,rgba(7,7,6,.83) 43%,rgba(7,7,6,.3) 61%,rgba(7,7,6,.02) 76%),url('homepage-studio-hero.png') center top/cover no-repeat}
.home-page .hero:after{display:none}
.home-page .hero-copy{position:relative;z-index:2;max-width:680px}
.home-page .hero-logo{width:min(100%,340px);margin:0 0 25px}
.home-page .hero-kicker{margin-bottom:20px}
.home-page .hero h1{font-size:clamp(3.5rem,5.4vw,5.9rem);line-height:.94;text-shadow:0 4px 30px rgba(0,0,0,.45)}
.home-page .hero .intro{font-size:clamp(1.08rem,1.35vw,1.25rem);line-height:1.48;max-width:630px;margin:25px 0}
.home-page .hero .actions{gap:16px;margin-top:28px}
.home-page .hero-button{min-width:205px}
.home-page .primary-cta{background:linear-gradient(135deg,#f1d187,#bd8732);color:#171009;border-color:#f1d187}
.home-page .secondary-cta{background:rgba(5,5,4,.3);color:#f1d187;border:1px solid #d7a448}
@media(max-width:1100px){.home-page .site-header nav{gap:15px}.home-page .site-header nav a{font-size:.88rem}}
@media(max-width:900px){.home-page .hero{grid-template-columns:1fr;min-height:760px;background-position:64% top}.home-page .hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,6,5,.94),rgba(6,6,5,.74) 65%,rgba(6,6,5,.45));pointer-events:none}.home-page .hero-copy{text-align:left}.home-page .hero-logo{margin-left:0}.home-page .hero .actions{justify-content:flex-start}}
@media(max-width:560px){
  .home-page .hero{
    min-height:auto;
    padding:300px 22px 48px;
    background-color:#070706;
    background-image:linear-gradient(180deg,rgba(7,6,5,.08) 0%,rgba(7,6,5,.12) 50%,#070706 100%),url('homepage-studio-hero.png');
    background-position:center top,63% top;
    background-size:100% 360px,auto 360px;
    background-repeat:no-repeat;
  }
  .home-page .hero:before{
    background:linear-gradient(180deg,rgba(7,6,5,.04) 0%,rgba(7,6,5,.08) 46%,rgba(7,6,5,.88) 84%,#070706 100%);
  }
  .home-page .hero-logo{width:min(100%,185px);margin:0 0 18px}
  .home-page .hero-kicker{letter-spacing:.2em;font-size:.66rem}
  .home-page .hero h1{font-size:3.1rem}
  .home-page .hero .intro{font-size:1.02rem;line-height:1.42}
  .home-page .hero .actions{align-items:stretch;gap:12px}
  .home-page .hero-button{width:100%;min-height:50px}
}