/* Riviera Modernism recovery: warm ivory, espresso, brass, editorial serif imagery. */
:root{--ivory:#faf7f2;--sand:#f0ebe1;--ink:#2c2418;--muted:#7a6e62;--brass:#b8935a;--brass-light:#d4a96a;--display:"Cormorant Garamond",Georgia,serif;--body:"DM Sans",Arial,sans-serif;--ease:cubic-bezier(.23,1,.32,1)}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--ivory);color:var(--ink);font-family:var(--body);font-weight:400} a{color:inherit;text-decoration:none} button,input,textarea{font:inherit} button{cursor:pointer}.container{width:min(1184px,calc(100% - 48px));margin:0 auto}.display{font-family:var(--display);font-weight:300}.eyebrow{margin:0;color:var(--brass);font-size:11px;letter-spacing:.28em;text-transform:uppercase}.rule{height:1px;background:var(--brass);opacity:.75}.button{border:0;display:inline-flex;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:0 24px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;transition:background .2s var(--ease),color .2s var(--ease),border-color .2s var(--ease),transform .16s var(--ease)}.button:active{transform:scale(.97)}.button--brass{background:var(--brass);color:var(--ivory)}.button--brass:hover{background:var(--brass-light)}.button--ghost{color:var(--ivory);border:1px solid rgba(250,247,242,.55);background:transparent}.button--ghost:hover{border-color:var(--brass);color:var(--brass)}
.nav{position:fixed;top:0;left:0;right:0;z-index:20;color:var(--ivory);transition:background .35s var(--ease),box-shadow .35s var(--ease),color .35s var(--ease)}.nav.scrolled{background:rgba(250,247,242,.94);color:var(--ink);box-shadow:0 1px 0 rgba(184,147,90,.22);backdrop-filter:blur(14px)}.nav__inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.mark{display:flex;flex-direction:column;align-items:flex-start;background:transparent;border:0;color:inherit;padding:0;text-align:left}.mark strong{font:300 27px/18px var(--display);letter-spacing:.08em}.mark span{margin-top:5px;font-size:9px;letter-spacing:.24em;text-transform:uppercase}.mark:after{content:"";height:1px;width:100%;margin-top:6px;background:var(--brass)}.nav__links{display:flex;align-items:center;gap:28px}.nav__links button{appearance:none;border:0;background:transparent;font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:inherit;padding:5px 0}.nav__links button:hover{color:var(--brass)}.nav__cta{padding:12px 20px;background:var(--brass);color:var(--ivory);font-size:10px;letter-spacing:.18em;text-transform:uppercase}.nav__toggle{display:none;background:transparent;border:0;padding:8px}.nav__toggle i{display:block;width:25px;height:1px;margin:5px;background:currentColor}.mobile-menu{display:none}
.hero{position:relative;min-height:760px;height:100vh;color:var(--ivory);overflow:hidden;isolation:isolate}.hero__media,.hero__media:after{position:absolute;inset:0;z-index:-2}.hero__media{background:center/cover url("/manus-storage/DJI_0479_60035dc0.webp")}.hero__media video{display:block;width:100%;height:100%;object-fit:cover}.hero__media:after{content:"";z-index:1;background:linear-gradient(180deg,rgba(19,14,9,.3),rgba(19,14,9,.08) 37%,rgba(19,14,9,.75))}.hero__inner{height:100%;display:flex;align-items:flex-end;padding:0 0 82px}.hero__copy{max-width:680px}.hero h1{font:300 clamp(64px,8vw,126px)/.84 var(--display);margin:16px 0 8px;letter-spacing:-.035em}.hero__tagline{font:italic 300 clamp(26px,3vw,38px)/1 var(--display);color:rgba(250,247,242,.82);margin:0 0 26px}.hero__address{font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:rgba(250,247,242,.78);margin:0 0 25px}.hero__actions{display:flex;gap:15px;flex-wrap:wrap}.scroll-mark{position:absolute;right:31px;bottom:29px;display:flex;flex-direction:column;align-items:center;gap:10px;opacity:.7}.scroll-mark span{font-size:9px;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-rl}.scroll-mark i{width:1px;height:41px;background:var(--brass)}
.stats{background:var(--sand);border-block:1px solid rgba(184,147,90,.24)}.stats__inner{display:grid;grid-template-columns:repeat(7,1fr);gap:25px;padding:35px 0}.stat__value{font:300 clamp(29px,3vw,48px)/.9 var(--display);color:var(--brass)}.stat .rule{margin:12px 0 7px}.stat__label{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:var(--muted)}.intro{padding:75px 0;background:var(--ink);color:var(--ivory);text-align:center}.intro__copy{max-width:820px;margin:0 auto;font:300 clamp(26px,3vw,39px)/1.2 var(--display)}.intro .rule{width:64px;margin:33px auto 0}.feature{padding:75px 0}.feature__grid{display:grid;grid-template-columns:2fr 1fr;gap:22px}.image-tile{overflow:hidden;background:var(--sand)}.image-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.image-tile:hover img{transform:scale(1.04)}.image-tile--arch{height:480px;border-radius:120px 120px 10px 10px}.feature__side{display:grid;gap:18px}.feature__side .image-tile{height:231px;border-radius:9px}.feature__caption{display:flex;align-items:center;gap:16px;margin-top:22px;color:var(--brass);font-size:9px;letter-spacing:.25em;text-transform:uppercase}.feature__caption .rule{flex:1}
.section{padding:94px 0}.section--sand{background:var(--sand)}.section--ink{background:var(--ink);color:var(--ivory)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:34px}.section h2{font:300 clamp(50px,5vw,73px)/.9 var(--display);letter-spacing:-.025em;margin:9px 0 0}.filters{display:flex;flex-wrap:wrap;gap:7px}.filter{background:transparent;border:1px solid rgba(184,147,90,.3);color:var(--muted);padding:9px 13px;font-size:9px;letter-spacing:.14em;text-transform:uppercase}.filter.active{background:var(--brass);border-color:var(--brass);color:var(--ivory)}.gallery{columns:3 250px;column-gap:16px}.gallery__item{break-inside:avoid;position:relative;overflow:hidden;margin:0 0 16px;cursor:zoom-in;border-radius:10px}.gallery__item:nth-child(7n+1){border-radius:78px 78px 10px 10px}.gallery__item img{display:block;width:100%;transition:transform .7s var(--ease)}.gallery__item:hover img{transform:scale(1.035)}.gallery__label{position:absolute;inset:auto 0 0;padding:32px 15px 14px;background:linear-gradient(transparent,rgba(44,36,24,.7));color:var(--ivory);font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:0;transition:opacity .25s var(--ease)}.gallery__item:hover .gallery__label{opacity:1}
.details{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.details__image{height:520px;border-radius:10px;overflow:hidden}.details__image img{width:100%;height:100%;object-fit:cover}.details h2{margin-bottom:24px}.details .rule{width:50px;margin:0 0 31px}.spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:23px;margin:0 0 38px}.spec-grid dt{margin-bottom:6px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:var(--brass)}.spec-grid dd{margin:0;font:300 23px/1 var(--display)}.subhead{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.finishes{list-style:none;padding:0;margin:0;display:grid;gap:9px;color:var(--muted);font-size:14px}.finishes li:before{content:"—";margin-right:11px;color:var(--brass)}.image-strip{display:grid;grid-template-columns:repeat(3,1fr);height:315px}.image-strip img{width:100%;height:100%;object-fit:cover}.amenities-head{text-align:center;max-width:670px;margin:0 auto 52px}.amenities-head p:last-child{line-height:1.65;color:var(--muted);font-size:14px}.amenity-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:50px}.amenity{padding:29px 20px;background:var(--sand);text-align:center;border-radius:8px}.amenity__icon{display:block;color:var(--brass);font-size:25px;margin-bottom:12px}.amenity h3{font:300 22px/1 var(--display);margin:0 0 8px}.amenity p{color:var(--muted);font-size:12px;line-height:1.45;margin:0}.amenity-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.amenity-gallery .image-tile{height:180px;border-radius:8px}
.floorplan{padding:78px 0;background:var(--ink);color:var(--ivory)}.floorplan__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.floorplan h2{margin:9px 0 21px}.floorplan .rule{width:52px;margin:0 0 25px}.floorplan__copy{color:rgba(250,247,242,.72);font-size:14px;line-height:1.65;max-width:400px}.floorplan__card{border:1px solid rgba(184,147,90,.35);background:rgba(250,247,242,.04);padding:35px;display:flex;align-items:center;justify-content:space-between;gap:24px}.floorplan__card h3{font:300 32px/1 var(--display);margin:10px 0}.floorplan__card p{margin:0;color:rgba(250,247,242,.65);font-size:14px}.location{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.location h2{margin-bottom:27px}.location__copy{color:rgba(250,247,242,.7);font-size:14px;line-height:1.7}.address{margin:25px 0;font-size:10px;line-height:1.6;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}.location__list{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.location__list div{padding:14px 0;border-bottom:1px solid rgba(184,147,90,.22)}.location__list strong{display:block;font-size:13px}.location__list span{font-size:11px;color:var(--brass)}.location__image{height:485px;border-radius:9px;overflow:hidden}.location__image img{width:100%;height:100%;object-fit:cover}
.contact{max-width:780px;margin:0 auto}.contact__head{text-align:center;margin-bottom:41px}.contact__head p:last-child{color:var(--muted);font-size:14px}.form{display:grid;gap:19px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field label{display:block;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:8px}.field input,.field textarea{width:100%;padding:14px;background:var(--sand);border:1px solid rgba(184,147,90,.3);outline:none;color:var(--ink);font-size:14px}.field input:focus,.field textarea:focus{border-color:var(--brass)}.field textarea{resize:vertical;min-height:112px}.agents{margin-top:55px;padding-top:39px;border-top:1px solid rgba(184,147,90,.22)}.agents__eyebrow{text-align:center;color:var(--muted);font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:25px}.agents__grid{display:grid;grid-template-columns:1fr 1fr}.agent{text-align:center;padding:18px 32px}.agent+.agent{border-left:1px solid rgba(184,147,90,.22)}.agent h3{font:300 26px/1 var(--display);margin:0 0 8px}.agent p{font-size:10px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 7px;color:var(--brass)}.agent .brokerage{color:var(--muted);margin-bottom:21px}.agent .rule{width:34px;margin:0 auto 17px}.agent a{display:block;color:var(--muted);font-size:14px;margin:6px 0}.agent a:hover{color:var(--brass)}.footer{background:var(--ink);color:var(--ivory);padding:39px 0;border-top:1px solid rgba(184,147,90,.15)}.footer__inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer__copy{font-size:10px;color:rgba(250,247,242,.42);text-align:center}.footer__links{display:flex;gap:22px}.footer__links a,.footer__links button{background:transparent;border:0;color:rgba(250,247,242,.5);padding:0;font-size:9px;letter-spacing:.15em;text-transform:uppercase}.footer__links a:hover,.footer__links button:hover{color:var(--brass)}.lightbox{position:fixed;inset:0;z-index:50;background:rgba(20,14,8,.94);display:grid;place-items:center;padding:60px}.lightbox[hidden]{display:none}.lightbox img{max-height:82vh;max-width:min(1100px,90vw);object-fit:contain}.lightbox__close,.lightbox__prev,.lightbox__next{position:absolute;color:rgba(250,247,242,.75);background:transparent;border:0;font:300 52px/1 var(--display)}.lightbox__close{top:22px;right:27px}.lightbox__prev{left:25px;top:50%}.lightbox__next{right:25px;top:50%}.lightbox__caption{position:absolute;bottom:25px;color:var(--brass);font-size:10px;letter-spacing:.2em;text-transform:uppercase}
@media (max-width:900px){.nav__links{gap:15px}.stats__inner{grid-template-columns:repeat(4,1fr)}.details,.location,.floorplan__grid{grid-template-columns:1fr;gap:45px}.details__image,.location__image{height:420px}.amenity-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.container{width:min(100% - 34px,1184px)}.nav__links{display:none}.nav__toggle{display:block}.nav__toggle{color:var(--ivory)}.nav.scrolled .nav__toggle{color:var(--ink)}.mobile-menu.open{display:grid;gap:17px;padding:20px 24px;background:var(--ivory);border-top:1px solid rgba(184,147,90,.22)}.mobile-menu button{border:0;background:transparent;text-align:left;color:var(--muted);font-size:11px;letter-spacing:.18em;text-transform:uppercase}.hero{min-height:670px}.hero__inner{padding-bottom:55px}.scroll-mark{display:none}.stats__inner{grid-template-columns:repeat(2,1fr);gap:25px;padding:29px 0}.intro,.section{padding:62px 0}.feature{padding:62px 0}.feature__grid{grid-template-columns:1fr;gap:15px}.image-tile--arch{height:380px;border-radius:75px 75px 10px 10px}.feature__side{grid-template-columns:1fr 1fr}.feature__side .image-tile{height:170px}.section-head{display:block}.filters{margin-top:20px}.gallery{columns:2 150px}.image-strip{height:190px}.amenity-gallery{grid-template-columns:repeat(2,1fr)}.amenity-gallery .image-tile{height:155px}.floorplan__card{padding:25px;display:block}.floorplan__card .button{margin-top:21px}.form__row,.agents__grid{grid-template-columns:1fr}.agent+.agent{border-left:0;border-top:1px solid rgba(184,147,90,.22);margin-top:18px;padding-top:36px}.footer__inner{flex-direction:column}.footer__links{order:3}.hero__media video{display:none}}
