:root{
      --cream:#f3f0e8;
      --paper:#fbfaf6;
      --ink:#24322b;
      --muted:#6f786f;
      --sage:#708271;
      --dark:#1f2b25;
      --line:rgba(36,50,43,.18);
      --shadow:0 20px 60px rgba(22,34,27,.16);
      --serif:"Cormorant Garamond",serif;
      --sans:"Inter",sans-serif;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--sans);line-height:1.6}
    img{display:block;width:100%}
    a{color:inherit;text-decoration:none}
    button{font:inherit}
    .container{width:min(1240px,calc(100% - 48px));margin:auto}
    .eyebrow{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;font-weight:600}
    .section-title{font:600 clamp(2.7rem,6vw,6.3rem)/.9 var(--serif);letter-spacing:-.035em;margin:0}
    .btn{display:inline-flex;align-items:center;justify-content:center;gap:.7rem;padding:14px 22px;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:600;transition:.25s}
    .btn:hover{background:var(--ink);color:white;border-color:var(--ink)}

    header{position:fixed;z-index:40;inset:0 0 auto 0;color:white;transition:.3s}
    header.scrolled{background:rgba(31,43,37,.93);backdrop-filter:blur(12px);box-shadow:0 8px 30px rgba(0,0,0,.14)}
    .nav{height:88px;display:flex;align-items:center;justify-content:space-between}
    .brand{font:600 1.65rem var(--serif);letter-spacing:.08em;text-transform:uppercase}
    .nav-links{display:flex;align-items:center;gap:28px;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em}
    .nav-links a{opacity:.85}.nav-links a:hover{opacity:1}
    .menu-btn{display:none;background:none;color:white;border:0;font-size:1.5rem}

    .hero{min-height:100svh;position:relative;display:grid;align-items:end;color:white;overflow:hidden;background:#243329}
    .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,28,20,.73),rgba(14,28,20,.15) 55%,rgba(14,28,20,.24)),var(--hero-desktop) center/cover no-repeat;transform:scale(1.02)}
    .hero::after{content:"";position:absolute;inset:auto 0 0;height:38%;background:linear-gradient(transparent,rgba(13,26,19,.68))}
    .hero-content{position:relative;z-index:2;padding:170px 0 70px;display:grid;grid-template-columns:1.2fr .6fr;gap:40px;align-items:end}
    .hero h1{font:500 clamp(4.1rem,9vw,9.2rem)/.78 var(--serif);letter-spacing:-.055em;margin:0;max-width:920px}
    .hero h1 span{display:block;margin-left:13%}
    .hero-side{padding-bottom:14px;border-left:1px solid rgba(255,255,255,.35);padding-left:28px}
    .hero-side p{max-width:340px;color:rgba(255,255,255,.8);font-size:.95rem}
    .scroll{position:absolute;z-index:4;right:32px;bottom:32px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.18em;font-size:.66rem}

    .intro{padding:120px 0 110px;background:var(--paper)}
    .intro-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:70px;align-items:start}
    .intro-copy{font:500 clamp(2rem,4vw,4.4rem)/1.03 var(--serif);letter-spacing:-.025em;margin:0;max-width:900px}
    .intro-note{margin-top:150px;color:var(--muted);max-width:300px}

    .location-strip{background:var(--dark);color:white;padding:0 0 100px}
    .wide-image{height:min(68vw,760px);object-fit:cover;transform:translateY(-1px)}
    .location-head{padding:90px 0 50px;display:flex;justify-content:space-between;gap:30px;align-items:end}
    .location-head p{max-width:440px;color:rgba(255,255,255,.67)}
    .location-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.16)}
    .location-card{padding:34px 28px 30px;border-right:1px solid rgba(255,255,255,.16);min-height:250px}
    .location-card:nth-child(3n){border-right:0}
    .location-card:nth-child(n+4){border-top:1px solid rgba(255,255,255,.16)}
    .location-card h3{font:600 2rem var(--serif);margin:20px 0 12px}
    .location-card p{font-size:.85rem;color:rgba(255,255,255,.65);margin:0}
    .num{opacity:.55;font-size:.75rem;letter-spacing:.15em}

    .features{padding:130px 0;background:var(--cream)}
    .feature-row{display:grid;grid-template-columns:1fr 1fr;min-height:680px;border-top:1px solid var(--line)}
    .feature-row:last-child{border-bottom:1px solid var(--line)}
    .feature-row:nth-child(even) .feature-image{order:2}
    .feature-image{overflow:hidden}
    .feature-image img{height:100%;object-fit:cover;transition:transform .8s ease}
    .feature-row:hover img{transform:scale(1.035)}
    .feature-copy{padding:70px;display:flex;flex-direction:column;justify-content:space-between}
    .feature-copy h3{font:600 clamp(3rem,5vw,5.3rem)/.95 var(--serif);margin:0 0 25px;letter-spacing:-.035em}
    .feature-copy p{max-width:510px;color:var(--muted)}
    .feature-index{font-size:.72rem;letter-spacing:.16em;color:var(--muted)}

    .apartments{padding:125px 0;background:var(--paper)}
    .apartments-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:65px}
    .apartment-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
    .apartment{background:#e9e8e1;min-height:410px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;transition:.25s}
    .apartment:hover{background:var(--sage);color:white;transform:translateY(-8px);box-shadow:var(--shadow)}
    .apartment h3{font:600 2.5rem var(--serif);margin:0}
    .apartment strong{font:500 1.35rem var(--serif)}
    .plan{height:190px;border:1px solid currentColor;opacity:.45;display:grid;place-items:center;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}

    .cta{min-height:78vh;display:grid;place-items:center;text-align:center;color:white;position:relative;background:url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=88') center/cover no-repeat fixed}
    .cta::before{content:"";position:absolute;inset:0;background:rgba(19,35,26,.62)}
    .cta-inner{position:relative;z-index:2;padding:80px 24px}
    .cta h2{font:500 clamp(3.2rem,7vw,7.5rem)/.9 var(--serif);margin:12px auto 40px;max-width:1000px}
    .cta .btn:hover{background:white;color:var(--ink);border-color:white}

    .status{padding:125px 0;background:var(--dark);color:white}
    .status-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:center}
    .video-box{aspect-ratio:16/9;position:relative;overflow:hidden;background:#111}
    .video-box img{height:100%;object-fit:cover;opacity:.7}
    .play{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:86px;height:86px;border:1px solid white;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;background:rgba(255,255,255,.06)}
    .status p{color:rgba(255,255,255,.66);max-width:390px}

    footer{background:#152019;color:white;padding:75px 0 25px}
    .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:60px;padding-bottom:70px}
    .footer-brand{font:600 clamp(3rem,6vw,6rem)/.9 var(--serif);text-transform:uppercase}
    .footer-links{display:grid;gap:10px;font-size:.86rem;color:rgba(255,255,255,.68)}
    .footer-bottom{border-top:1px solid rgba(255,255,255,.14);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:.72rem;color:rgba(255,255,255,.48)}

    .reveal{opacity:0;transform:translateY(28px);transition:.75s ease}
    .reveal.visible{opacity:1;transform:none}

    @media(max-width:900px){
      .container{width:min(100% - 30px,1240px)}
      .nav{height:72px}.nav-links{position:fixed;inset:72px 0 auto;background:var(--dark);padding:25px;display:none;flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu-btn{display:block}
      .hero-content,.intro-grid,.status-grid{grid-template-columns:1fr}.hero h1 span{margin-left:0}.hero-side{border-left:0;border-top:1px solid rgba(255,255,255,.35);padding:24px 0 0}.intro-note{margin-top:0}
      .location-grid{grid-template-columns:1fr 1fr}.location-card:nth-child(3n){border-right:1px solid rgba(255,255,255,.16)}.location-card:nth-child(2n){border-right:0}.location-card:nth-child(n+3){border-top:1px solid rgba(255,255,255,.16)}
      .feature-row{grid-template-columns:1fr;min-height:0}.feature-row:nth-child(even) .feature-image{order:0}.feature-image{height:460px}.feature-copy{padding:45px 25px;min-height:430px}
      .apartment-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.cta{background-attachment:scroll}
    }
    @media(max-width:560px){
      .hero h1{font-size:4rem}.location-head,.apartments-head,.footer-bottom{align-items:flex-start;flex-direction:column}.location-grid,.apartment-grid,.footer-grid{grid-template-columns:1fr}.location-card{border-right:0!important;border-top:1px solid rgba(255,255,255,.16)!important}.feature-image{height:320px}.wide-image{height:420px}.scroll{display:none}
    }
  
.brand img{max-height:55px;width:auto}.projects,.contact,.detail{padding:110px 0;background:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.project-card img{height:280px;object-fit:cover}.project-card h3{font:600 2rem var(--serif);margin:18px 0 5px}.contact{background:var(--dark);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact form{display:grid;gap:12px}.contact input,.contact textarea{padding:15px;background:transparent;color:#fff;border:1px solid #ffffff55}.contact textarea{min-height:150px}.detail{min-height:100vh}.detail h1{margin:50px 0}.detail-cover{max-height:680px;object-fit:cover}.rich{max-width:900px;margin:50px auto;font-size:18px}.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.gallery img{height:300px;object-fit:cover}@media(max-width:900px){.project-grid,.contact-grid,.gallery{grid-template-columns:1fr 1fr}}@media(max-width:560px){.project-grid,.contact-grid,.gallery{grid-template-columns:1fr}}
/* Responsive slider images */
@media (max-width: 1199px){.hero::before{background-image:linear-gradient(90deg,rgba(14,28,20,.73),rgba(14,28,20,.15) 55%,rgba(14,28,20,.24)),var(--hero-tablet)}}
@media (max-width: 767px){.hero::before{background-image:linear-gradient(90deg,rgba(14,28,20,.73),rgba(14,28,20,.15) 55%,rgba(14,28,20,.24)),var(--hero-mobile)}}