/* Melbourne Beach — exact brand-board interpretation, 2026-08-13 */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--deep:#163B3A;--deep2:#0D2D2C;--lagoon:#3E7477;--glass:#AFCAC3;--linen:#EEE8DC;--drift:#A58E74;--white:#FAF8F3;--ink:#163B3A;--line:rgba(22,59,58,.2);--radius:0;--shadow:none}
html{scroll-behavior:smooth}body{font-family:Montserrat,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background-color:var(--white);background-image:radial-gradient(rgba(165,142,116,.055) .7px,transparent .7px);background-size:7px 7px;line-height:1.65}h1,h2,h3,.hero h1,.subhero h1{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:.01em;line-height:1.04}a{color:var(--lagoon)}a:hover{color:var(--deep)}
.site-header{position:sticky;top:0;z-index:50;background:var(--deep);border:0;box-shadow:none}.site-header .nav-wrap{width:100%;max-width:none;min-height:96px;padding:0 40px;display:grid;grid-template-columns:minmax(340px,1fr) auto;grid-template-rows:28px 68px;gap:0 28px;align-items:center}.site-header .advisor-mark{grid-column:1/-1;grid-row:1;display:flex;align-items:center;gap:7px;height:28px;border:0;border-bottom:1px solid rgba(238,232,220,.17);padding:0;overflow:visible}.site-header .advisor-mark img{display:block;width:auto;object-fit:contain;background:var(--white);flex:0 0 auto}.site-header .advisor-mark img:first-child{height:17px;max-width:17px}.site-header .advisor-mark img:nth-child(2){height:17px;max-width:58px}.site-header .advisor-mark .broker-llc{color:var(--linen);font-size:.42rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.site-header .brand-destination{grid-column:1;grid-row:2;display:flex;align-items:center;gap:12px;min-width:0;color:var(--white);text-decoration:none}.site-header .brand-destination img{display:block;width:72px;height:52px;object-fit:contain;filter:none;opacity:1}.site-header .brand-destination strong{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:1.27rem;font-weight:500;line-height:.88;letter-spacing:.055em;text-transform:uppercase;color:var(--white)}.site-header .brand-destination small{display:block;margin-top:6px;color:var(--glass);font-size:.46rem;letter-spacing:.2em;text-transform:uppercase}.site-header .nav{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:flex-end;gap:26px;flex-wrap:nowrap;min-width:0}.site-header .nav a{color:var(--white);font-size:.59rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;text-decoration:none;min-height:44px;display:flex;align-items:center}.site-header .nav a:hover{color:var(--glass)}.site-header .nav .btn.small{padding:0;border:0;border-bottom:2px solid var(--drift);background:transparent;color:var(--white)!important;border-radius:0;min-width:44px}
.btn{border-radius:0;background:var(--deep);border:1px solid var(--deep);color:var(--white)!important;box-shadow:none;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;min-height:48px;padding:13px 22px}.btn:hover{background:var(--deep2);color:var(--white)!important;transform:none}.btn.ghost{background:rgba(250,248,243,.9);border-color:var(--deep);color:var(--deep)!important}
.hero{position:relative;isolation:isolate;min-height:650px;padding:0;background:linear-gradient(90deg,rgba(250,248,243,.96) 0%,rgba(250,248,243,.78) 37%,rgba(250,248,243,.12) 60%,rgba(250,248,243,0) 100%),url('/assets/melbourne-beach-hero.webp') center right/cover no-repeat;border:0}.hero-grid{display:grid;grid-template-columns:1fr;min-height:650px;align-items:center}.hero-copy{max-width:610px;padding:58px 0 70px}.hero-copy .eyebrow,.hero-copy .lead,.hero .trust-strip,.hero .realtor-panel{display:none!important}.hero h1{max-width:580px;margin:0 0 22px;font-size:clamp(4.4rem,6.7vw,7rem);line-height:.88;letter-spacing:.025em;text-transform:uppercase;color:var(--deep)}.hero-tagline{font-family:"Cormorant Garamond",Georgia,serif;font-style:italic;font-size:1.62rem;color:var(--lagoon);margin:0 0 20px}.hero-tagline:before{content:"";display:block;width:48px;border-top:1px solid var(--drift);margin:0 0 14px}.hero-kicker{margin:0 0 29px;font-size:.67rem;letter-spacing:.22em;text-transform:uppercase;color:var(--drift)}.hero .cta-row{display:flex;margin:0}.hero .cta-row .btn:not(:first-child){display:none}.hero .cta-row .btn:first-child{padding:15px 28px}
.brand-path-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--deep);padding:0 max(4vw,36px);border:0}.brand-path-strip a{position:relative;display:flex;min-height:98px;align-items:center;justify-content:center;gap:15px;color:var(--white);text-decoration:none;font-size:.62rem;letter-spacing:.2em;text-transform:uppercase}.brand-path-strip a+a:before{content:"";position:absolute;left:0;height:45px;border-left:1px solid rgba(238,232,220,.3)}.brand-path-strip .path-icon{font-family:"Cormorant Garamond",Georgia,serif;color:var(--glass);font-size:2rem;line-height:1}.brand-path-strip svg.path-icon{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.brand-path-strip a:nth-child(2) .path-icon{color:var(--drift)}
.brand-about{padding:88px 0;background:rgba(250,248,243,.94)}.brand-about-grid{display:grid;grid-template-columns:minmax(250px,.56fr) minmax(0,1fr);gap:66px;align-items:center;max-width:1000px}.brand-about-media{position:relative}.brand-about-media:before{content:"";position:absolute;inset:-12px 12px 12px -12px;border:1px solid var(--glass)}.brand-about-media img{position:relative;display:block;width:100%;max-height:470px;object-fit:cover;object-position:50% 18%;border-radius:0}.brand-about h2{font-size:clamp(2.7rem,4.2vw,4.5rem);margin:.1em 0 .3em;color:var(--deep)}.brand-about .eyebrow{color:var(--drift)}.brand-about .review-link{display:inline-block;margin-top:12px;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.eyebrow{color:var(--lagoon);font-size:.65rem;letter-spacing:.22em}.section{padding:92px 0}.section-heading{max-width:860px}.card,.path-card,.related-local-guides,.internal-link-boost{border-radius:0!important;border-color:var(--line)!important;box-shadow:none!important;background:rgba(250,248,243,.97)!important}.card{position:relative}.card:before{content:"~";position:absolute;right:22px;top:13px;color:var(--drift);font-family:Georgia,serif;font-size:1.4rem}.soft-section{background:var(--linen)}.teal-section,.dark-section{background:var(--deep);color:var(--white);border-top:3px solid var(--drift)}.teal-section h2,.teal-section h3,.dark-section h2,.dark-section h3{color:var(--white)}.teal-section .eyebrow,.dark-section .eyebrow{color:var(--glass)}.teal-section .card,.dark-section .card{background:var(--white)!important}.teal-section .card h2,.teal-section .card h3,.teal-section .card p,.teal-section .card a,.dark-section .card h2,.dark-section .card h3,.dark-section .card p,.dark-section .card a{color:var(--deep)}
.subhero{position:relative;padding:102px 0 82px;background:linear-gradient(120deg,var(--linen) 0%,var(--white) 66%,var(--glass) 150%);border-bottom:3px solid var(--drift)}.subhero:after{content:"☼  ≋";position:absolute;right:7%;top:68px;color:var(--drift);font-size:1.6rem;letter-spacing:.25em}.subhero h1{font-size:clamp(3.4rem,5.7vw,5.9rem);line-height:.93;text-transform:uppercase;color:var(--deep)}.content h2{color:var(--deep);border-top-color:var(--line)}
.related-local-guides,.internal-link-boost{width:min(100% - 44px,1100px);margin:50px auto;padding:28px}.related-local-guides li:first-child a[href="/videos/"]{display:none}.tool-frame{border-radius:0;border-color:var(--glass)}
.site-footer{background:var(--deep);color:var(--linen);border-top:4px solid var(--drift)}.site-footer:before{content:"OCEANFRONT  ·  RIVERFRONT  ·  RELOCATION";display:block;text-align:center;color:var(--glass);font-size:.62rem;letter-spacing:.24em;margin:0 auto 44px}.site-footer h2,.site-footer h3{color:var(--white)}.site-footer a{color:var(--linen)}.ai-network-disclosure{border-top-color:rgba(238,232,220,.3)}
@media(max-width:1100px){.site-header .nav-wrap{padding:0 22px;grid-template-columns:minmax(290px,1fr) auto;gap:0 18px}.site-header .nav{gap:16px}.site-header .nav a{font-size:.54rem}.hero h1{font-size:clamp(4rem,7.7vw,6rem)}}
@media(max-width:850px){.site-header{position:relative}.site-header .nav-wrap{grid-template-columns:1fr;grid-template-rows:28px auto auto;padding:0 16px 10px}.site-header .advisor-mark{grid-column:1;grid-row:1}.site-header .brand-destination{grid-column:1;grid-row:2;padding:9px 0}.site-header .nav{grid-column:1;grid-row:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:0 10px;border-top:1px solid rgba(238,232,220,.18);padding-top:5px}.site-header .nav a{justify-content:center}.site-header .nav .btn.small{justify-self:stretch}.hero{min-height:610px;background:linear-gradient(90deg,rgba(250,248,243,.96) 0%,rgba(250,248,243,.72) 65%,rgba(250,248,243,.12) 100%),url('/assets/melbourne-beach-hero.webp') 62% center/cover no-repeat}.hero-grid{min-height:610px}.hero-copy{max-width:72%;padding:60px 0}.hero h1{font-size:clamp(3.8rem,11vw,5.2rem)}.brand-about-grid{grid-template-columns:.65fr 1fr;gap:36px}.footer-grid{grid-template-columns:1fr}}
@media(max-width:560px){.site-header .brand-destination img{width:58px}.site-header .brand-destination strong{font-size:1.08rem}.site-header .nav{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:590px;background:linear-gradient(180deg,rgba(250,248,243,.96) 0%,rgba(250,248,243,.88) 52%,rgba(250,248,243,.35) 100%),url('/assets/melbourne-beach-hero.webp') 62% center/cover no-repeat}.hero-grid{min-height:590px}.hero-copy{max-width:100%;padding:48px 0 70px}.hero h1{font-size:3.65rem}.hero-tagline{font-size:1.35rem}.brand-path-strip{padding:0 16px}.brand-path-strip a{min-height:82px;gap:6px;font-size:.48rem;letter-spacing:.12em;text-align:center}.brand-path-strip .path-icon{font-size:1.45rem}.brand-about{padding:66px 0}.brand-about-grid{grid-template-columns:1fr;gap:38px}.brand-about-media{max-width:280px}.cta-row{display:grid}.cta-row .btn{width:100%}.section{padding:66px 0}.subhero h1{font-size:3.15rem}}