*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{min-height:100vh;font-family:'DM Sans',sans-serif;background:#0b0a08;color:#fff;overflow-x:hidden}.landing{min-height:100svh;position:relative;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(circle at 50% 0%,rgba(201,168,106,.14),transparent 38%),#0b0a08}.brand-panel{position:absolute;z-index:10;top:3rem;left:50%;transform:translateX(-50%);text-align:center;width:min(760px,92vw);pointer-events:none}.brand{display:inline-flex;flex-direction:column;align-items:center;color:#fff;text-decoration:none;pointer-events:auto}.brand-main{font-family:'Cormorant Garamond',serif;font-size:clamp(2.8rem,6vw,5.4rem);font-weight:300;line-height:.9;letter-spacing:.18em;text-transform:uppercase;text-shadow:0 12px 45px rgba(0,0,0,.45)}.brand-sub{margin-top:.75rem;font-size:.65rem;letter-spacing:.34em;text-transform:uppercase;color:rgba(255,255,255,.68)}.intro{margin:1.15rem auto 0;max-width:520px;font-size:.9rem;line-height:1.8;color:rgba(255,255,255,.72);text-shadow:0 8px 30px rgba(0,0,0,.75)}.property-grid{min-height:100svh;display:grid;grid-template-columns:1fr 1fr}.property-card{position:relative;display:flex;align-items:flex-end;min-height:100svh;overflow:hidden;text-decoration:none;color:#fff;padding:clamp(7.5rem,14vh,11rem) clamp(1.6rem,4vw,5rem) clamp(4.8rem,9vh,7rem);isolation:isolate}.property-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;transform:scale(1.02);transition:transform 1.4s cubic-bezier(.2,.8,.2,1),filter 1.2s}.veil{position:absolute;inset:0;z-index:-2;transition:background .8s}.villa-card .veil{background:linear-gradient(to bottom,rgba(11,23,18,.5),rgba(11,23,18,.1) 42%,rgba(11,23,18,.92)),linear-gradient(to right,rgba(18,51,43,.65),transparent 58%)}.atelier-card .veil{background:linear-gradient(to bottom,rgba(40,8,14,.48),rgba(40,8,14,.12) 42%,rgba(40,8,14,.92)),linear-gradient(to left,rgba(88,20,31,.62),transparent 58%)}.property-card::after{content:'';position:absolute;top:0;bottom:0;width:1px;background:rgba(255,255,255,.14)}.villa-card::after{right:0}.atelier-card::after{left:0}.property-card:hover .property-bg{transform:scale(1.09);filter:saturate(1.08) contrast(1.02)}.villa-card:hover .veil{background:linear-gradient(to bottom,rgba(11,23,18,.32),rgba(11,23,18,.05) 42%,rgba(11,23,18,.86)),linear-gradient(to right,rgba(18,51,43,.48),transparent 58%)}.atelier-card:hover .veil{background:linear-gradient(to bottom,rgba(40,8,14,.3),rgba(40,8,14,.05) 42%,rgba(40,8,14,.86)),linear-gradient(to left,rgba(88,20,31,.46),transparent 58%)}.property-content{display:flex;flex-direction:column;align-items:flex-start;max-width:520px;transform:translateY(8px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.property-card:hover .property-content{transform:translateY(0)}.eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.32em;text-transform:uppercase;color:#d6b875;margin-bottom:1rem}.property-title{font-family:'Cormorant Garamond',serif;font-size:clamp(3.1rem,6vw,6.2rem);font-weight:300;line-height:.92;letter-spacing:-.035em;text-shadow:0 14px 45px rgba(0,0,0,.45)}.property-line{width:58px;height:1px;background:#d6b875;margin:1.65rem 0 1.35rem}.property-desc{max-width:420px;font-size:.94rem;font-weight:300;line-height:1.9;color:rgba(255,255,255,.74)}.property-meta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.45rem}.property-meta span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.055);backdrop-filter:blur(8px);padding:.48rem .72rem;font-size:.58rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}.property-btn{margin-top:2rem;display:inline-flex;align-items:center;gap:.65rem;border:1px solid rgba(214,184,117,.8);background:rgba(214,184,117,.1);color:#fff;padding:.9rem 1.35rem;font-size:.65rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;transition:background .35s,border-color .35s,color .35s,transform .35s}.property-btn::after{content:'→';font-size:.95rem;line-height:1}.property-card:hover .property-btn{background:#d6b875;color:#1a1208;border-color:#d6b875;transform:translateX(4px)}.landing-footer{position:absolute;left:0;right:0;bottom:0;z-index:12;display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;color:rgba(255,255,255,.45);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.footer-links{display:flex;gap:1.2rem;pointer-events:auto}.footer-links a{color:rgba(255,255,255,.5);text-decoration:none;transition:color .25s}.footer-links a:hover{color:#d6b875}@media(max-width:900px){body{overflow:auto}.brand-panel{position:relative;top:auto;left:auto;transform:none;padding:2.25rem 1.2rem 1.3rem;margin:0 auto}.property-grid{grid-template-columns:1fr;min-height:auto}.property-card{min-height:58svh;padding:4.5rem 1.35rem 3rem}.property-card::after{display:none}.property-title{font-size:clamp(3rem,14vw,4.6rem)}.landing-footer{position:relative;flex-direction:column;gap:.85rem;padding:1.5rem}.footer-links{gap:.9rem;flex-wrap:wrap;justify-content:center}}@media(max-width:520px){.brand-main{letter-spacing:.1em}.brand-sub{letter-spacing:.18em}.intro{font-size:.82rem}.property-card{min-height:62svh}.property-meta{display:none}.property-btn{width:100%;justify-content:center}.footer-links{font-size:.68rem}}
