/* Transparent portrait; the wall light and cast shadow belong to the page. */
.hero{min-height:0;border-bottom:0;overflow:hidden}
.hero .hero-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,80px);align-items:stretch;padding-top:64px;padding-bottom:0}
.hero .hero-copy{position:relative;z-index:2;padding-bottom:64px;min-width:0}
.hero .hero-photo-olari{position:relative;align-self:stretch;height:auto;min-height:0;margin:0;background:transparent;box-shadow:none;overflow:visible;isolation:isolate}
.hero-photo-olari:before{content:"";position:absolute;left:54%;top:42%;width:clamp(340px,135%,650px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,rgba(173,184,193,.4) 0%,rgba(122,141,155,.28) 28%,rgba(74,96,114,.13) 50%,rgba(37,55,71,.04) 63%,transparent 73%);pointer-events:none;z-index:0}
.hero .hero-photo-olari img{position:absolute;inset:auto auto 0 50%;transform:translateX(-50%);width:auto;max-width:none;height:100%;max-height:100%;object-fit:contain;object-position:center bottom;display:block;z-index:1;filter:drop-shadow(20px 12px 18px rgba(0,0,0,.42));-webkit-mask-image:none;mask-image:none}
@media(max-width:1080px) and (min-width:821px){.hero .hero-grid{gap:28px;padding-top:52px}.hero .hero-copy{padding-bottom:52px}}
@media(max-width:820px){.hero .hero-grid{grid-template-columns:1fr;gap:24px;padding-top:48px;padding-bottom:0}.hero .hero-copy{padding-bottom:0}.hero .hero-photo-olari{height:auto;width:100%;max-width:420px;aspect-ratio:4436/5981;justify-self:center;min-height:0}.hero .hero-photo-olari img{position:absolute;inset:0;transform:none;width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero-photo-olari:before{width:125%;top:40%}}
@media(max-width:540px){.hero .hero-grid{padding-top:38px;gap:20px}.hero .hero-photo-olari{max-width:340px}.hero .hero-photo-olari img{filter:drop-shadow(12px 8px 14px rgba(0,0,0,.4))}}