/* Compact photographic banners inspired by the supplied reference. */
.navin,.home .navin{height:90px;min-height:90px}.nav .brand img,.home .nav .brand img{width:106px;height:80px}.nav{background:rgba(8,13,37,.97)}
.studio-banner{padding:0;position:relative;isolation:isolate;overflow:hidden;background:#080d25;border-bottom:1px solid #ad8636}
.banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;z-index:-3}
.banner-tint{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#080d25 0%,rgba(8,13,37,.94) 25%,rgba(8,13,37,.68) 48%,rgba(8,13,37,.05) 78%),linear-gradient(0deg,rgba(8,13,37,.75),transparent 50%)}
.banner-layout{min-height:365px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-block:40px}
.banner-copy{width:620px;max-width:65%}.studio-banner .eyebrow{font-size:11px;letter-spacing:3.5px;color:#f0c65f;margin-bottom:12px}
.studio-banner h1{font-size:clamp(34px,3.8vw,56px);line-height:1.05;letter-spacing:-1.3px;text-transform:uppercase;margin:0 0 16px;font-weight:900}.studio-banner h1 span{display:block;color:#f0c35c}
.banner-copy p{font-size:16px;line-height:1.6;color:#f0f1f6;max-width:520px;margin:0 0 23px}
.studio-banner .btn{font-size:13px;padding:10px 19px;gap:18px;background:linear-gradient(120deg,#ffe092,#e1ac32);box-shadow:none}.studio-banner .btn span{display:grid;place-items:center;border-radius:50%;width:24px;height:24px;background:#fff3b666;font-size:10px}
.banner-note{align-self:flex-end;text-align:right;color:#ffdb85;text-shadow:0 2px 6px #000;max-width:250px}.banner-note p{font:italic 28px/1.2 Georgia,serif;margin:8px 0 5px}.sound-bars{font-size:22px;letter-spacing:3px;opacity:.9}.content-anchor{scroll-margin-top:105px}
.home-studio{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.home-hero,.hero-content{min-height:495px}.hero-content{padding-top:38px;padding-bottom:76px}.hero-photo{width:66%;object-position:center 42%}.hero-shade{background:linear-gradient(90deg,rgba(8,13,37,.97),rgba(8,13,37,.92) 27%,rgba(8,13,37,.7) 43%,transparent 67%),linear-gradient(0deg,rgba(8,13,37,.65),transparent 35%)}.hero-copy{max-width:49%;width:600px}.hero-copy h1{font-size:clamp(44px,5.1vw,74px)}.hero-copy p{font-size:16px}.founder{bottom:20px;left:65%}.founder span{font-size:29px}.home .actions .btn{font-size:11px;padding:12px 16px}.home .values{padding:20px 0}.section,.home .section{padding:55px 0}
@media(max-width:1000px){.links,.home .links{top:90px}.banner-layout{min-height:340px}.banner-note{max-width:170px}.banner-note p{font-size:23px}.banner-copy{max-width:73%}.hero-copy h1{font-size:47px}.hero-copy h2{font-size:15px}.hero-content{min-height:500px}.founder{left:64%}.founder small{font-size:8px}}
@media(max-width:650px){.navin,.home .navin{height:78px;min-height:78px}.nav .brand img,.home .nav .brand img{width:94px;height:70px}.links,.home .links{top:78px}.studio-banner .banner-layout{min-height:410px;padding-top:35px;padding-bottom:30px;align-items:flex-end}.banner-image{object-position:65% center}.banner-tint{background:linear-gradient(90deg,rgba(8,13,37,.94),rgba(8,13,37,.4)),linear-gradient(0deg,#080d25,transparent 90%)}.banner-copy{max-width:100%;width:100%}.studio-banner h1{font-size:clamp(30px,8.4vw,42px);letter-spacing:-.8px}.banner-copy p{font-size:15px}.banner-note{display:none}.home-hero{padding-top:290px;min-height:0}.hero-photo{height:315px;width:100%;object-position:center 38%}.home-studio{height:315px}.hero-shade{height:330px;background:linear-gradient(0deg,#080d25 0%,#080d25 8%,transparent 42%)}.hero-content{min-height:0;padding:0 0 28px}.hero-copy{max-width:100%;width:100%}.hero-copy h1{font-size:clamp(38px,10vw,62px)}.founder{position:static;margin-top:23px}.section,.home .section{padding:40px 0}.content-anchor{scroll-margin-top:90px}}
