/* Hero: brokerage deal desk — MHP Global */
.mhp-site .desk-hero{position:relative;overflow:hidden;min-height:min(900px,calc(100dvh - 86px));display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:var(--dark)}
.mhp-site .desk-bg{position:absolute;inset:0}
.mhp-site .desk-bg img{width:100%;height:100%;object-fit:cover;animation:hero-zoom 30s ease-in-out infinite alternate}
.mhp-site .desk-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,39,77,.88) 0%,rgba(8,39,77,.5) 38%,rgba(8,39,77,.28) 62%,rgba(8,39,77,.8) 100%)}
.mhp-site .desk-top{position:relative;z-index:2;padding:80px clamp(24px,8vw,150px) 44px;max-width:1100px}
.mhp-site .desk-top h1{font-family:"Barlow Condensed",Impact,sans-serif;font-weight:900;text-transform:uppercase;line-height:.92;margin:0;font-size:clamp(46px,6.2vw,96px);max-width:820px}
.mhp-site .desk-top h1 em{font-style:normal;color:var(--accent)}
.mhp-site .desk-top p{margin:22px 0 0;max-width:600px;font-size:clamp(16px,1.6vw,20px);color:rgba(255,255,255,.85)}
.mhp-site .desk-listing{position:absolute;z-index:3;right:clamp(24px,7vw,130px);top:96px;width:290px;background:rgba(255,255,255,.96);color:var(--ink);box-shadow:0 30px 70px rgba(0,0,0,.4);border-left:6px solid var(--accent);animation:desk-float 6s ease-in-out infinite;transition:box-shadow .3s ease}
.mhp-site .desk-listing:hover{box-shadow:0 40px 90px rgba(0,0,0,.5)}
.mhp-site .desk-listing img{display:block;width:100%;height:150px;object-fit:cover}
.mhp-site .desk-listing .tag{position:absolute;top:12px;left:12px;background:var(--accent);color:var(--buttonText);font-size:10px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;padding:6px 10px}
.mhp-site .desk-listing .body{padding:16px 18px 18px;display:grid;gap:4px}
.mhp-site .desk-listing strong{font-family:"Barlow Condensed",Impact,sans-serif;font-size:26px;line-height:1;text-transform:uppercase}
.mhp-site .desk-listing .meta{font-size:13px;color:var(--muted)}
.mhp-site .desk-listing .status{margin-top:8px;font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);display:flex;align-items:center;gap:8px}
.mhp-site .desk-listing .status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--accent);animation:dot-pulse-o 2s ease-in-out infinite}
.mhp-site .desk-search{position:relative;z-index:3;width:min(1140px,calc(100% - 48px));margin:0 auto;padding:22px 24px 26px;background:rgba(8,39,77,.55);border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.mhp-site .desk-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.mhp-site .desk-tabs button{font:inherit;font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.75);background:transparent;border:1px solid rgba(255,255,255,.3);padding:11px 18px;cursor:pointer;transition:background .25s ease,color .25s ease,border-color .25s ease}
.mhp-site .desk-tabs button:hover{border-color:var(--accent);color:#fff}
.mhp-site .desk-tabs button.on{background:var(--accent);border-color:var(--accent);color:var(--buttonText)}
.mhp-site .desk-fields{display:grid;grid-template-columns:1.2fr 1.2fr 1fr auto;gap:14px;align-items:end}
.mhp-site .desk-fields label{display:grid;gap:7px;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.7)}
.mhp-site .desk-fields select{width:100%;font:inherit;font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;color:#fff;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.32);padding:15px 14px;border-radius:0;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,#fff 50%),linear-gradient(135deg,#fff 50%,transparent 50%);background-position:calc(100% - 20px) 50%,calc(100% - 14px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.mhp-site .desk-fields select option{color:#08274d}
.mhp-site .desk-fields .btn{min-height:52px;white-space:nowrap}
.mhp-site .desk-chips{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:16px;font-size:12px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.78)}
.mhp-site .desk-chips span{display:flex;align-items:center;gap:8px}
.mhp-site .desk-chips span:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);animation:dot-pulse-o 2.4s ease-in-out infinite}
.mhp-site .desk-tape{position:relative;z-index:3;margin-top:34px;background:#061c36;border-top:1px solid rgba(244,122,34,.6);overflow:hidden}
.mhp-site .desk-tape-track{display:flex;width:max-content;animation:tape-scroll 46s linear infinite}
.mhp-site .desk-tape-track span{white-space:nowrap;padding:16px 38px 16px 0;font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.mhp-site .desk-tape-track b{color:var(--accent);margin-right:10px}
.mhp-site .desk-tape-track i{font-style:normal;color:var(--accent);margin:0 0 0 38px}
@keyframes tape-scroll{to{transform:translateX(-50%)}}
@keyframes desk-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes dot-pulse-o{0%,100%{box-shadow:0 0 0 0 rgba(244,122,34,.6)}50%{box-shadow:0 0 0 7px rgba(244,122,34,0)}}
@media(max-width:1100px){.mhp-site .desk-listing{display:none}.mhp-site .desk-fields{grid-template-columns:1fr 1fr}.mhp-site .desk-fields .btn{grid-column:1/-1}}
@media(max-width:700px){.mhp-site .desk-top{padding-top:56px}.mhp-site .desk-fields{grid-template-columns:1fr}.mhp-site .desk-search{padding:18px 16px 22px}.mhp-site .desk-tabs button{padding:10px 12px;font-size:11px}}
@media (prefers-reduced-motion:reduce){.mhp-site .desk-bg img,.mhp-site .desk-listing,.mhp-site .desk-tape-track{animation:none}}