/* HOUNGUES V1.010 — scoped Off-Plan homepage styles. */
.offplan-editorial{--op-gold:#80643a;--op-line:#d9d5cc;background:#f6f5f1;color:#1b1b18}
.offplan-editorial *{min-width:0}
.offplan-editorial h1,.offplan-editorial h2,.offplan-editorial h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}
.offplan-editorial h2{font-size:clamp(32px,3.4vw,50px);line-height:1.15;margin:0}
.offplan-editorial em{color:var(--op-gold);font-weight:400}
.op-width{width:88%;max-width:1408px;margin-inline:auto}
.op-kicker{font-size:11px;letter-spacing:.2em;color:var(--op-gold);margin:0 0 25px}
.op-hero{position:relative;isolation:isolate;overflow:hidden;min-height:580px;background:#e7e6de}
.op-hero-image,.op-hero-wash{position:absolute;inset:0;z-index:-2}
.op-hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}
.op-hero-wash{z-index:-1;background:linear-gradient(90deg,#eeece4f5 0%,#eeece4e8 27%,#eeece4b0 43%,transparent 70%)}
.op-hero-copy{padding-block:80px 65px}
.op-hero h1{font-size:clamp(44px,5.2vw,78px);line-height:1.12;margin:0 0 27px;max-width:780px}
.op-intro{max-width:365px;font-size:18px;line-height:1.6;margin:0 0 38px}
.op-explore{display:flex;align-items:center;justify-content:space-between;gap:24px;width:min(100%,365px);border-top:1px solid #bfb6a5;padding-top:20px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:#70562f}
.op-collection{padding-block:56px 48px;scroll-margin-top:30px}
.op-section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}
.op-section-heading p{margin:0;text-align:right;font-size:12px;line-height:1.6;color:#70624d}
.op-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:42px 24px}
.op-card{grid-column:span 2}
.op-card:nth-child(n+4){grid-column:span 3}
.op-card-image{aspect-ratio:4/3;overflow:hidden;background:#ddd9d0}
.op-card:nth-child(n+4) .op-card-image{aspect-ratio:16/9}
.op-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.op-card:first-child img{object-position:75% center}
.op-card h3{font-size:clamp(26px,2.5vw,37px);line-height:1.2;margin:18px 0}
.op-card-action{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid var(--op-line);padding-top:14px;font-size:12px}
.op-card-action>span:last-child{font-size:20px;color:var(--op-gold)}
.op-pending{color:#686055}
.op-image-note{font-size:11px;color:#716d64;margin:24px 0 0;line-height:1.6}
.op-conversation{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;border-top:1px solid var(--op-line);padding-block:48px 64px}
.op-interior{aspect-ratio:6/5;overflow:hidden}
.op-interior img{width:100%;height:100%;display:block;object-fit:cover}
.op-conversation-copy>p:not(.op-kicker){max-width:370px;font-size:16px;line-height:1.8;margin:24px 0 32px}
.op-contact{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:#11110f;color:#f9f6ee;padding:15px 24px;font-size:13px}
.op-contact:hover{background:#493b28}
.op-closing{position:relative;isolation:isolate;overflow:hidden;background:#151510;color:#f5f0e6;min-height:320px;display:flex;align-items:center}
.op-closing>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover}
.op-closing:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#100f0bdf,#100f0b35)}
.op-closing-copy{padding-block:60px}
.op-closing h2{font-size:clamp(32px,3.4vw,50px);font-style:italic}
.op-closing em{color:#d7c6a6}
.op-closing p{font-size:11px;letter-spacing:.28em;margin:28px 0 0}
@media(min-width:1600px){.op-hero{min-height:650px}.op-hero-copy{padding-block:100px}}
@media(max-width:1000px){.op-grid{gap:30px 20px}.op-card{grid-column:span 3}.op-card:last-child{grid-column:span 6}.op-card:nth-child(n+4) .op-card-image{aspect-ratio:4/3}.op-card:last-child .op-card-image{aspect-ratio:2/1}.op-hero{min-height:520px}.op-hero-copy{padding-block:60px}.op-conversation{gap:5%}}
@media(max-width:600px){.op-width{width:88%}.op-hero{min-height:660px}.op-hero-copy{padding-block:40px 230px}.op-hero h1{font-size:clamp(36px,8.7vw,50px)}.op-hero-image img{object-position:70% bottom}.op-hero-wash{background:linear-gradient(180deg,#eeece4 0%,#eeece4f5 34%,#eeece4b5 55%,transparent 85%)}.op-intro{font-size:16px;max-width:300px}.op-section-heading{display:block}.op-section-heading p{text-align:left;margin-top:12px}.op-collection{padding-block:35px}.op-grid{grid-template-columns:minmax(0,1fr);gap:30px}.op-card,.op-card:nth-child(n+4),.op-card:last-child{grid-column:auto}.op-card-image,.op-card:nth-child(n+4) .op-card-image,.op-card:last-child .op-card-image{aspect-ratio:4/3}.op-conversation{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:35px 45px}.op-closing{min-height:290px}.op-closing-copy{padding-block:45px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}