/* Hero composition follows the supplied mobile reference. */
.reference-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:650px;height:calc(100svh - 99px);max-height:1050px;width:100%;padding:60px 6%!important;background:#17232c;overflow:hidden}.reference-film{position:absolute;inset:0;z-index:-3;background:#17232c}.reference-film:before{content:'';position:absolute;inset:-35px;background:#17232c url('assets/film/maxpro-film-poster.jpg') center/cover no-repeat;filter:blur(22px);opacity:.45}.reference-film>video{display:block!important;position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center;opacity:1!important;visibility:visible!important;transform:none!important;translate:none!important;clip-path:none!important;animation:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;z-index:1}.reference-wash{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a1822b8 0%,#101b247a 60%,#301a204d 100%),linear-gradient(0deg,#0a152345,transparent 50%);pointer-events:none}.reference-copy{width:min(1280px,100%);margin:auto;position:relative;z-index:1}.reference-hero .reference-copy h1{font-family:inherit;font-size:clamp(52px,6.5vw,92px);font-weight:700;line-height:1.08;letter-spacing:-.055em;margin:0 0 43px;max-width:1000px;color:#fff!important;text-wrap:initial}.reference-hero h1 span,.reference-hero h1 strong{display:block;color:#fff!important;font-weight:inherit}.reference-hero h1 strong{color:#ffe7d8!important;margin-top:5px}.reference-hero .reference-copy>p{font-size:clamp(19px,2vw,25px);font-weight:500;line-height:1.7;max-width:590px;margin:0 0 45px;color:#fff!important}.reference-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;gap:18px;max-width:630px;width:100%}.reference-hero .reference-actions .btn{min-width:0;width:100%;min-height:63px;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;gap:15px!important;font-size:15px!important;font-weight:700!important;line-height:1.5;padding:19px 22px!important;background:#bd2036;border:1px solid #bd2036;border-radius:3px;box-shadow:0 8px 25px #0002;color:#fff!important;transition:transform .25s,background .25s,box-shadow .25s}.reference-hero .reference-actions .btn *{color:#fff!important}.reference-hero .reference-actions .btn:hover{transform:translateY(-3px);background:#a6162c;box-shadow:0 14px 28px #0003}.reference-copy{animation:reference-copy-in .8s cubic-bezier(.16,1,.3,1) both}.reference-play{position:absolute;right:24px;bottom:24px;left:auto;transform:none;z-index:3;background:#ffffffdd;color:#082f53!important;border:1px solid #fff;border-radius:30px;padding:12px 18px;font-size:12px;line-height:1.5}.reference-play[hidden]{display:none!important}.reference-play span{color:inherit!important}.reference-copy h1>span,.reference-copy h1>strong{overflow-wrap:normal}
@keyframes reference-copy-in{from{opacity:.5;translate:0 18px}to{opacity:1;translate:0 0}}
/* Physical depth comes from the actual property photography, never invented units. */
.region-grid,.property-list{perspective:1600px}.region-card.spatial-card,.preview-property.spatial-card{transform-style:preserve-3d;transform:perspective(1500px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s;will-change:auto;box-shadow:0 2px 0 #bfd0dd,0 8px 24px #082f530d;isolation:isolate}.spatial-card:focus-within{outline:1px solid #8fb2ce;outline-offset:5px}.region-card.spatial-card>img{transform:translateZ(14px);position:relative;box-shadow:0 8px 20px #082f5310}.region-card.spatial-card>div{transform:translateZ(7px)}.preview-property.spatial-card .preview-image{transform:translateZ(14px);position:relative;box-shadow:0 8px 22px #082f5310}.preview-property.spatial-card .preview-copy{transform:translateZ(7px)}.region-card.spatial-card.is-depth-active,.preview-property.spatial-card.is-depth-active{box-shadow:0 3px 0 #bfd0dd,0 22px 42px #082f5324}.spatial-card .region-link>span{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid #b7cbdb;border-radius:50%;font-size:19px;transition:transform .3s,background .3s}.spatial-card:hover .region-link>span{transform:translate(2px,-2px);background:#fff}.service-grid article{box-shadow:0 1px 0 #bfd0dd,0 10px 25px #082f5308}.service-grid article .round-icon{box-shadow:3px 4px 0 #c7d9e6;transition:transform .3s,box-shadow .3s}.service-grid article:hover .round-icon{transform:translate3d(0,-4px,5px) rotate(-5deg);box-shadow:5px 8px 0 #bfd2e1}.spatial-reveal{animation:spatial-reveal .75s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--depth-delay,0ms)}@keyframes spatial-reveal{from{opacity:.5;translate:0 20px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.reference-hero{min-height:590px;height:calc(100svh - 81px);max-height:1000px;padding:44px 6%!important}.reference-hero .reference-copy h1{font-size:clamp(34px,9.7vw,65px);line-height:1.13;letter-spacing:-.05em;font-weight:700;margin-bottom:29px}.reference-hero h1 strong{margin-top:1px}.reference-hero .reference-copy>p{font-size:16px;line-height:1.8;font-weight:600;margin-bottom:29px;max-width:350px}.reference-actions{gap:12px;max-width:100%}.reference-hero .reference-actions .btn{min-height:55px;font-size:12px!important;gap:10px!important;padding:16px 11px!important;border-radius:2px}.reference-wash{background:linear-gradient(90deg,#19140fcc,#19140f82),linear-gradient(0deg,#14171e30,transparent 50%)}.reference-play{bottom:20px;right:20px}.region-card.spatial-card,.preview-property.spatial-card{box-shadow:0 2px 0 #c2d3e0,0 8px 20px #082f5310}.region-card.spatial-card>img,.region-card.spatial-card>div,.preview-property.spatial-card .preview-image,.preview-property.spatial-card .preview-copy{transform:none}}
@media(max-width:360px){.reference-hero .reference-copy h1{font-size:32px}.reference-hero .reference-actions .btn{font-size:11px!important;gap:5px!important;padding-inline:7px!important}.reference-hero .reference-copy>p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.reference-copy,.spatial-reveal{animation:none!important}.region-card.spatial-card,.preview-property.spatial-card,.service-grid article .round-icon{transform:none!important;transition:none!important}.reference-actions .btn{transition:none!important}}
/* Edge-to-edge footage and a compact text hierarchy. */
.reference-hero .reference-film>video{object-fit:cover!important;object-position:center}.reference-film:before{display:none}.reference-hero{min-height:580px;height:calc(100svh - 99px);max-height:1000px}.reference-hero .reference-copy h1{margin-bottom:30px}.reference-hero .reference-copy>p{font-weight:400;max-width:600px;margin-bottom:32px}.reference-hero .reference-copy{animation:none}.reference-hero .reference-copy h1>span{animation:maxpro-arrive .8s .1s cubic-bezier(.16,1,.3,1) both}.reference-hero .reference-copy h1>strong{animation:maxpro-arrive .85s .2s cubic-bezier(.16,1,.3,1) both}.reference-hero .reference-copy>p{animation:maxpro-arrive .85s .3s cubic-bezier(.16,1,.3,1) both}.reference-hero .reference-actions{animation:maxpro-arrive .85s .45s cubic-bezier(.16,1,.3,1) both}.reference-hero .reference-actions .btn{overflow:hidden}.reference-hero .reference-actions .btn:after{content:'';position:absolute;top:0;bottom:0;left:-65%;width:45%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,#ffffff18,transparent);transition:left .65s ease;pointer-events:none}.reference-hero .reference-actions .btn:hover:after{left:125%}footer .footer-brand-mark{aspect-ratio:2172 / 215}footer .footer-brand-mark img{transform:translateY(-30%)}
@keyframes maxpro-arrive{from{opacity:.35;translate:0 16px}to{opacity:1;translate:0 0}}
@media(max-width:760px){.reference-hero{aspect-ratio:3/4;height:auto;min-height:0;max-height:none;padding:38px 6%!important}.reference-hero .reference-film>video{width:100%!important;height:100%!important;object-fit:cover!important}.reference-hero .reference-copy h1{font-size:clamp(32px,9.1vw,64px);line-height:1.13;margin-bottom:23px}.reference-hero .reference-copy>p{font-size:15px;line-height:1.7;margin-bottom:24px;max-width:360px}.reference-actions{gap:12px}.reference-hero .reference-actions .btn{min-height:53px;font-size:12px!important;padding:14px 9px!important}footer .footer-brand-mark{width:195px;aspect-ratio:2172 / 215}}
@media(max-width:360px){.reference-hero{padding-block:28px!important}.reference-hero .reference-copy h1{font-size:30px;margin-bottom:18px}.reference-hero .reference-copy>p{font-size:14px;line-height:1.6;margin-bottom:20px}.reference-hero .reference-actions .btn{font-size:11px!important;min-height:48px;padding:11px 7px!important}}
@media(prefers-reduced-motion:reduce){.reference-hero .reference-copy h1>span,.reference-hero .reference-copy h1>strong,.reference-hero .reference-copy>p,.reference-hero .reference-actions{animation:none!important}.reference-hero .reference-actions .btn:after{display:none}}
.reference-motion{display:block;position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:0;fill:none;stroke-width:.8;vector-effect:non-scaling-stroke}.motion-portal{stroke:#ffffff32;stroke-dasharray:1;stroke-dashoffset:1;animation:maxpro-portal-draw 2.3s .2s cubic-bezier(.16,1,.3,1) forwards}.motion-portal-two{stroke:#ed7d8e55;animation-delay:.5s}@keyframes maxpro-portal-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.motion-portal{animation:none!important;stroke-dashoffset:0}}

/* DevMotion Signature Hero: matched to the editable 12.2 s direction. */
.reference-hero .reference-copy h1>span,.reference-hero .reference-copy h1>strong,.reference-hero .reference-copy>p,.reference-hero .reference-actions{animation:none!important}
.reference-hero .reference-actions .btn{position:relative;perspective:800px;transform-origin:center bottom}
.reference-wash{background:linear-gradient(105deg,rgba(9,30,49,.66),rgba(9,26,40,.35) 62%,rgba(131,18,42,.22))!important}
.reference-hero .reference-actions .btn:focus-visible{outline:3px solid #fff;outline-offset:5px}
.reference-hero .motion-portal{animation:none;stroke-dashoffset:0;opacity:.35}
@media(prefers-reduced-motion:reduce){.reference-wash,.reference-copy *{animation:none!important;transition:none!important}}