/* Three visible photographs; hover, keyboard focus and touch selection. */
.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:24px;overflow:visible}
.photo-deck{position:relative;width:100%;height:400px;isolation:isolate;min-width:0}
.photo-card{position:absolute;top:44px;left:calc(50% - 116px);width:232px;margin:0;padding:0;border:5px solid #fff;border-radius:14px;background:#fff;box-shadow:0 12px 28px #28272525;cursor:pointer;transform-origin:50% 85%;transition:transform .3s ease,box-shadow .3s ease;touch-action:manipulation;z-index:var(--layer);transform:translate(var(--shift),var(--lift)) rotate(var(--angle));-webkit-tap-highlight-color:transparent}
.photo-card:nth-child(1){--shift:-88px;--lift:12px;--angle:-12deg;--layer:1}
.photo-card:nth-child(2){--shift:0px;--lift:0px;--angle:0deg;--layer:2}
.photo-card:nth-child(3){--shift:88px;--lift:12px;--angle:12deg;--layer:3}
.photo-card img{display:block;width:100%;aspect-ratio:1856/2304;height:auto;object-fit:cover;border-radius:9px;pointer-events:none}
.photo-card.is-active,.photo-card:focus-visible{z-index:10;transform:translate(var(--shift),-12px) rotate(0deg) scale(1.13);box-shadow:0 20px 38px #28272538}
.photo-card:focus-visible{outline:3px solid #68735c;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.photo-card:hover{z-index:11;transform:translate(var(--shift),-12px) rotate(0deg) scale(1.13);box-shadow:0 20px 38px #28272538}}
@media(max-width:1000px) and (min-width:851px){.photo-card{width:195px;left:calc(50% - 97.5px)}.photo-card:nth-child(1){--shift:-64px}.photo-card:nth-child(3){--shift:64px}.photo-deck{height:355px}}
@media(max-width:850px){.hero{grid-template-columns:1fr}.photo-deck{max-width:460px;height:390px;justify-self:center}.photo-card{top:42px}}
@media(max-width:540px){.photo-deck{height:300px}.photo-card{width:172px;left:calc(50% - 86px);top:38px;border-width:4px}.photo-card:nth-child(1){--shift:-48px;--angle:-10deg}.photo-card:nth-child(3){--shift:48px;--angle:10deg}.photo-card.is-active,.photo-card:focus-visible{transform:translate(var(--shift),-8px) rotate(0deg) scale(1.1)}}
@media(max-width:360px){.photo-card{width:148px;left:calc(50% - 74px)}.photo-card:nth-child(1){--shift:-38px}.photo-card:nth-child(3){--shift:38px}.photo-deck{height:265px}}
@media(prefers-reduced-motion:reduce){.photo-card{transition:none}}
.direct-contact{padding:24px;background:#fff;border:1px solid #d9d3c8;border-radius:12px}.direct-contact p{margin-bottom:18px}.direct-contact .buttons{margin-top:0}
