/* PHOTOGRAPHY INTEGRITY: native dimensions, no cropping or zoom anywhere */
html,body{overflow-x:clip}
img,video{max-width:100%;object-fit:contain!important;object-position:center!important;transform:none!important}
.hero{height:auto!important;min-height:0!important;aspect-ratio:auto!important;padding:0!important;position:relative;display:grid!important;grid-template-areas:'frame'!important;align-items:center!important;overflow:visible!important;background:#0D0D0D!important}
.hero>video{grid-area:frame!important;position:relative!important;inset:auto!important;display:block!important;width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important}
.hero>.hero-overlay{grid-area:frame!important;position:absolute!important;inset:0!important;z-index:1;pointer-events:none}
.hero>.hero-copy{grid-area:frame!important;z-index:2;position:relative!important;margin:0 auto;width:min(1320px,calc(100% - 100px));pointer-events:none}
.hero>.hero-copy a{pointer-events:auto}
.page-head-framed.page-head{display:grid!important;grid-template-areas:'frame'!important;height:auto!important;aspect-ratio:auto!important;min-height:0!important;padding:0!important;background:#0D0D0D!important;overflow:visible!important}
.page-head-framed .page-head-photo{grid-area:frame!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;transform:none!important}
.page-head-framed .container{grid-area:frame!important;z-index:2;position:relative!important;align-self:center!important;padding:30px 0!important;pointer-events:none}
.page-head-framed .container a{pointer-events:auto}
.page-head-framed::before,.page-head-framed::after{display:none!important}
.page-head:not(.page-head-framed),.banner{background:#0D0D0D!important;display:grid!important;grid-template-areas:'frame'!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;height:auto!important;padding:0!important;position:relative;isolation:isolate}
.page-head:not(.page-head-framed)::before,.banner::before{display:none!important}
.page-head:not(.page-head-framed)::after,.banner::after{display:none!important}
.media-native{grid-area:frame!important;display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;object-position:center!important;transform:none!important}
.page-head:not(.page-head-framed)>.container,.banner>.container{grid-area:frame!important;position:relative!important;z-index:2;align-self:center!important;padding:36px 0!important}
.project-cover,.photo-frame,.gallery figure,.detail-gallery figure,.detail-hero-media{height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;padding:0!important;overflow:visible!important;display:block!important;background:transparent!important}
.project-cover img,.photo-frame img,.gallery img,.detail-gallery img,.detail-hero-media img,.projects-hero img,.project-detail-image{display:block!important;width:100%!important;height:auto!important;max-height:none!important;min-height:0!important;aspect-ratio:auto!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important}
.project-tile:hover img,.project-card:hover img{transform:none!important}
.projects-hero{height:auto!important;min-height:0!important;max-height:none!important;overflow:visible!important}
.projects-hero img{max-height:none!important}
@media(max-width:700px){
 .hero{display:block!important}.hero>video{width:100%!important;height:auto!important}.hero>.hero-overlay{display:none!important}.hero>.hero-copy{width:100%!important;padding:24px 20px 34px!important;background:#0D0D0D!important}.hero h1{font-size:clamp(34px,7vw,48px)!important}
 .page-head-framed.page-head{display:block!important}.page-head-framed .container{padding:26px 20px!important}
 .page-head:not(.page-head-framed),.banner{display:block!important}.page-head:not(.page-head-framed)>.container,.banner>.container{padding:34px 20px!important}
 .projects-hero .hero-title{left:20px!important;bottom:7%!important}.projects-hero h1{font-size:clamp(28px,6vw,46px)!important}
}