/* Photographic direction for the public studio homepage. */
#hero{background:#14221e;color:#f6f3e9;min-height:760px;padding:130px 0 76px}
#hero .hero-bg{background:linear-gradient(110deg,#14221e,#1d3028)}
#hero .hero-grid,#hero .hero-scroll-hint{display:none}
#hero>.hero-layout{display:grid;grid-template-columns:1.03fr 1fr;gap:5%;align-items:center;position:relative;max-width:1320px;width:calc(100% - 7vw);padding:0}
#hero .hero-content{max-width:650px;min-width:0;padding:0}
#hero .hero-badge{font-size:12px;font-weight:500;letter-spacing:.13em;padding:0;border:0;background:none;color:#d3bb7e;margin-bottom:32px;line-height:1.7}
#hero .hero-badge::before{display:none}
#hero .hero-h1{font:400 clamp(3.1rem,5.7vw,5.7rem)/1.02 Georgia,serif;letter-spacing:-.055em;text-transform:none;color:#f6f3e9;margin-bottom:28px}
#hero .hero-h1 em{font-weight:400;color:#d3bb7e;display:block}
#hero .hero-sub{font-size:16px;font-weight:400;color:#e5e9e0b8;line-height:1.8;max-width:490px;margin-bottom:30px}
#hero .btn{font-size:13px;min-height:50px;border-radius:2px;letter-spacing:.03em;padding-inline:20px;white-space:normal;text-align:center}
#hero .btn-gold{background:#d3bb7e;border-color:#d3bb7e;color:#13231c;box-shadow:none}
#hero .btn-outline{color:#f6f3e9;border-color:#f6f3e950;background:transparent}
#hero .btn-outline:hover{border-color:#d3bb7e}
.hero-figure{position:relative;margin:0;min-width:0;align-self:stretch;overflow:hidden;background:#172b23;box-shadow:0 20px 65px #0003}
.hero-figure img{width:100%;height:100%;min-height:570px;max-height:720px;object-fit:cover;object-position:center}
#ticker{background:#d3bb7e;border:0}.ticker-item{color:#203429;font-size:13px}.ticker-dot{color:#203429}
#client-work{background:#e7e8df}.client-work-card{box-shadow:none;border-color:#233d2920;border-radius:6px}.client-work-media{background:#d9ddd1}.client-work-card--hca .client-work-media{background:#d9e3e4}
.client-work-title{font-family:Georgia,serif;font-weight:400;letter-spacing:-.04em;text-transform:none}
.client-browser-frame{transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.photo-credit{display:block;margin-top:8px;font-size:12px;line-height:1.6}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.client-work-card:hover .client-browser-frame{transform:translateY(-6px)}.hero-figure:hover img{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){
  #hero .hero-badge,#hero .hero-h1,#hero .hero-sub,#hero .hero-btns{animation:studio-arrive .85s cubic-bezier(.2,.7,.2,1) both}
  #hero .hero-h1{animation-delay:.1s}#hero .hero-sub{animation-delay:.2s}#hero .hero-btns{animation-delay:.3s}
  .hero-figure{animation:studio-image 1.2s .1s both}.hero-figure img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}
}
@keyframes studio-arrive{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}
@keyframes studio-image{from{opacity:0;clip-path:inset(0 0 10% 0)}to{opacity:1;clip-path:inset(0)}}
@media(max-width:1050px){#hero>.hero-layout{gap:4%;width:calc(100% - 48px)}#hero .hero-h1{font-size:clamp(3rem,6.5vw,4.8rem)}#hero .hero-badge{font-size:12px}.hero-figure img{min-height:570px}#hero .hero-btns{gap:10px}}
@media(max-width:700px){
  #hero{padding:106px 0 35px;min-height:0}
  #hero>.hero-layout{display:flex;flex-direction:column;gap:35px;width:calc(100% - 40px)}
  #hero .hero-content{width:100%;max-width:none}#hero .hero-badge{margin-bottom:20px;font-size:12px}
  #hero .hero-h1{font-size:clamp(2.7rem,10vw,4.3rem);max-width:15ch;margin-bottom:22px}
  #hero .hero-sub{font-size:16px;margin-bottom:24px}#hero .hero-btns{flex-direction:row;align-items:stretch;gap:10px}#hero .btn{flex:1;min-width:145px;font-size:12px;line-height:1.5;text-align:center;padding:13px}
  .hero-figure{width:100%;height:300px;align-self:auto}.hero-figure img{min-height:0;height:100%;object-position:center 52%}
}
@media(prefers-reduced-motion:reduce){#hero *,#hero *::before,#hero *::after,.client-work-card *{animation:none!important;transition:none!important}}