/* Beach Homes Realty Quickstart, May 2023. Load after all page styles. */
/* White and Sand tints complement the exact approved palette in styles.css. */
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:.005em;line-height:1.13;text-transform:uppercase;overflow-wrap:break-word}
em{font-style:normal}
h1 em,h2 em,h3 em{font-weight:400}
h4{font-family:var(--sans);font-weight:700;text-transform:uppercase}
.wordmark-top{font-weight:500;text-transform:uppercase}
.home-lakewood-feature{background:var(--navy);color:#FFFFFF;padding-block:76px}
.lakewood-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.home-lakewood-feature h2{font-size:clamp(36px,3.7vw,56px)}
.home-lakewood-feature .eyebrow{color:#ACD6F2;font-size:9px}
.lakewood-feature-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:530px}
.lakewood-feature-actions{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center;margin-top:28px}
.lakewood-feature-actions .button{font-size:9px;gap:24px;padding-inline:20px}
.lakewood-feature-actions .text-link{font-size:9px}
.footer-service-message{border-bottom:1px solid var(--line);padding-bottom:27px;margin-bottom:35px}
.footer-service-message>strong{display:block;font-family:var(--serif);font-size:32px;line-height:1.2;font-weight:500;text-transform:uppercase;margin-bottom:12px}
.footer-service-message>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:800px;margin:0}
.local-experience{display:grid;grid-template-columns:.7fr 1.3fr;gap:9%;align-items:center;border-bottom:1px solid var(--line);padding-block:75px}
.local-experience figure{margin:0;max-width:330px}
.local-experience img{width:100%;height:auto}
.local-experience figcaption{font-size:7px;line-height:1.8;letter-spacing:.07em;margin-top:13px}
.local-experience h2{font-size:clamp(35px,4vw,56px);margin-bottom:27px}
.local-experience div>p:not(.eyebrow){font-size:14px;line-height:1.95;max-width:600px;color:var(--muted)}
.local-experience .text-link{font-size:10px}
@media(max-width:700px){.home-lakewood-feature{padding-block:60px}.lakewood-feature-grid{grid-template-columns:1fr;gap:27px}.home-lakewood-feature h2{font-size:38px}.lakewood-feature-grid>div>p:not(.eyebrow){font-size:13px}.footer-service-message>strong{font-size:28px}.footer-service-message>p{font-size:11px}.local-experience{grid-template-columns:1fr;gap:35px;padding-block:55px}.local-experience figure{max-width:340px}.local-experience h2{font-size:36px}.local-experience div>p:not(.eyebrow){font-size:13px}}
.mobile-nav a{text-transform:uppercase}
.mobile-nav a.mobile-phone{text-transform:none}
.footer-mid nav{flex-wrap:wrap;row-gap:14px}
@media(min-width:901px) and (max-width:1250px){.desktop-nav{gap:18px;font-size:9px}}
.idx-activation-note{font-size:11px;line-height:1.8;max-width:560px;margin:20px 0 0}
.idx-activation-note a,.idx-search-status a{text-decoration:underline;text-underline-offset:4px}
.idx-search-status{padding-block:13px;background:#F6F1EA;border-bottom:1px solid #ACD6F2;font-size:11px;line-height:1.8;color:var(--navy)}
.idx-search-status p{margin-block:0}
@media(max-width:700px){.hero{height:auto;min-height:95svh;max-height:none;padding-block:140px 110px}.hero-content{padding-top:0}}
.hero h1{font-size:clamp(48px,5.9vw,92px);letter-spacing:.005em;line-height:1.1}
.hero-shade{background:linear-gradient(90deg,rgba(0,77,113,.72),rgba(0,77,113,.28) 75%),linear-gradient(0deg,rgba(0,77,113,.5),transparent 45%,rgba(0,77,113,.7))}
.signature{font-family:var(--sans);font-size:25px;font-weight:500;font-style:normal;letter-spacing:.02em;text-transform:uppercase}
.contact-name{font-family:var(--sans);font-weight:700;text-transform:uppercase}
.contact-name small{font-weight:400}
.contact-phone,.profile-phone,.neighborhood-contact-names a{font-family:var(--sans);font-weight:500;font-size:24px;letter-spacing:0}
.team-contact .contact-name{font-size:22px}
.team-contact .contact-phone{font-size:23px;white-space:nowrap}
.team-profile h3{font-family:var(--sans);font-size:30px;font-weight:700;letter-spacing:.01em}
.team-profile>p strong{font-weight:600}
.place summary>span:nth-child(2),.guide-tab span,.form-title{font-weight:500;text-transform:uppercase;letter-spacing:.005em}
.guide-tab span{font-size:24px}
.place small{font-weight:400;text-transform:none}
.guide-bottom>span,.places-footer p,.intro-line em{font-family:var(--sans);font-style:normal;font-size:16px}
.interlude-quote{font-family:var(--sans);font-size:clamp(28px,3.1vw,46px);font-weight:500;letter-spacing:0;line-height:1.4}
.neighborhood-deck{font-family:var(--sans);font-size:19px;font-style:normal;line-height:1.7}
.neighborhood-local-line span:first-child,.directory-personal p{font-family:var(--sans);font-size:18px;font-style:normal;line-height:1.6}
.neighborhood-title-grid h1{font-size:clamp(48px,6vw,88px);line-height:1.12}
.catalog-intro h1{font-size:clamp(44px,4.8vw,72px);line-height:1.15}
.neighborhood-faq-list summary{font-family:var(--sans);font-size:20px;font-weight:500;line-height:1.5}
.neighborhood-snapshot dd{font-family:var(--sans);font-size:18px;font-weight:500;line-height:1.5}
.neighborhood-contact-names{font-weight:500}
/* Half the entire logo height is conservative clearspace for its house icon. */
.broker-logo-link{display:inline-flex;align-items:center;justify-content:center;padding:26px 30px;background:#FFFFFF;flex-shrink:0}
.broker-logo{width:215px;height:auto;max-width:none;object-fit:contain}
/* Display the supplied real photograph at its natural portrait proportions. */
.team-photo-frame{position:relative;overflow:hidden;background:var(--sand)}
.team-portrait .team-photo-frame img{display:block;position:static;width:100%;height:auto;max-width:100%;aspect-ratio:auto;transform:none}
@media(max-width:1150px){.team-contact .contact-phone{font-size:24px}.team-profile h3{font-size:27px}.guide-tab span{font-size:21px}}
@media(max-width:900px){.hero h1{font-size:clamp(45px,6.8vw,68px)}.team-profile h3{font-size:25px}.guide-tab span{font-size:19px}.catalog-intro h1{font-size:48px}.neighborhood-title-grid h1{font-size:58px}}
@media(max-width:700px){.hero h1{font-size:clamp(36px,7.8vw,52px);line-height:1.15}.signature{font-size:22px}.guide-tab span{font-size:23px}.team-profile h3{font-size:28px}.team-contact .contact-name{font-size:24px}.team-contact .contact-phone{font-size:26px}.broker-logo-link{padding:24px}.broker-logo{width:190px}.interlude-quote{font-size:28px}.catalog-intro h1{font-size:clamp(40px,10vw,55px)}.neighborhood-title-grid h1{font-size:clamp(44px,11vw,66px)}.neighborhood-deck{font-size:17px}.neighborhood-faq-list summary{font-size:19px}.neighborhood-contact-names a{font-size:23px}.neighborhood-contact .button{max-width:100%}.neighborhood-contact h2{font-size:38px}.hero-intro{font-size:13px}.hero-team{letter-spacing:.1em}}
@media(max-width:380px){.team-contact .contact-phone{font-size:24px}.neighborhood-contact h2{font-size:34px}.neighborhood-title-grid h1{font-size:43px}.guide-tab span{font-size:20px}}

/* Gentle, staggered upward reveals inspired by an editorial property showcase. */
.rise-enhanced.rise-enhanced{transition:opacity .8s ease var(--rise-delay,0ms),translate .95s cubic-bezier(.22,1,.36,1) var(--rise-delay,0ms)}
.rise-pending{opacity:0;translate:0 52px}
.home-neighborhood{transition:background .25s ease,box-shadow .25s ease}
.home-neighborhood:hover,.home-neighborhood:focus-visible{background:#FCF9F6;box-shadow:0 12px 28px rgb(0 77 113 / .08)}
@media(prefers-reduced-motion:reduce){.rise-enhanced,.home-neighborhood{transition:none}.rise-pending{opacity:1;translate:none}}
@media print{.rise-pending{opacity:1;translate:none}}

.idx-listings{background:#FCF9F6;border-bottom:1px solid #79ACC9}
.idx-carousel-frame{min-height:160px;max-width:100%}
.idx-listings-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:32px}
.idx-source-note{font-size:10px;line-height:1.7;max-width:850px;margin-top:24px;color:#004D71}
.idx-listings #IDX-carouselGallery-31443{width:100%;font-family:Montserrat,sans-serif;color:#004D71}
.idx-listings #IDX-carouselGallery-31443 .IDX-carouselCell{border-color:#79ACC9;box-shadow:none;background:white;padding:8px}
.idx-listings #IDX-carouselGallery-31443 a.IDX-carouselArrow{background:#004D71;border-radius:0;opacity:.95}
.idx-listings #IDX-carouselGallery-31443 .IDX-carouselPhoto{width:100%;object-fit:cover}
@media(max-width:700px){.idx-listings-actions{gap:24px}.idx-source-note{font-size:10px}}