/* Decorative portrait stays behind content and never intercepts controls. */
#why-oin,#organized,#contact{position:relative;isolation:isolate;overflow:hidden}
#why-oin> :not(.oin-portrait-layer),#organized> :not(.oin-portrait-layer),#contact> :not(.oin-portrait-layer){position:relative;z-index:1}
.oin-portrait-layer{position:absolute;z-index:0;pointer-events:none!important;right:-3%;top:0;bottom:0;width:min(50%,540px);opacity:0;transform:translateY(25px);transition:opacity 900ms ease,transform 1.3s ease;mask-image:linear-gradient(to right,transparent,#000 25%,#000 80%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 25%,#000 80%,transparent)}
.oin-portrait-layer img{width:100%;height:100%;object-fit:cover;object-position:center top;mask-image:linear-gradient(transparent,#000 12%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 65%,transparent)}
.oin-portrait-visible .oin-portrait-layer{opacity:.28;transform:translateY(0)}
#contact.oin-portrait-visible .oin-portrait-layer{opacity:.34}
#contact .oin-portrait-layer{right:auto;left:0;width:44%}
@media(max-width:760px){.oin-portrait-layer{width:75%;right:-12%;height:480px;bottom:auto}#contact .oin-portrait-layer{width:80%;left:auto;right:-15%;height:440px}.oin-portrait-visible .oin-portrait-layer,#contact.oin-portrait-visible .oin-portrait-layer{opacity:.18}}
@media(prefers-reduced-motion:reduce){.oin-portrait-layer{transition:none;transform:none;opacity:.22}}
@media print{.oin-portrait-layer{display:none}}