.studionoi-hero{position:relative!important;left:auto!important;width:100vw!important;max-width:100vw!important;min-height:clamp(620px,56.25vw,900px)!important;margin:0 0 0 calc(50% - 50vw)!important;padding:0!important;display:block!important;background:#f7f4ee!important;overflow:hidden!important;box-sizing:border-box!important}
.studionoi-hero *{box-sizing:border-box}
.studionoi-hero-content{position:relative!important;z-index:2!important;display:flex!important;flex-direction:column!important;justify-content:center!important;width:min(650px,48vw)!important;min-width:0!important;min-height:inherit!important;padding:70px clamp(45px,6vw,110px)!important;background:linear-gradient(90deg,rgba(247,244,238,.98) 0%,rgba(247,244,238,.9) 72%,rgba(247,244,238,0) 100%)!important}
.studionoi-hero-kicker{margin:0 0 24px!important;color:#a18160!important;font-family:Arial,sans-serif!important;font-size:11px!important;line-height:1.4!important;letter-spacing:3px!important;text-transform:uppercase!important}
.studionoi-hero h1{margin:0!important;padding:0!important;color:#292722!important;font-family:Georgia,"Times New Roman",serif!important;font-size:clamp(46px,5vw,78px)!important;font-weight:400!important;line-height:1.02!important;letter-spacing:-2px!important;text-transform:none!important}
.studionoi-hero-text{max-width:390px!important;margin:28px 0 34px!important;color:#625b52!important;font-family:Arial,sans-serif!important;font-size:14px!important;line-height:1.8!important}
.studionoi-hero-button{display:inline-block!important;width:fit-content!important;padding:15px 25px!important;border:0!important;border-radius:0!important;color:#f7f4ee!important;background:#292722!important;text-decoration:none!important;font-family:Arial,sans-serif!important;font-size:10px!important;line-height:1.4!important;letter-spacing:2px!important;text-transform:uppercase!important;transition:.3s ease!important}
.studionoi-hero-button:hover,.studionoi-hero-button:focus{color:#fff!important;background:#a18160!important;text-decoration:none!important}
.studionoi-hero-image{position:absolute!important;inset:0!important;z-index:0!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;overflow:hidden!important;background:#ddd8cf!important}
.studionoi-hero-media-el{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;object-position:center!important;border:0!important}
.studionoi-hero-media--mobile{display:none!important}
@media(max-width:767px){.studionoi-hero{display:flex!important;flex-direction:column!important;min-height:0!important}.studionoi-hero-image{position:relative!important;inset:auto!important;z-index:auto!important;order:1!important;width:100%!important;height:auto!important;min-height:430px!important}.studionoi-hero-content{position:relative!important;z-index:auto!important;order:2!important;width:100%!important;min-height:0!important;padding:55px 25px 65px!important;background:#f7f4ee!important}.studionoi-hero h1{font-size:48px!important}.studionoi-hero-image.has-mobile .studionoi-hero-media--desktop{display:none!important}.studionoi-hero-image.has-mobile .studionoi-hero-media--mobile{display:block!important}}

/* Mobile images retain their source ratio on Safari and Chrome. */
@media(max-width:767px){
 .studionoi-hero-image{min-height:0!important;flex-shrink:0!important}
 .studionoi-hero-media-el{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important}
}