/* Denise site refinement layer — motion, link polish, and logo hierarchy */

/* Denise requested her personal logo be smaller than Space Finder. */
.contact-logo-box{width:min(100%,340px);padding:12px 14px;margin:0 auto 18px}
.contact-logo{display:block;width:100%;max-width:290px;height:auto;object-fit:contain;margin-inline:auto}
.agent-logo{width:min(210px,54vw)}
.broker-logo{width:min(260px,60vw);max-width:100%;height:auto;object-fit:contain}

/* Keep the existing layout/design, only change the About section color as requested. */
.about{background:var(--white)}

/* Preserve Denise's full-body Florida portrait on desktop so her shoes stay in frame. */
@media(min-width:901px){.florida-photo{aspect-ratio:2/3;min-height:0;background-position:center center;background-size:cover}}

/* Refined link movement without changing layout. */
.links a:not(.pill),.market a,.reviews-link,.socials a{position:relative;transition:color .25s ease,transform .25s ease,opacity .25s ease}
.links a:not(.pill):after,.market a:after,.reviews-link:after,.socials a:after{content:'';position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:right .32s cubic-bezier(.2,.8,.2,1)}
.links a:not(.pill):hover:after,.market a:hover:after,.reviews-link:hover:after,.socials a:hover:after{right:0}
.links a:not(.pill):hover,.market a:hover,.reviews-link:hover,.socials a:hover{transform:translateY(-2px)}

.btn,.pill,.mobile{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease}
.btn:hover,.pill:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(10,20,48,.2)}
.btn:active,.pill:active,.mobile:active{transform:translateY(0) scale(.985)}

.market{transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease}
.market:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(8,17,41,.18);border-color:rgba(218,165,32,.7)}

.contact-card>a{transition:padding-left .28s ease,color .28s ease,border-color .28s ease}
.contact-card>a:hover{padding-left:8px;color:var(--gold);border-color:rgba(218,165,32,.55)}

/* Apex neighborhood interaction: motion on hover, inline expansion on click. */
#chicago .feature.neighborhood-card{cursor:pointer;transition:min-height .58s cubic-bezier(.2,.75,.2,1),transform .36s ease,box-shadow .36s ease,filter .36s ease,background-position .65s ease;outline:none;will-change:transform}
#chicago .feature.neighborhood-card:before{content:'+';position:absolute;z-index:4;top:22px;right:22px;width:42px;height:42px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.7);background:rgba(27,46,75,.34);backdrop-filter:blur(10px);color:#fff;font-size:1.5rem;font-weight:300;line-height:1;transition:transform .45s cubic-bezier(.2,.8,.2,1),background .3s ease,color .3s ease,border-color .3s ease}
#chicago .feature.neighborhood-card:hover{transform:translateY(-7px) scale(1.012);box-shadow:0 24px 54px rgba(10,20,48,.28);filter:saturate(1.08) contrast(1.03);background-position:center 48%}
#chicago .feature.neighborhood-card:hover:before,#chicago .feature.neighborhood-card:focus-visible:before{background:var(--gold);color:var(--navy);border-color:var(--gold)}
#chicago .feature.neighborhood-card:focus-visible{box-shadow:0 0 0 3px var(--gold),0 24px 54px rgba(10,20,48,.24)}
#chicago .feature.neighborhood-card .label{transition:transform .52s cubic-bezier(.2,.75,.2,1)}
#chicago .neighborhood-detail{position:absolute;z-index:3;left:28px;right:28px;bottom:28px;max-width:560px;opacity:0;transform:translateY(18px);pointer-events:none;transition:opacity .34s ease .08s,transform .48s cubic-bezier(.2,.75,.2,1) .05s}
#chicago .neighborhood-detail p{margin:0;padding-top:18px;border-top:1px solid rgba(255,255,255,.48);color:rgba(255,255,255,.92);font-size:.92rem;line-height:1.7;text-shadow:0 1px 18px rgba(0,0,0,.25)}
#chicago .feature.neighborhood-card.is-open:before{transform:rotate(45deg);background:var(--gold);color:var(--navy);border-color:var(--gold)}
#chicago .feature.neighborhood-card.is-open .label{transform:translateY(-154px)}
#chicago .feature.neighborhood-card.is-open .neighborhood-detail{opacity:1;transform:translateY(0);pointer-events:auto}
#chicago .side .feature.neighborhood-card.is-open{min-height:500px}
#chicago .neighborhoods .feature.neighborhood-card.is-open{min-height:555px}
#chicago .feature.neighborhood-card.is-open:after{background:linear-gradient(0deg,rgba(27,46,75,.92) 0%,rgba(27,46,75,.62) 47%,rgba(27,46,75,.12) 82%)}

@media(max-width:900px){
  .market:hover,.btn:hover,.pill:hover,.links a:hover,.reviews-link:hover,.socials a:hover{transform:none}
  #chicago .feature.neighborhood-card:hover{transform:none}
  #chicago .feature.neighborhood-card.is-open{min-height:620px!important}
  #chicago .feature.neighborhood-card.is-open .label{transform:translateY(-180px)}
  #chicago .neighborhood-detail{left:24px;right:24px;bottom:26px}
  .contact-logo-box{width:min(100%,320px);margin:0 auto 18px}
  .contact-logo{max-width:270px}
  .agent-logo{width:min(190px,52vw)}
  .broker-logo{width:min(240px,58vw);max-width:100%;height:auto;object-fit:contain}
}

@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}
}