.ph-hero{width:100%;height:90vh;position:relative;overflow:hidden}@media (max-width:768px){.ph-hero{height:50vh}.ph-text{width:calc(100% - 16vw);top:10vh;left:8vw}}.ph-img-wrap{position:absolute;inset:0;overflow:hidden}.ph-img{will-change:transform;background-color:#0b0f14;background-position:bottom;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.ph-text{z-index:5;color:#fff;max-width:720px;position:absolute;top:6vw;left:6.66vw;transform:translateY(12px)}.ph-text h1{margin:0;font-size:clamp(44px,5.8vw,96px);font-weight:300;line-height:.95}.ph-sub{margin-bottom:1vw;display:block}.ph-sub h2{text-transform:uppercase;letter-spacing:.08em;opacity:.95;font-size:clamp(14px,1.25vw,18px);font-weight:500}.ph-zone{cursor:pointer;z-index:10;width:50%;height:100%;position:absolute;top:0}.ph-zone-left{left:0}.ph-zone-right{right:0}.ph-edit-button{cursor:pointer;z-index:20;background-color:#ffffffe6;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex;position:absolute;top:24px;left:24px;box-shadow:0 2px 10px #00000026}.ph-edit-button:hover{background-color:#fff;transform:scale(1.1);box-shadow:0 4px 15px #0003}.ph-edit-button:active{transform:scale(.95)}.ph-edit-button svg{color:#333;width:20px;height:20px}