@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Sans:wght@400;500;600&display=swap');
:root{--ink:#16282c;--paper:#f7f5ef;--gold:#ac9064;--line:#d9d8cf}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 'DM Sans',sans-serif}h1,h2,h3,.brand{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400;line-height:1.05}h1{font-size:clamp(52px,6.6vw,100px);margin:22px 0}h2{font-size:clamp(38px,4.2vw,64px);margin:12px 0 24px}h3{font-size:32px;margin:14px 0}p{max-width:640px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,textarea,select{outline-offset:5px}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}video{display:block;width:100%;background:#172329}header{position:absolute;top:30px;z-index:5;width:100%;color:white;display:flex;justify-content:space-between;align-items:center;padding:25px 4.5%;border-bottom:1px solid #ffffff45}.brand{font-size:31px;letter-spacing:1px}.brand small{display:block;font:9px 'DM Sans';text-transform:uppercase;letter-spacing:4px;margin-top:9px}nav{display:flex;gap:28px;align-items:center;font-size:11px;letter-spacing:1.6px;text-transform:uppercase}.nav-cta{border:1px solid #ffffff80;padding:12px 20px}.demo{height:30px;text-align:center;background:#14272c;color:#eee;font-size:10px;letter-spacing:1.1px;line-height:30px}.hero{height:min(860px,95vh);min-height:630px;position:relative;color:white;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.hero video,.hero:after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:'';background:linear-gradient(#0006,#0003 45%,#0008)}.hero-content{position:relative;z-index:1;padding:100px 20px 50px;max-width:1000px}.eyebrow{font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:500}.hero p{margin:20px auto 30px;color:#f5f2e9}.buttons{display:flex;gap:14px;flex-wrap:wrap}.hero .buttons{justify-content:center}.btn{display:inline-flex;justify-content:center;align-items:center;gap:35px;min-height:50px;padding:14px 25px;border:1px solid var(--ink);background:var(--ink);color:white;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}.btn.light{background:var(--paper);border-color:var(--paper);color:var(--ink)}.btn.outline{background:transparent;color:inherit;border-color:currentColor}.video-toggle{position:absolute;z-index:2;bottom:35px;right:4.5%;background:#0003;border:1px solid #fff8;color:white;padding:8px 15px;font-size:11px}.scroll-note{position:absolute;bottom:40px;left:4.5%;z-index:2;font-size:10px;letter-spacing:2px}.wrap{max-width:1440px;margin:auto;padding:100px 6%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-head h2{margin-bottom:0}.text-link{font-size:11px;letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid;padding-bottom:7px;white-space:nowrap}.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:70px;align-items:center}.intro p{color:#5c6767}.intro video{aspect-ratio:16/9;object-fit:cover}.video-caption{display:flex;justify-content:space-between;margin-top:12px;font-size:10px;letter-spacing:1.7px;text-transform:uppercase}.signature{font:italic 35px 'Cormorant Garamond';margin:30px 0}.properties{background:#eeeee7}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.property{display:block}.property .picture{position:relative;overflow:hidden}.property img{aspect-ratio:4/3;transition:transform .6s}.property:hover img{transform:scale(1.035)}.tag{position:absolute;left:15px;top:15px;background:var(--paper);padding:5px 10px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}.property .price{font-size:23px;font-family:Georgia;margin-top:22px}.property h3{font-size:29px;margin:8px 0}.location,.facts{font-size:12px;color:#637071}.facts{border-top:1px solid #c8ceca;margin-top:20px;padding-top:15px}.property .text-link{display:inline-block;margin-top:20px}.dark{background:#162b30;color:#f7f5ef}.feature{display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}.feature img{aspect-ratio:5/4}.feature p{color:#c4cecb}.services{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service{padding-top:35px;border-top:1px solid var(--line)}.service p{color:#5b6665}.num{font:italic 24px 'Cormorant Garamond';color:#9a845f}.area{border-top:1px solid var(--line);padding:40px 6%;text-align:center}.area-list{font:26px 'Cormorant Garamond';line-height:1.8;margin:16px auto;max-width:900px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.agent-mini{display:flex;gap:20px;align-items:center;margin-top:30px}.agent-mini img{width:90px;height:110px}.agent-mini p{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;letter-spacing:1px}input,select,textarea{width:100%;border:0;border-bottom:1px solid #acb6b2;background:transparent;border-radius:0;padding:12px 0;color:var(--ink)}textarea{resize:vertical}.wide{grid-column:1/-1}.fine{font-size:11px;color:#6c7571;line-height:1.6}.success{padding:18px;background:#e5ebe2;margin:15px 0}footer{padding:45px 6%;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px;align-items:center}footer p{font-size:11px;color:#65706d;max-width:550px}.page-header{position:relative;background:#162b30;top:0}.page-main{padding-top:65px}.detail-hero{aspect-ratio:2.25}.detail-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;margin:55px 0}.gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery button{padding:0;border:0;background:transparent}.gallery img{aspect-ratio:16/10}.gallery-caption{font-size:12px;margin:7px 0 18px}.menu-button{display:none}.mobile-contact{display:none}dialog{border:0;padding:45px 20px 20px;max-width:95vw;background:var(--paper)}dialog::backdrop{background:#000c}dialog img{max-height:80vh;object-fit:contain}dialog button{position:absolute;right:12px;top:7px;border:0;background:transparent;font-size:24px}.privacy{max-width:800px}.privacy h2{font-size:35px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about-grid img{max-height:700px}.sr-only{position:absolute;left:-9999px}@media(max-width:800px){header{padding:20px 6%}.brand{font-size:25px}.menu-button{display:block;border:1px solid #ffffff60;background:transparent;color:white;padding:8px 12px}nav{display:none;position:absolute;top:95px;left:0;right:0;padding:25px;background:#162b30;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:650px;height:85vh}.hero-content{padding-top:110px}.hero h1{font-size:58px}.hero p{font-size:14px}.wrap{padding:65px 6%}.intro,.feature,.services,.contact-grid,.about-grid,.detail-grid{grid-template-columns:1fr;gap:35px}.grid{grid-template-columns:1fr;gap:45px}.section-head{align-items:start;flex-direction:column}.intro video{order:0}.form-grid{gap:15px}.demo{font-size:8px;letter-spacing:.5px}.scroll-note{display:none}.video-toggle{bottom:20px}.gallery{grid-template-columns:1fr}.detail-hero{aspect-ratio:4/3}footer{align-items:start;flex-direction:column;padding-bottom:90px}.mobile-contact{display:block;position:fixed;bottom:0;left:0;right:0;z-index:8;background:#162b30;color:white;text-align:center;padding:14px;text-transform:uppercase;font-size:11px;letter-spacing:2px}.buttons .btn{gap:15px}.fine{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Selected signature logo */
.logo-brand{display:block;width:235px;flex-shrink:0}.logo-brand img{width:100%;height:118px;object-fit:contain;mix-blend-mode:screen}header{padding-top:10px;padding-bottom:10px}footer .logo-brand img{filter:invert(1);mix-blend-mode:multiply}footer .logo-brand{width:260px}@media(max-width:800px){.logo-brand{width:180px}.logo-brand img{height:90px}header{padding-top:8px;padding-bottom:8px}nav{top:106px}}

/* Timed presenter reveal follows actual video playback. */
.hero-content,.scroll-note{transition:opacity .45s ease,visibility .45s}
.hero:after{transition:opacity .45s ease;pointer-events:none}
.hero.presenter-active .hero-content,.hero.presenter-active .scroll-note{opacity:0;visibility:hidden;pointer-events:none}
.hero.presenter-active:after{opacity:0}
.sound-toggle{position:absolute;z-index:2;bottom:35px;left:50%;transform:translateX(-50%);background:#0009;border:1px solid #fff8;color:white;padding:8px 15px;font-size:11px;cursor:pointer}
@media(max-width:800px){.sound-toggle{bottom:20px;left:6%;transform:none}}
@media(prefers-reduced-motion:reduce){.hero-content,.scroll-note,.hero:after{transition:none}}

/* Final brand and navigation treatment */
header:not(.page-header){background:transparent;border-bottom:0}
header:not(.page-header) nav,header:not(.page-header) .menu-button{text-shadow:0 1px 4px #000,0 1px 12px #0009}
header:not(.page-header) .logo-mark{filter:drop-shadow(0 1px 3px #0009)}
header.page-header{background:#101b2a}
.logo-mark{display:block;width:100%;height:118px;background:currentColor;mask-image:url('assets/natalie-logo.png');mask-mode:luminance;mask-size:contain;mask-position:center;mask-repeat:no-repeat}
footer .logo-brand{color:var(--ink)}
.studio-callout{background:#101b2a;color:var(--paper);border-top:1px solid #ffffff25}
.studio-inner{display:flex;align-items:center;justify-content:space-between;gap:50px;padding-top:65px;padding-bottom:65px}
.studio-inner h2{font-size:clamp(34px,3.5vw,52px)}
.studio-inner .fine{color:#c4cecb;max-width:620px}
.studio-inner>.btn{flex-shrink:0}
@media(max-width:800px){.logo-mark{height:90px}.hero h1{font-size:clamp(40px,11.8vw,52px)}.hero-content{padding-top:95px}.studio-inner{flex-direction:column;align-items:flex-start;gap:25px}.studio-inner>.btn{white-space:normal;max-width:100%}.hero .eyebrow{font-size:9px;letter-spacing:2px}}