.hero3d{--hx-p:0;--hx-mx:0px;--hx-my:0px;--hx-world-opacity:1;--hx-copy-opacity:1;--hx-identity-opacity:0;--hx-world-scale:1.025;--hx-type-scale:1;--hx-type-spread:0px;height:240svh;margin:14px 16px 0;position:relative}.hero3d-sticky{isolation:isolate;background:#e7eae1;border-radius:25px;height:calc(100svh - 28px);min-height:620px;position:sticky;top:14px;overflow:hidden}.hero3d-sky{z-index:-3;background:linear-gradient(#9dc5df22,#e8e9dd77),url(/images/sky-light.jpg) 50% 45%/cover no-repeat;position:absolute;inset:0}.hero3d-sky:after{content:"";background:linear-gradient(#255c7822,#0000 30%,#c9dce840 65%,#f6f6ee);position:absolute;inset:0}.hero3d-world{opacity:var(--hx-world-opacity);transform:translate3d(var(--hx-mx),var(--hx-my),0) scale(var(--hx-world-scale));transform-origin:50% 84%;will-change:transform,opacity;position:absolute;inset:0}.hero3d-media{display:block;position:absolute;inset:0}.hero3d-layer{object-fit:cover;object-position:50% 50%;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.hero3d-composition{z-index:0}.hero3d-top-shade{pointer-events:none;opacity:var(--hx-world-opacity);z-index:4;background:linear-gradient(#f6f7f055 0%,#f6f7f000 22%,#f7f7ef00 77%,#f7f7ef55 100%);position:absolute;inset:0}.hero3d-title{text-align:center;width:90%;opacity:var(--hx-copy-opacity);transform:translateY(calc(var(--hx-p) * -60px));z-index:5;pointer-events:auto;-webkit-user-select:text;user-select:text;position:absolute;top:clamp(210px,29svh,350px);left:5%}.hero3d-title>span{text-transform:uppercase;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);letter-spacing:.19em;color:#20372e;background:#f7f8f0bf;border:1px solid #ffffffa6;border-radius:999px;width:fit-content;max-width:100%;margin:0 auto 16px;padding:9px 16px;font-size:12px;font-weight:700;line-height:1.4;display:block}.hero3d-title h1{font-family:var(--font);letter-spacing:-.055em;color:#172f25;text-shadow:0 2px 24px #f9fbf080;margin:0;font-size:clamp(35px,4.7vw,72px);font-weight:600;line-height:1.07}.hero3d-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.hero3d-bottom{z-index:7;text-align:center;color:#20372e;flex-direction:row;justify-content:center;align-items:center;gap:28px;width:max-content;max-width:calc(100% - 64px);padding:0;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.hero3d-bottom p{white-space:nowrap;text-shadow:0 1px 3px #fff,0 0 14px #ffffffe6;margin:0;font-size:16px;font-weight:500;line-height:1.5}.hero3d-bottom strong{font-weight:700}.hero3d-actions{justify-content:center;align-items:center;gap:20px;display:flex}.hero3d-actions a{white-space:nowrap;justify-content:center;align-items:center;gap:15px;font-size:14px;font-weight:600;display:inline-flex}.hero3d-actions .hero3d-cta{color:#fff;border-radius:var(--button-radius);background:#20372e;padding:16px 23px}.hero3d-actions .hero3d-cta:hover{background:#345244}.hero3d-actions a:not(.hero3d-cta){text-underline-offset:5px;min-height:46px;padding:0 8px;text-decoration:underline}.hero3d-actions a:focus-visible{outline-offset:4px;outline:2px solid #b78465}.hero3d-identity{opacity:var(--hx-identity-opacity);pointer-events:none;z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:27px;padding:120px 7% 180px;display:flex;position:absolute;inset:0}.hero3d-kicker{transform:translateY(calc(var(--hx-type-spread) * -1));letter-spacing:.2em;color:#20372e;background:#f7f6f2d9;border-radius:30px;padding:7px 13px;font-size:11px}.hero3d-photo-type{transform:scale(var(--hx-type-scale));transform-origin:50%;will-change:transform;letter-spacing:-.075em;text-align:center;color:#0000;background:url(/images/villa-aerial.webp) 50% 58%/cover;-webkit-background-clip:text;background-clip:text;width:max-content;max-width:100%;font-size:clamp(110px,19vw,300px);font-weight:800;line-height:.9}.hero3d-amp{letter-spacing:-.05em;margin-left:.08em;font-size:.45em;font-weight:400}.hero3d-work{letter-spacing:-.065em;margin-top:.18em;font-size:.52em;display:block}.hero3d-identity p{transform:translateY(var(--hx-type-spread));text-align:center;color:#39535a;margin:0;font-size:14px;line-height:1.8}body:has(.hero3d) .header-over-hero:not(.menu-is-open) .brand-name{color:#20372e}body:has(.hero3d) .header-over-hero:not(.menu-is-open) .brand-name>span{color:#20372e}body:has(.hero3d) .header-over-hero:not(.menu-is-open) .brand-name>strong{color:#20372e}body:has(.hero3d) .header-over-hero:not(.menu-is-open) .menu-button{color:#20372e}@media (min-width:761px) and (max-width:1100px){.hero3d-bottom{flex-wrap:wrap;gap:14px 24px}.hero3d-bottom p{font-size:14px}.hero3d-actions a{font-size:13px}}@media (max-width:760px){.hero3d{height:205svh;margin:8px 8px 0}.hero3d-sticky{border-radius:19px;height:calc(100svh - 16px);min-height:580px;top:8px}.hero3d-title{top:90px}.hero3d-title h1{max-width:500px;margin:auto;font-size:clamp(32px,7vw,49px)}.hero3d-title>span{letter-spacing:.13em;margin-bottom:13px;padding:7px 12px;font-size:9px}.hero3d-bottom{flex-direction:column;gap:10px;width:min(400px,100% - 28px);max-width:none;padding:0;bottom:16px}.hero3d-bottom p{white-space:normal;max-width:290px;font-size:14px}.hero3d-bottom strong{display:block}.hero3d-actions{flex-direction:column;gap:3px;width:100%}.hero3d-actions a{font-size:13px}.hero3d-actions .hero3d-cta{width:100%;min-height:46px;padding:14px 16px}.hero3d-actions a:not(.hero3d-cta){min-height:36px}.hero3d-identity{gap:25px;padding:110px 5% 225px}.hero3d-photo-type{transform:scale(var(--hx-type-scale));transform-origin:50%;will-change:transform;font-size:25vw}.hero3d-kicker{transform:translateY(calc(var(--hx-type-spread) * -1));font-size:8px}.hero3d-identity p{transform:translateY(var(--hx-type-spread));font-size:11px}.hero3d-top-shade{background:linear-gradient(#f6f7f0bb 0%,#f6f7f055 12%,#f6f7f000 22%,#f7f7ef00 75%,#f7f7ef33 100%)}}@media (max-height:720px) and (min-width:761px){.hero3d-sticky{min-height:520px}.hero3d-title{top:clamp(150px,26svh,200px)}.hero3d-title h1{font-size:44px}.hero3d-title>span{margin-bottom:10px;font-size:10px}.hero3d-bottom{gap:8px 24px;padding:0;bottom:16px}.hero3d-actions .hero3d-cta{padding:13px 20px}.hero3d-bottom p{font-size:14px}.hero3d-identity{gap:20px;padding-top:110px;padding-bottom:150px}.hero3d-photo-type{transform:scale(var(--hx-type-scale));transform-origin:50%;will-change:transform;font-size:min(17vw,35svh)}}@media (max-width:760px) and (max-height:700px){.hero3d-title{top:80px}.hero3d-title h1{font-size:30px}.hero3d-title>span{margin-bottom:9px;font-size:8px}.hero3d-bottom{gap:7px;padding:0;bottom:10px}.hero3d-bottom p{max-width:none;font-size:12px}.hero3d-bottom strong{display:inline}}@media (prefers-reduced-motion:reduce){.hero3d-world,.hero3d-layer,.hero3d-title,.hero3d-identity{will-change:auto}}@media (min-width:501px) and (max-width:1024px) and (orientation:portrait){.hero3d-title{top:clamp(82px,8svh,104px)}.hero3d-title h1{font-size:clamp(32px,4.8vw,44px)}.hero3d-title>span{margin-bottom:12px;font-size:10px}}@media (min-width:601px) and (max-width:1024px) and (orientation:portrait){.hero3d-composition{object-position:50% 35%}}@media (max-width:600px) and (max-height:700px) and (orientation:portrait){.hero3d-composition{object-position:50% 100%}.hero3d-title{top:56px}.hero3d-title h1{font-size:27px}}@media (min-width:1101px) and (min-aspect-ratio:8/5){.hero3d-title{top:calc(40% - 145px)}}