@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600&display=swap');
:root{--ink:#172321;--dark:#162522;--gold:#ad9164;--cream:#f8f6f1;--muted:#66706c;--line:#e4e3dd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}.container{width:min(1190px,calc(100% - 64px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(248,246,241,.97);border-bottom:1px solid #dddcd4;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between;min-height:83px;gap:24px}.logo{font-family:Georgia,serif;font-size:38px;letter-spacing:-3px;line-height:.9;display:inline-flex;flex-direction:column;white-space:nowrap}.logo small{font:600 9px 'DM Sans',sans-serif;letter-spacing:5px;margin:9px 0 0 3px}.links{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.links a:hover,.links a.active{color:#967344}.nav-cta,.btn{background:var(--gold);color:white;padding:15px 23px;display:inline-flex;align-items:center;justify-content:center;gap:15px;border:1px solid var(--gold);font-size:12px;font-weight:700;letter-spacing:.05em;transition:.2s}.nav-cta:hover,.btn:hover{background:#8b734f}.btn.outline{background:transparent;border-color:#fff;color:#fff}.btn.dark{background:var(--dark);border-color:var(--dark)}.btn.ghost{background:transparent;color:var(--dark);border-color:#c9c8bf}.hamburger{display:none;border:0;background:transparent;font-size:25px}.hero{min-height:650px;position:relative;display:flex;align-items:center;color:#fff;background:#27302e url('assets/nin9-hero.jpg') center 48%/cover no-repeat}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,19,17,.88),rgba(9,20,18,.53) 48%,rgba(8,20,18,.05))}.hero .container{position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.26em;font-size:11px;font-weight:700;color:var(--gold)}.hero .eyebrow{color:#d8c5a4}.hero h1{font:500 clamp(44px,5.5vw,78px)/1.08 'Playfair Display',Georgia,serif;letter-spacing:-.025em;max-width:780px;margin:21px 0}.hero p{max-width:530px;font-size:16px;line-height:1.8;color:#e9eae7}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:32px}.hero-note{position:absolute;bottom:28px;right:5%;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#f1eee8}.section{padding:100px 0}.section.tight{padding:68px 0}.section-title{font:500 clamp(33px,4vw,52px)/1.2 'Playfair Display',Georgia,serif;letter-spacing:-.025em;margin:14px 0 22px}.lead{font-size:16px;line-height:1.9;color:var(--muted);max-width:700px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.intro-grid img,.feature-image{width:100%;height:460px;object-fit:cover}.stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line);margin-top:35px;padding:25px 0;gap:20px}.stat strong{font:500 35px 'Playfair Display',serif}.stat span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.text-link{font-size:12px;font-weight:700;color:#91734d;border-bottom:1px solid;padding-bottom:7px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid #e8e6e0;overflow:hidden}.card img{width:100%;height:255px;object-fit:cover;display:block;transition:transform .3s}.card:hover img{transform:scale(1.03)}.card-body{padding:24px}.card .tag{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#92744c;font-weight:700}.card h3{font:500 24px 'Playfair Display',serif;margin:10px 0}.card p{color:var(--muted);font-size:13px;line-height:1.75}.card a.more{font-size:12px;color:#8d704b;font-weight:700}.dark-section{background:var(--dark);color:white}.dark-section .lead{color:#c9d1cd}.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:44px}.principle{border-top:1px solid #5d6a64;padding-top:24px}.principle b{color:#d5b98b;font-size:12px}.principle h3{font:500 23px 'Playfair Display',serif}.principle p{font-size:13px;line-height:1.8;color:#becac5}.split{display:grid;grid-template-columns:1fr 1fr;min-height:460px}.split>img{width:100%;height:100%;min-height:460px;object-fit:cover}.split .content{padding:75px min(9vw,100px);align-self:center}.split .content p{line-height:1.9;color:var(--muted)}.banner{background:linear-gradient(90deg,rgba(11,27,23,.93),rgba(11,27,23,.73)),url('assets/nin9-aerial.jpg') center/cover;padding:90px 0;color:white}.banner h2{font:500 45px 'Playfair Display',serif;max-width:650px}.footer{background:#0d1b19;color:#e6e7e1;padding:64px 0 24px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.footer p,.footer a{font-size:13px;line-height:2;color:#b9c4be}.footer h4{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:#d4bb92}.footer-bottom{border-top:1px solid #34433f;margin-top:50px;padding-top:20px;font-size:11px;color:#9eaaa4}.page-hero{background:var(--dark);color:white;padding:90px 0}.page-hero h1{font:500 clamp(42px,5vw,66px) 'Playfair Display',serif;margin:14px 0}.page-hero p{color:#c4ceca;line-height:1.8;max-width:670px}.gallery{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.gallery img{width:100%;height:310px;object-fit:cover;cursor:pointer}.gallery img:first-child{height:632px;grid-row:span 2}.gallery img:nth-child(n+2){height:310px}.detail-grid{display:grid;grid-template-columns:2fr 1fr;gap:80px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:35px 0}.feature-list div{border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.spec-panel{background:#fff;padding:30px;border:1px solid var(--line);height:max-content}.spec-panel div{display:flex;justify-content:space-between;gap:15px;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.spec-panel div span{color:var(--muted)}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filterbar button{border:1px solid #cfcfc6;background:transparent;padding:12px 20px;font-size:12px}.filterbar button.selected{background:var(--dark);color:white}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px}.form{display:grid;gap:16px}.form label{display:grid;gap:7px;font-size:12px;font-weight:700}.form input,.form textarea,.form select{border:1px solid #d3d2c9;padding:14px;background:#fff;width:100%;border-radius:0}.form textarea{min-height:140px;resize:vertical}.notice{font-size:12px;color:var(--muted);line-height:1.7}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.92);z-index:200;display:none;align-items:center;justify-content:center;padding:50px}.lightbox.open{display:flex}.lightbox img{max-width:95%;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:20px;top:15px;color:white;background:none;border:0;font-size:32px}.proposal{background:#eeeae0;padding:20px;border-left:3px solid var(--gold);font-size:13px;line-height:1.8;color:#4f5954}@media(max-width:850px){.container{width:min(100% - 36px,1190px)}.hamburger{display:block}.links{display:none;position:absolute;top:83px;left:0;right:0;background:var(--cream);padding:22px;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}.links.open{display:flex}.nav-cta{display:none}.hero{min-height:590px}.intro-grid,.split,.detail-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.cards{grid-template-columns:repeat(2,1fr)}.principles{grid-template-columns:repeat(2,1fr)}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:span 2;height:430px;grid-row:auto}.split .content{padding:50px 25px}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.hero{min-height:610px}.hero h1{font-size:45px}.hero-note{display:none}.section{padding:65px 0}.cards,.principles,.footer-grid,.feature-list{grid-template-columns:1fr}.gallery img:first-child{height:290px}.gallery img:nth-child(n+2){height:180px}.stats{gap:9px}.stat strong{font-size:26px}.stat span{font-size:10px}.section-head{align-items:start;flex-direction:column}.intro-grid img{height:310px}}
