@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@300;400;500&display=swap');
:root{--ink:#222222;--paper:#ffffff;--gold:#ab9b8e;--line:#d9d3cd}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #897668;outline-offset:7px}.skip{position:fixed;left:10px;top:-80px;z-index:10;padding:12px;background:white}.skip:focus{top:10px}header{height:114px;padding:0 5%;display:flex;align-items:center;justify-content:space-between}.brand{font-family:'Manrope',Arial,sans-serif;font-size:43px;line-height:1;letter-spacing:.18em}.brand span{display:block;font-family:'DM Sans',sans-serif;font-size:10px;letter-spacing:.29em;margin-top:12px}nav{display:flex;gap:40px;align-items:center;font-size:14px}.nav-contact{border-bottom:1px solid;padding:9px 0}.nav-contact span{margin-left:24px}.hero{background:var(--ink);color:var(--paper);position:relative;display:grid;grid-template-columns:44% 56%}.hero-copy{padding:68px 5vw 55px;position:relative;z-index:1}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.16em;margin:0 0 30px}.hero .eyebrow{color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Manrope',Arial,sans-serif;font-weight:300;letter-spacing:-.05em;line-height:1.13}h1{font-size:clamp(50px,5.4vw,88px);margin:46px -160px 50px 0;text-shadow:0 2px 30px #22222230}em{font-family:Georgia,serif;font-weight:400}h1 em{color:var(--gold)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero-bottom p{font-size:15px;margin:0;color:#e1dbd5}.circle-link{border:1px solid #ab9b8e;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;font-size:25px;flex-shrink:0;transition:background .2s}.circle-link:hover{background:#4d443e}.hero-image{margin:0;position:relative;min-height:550px}.hero-image img{height:100%;width:100%;object-fit:cover;display:block}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#22222222,transparent 40%);pointer-events:none}.hero-image figcaption{position:absolute;bottom:18px;right:22px;left:22px;font-size:10px;letter-spacing:.08em;text-align:right;text-shadow:0 1px 8px black;z-index:1}.hero-strip{grid-column:1/-1;display:flex;justify-content:space-between;padding:21px 5%;border-top:1px solid #655d56;font-size:10px;letter-spacing:.14em;color:#c8bbb0}.section{padding:100px 7%}.approach{display:grid;grid-template-columns:29% 71%;gap:0}h2{font-size:clamp(36px,4vw,60px);margin-bottom:32px}.approach>div>p{max-width:680px;color:#69625d}.approach .intro{font-size:22px;color:var(--ink);max-width:620px;line-height:1.5}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:55px}.principles>div{border-top:1px solid var(--line);padding-top:22px}.principles span{font-size:12px;color:#8c7f74}.principles h3{font-size:16px;font-weight:500;margin:15px 0 12px}.principles p{font-size:14px;color:#69625d}.residence{background:#f3f0ed}.residence-top{display:flex;justify-content:space-between;align-items:start}.tag{font-size:10px;letter-spacing:.12em;border:1px solid #ab9b8e;padding:6px 12px}.residence-heading{display:grid;grid-template-columns:55% 45%;align-items:end;margin-top:25px;gap:0}.residence-heading h2{font-size:clamp(68px,8vw,115px);line-height:1.03;margin-bottom:45px}.residence-heading>div{max-width:400px;padding-bottom:48px}.residence-heading .eyebrow{margin-bottom:20px}.text-link{display:inline-flex;gap:55px;align-items:center;border-bottom:1px solid;padding:13px 0;font-size:14px}.text-link:hover{opacity:.65}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d2c9c1;padding-top:30px;gap:25px}.facts strong{font-family:'Manrope',sans-serif;font-size:46px;font-weight:300;letter-spacing:-.04em}.facts strong span{font-size:24px}.facts p{font-size:13px;color:#69625d;margin:5px 0 0}.details{display:grid;grid-template-columns:1fr 1fr;gap:8%}.details h2{font-size:43px}.details>div>p:not(.eyebrow){max-width:390px;color:#69625d}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;align-items:center;padding:25px 0;font-size:18px;gap:22px}summary::-webkit-details-marker{display:none}summary span{font-size:12px;color:#8c7f74}summary:after{content:'+';margin-left:auto;font-size:24px;font-weight:300}details[open] summary:after{content:'−'}details p{margin:0 20px 28px 37px;font-size:15px;color:#69625d}.closing{padding:80px 7%;background:var(--ink);color:var(--paper);text-align:center}.closing .eyebrow{color:var(--gold)}.closing h2{font-size:clamp(46px,6vw,80px)}.closing em{color:var(--gold)}footer{display:flex;justify-content:space-between;align-items:center;padding:50px 7%;gap:25px}footer p{font-size:14px;margin:0;color:#69625d}footer>div{text-align:right;font-size:14px}footer small{display:block;font-size:12px;color:#69625d;margin-top:8px}@media(min-width:1600px){body{max-width:1900px;margin:auto}}@media(max-width:900px){header{height:100px}nav{gap:20px}.hero{grid-template-columns:48% 52%}.hero-copy{padding-top:42px}h1{margin-top:45px;font-size:58px}.hero-image{min-height:500px}.hero-bottom{display:block}.circle-link{margin-top:25px}.section{padding:70px 6%}.approach{grid-template-columns:1fr}.principles{gap:20px}.details{gap:40px}.details h2{font-size:36px}.tag{max-width:200px}.hero-strip span:nth-child(2){display:none}}@media(max-width:600px){header{height:95px;padding:0 6%}.brand{font-size:34px}.brand span{font-size:8px}nav{font-size:13px}nav>a:first-child,nav>.nav-contact{display:none}.hero{display:flex;flex-direction:column}.hero-copy{padding:36px 7% 32px}.hero .eyebrow{font-size:10px;margin-bottom:25px}h1{font-size:58px;margin:0 0 28px;line-height:1.12}.hero-bottom{display:flex}.hero-bottom p{font-size:14px}.circle-link{margin:0}.hero-image{height:330px;min-height:0}.hero-image figcaption{font-size:8px;bottom:12px;left:15px;right:15px}.hero-strip{padding:18px 7%;gap:15px;font-size:8px}.section{padding:60px 7%}.eyebrow{font-size:10px;margin-bottom:25px}.approach .intro{font-size:20px}.principles{grid-template-columns:1fr;margin-top:35px;gap:12px}.principles h3{margin-top:8px}.principles p{max-width:310px}.residence-top{display:block}.tag{display:inline-block;margin-bottom:20px;max-width:none}.residence-heading{display:block;margin-top:10px}.residence-heading h2{font-size:76px;margin-bottom:28px}.residence-heading>div{padding-bottom:30px}.facts{grid-template-columns:1fr 1fr;gap:25px 15px}.facts strong{font-size:39px}.facts p{font-size:12px}.details{display:block}.accordion{margin-top:35px}.details h2{font-size:35px}summary{font-size:17px}.closing{padding:65px 7%}footer{flex-wrap:wrap;padding:40px 7%}footer>div{text-align:left;width:100%;border-top:1px solid var(--line);padding-top:20px}footer p{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.contact-options{display:flex;justify-content:center;gap:30px;flex-wrap:wrap;margin-top:25px;font-size:15px}.contact-options a:hover{text-decoration:underline}

.developments{padding-bottom:75px}.breakwater{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);padding-top:40px;margin-top:45px}.breakwater h3{font-family:'Manrope',Arial,sans-serif;font-size:clamp(32px,4vw,54px);font-weight:300;letter-spacing:-.04em;line-height:1.15;margin-bottom:20px}.breakwater .eyebrow{margin-bottom:18px}.breakwater>div>p:last-child:not(.eyebrow){max-width:520px}.construction-status{font-size:16px;font-weight:500;line-height:1.6;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.construction-status time{display:block}@media(max-width:600px){.developments{padding-bottom:55px}.breakwater{grid-template-columns:1fr;gap:15px;margin-top:30px;padding-top:30px}}

.hero h1{font-size:clamp(32px,3.5vw,58px);line-height:1.2;letter-spacing:-.035em;margin:38px 0 38px}.hero h1 em{font-family:Georgia,serif}.principles p{font-size:16px}@media(max-width:600px){.hero h1{font-size:clamp(30px,9.5vw,48px);margin:0 0 28px}.hero .eyebrow{letter-spacing:.1em}}

.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin-top:38px}.project-gallery figure{margin:0;min-width:0}.project-gallery a{display:block;overflow:hidden;background:#d0d2c9}.project-gallery img{display:block;width:100%;height:auto;aspect-ratio:1.95;object-fit:cover;transition:transform .35s}.project-gallery a:hover img{transform:scale(1.025)}.project-gallery figcaption{font-size:14px;padding-top:10px}.render-note{font-size:13px;color:#69625d;margin:20px 0 38px;max-width:700px}.hero-image img{object-position:45% center}@media(max-width:600px){.project-gallery{grid-template-columns:1fr;gap:23px;margin-top:25px}.project-gallery img{aspect-ratio:auto}.render-note{font-size:13px}}

/* SOLIS signature identity */
header{height:145px;background:#fff;border-bottom:1px solid var(--line)}
.brand{display:block;width:300px;max-width:100%;font-size:0;letter-spacing:normal;flex-shrink:0}
.brand .wordmark{display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-family:'Manrope',Arial,sans-serif;font-size:64px;font-weight:400;line-height:1.15;letter-spacing:.12em;color:#171717}
.brand .solis-o{display:inline-block;flex:0 0 51px;width:51px;height:51px;border:4px solid #171717;border-radius:50%;margin:0 4px 0 -2px;position:relative}
.brand .solis-o:after{content:'';position:absolute;width:24px;height:12px;bottom:-5px;left:50%;transform:translateX(-50%);background:#fff}
.brand .brand-tagline{display:block;text-align:center;font-size:12px;letter-spacing:.16em;line-height:1.5;color:#8c7b6e;margin:9px 0 0;font-weight:500}
h1,h2{letter-spacing:-.035em}.hero h1 em{font-family:'Manrope',Arial,sans-serif;font-style:normal;color:#c6b5a6}
.hero .eyebrow,.closing .eyebrow{color:#c6b5a6}.hero-strip{font-size:12px}.tag{font-size:12px}.residence{background:#f3f0ed}
footer{background:#fff}.nav-contact span,.text-link>span{display:none}.text-link{gap:0}
@media(max-width:900px){header{height:135px}.brand{width:270px}.brand .wordmark{font-size:57px}.brand .solis-o{flex-basis:46px;width:46px;height:46px}.brand .brand-tagline{font-size:11px}nav{gap:20px}}
@media(max-width:600px){header{height:126px;gap:16px;padding:0 6%}.brand{width:225px;flex-shrink:1}.brand .wordmark{font-size:47px;gap:5px}.brand .solis-o{flex-basis:38px;width:38px;height:38px;border-width:3px}.brand .solis-o:after{width:18px;height:10px}.brand .brand-tagline{font-size:12px;letter-spacing:.09em;max-width:220px;margin-top:6px}.hero .eyebrow{font-size:12px;line-height:1.7;max-width:280px}.hero-strip{font-size:12px;flex-wrap:wrap}.hero-image figcaption{font-size:12px}.eyebrow{font-size:12px}nav{font-size:14px}footer .brand{width:255px}.hero h1{font-weight:300;line-height:1.2}}

@media(max-width:1050px){header nav{gap:18px;font-size:13px}}@media(max-width:700px){header{height:auto;min-height:126px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}header nav{width:100%;justify-content:center;flex-wrap:wrap;gap:22px}header .brand{margin:auto}header nav .house-nav{display:inline-block}}
