
:root{
  --aubergine:#21070f; --wine:#6f1328; --wine2:#8f243e; --cream:#f1e8dc;
  --paper:#f8f4ed; --gold:#c8a36b; --gold2:#e4c79b; --ink:#1e1719; --muted:#706469;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}
a{text-decoration:none;color:inherit} em{font-family:Georgia,"Times New Roman",serif;font-weight:400}
.nav{
  position:fixed;z-index:100;top:0;left:0;right:0;height:82px;padding:0 5vw;display:flex;
  justify-content:space-between;align-items:center;background:linear-gradient(to bottom,rgba(20,3,9,.82),rgba(20,3,9,.10));
  color:white
}
.brand{display:flex;flex-direction:column;line-height:1}.brand-main{font-family:Georgia,serif;letter-spacing:.38em;font-size:19px;color:#f3e4cf}.brand-sub{font-size:8px;letter-spacing:.42em;margin-top:7px;color:var(--gold2)}
.nav nav{display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.nav-button{border:1px solid rgba(255,255,255,.55);padding:12px 18px;border-radius:100px}
.hero{min-height:100svh;position:relative;display:flex;align-items:end;overflow:hidden;background:var(--aubergine);color:white}
.hero-image{position:absolute;inset:0;background:url("assets/Hero.jpg") center 42%/cover no-repeat;transform:scale(1.02)}
.hero-shade{position:absolute;inset:0;background:
 linear-gradient(90deg,rgba(16,1,6,.88) 0%,rgba(16,1,6,.58) 42%,rgba(16,1,6,.12) 75%),
 linear-gradient(0deg,rgba(16,1,6,.74) 0%,transparent 45%)}
.hero-grain{position:absolute;inset:0;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.hero-content{position:relative;z-index:3;padding:0 7vw 9vh;width:min(1100px,92vw)}
.overline,.eyebrow{font-size:10px;letter-spacing:.23em;font-weight:700;text-transform:uppercase}.overline{color:var(--gold2);margin-bottom:24px}
.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(56px,8.2vw,126px);line-height:.88;letter-spacing:-.045em;margin:0;max-width:1200px;font-weight:400}
.hero h1 em{color:var(--gold2);font-style:italic}
.hero-copy{font-size:clamp(17px,2vw,23px);line-height:1.5;max-width:620px;color:#e9ded4;margin:34px 0 28px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:100px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.button-gold{background:var(--gold2);color:var(--aubergine)}.button-ghost{border:1px solid rgba(255,255,255,.5);color:white}
.hero-note{margin-top:34px;display:flex;align-items:center;gap:12px;color:#bfb0b4;font-size:9px;letter-spacing:.16em}.hero-note i{width:28px;height:1px;background:rgba(255,255,255,.35)}
.scroll-cue{position:absolute;right:5vw;bottom:7vh;z-index:3;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;display:flex;gap:12px;align-items:center;color:#d7c7bd}

.manifesto{padding:130px 7vw;display:grid;grid-template-columns:80px 1.6fr .7fr;gap:55px;background:var(--paper)}
.manifesto-number{font-family:Georgia,serif;color:var(--gold);font-size:20px}.eyebrow{color:var(--wine);margin:0 0 26px}.eyebrow.light{color:var(--gold2)}
.manifesto h2,.what-title h2,.split-statement h2,.how h2,.neighbourhoods h2,.qualification h2,.form-section h2,.closing h2{
 font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.04em;line-height:.96;margin:0;font-size:clamp(46px,6.4vw,92px)
}
.manifesto h2 em,.what-title h2 em,.how h2 em,.neighbourhoods h2 em,.qualification h2 em,.form-section h2 em,.closing h2 em{color:var(--wine);font-style:italic}
.large-copy{font-family:Georgia,serif;font-size:22px;line-height:1.55;max-width:730px;color:#55484d;margin-top:40px}
.manifesto-side{padding-top:82px}.manifesto-side p{font-family:Georgia,serif;font-size:20px;border-bottom:1px solid #d8cabe;padding:0 0 16px;margin:0 0 16px}

.editorial-grid{display:grid;grid-template-columns:1.25fr .8fr .95fr;min-height:620px}
.editorial-photo{position:relative;min-height:620px;background:url("assets/Section.jpg") 28% center/cover no-repeat;filter:saturate(.7)}
.editorial-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(22,3,10,.45),transparent 55%)}
.image-label{position:absolute;z-index:2;bottom:28px;left:28px;color:white;font-size:9px;letter-spacing:.2em}
.editorial-quote{background:var(--wine);color:white;padding:50px;display:flex;flex-direction:column;justify-content:space-between}
.small-index{font-size:10px;letter-spacing:.2em;color:var(--gold2)} blockquote{font-family:Georgia,serif;font-size:clamp(31px,3vw,49px);line-height:1.08;margin:0;font-style:italic}
.editorial-card{background:var(--cream);padding:55px;display:flex;flex-direction:column;justify-content:center}.editorial-card h3{font-family:Georgia,serif;font-size:37px;line-height:1.08;font-weight:400;margin:0 0 24px}.editorial-card>p:last-child{line-height:1.8;color:var(--muted)}

.what-you-get{padding:120px 7vw;background:#171113;color:white}
.section-topline{border-top:1px solid currentColor;padding-top:14px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.22em;opacity:.62}
.what-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-top:70px}.what-title h2 em{color:var(--gold2)}
.what-list{border-top:1px solid rgba(255,255,255,.18)}.feature{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:27px 0;border-bottom:1px solid rgba(255,255,255,.18)}
.feature>span{color:var(--gold);font-size:10px}.feature h4{font-family:Georgia,serif;font-size:25px;margin:0 0 8px;font-weight:400}.feature p{margin:0;color:#bfb4b7;line-height:1.65;max-width:580px}

.split-statement{display:grid;grid-template-columns:1fr 1fr}.split-dark,.split-light{padding:110px 7vw;min-height:620px;display:flex;flex-direction:column;justify-content:center}
.split-dark{background:var(--wine);color:white}.split-light{background:var(--cream)}
.split-statement h2{font-size:clamp(48px,5vw,75px)}.split-statement p:not(.eyebrow){font-family:Georgia,serif;font-size:20px;line-height:1.6;max-width:600px;margin-top:35px;color:inherit;opacity:.78}
.text-arrow{margin-top:28px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:700}.text-arrow span{margin-left:10px}

.how{padding:120px 7vw;background:var(--paper)}.how-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:60px;margin:70px 0}.how-heading p{font-family:Georgia,serif;font-size:20px;line-height:1.6;color:var(--muted);align-self:end}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #cdbfb5}.step{padding:30px 28px 10px 0;border-right:1px solid #cdbfb5;min-height:250px}.step+.step{padding-left:28px}.step:last-child{border-right:0}
.step-no{font-size:10px;color:var(--wine);letter-spacing:.15em}.step h3{font-family:Georgia,serif;font-size:27px;line-height:1.12;font-weight:400;margin:50px 0 14px}.step p{color:var(--muted);line-height:1.65;font-size:14px}

.neighbourhoods{background:var(--aubergine);color:white;padding:110px 0 0;overflow:hidden}.neighbourhood-copy{padding:0 7vw 90px;max-width:1100px}.neighbourhoods h2 em{color:var(--gold2)}.neighbourhood-copy>p:last-child{font-family:Georgia,serif;font-size:20px;line-height:1.65;color:#c5b6ba;max-width:750px;margin-top:34px}
.neighbourhood-marquee{border-top:1px solid rgba(255,255,255,.18);padding:24px 0;white-space:nowrap;overflow:hidden;color:var(--gold2);font-family:Georgia,serif;font-size:21px;letter-spacing:.06em}
.neighbourhood-marquee div{display:inline-block;animation:marquee 30s linear infinite}@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.qualification{padding:120px 7vw}.qual-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:70px}.qual-grid>div{border-top:1px solid #cdbfb5;padding:22px 20px 20px 0}.qual-grid span{font-size:10px;color:var(--wine)}.qual-grid h4{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:48px 0 12px}.qual-grid p{color:var(--muted);line-height:1.65}

.form-section{background:var(--wine);color:white;padding:120px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.form-section h2 em{color:var(--gold2)}.form-intro>p:not(.eyebrow){font-family:Georgia,serif;font-size:20px;line-height:1.65;color:#eadadd;max-width:500px;margin:32px 0}.whatsapp-link{display:block;border-top:1px solid rgba(255,255,255,.24);padding-top:20px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.whatsapp-link span{color:var(--gold2);margin-left:12px}
.lux-form{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.full-field{grid-column:1/-1}.field{border-bottom:1px solid rgba(255,255,255,.28);padding:20px 0 12px}.field label{display:block;font-size:9px;letter-spacing:.2em;color:var(--gold2);font-weight:700}
.field input,.field select,.field textarea{width:100%;border:0;background:transparent;color:white;padding:12px 0;font-size:17px;outline:0}.field select option{color:var(--ink)}.field textarea{resize:vertical}.field input::placeholder,.field textarea::placeholder{color:rgba(255,255,255,.46)}
.consent{display:flex;gap:12px;margin:22px 0;color:#dac9cd;font-size:12px;line-height:1.5}.consent input{margin-top:2px}.consent a{text-decoration:underline}
.submit-button{width:100%;border:1px solid var(--gold2);background:var(--gold2);color:var(--aubergine);display:flex;justify-content:space-between;align-items:center;padding:18px 20px;font-size:11px;letter-spacing:.18em;font-weight:800;cursor:pointer}.submit-button b{font-size:20px}.form-note{font-size:10px;color:#d7c2c7;line-height:1.5}.form-status{display:none;margin-top:14px;padding:12px;border:1px solid rgba(255,255,255,.25);font-size:12px;line-height:1.5}

.closing{text-align:center;padding:125px 7vw;background:var(--cream)}.closing .eyebrow{margin-bottom:30px}.closing h2 em{color:var(--wine)}.button-dark{margin-top:38px;background:var(--aubergine);color:white}
footer{background:#130a0d;color:#cdbdc1;padding:55px 7vw;display:grid;grid-template-columns:1fr 1fr;gap:18px;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.footer-brand{display:flex;flex-direction:column}.footer-brand span{font-family:Georgia,serif;font-size:22px;letter-spacing:.35em;color:var(--gold2)}.footer-brand small{font-size:8px;letter-spacing:.38em;margin-top:8px}.footer-line{text-align:right}.footer-links{display:flex;gap:22px}.footer-copy{text-align:right;color:#7f7276}

.legal-page{max-width:900px;margin:auto;padding:140px 7vw 100px}.legal-page h1{font-family:Georgia,serif;font-size:70px;font-weight:400}.legal-page h3{font-family:Georgia,serif;font-size:26px;font-weight:400;margin-top:42px}.legal-page p{line-height:1.75;color:var(--muted)}

@media(max-width:960px){
 .nav nav a:not(.nav-button){display:none}
 .manifesto{grid-template-columns:45px 1fr}.manifesto-side{grid-column:2}
 .editorial-grid{grid-template-columns:1fr 1fr}.editorial-photo{grid-row:span 2}.editorial-card{min-height:390px}
 .what-grid,.how-heading,.form-section{grid-template-columns:1fr}
 .timeline{grid-template-columns:1fr 1fr}.step:nth-child(2){border-right:0}.step:nth-child(3),.step:nth-child(4){border-top:1px solid #cdbfb5}
 .form-section{gap:55px}
}
@media(max-width:650px){
 .nav{height:72px;padding:0 5vw}.brand-main{font-size:15px}.brand-sub{font-size:7px}.nav-button{padding:10px 13px;font-size:9px}
 .hero-content{padding:0 5vw 9vh}.hero h1{font-size:54px;line-height:.92}.hero-copy{font-size:17px}.hero-note{display:none}.scroll-cue{display:none}
 .manifesto,.what-you-get,.how,.qualification,.form-section{padding:82px 5vw}.manifesto{grid-template-columns:1fr;gap:25px}.manifesto-number{display:none}.manifesto-side{grid-column:auto;padding-top:25px}
 .editorial-grid{grid-template-columns:1fr}.editorial-photo{min-height:500px;grid-row:auto}.editorial-quote{min-height:420px}.editorial-card{min-height:420px;padding:40px 28px}
 .what-grid{gap:50px}.what-title h2{font-size:62px}
 .split-statement{grid-template-columns:1fr}.split-dark,.split-light{min-height:540px;padding:80px 5vw}
 .how-heading{margin:55px 0}.timeline{grid-template-columns:1fr}.step,.step+.step{border-right:0;border-top:1px solid #cdbfb5;padding:25px 0}.step:first-child{border-top:1px solid #cdbfb5}
 .neighbourhood-copy{padding:0 5vw 75px}.neighbourhoods{padding-top:80px}
 .qual-grid{grid-template-columns:1fr}.lux-form{grid-template-columns:1fr}.field,.full-field{grid-column:1}
 .closing{padding:90px 5vw}footer{grid-template-columns:1fr}.footer-line,.footer-copy{text-align:left}
}
