:root{--navy:#061b29;--navy-deep:#031622;--ink:#102536;--blue:#6f96b0;--sky:#83b9cf;--paper:#f6f6f3;--muted:#59666c;--hairline:#c4d0d5;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 var(--sans)}a{color:inherit}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.08}h2{font-size:clamp(34px,4.1vw,52px)}.header{height:76px;position:absolute;inset:0 0 auto;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,4.3vw,66px);color:#fff}.brand{display:flex;align-items:center}.brand img{display:block;width:205px;height:auto}.navigation{display:flex;align-items:center;gap:clamp(12px,2vw,26px)}.navigation a{text-decoration:none;color:#fff;font-size:11px;white-space:nowrap}.navigation a:not(.nav-cta):hover{color:var(--sky)}.nav-cta{border:1px solid rgba(255,255,255,.72);padding:9px 17px;text-transform:uppercase;font-size:10px!important;letter-spacing:.04em}.menu-button{display:none}
.hero{position:relative;height:min(680px,62vw);min-height:460px;max-height:720px;display:flex;align-items:center;padding:74px clamp(32px,5.2vw,80px);overflow:hidden;color:#fff;background:var(--navy)}.hero-image{position:absolute;inset:0;background:url('assets/matt-marina.png') center 55%/cover no-repeat}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,30,.78),rgba(3,19,30,.34) 48%,rgba(3,19,30,.04) 78%),linear-gradient(0deg,rgba(3,19,30,.42),transparent 48%)}.hero-copy{position:relative;z-index:1;width:min(600px,59%);padding-top:20px}.hero h1{font-size:clamp(35px,4.4vw,58px)}.blue-rule{display:block;width:36px;height:2px;background:var(--sky);margin:20px 0 15px}.hero-copy>p{font-size:clamp(13px,1.35vw,17px);line-height:1.45}.hero-actions{display:flex;gap:14px;margin-top:22px}.button{min-height:38px;display:inline-flex;align-items:center;justify-content:space-between;gap:18px;padding:9px 15px;text-decoration:none;text-transform:uppercase;letter-spacing:.045em;font:500 10px var(--sans)}.button span{font-size:16px;line-height:1}.filled{background:#4c8aa8;color:#fff;border:1px solid #4c8aa8}.bordered{color:#fff;border:1px solid rgba(255,255,255,.85)}.light-outline{color:var(--ink);border:1px solid #7d9ba9}
.eyebrow{font-size:9px;text-transform:uppercase;letter-spacing:.2em;font-weight:600;color:#29465b;margin-bottom:13px}.about{display:grid;grid-template-columns:1fr 1fr;min-height:355px;background:var(--paper)}.about-copy{align-self:center;padding:38px clamp(32px,5.7vw,88px)}.about h2{font-size:clamp(34px,4vw,50px)}.about h2 span{color:var(--blue)}.about-copy>p:not(.eyebrow){max-width:490px;color:#58656c;font-size:13px;margin-top:12px}.about-copy .button{margin-top:14px}.portrait{min-height:355px;background:url('assets/matt-marina.png') 52% 38%/cover no-repeat}
.vining{position:relative;isolation:isolate;min-height:355px;color:#fff;padding:40px clamp(32px,5.7vw,88px) 0;overflow:hidden;background:var(--navy)}.vining-image{position:absolute;z-index:-2;inset:0;background:url('assets/matt-marina.png') center 19%/cover no-repeat;filter:saturate(.82)}.vining-wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,20,32,.92),rgba(2,20,32,.57) 54%,rgba(2,20,32,.45)),linear-gradient(0deg,rgba(2,20,32,.9),transparent 55%)}.vining-copy{max-width:520px}.vining h2{font-size:clamp(32px,3.8vw,46px);color:#fff}.vining-copy>p:not(.eyebrow){max-width:345px;margin-top:11px;font-size:12px;line-height:1.35}.vining-copy .button{margin-top:14px}.vining-logo{position:absolute;right:8%;top:34%;width:210px;text-align:center;display:flex;flex-direction:column;align-items:center;color:white;font-size:13px;letter-spacing:.19em}.v-mark{display:block;font:500 94px/.8 var(--serif);color:#fff;position:relative}.v-mark:after{content:'';position:absolute;width:100px;height:16px;border-top:3px solid var(--sky);border-radius:50%;left:50%;bottom:4px;transform:translateX(-50%) rotate(-5deg)}.vining-logo>span:last-child{margin-top:9px}.vining-logo small{display:block;font-size:9px;letter-spacing:.21em;margin-top:4px}.services{position:absolute;left:clamp(32px,5.7vw,88px);right:clamp(32px,5.7vw,88px);bottom:17px;display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid rgba(255,255,255,.25);padding-top:12px}.services>div{display:flex;align-items:center;flex-direction:column;text-align:center;border-right:1px solid rgba(255,255,255,.25);gap:4px}.services>div:last-child{border:0}.services>div>span{font-size:20px;line-height:1;color:var(--sky)}.services b{font-size:8px;text-transform:uppercase;letter-spacing:.04em;line-height:1.2;font-weight:600}
.insights{display:grid;grid-template-columns:.84fr 1.16fr;gap:5vw;align-items:center;min-height:295px;padding:35px clamp(32px,5.7vw,88px);background:var(--paper)}.insights-copy h2{font-size:clamp(31px,3.65vw,45px)}.insights-copy>p:not(.eyebrow){max-width:380px;color:#58656c;font-size:12px;margin-top:12px}.insights-copy .button{margin-top:14px}.insight-tiles{display:grid;grid-template-columns:1fr 1fr;gap:9px}.insight{height:126px;position:relative;display:flex;align-items:flex-end;padding:14px;color:#fff;text-decoration:none;overflow:hidden;background-image:linear-gradient(0deg,rgba(1,18,28,.66),rgba(1,18,28,.02)),url('assets/matt-marina.png');background-size:auto,cover;transition:filter .2s}.insight:hover{filter:brightness(1.1)}.insight b{position:relative;z-index:1;text-transform:uppercase;font-size:12px;line-height:1.1}.insight b span{font-size:16px}.tile-marina{background-position:center,15% 36%}.tile-buying{background-position:center,50% 20%}.tile-market{background-position:center,88% 24%}.tile-media{background-position:center,73% 65%}
.photography{position:relative;isolation:isolate;min-height:clamp(245px,31vw,390px);display:flex;align-items:center;padding:35px clamp(32px,5.7vw,88px);color:#fff;overflow:hidden;background:var(--navy)}.photo-backdrop{position:absolute;z-index:-2;inset:0;background:url('assets/matt-marina.png') center 18%/cover no-repeat;filter:saturate(.9)}.photo-wash{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(3,20,31,.83),rgba(3,20,31,.26) 60%,rgba(3,20,31,.08)),linear-gradient(0deg,rgba(3,20,31,.34),transparent)}.photo-copy{max-width:480px}.photo-copy h2{font-size:clamp(32px,4vw,48px);color:#fff}.photo-copy>p:not(.eyebrow){max-width:360px;font-size:12px;margin-top:12px}.photo-copy .button{margin-top:14px}
.contact{display:grid;grid-template-columns:1.25fr .75fr;gap:7vw;align-items:center;min-height:205px;padding:30px clamp(32px,5.7vw,88px);background:var(--paper)}.contact-copy h2{font-size:clamp(31px,3.7vw,45px)}.contact-copy>p:not(.eyebrow){max-width:470px;font-size:12px;color:#58656c;margin-top:10px}.contact-details{border-left:1px solid #88a1ad;padding:4px 0 4px 35px;font-size:11px;color:#4c5d66}.contact-details p{display:flex;align-items:center;gap:15px;margin:5px 0}.contact-icon{width:15px;color:#153650;font-size:16px}.contact-details a{text-decoration:none}.social-links{display:flex;gap:16px;margin:13px 0 0 30px}.social-links a{font-size:17px;font-weight:700;text-decoration:none;color:var(--navy)}
.footer{background:var(--navy-deep);color:#fff;padding:24px clamp(32px,4.3vw,66px) 12px}.footer-main{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:25px}.footer-main>img{width:190px;height:auto}.footer-main>p{border-left:1px solid #4d7383;padding-left:22px;font:14px/1.25 var(--serif)}.footer-main nav{display:flex;justify-content:flex-end;gap:16px}.footer-main nav a,.footer-social a{font-size:9px;color:#fff;text-decoration:none;white-space:nowrap}.footer-social{display:flex;gap:11px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.2);padding-top:9px;margin-top:8px;color:#aebbc0;font-size:9px}
@media(max-width:680px){.header{height:66px;padding:0 20px}.brand img{width:190px}.menu-button{display:grid;gap:6px;padding:8px;border:0;background:transparent}.menu-button span{width:20px;height:1px;background:#fff}.navigation{display:none;position:absolute;top:66px;left:0;right:0;padding:18px 22px 22px;background:rgba(5,25,38,.97);align-items:stretch;gap:0}.navigation.open{display:flex;flex-direction:column}.navigation a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.12)}.navigation .nav-cta{margin-top:12px;text-align:center;border:1px solid rgba(255,255,255,.7)}.hero{height:610px;min-height:0;padding:90px 24px 53px;align-items:flex-end}.hero-image{background-position:53% 50%}.hero-wash{background:linear-gradient(90deg,rgba(3,19,30,.54),rgba(3,19,30,.03)),linear-gradient(0deg,rgba(3,19,30,.76),transparent 80%)}.hero-copy{width:100%;padding:0}.hero h1{font-size:39px}.hero-actions{gap:8px}.button{padding:9px 12px;min-height:36px}.about{grid-template-columns:1fr}.about-copy{padding:43px 24px 27px}.about h2{font-size:40px}.portrait{min-height:310px;background-position:center 35%}.vining{min-height:560px;padding:39px 24px 0}.vining-copy{max-width:100%}.vining h2{font-size:35px;max-width:420px}.vining-copy>p:not(.eyebrow){max-width:320px}.vining-logo{top:auto;right:18px;bottom:142px;transform:scale(.68);transform-origin:right bottom}.services{left:18px;right:18px;bottom:13px;grid-template-columns:repeat(3,1fr);row-gap:12px;padding-top:10px}.services>div:nth-child(3){border:0}.services>div>span{font-size:17px}.services b{font-size:7px}.insights{grid-template-columns:1fr;gap:25px;padding:42px 24px}.insights-copy h2{font-size:38px}.insight{height:115px;padding:10px}.insight b{font-size:10px}.photography{min-height:310px;padding:40px 24px;align-items:flex-end}.photo-copy h2{font-size:37px}.contact{grid-template-columns:1fr;gap:25px;padding:40px 24px}.contact-copy h2{font-size:36px}.contact-details{border-left:0;border-top:1px solid #88a1ad;padding:18px 0 0}.footer{padding:25px 24px 12px}.footer-main{grid-template-columns:1fr auto;gap:14px}.footer-main>img{width:190px}.footer-main>p{grid-column:1;grid-row:2;border:0;padding:0;margin-top:0}.footer-main nav{grid-column:1/-1;grid-row:3;justify-content:flex-start;flex-wrap:wrap;gap:10px 14px}.footer-social{grid-column:2;grid-row:1}.footer-bottom{font-size:8px}}
@media(min-width:681px) and (max-width:900px){.navigation{gap:10px}.navigation a{font-size:9px}.brand img{width:180px}.nav-cta{padding:7px 10px}.vining-logo{right:5%;transform:scale(.78)}.insights{gap:3vw}.insight{height:110px}}
.hero-image{background-image:url('assets/matt-marina.png?v=3')}.vining-image{background-image:url('assets/vining-marina-banner.png')}.photo-backdrop{background-image:url('assets/photography-marina-banner.png')}
@media(max-width:400px){.hero h1{font-size:29px}.hero-copy>p{font-size:13px}.hero-actions{gap:7px}.hero-actions .button{font-size:9px;padding-inline:10px}}
.tile-marina,.tile-buying,.tile-market,.tile-media{background-size:cover;background-position:center}.tile-marina{background-image:linear-gradient(0deg,rgba(1,18,28,.64),rgba(1,18,28,.02)),url('assets/tile-marina.png')}.tile-buying{background-image:linear-gradient(0deg,rgba(1,18,28,.64),rgba(1,18,28,.02)),url('assets/tile-buying.png')}.tile-market{background-image:linear-gradient(0deg,rgba(1,18,28,.64),rgba(1,18,28,.02)),url('assets/tile-market.png')}.tile-media{background-image:linear-gradient(0deg,rgba(1,18,28,.64),rgba(1,18,28,.02)),url('assets/tile-media.png')}
.vining-logo{width:236px;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none}.vining-logo img{display:block;width:100%;height:auto;filter:drop-shadow(0 3px 8px rgba(0,0,0,.5))}