:root {
--ink: #0A0A0A;
--gold: #C9A96A;
--gold-lt: #DFC08A;
--gold-dk: #8A6C3A;
--gold-glow: rgba(201,169,106,0.15);
--gold-line: rgba(201,169,106,0.25);
--forest: #1B3A2A;
--cream: #F5F0E8;
--cream2: #EDE5D6;
--s1: #111111;
--s2: #161616;
--s3: #1C1C1C;
--line: #252525;
--mut: #6A6A6A;
--mut2: #888;
--txt: #D8D0C2;
--green: #5FB97E;
--serif: 'Cormorant Garamond', Georgia, serif;
--sans: 'Outfit', sans-serif;
}
*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }
html { scroll-behavior: smooth; }
body {
font-family: var(--sans);
background: var(--ink);
color: var(--txt);
font-size: 15px;
line-height: 1.6;
overflow-x: hidden;
}
body::before {
content:'';
position:fixed; inset:0; z-index:0;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
background-size: 200px;
pointer-events:none; opacity:.6;
}
/* ── PASSWORD GATE ── */
#gate {
position:fixed; inset:0; z-index:1000;
background: radial-gradient(ellipse 80% 60% at 50% 0%, #1E1507 0%, #0A0A0A 70%);
display:flex; align-items:center; justify-content:center; flex-direction:column;
text-align:center; padding:24px;
}
#gate .gate-mark {
font-family:var(--serif); font-size:15px; font-weight:600;
letter-spacing:.42em; text-transform:uppercase; color:var(--gold);
margin-bottom:28px;
}
#gate h1 { font-family:var(--serif); font-size:clamp(32px,5vw,48px); color:var(--cream); font-weight:600; margin-bottom:10px; }
#gate p { font-size:13px; color:var(--mut2); max-width:380px; margin-bottom:30px; }
#gate .gate-row { display:flex; gap:10px; }
#gate input {
background:rgba(255,255,255,.04); border:1px solid rgba(201,169,106,.35);
color:var(--cream); border-radius:100px; padding:14px 24px;
font-family:var(--sans); font-size:14px; width:260px; outline:none;
letter-spacing:.06em; text-align:center;
}
#gate input:focus { border-color:var(--gold); }
#gate button {
background:linear-gradient(180deg,#D8BC82,#B8954E); color:#1A1407;
border:none; border-radius:100px; padding:14px 30px;
font-family:var(--sans); font-weight:600; font-size:13px; cursor:pointer;
}
#gate .gate-err { color:#C96A6A; font-size:12px; margin-top:14px; min-height:16px; }
#gate .gate-note { font-size:10px; color:var(--mut); margin-top:34px; letter-spacing:.08em; line-height:1.8; max-width:420px; }
body.locked main, body.locked nav, body.locked footer { display:none; }
/* ── NAV ── */
nav {
position: fixed; top:0; left:0; right:0; z-index:100;
display:flex; align-items:center; justify-content:space-between;
padding: 18px 44px;
background: rgba(10,10,10,0.88);
backdrop-filter: blur(20px);
border-bottom: 1px solid rgba(201,169,106,0.1);
}
.nav-mark {
font-family: var(--serif); font-size: 13px; font-weight:600;
letter-spacing: .38em; text-transform:uppercase; color: var(--gold);
text-decoration:none;
}
.nav-links { display:flex; gap:30px; align-items:center; }
.nav-links a {
font-size:11.5px; letter-spacing:.08em; text-transform:uppercase;
color: var(--mut2); text-decoration:none; transition:.2s; font-weight:400;
}
.nav-links a:hover, .nav-links a.active { color:var(--gold); }
.nav-cta {
background: transparent; border: 1px solid rgba(201,169,106,.5);
color: var(--gold); padding:9px 22px; border-radius:100px;
font-size:11px; letter-spacing:.08em; text-transform:uppercase;
cursor:pointer; transition:.2s; font-family:var(--sans); font-weight:500;
text-decoration:none;
}
.nav-cta:hover { background:var(--gold); color:var(--ink); }
/* ── HERO ── */
.hero {
position:relative; min-height:92vh;
display:flex; align-items:center; justify-content:center;
flex-direction:column; text-align:center;
padding: 150px 24px 90px; overflow:hidden;
}
.hero-img {
position:absolute; inset:0; background-size:cover; background-position:center;
opacity:.38;
}
.hero-img::after {
content:''; position:absolute; inset:0;
background: linear-gradient(180deg, rgba(10,10,10,.55) 0%, rgba(10,10,10,.35) 45%, var(--ink) 100%);
}
.page-hero { min-height:56vh; padding:150px 24px 70px; }
.hero-label {
position:relative; font-size:10px; letter-spacing:.32em;
text-transform:uppercase; color:var(--gold); font-weight:600;
margin-bottom:24px; opacity:0; animation: fadeUp .8s ease .2s forwards;
}
.hero h1 {
position:relative; font-family: var(--serif);
font-size: clamp(46px, 7.5vw, 88px);
font-weight:600; line-height:1.02; color: var(--cream);
opacity:0; animation: fadeUp .9s ease .4s forwards;
}
.hero h1 em { font-style:italic; color:var(--gold); }
.hero-sub {
position:relative; font-size:clamp(15px,2vw,19px); color:#B5A88E;
max-width:660px; margin:22px auto 0; line-height:1.55; font-weight:300;
opacity:0; animation: fadeUp .9s ease .6s forwards;
}
.hero-btns {
position:relative; display:flex; gap:14px; margin-top:38px; justify-content:center; flex-wrap:wrap;
opacity:0; animation: fadeUp .9s ease .9s forwards;
}
.btn-primary {
background:linear-gradient(180deg,#D8BC82,#B8954E); color:#1A1407;
border:none; border-radius:100px; padding:16px 38px;
font-family:var(--sans); font-weight:600; font-size:13px; letter-spacing:.04em;
cursor:pointer; transition:.18s; text-decoration:none; display:inline-block;
}
.btn-primary:hover { transform:translateY(-1px); box-shadow:0 12px 32px rgba(201,169,106,.3); }
.btn-secondary {
background:transparent; color:var(--gold);
border:1px solid rgba(201,169,106,.4); border-radius:100px;
padding:16px 38px; font-family:var(--sans); font-weight:400; font-size:13px;
cursor:pointer; transition:.18s; text-decoration:none; display:inline-block;
}
.btn-secondary:hover { border-color:var(--gold); }
@keyframes fadeUp { from { opacity:0; transform:translateY(18px); } to { opacity:1; transform:translateY(0); } }
/* ── FUNDING PROGRESS ── */
.fund-progress {
position:relative; max-width:640px; margin:44px auto 0; width:100%;
background:rgba(10,10,10,.72); border:1px solid rgba(201,169,106,.3);
border-radius:18px; padding:26px 30px; backdrop-filter:blur(8px);
opacity:0; animation: fadeUp .9s ease 1.1s forwards;
}
.fund-progress .fp-top { display:flex; justify-content:space-between; align-items:baseline; margin-bottom:12px; flex-wrap:wrap; gap:6px;}
.fund-progress .fp-amt { font-family:var(--serif); font-size:30px; color:var(--gold-lt); font-weight:700; }
.fund-progress .fp-amt span { font-size:16px; color:var(--mut2); font-weight:400; }
.fund-progress .fp-tag {
font-size:9.5px; letter-spacing:.2em; text-transform:uppercase; color:#E8C889;
background:rgba(201,169,106,.12); border:1px solid rgba(201,169,106,.3);
padding:5px 12px; border-radius:100px; font-weight:600;
}
.fp-bar { height:10px; background:#1A1A1A; border-radius:100px; overflow:hidden; display:flex; }
.fp-bar .committed { background:linear-gradient(90deg,#8A6C3A,var(--gold)); height:100%; }
.fp-bar .reserved { background:repeating-linear-gradient(45deg, rgba(201,169,106,.55), rgba(201,169,106,.55) 5px, rgba(201,169,106,.25) 5px, rgba(201,169,106,.25) 10px); height:100%; }
.fp-legend { display:flex; gap:20px; margin-top:12px; flex-wrap:wrap; }
.fp-legend .li { display:flex; align-items:center; gap:7px; font-size:11px; color:var(--mut2); }
.fp-legend .dot { width:9px; height:9px; border-radius:3px; }
.fp-legend .dot.c { background:linear-gradient(90deg,#8A6C3A,var(--gold)); }
.fp-legend .dot.r { background:repeating-linear-gradient(45deg, rgba(201,169,106,.55), rgba(201,169,106,.55) 3px, rgba(201,169,106,.25) 3px, rgba(201,169,106,.25) 6px); }
.fp-legend .dot.o { background:#1A1A1A; border:1px solid #2A2A2A; }
/* ── SECTIONS ── */
section { position:relative; z-index:1; }
main { position:relative; z-index:1; }
.section-inner { max-width:1120px; margin:0 auto; padding:0 32px; }
.section-pad { padding:96px 0; }
.eyebrow {
font-size:9.5px; letter-spacing:.3em; text-transform:uppercase;
color:var(--gold); font-weight:600; margin-bottom:12px;
}
h2.headline {
font-family:var(--serif); font-size:clamp(34px,4.6vw,54px);
color:var(--cream); font-weight:600; line-height:1.08;
}
h2.headline em { font-style:italic; color:var(--gold); }
.rule { width:40px; height:2px; background:var(--gold); margin:20px 0; }
.body-txt { color:#B8AE9E; font-size:15.5px; line-height:1.65; font-weight:300; }
.gold { color:var(--gold); }
.sep { height:1px; background:linear-gradient(90deg,transparent,rgba(201,169,106,.2),transparent); }
/* ── BANNER IMAGE STRIP ── */
.img-strip { position:relative; height:340px; overflow:hidden; }
.img-strip img { width:100%; height:100%; object-fit:cover; opacity:.55; display:block; }
.img-strip::after { content:''; position:absolute; inset:0; background:linear-gradient(180deg, var(--ink) 0%, transparent 30%, transparent 70%, var(--ink) 100%); }
/* ── CARDS / GRIDS ── */
.grid-2 { display:grid; grid-template-columns:1fr 1fr; gap:14px; margin-top:40px; }
.grid-3 { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:40px; }
.grid-4 { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:40px; }
.card {
background:var(--s2); border:1px solid var(--line);
border-radius:16px; padding:28px 26px; transition:border-color .2s;
}
.card:hover { border-color:rgba(201,169,106,.3); }
.card .big { font-family:var(--serif); font-size:42px; color:var(--gold); font-weight:700; line-height:1; margin-bottom:6px; }
.card .lbl { font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--mut); margin-bottom:12px; }
.card p { font-size:13.5px; color:#9A9082; line-height:1.55; }
.card h3 { font-family:var(--serif); font-size:22px; color:var(--cream); font-weight:600; margin-bottom:8px; }
.card h4 { font-family:var(--serif); font-size:19px; color:var(--gold); font-weight:600; margin-bottom:6px; }
.card .ico { font-size:26px; margin-bottom:14px; }
.source { font-size:10px; color:var(--mut); margin-top:8px; font-style:italic; }
.stat-card { background:var(--s2); border:1px solid var(--line); border-radius:14px; padding:22px 20px; text-align:center; }
.stat-card .big { font-family:var(--serif); font-size:32px; color:var(--gold-lt); font-weight:700; line-height:1; margin-bottom:6px; }
.stat-card .lbl { font-size:10px; color:var(--mut); letter-spacing:.12em; text-transform:uppercase; }
/* ── INVESTMENT TIERS ── */
.inv-tiers { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-top:44px; }
.itier {
background:var(--s2); border:1px solid var(--line); border-radius:18px;
padding:30px 24px; position:relative; overflow:hidden; transition:.2s;
display:flex; flex-direction:column;
}
.itier.featured { border-color:rgba(201,169,106,.55); background:linear-gradient(180deg,#18160E,#111110); }
.itier.featured::before {
content:'LEAD THE ROUND'; font-size:8px; letter-spacing:.2em;
color:var(--ink); background:var(--gold); padding:5px 14px;
position:absolute; top:0; right:22px; border-radius:0 0 8px 8px; font-weight:700;
}
.itier-name { font-family:var(--serif); font-size:21px; color:var(--cream); font-weight:600; margin-bottom:2px; }
.itier-equity { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:14px; }
.itier-price { font-family:var(--serif); font-size:40px; color:var(--gold); font-weight:700; line-height:1; }
.itier-cadence { font-size:11px; color:var(--mut); margin-bottom:18px; }
.itier-features { list-style:none; text-align:left; margin:0 0 22px; flex:1; }
.itier-features li { font-size:12px; color:var(--mut2); padding:7px 0; border-bottom:1px solid #1C1C1C; position:relative; padding-left:18px; }
.itier-features li::before { content:'✦'; position:absolute; left:0; color:var(--gold); font-size:9px; top:9px; }
.itier-features li:last-child { border-bottom:none; }
.btn-tier {
width:100%; background:var(--s3); border:1px solid var(--line);
color:var(--txt); border-radius:10px; padding:12px;
font-family:var(--sans); font-size:12.5px; font-weight:500; cursor:pointer;
text-align:center; text-decoration:none; display:block; transition:.2s;
}
.btn-tier:hover { border-color:rgba(201,169,106,.4); color:var(--gold); }
.itier.featured .btn-tier { background:linear-gradient(180deg,#D8BC82,#B8954E); color:var(--ink); border:none; font-weight:600; }
/* ── TERM CARDS ── */
.term-hero-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:12px; margin-top:44px; }
.term-hero {
background:linear-gradient(180deg,#15130E,#101010);
border:1px solid rgba(201,169,106,.3); border-radius:16px;
padding:26px 20px; text-align:center;
}
.term-hero .t-ico { font-size:24px; margin-bottom:12px; }
.term-hero .t-big { font-family:var(--serif); font-size:30px; color:var(--gold-lt); font-weight:700; line-height:1.05; }
.term-hero .t-name { font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--cream); font-weight:600; margin-top:8px; }
.term-hero .t-sub { font-size:10.5px; color:var(--mut); margin-top:6px; line-height:1.5; }
.term-box { background:#0D0D0D; border:1px solid #222; border-radius:12px; padding:18px 20px; }
.term-box .t { font-size:11px; color:var(--mut); letter-spacing:.1em; text-transform:uppercase; margin-bottom:6px; }
.term-box .v { font-family:var(--serif); font-size:22px; color:var(--cream); font-weight:600; }
.term-box .sub { font-size:10.5px; color:var(--mut); margin-top:4px; }
/* ── USE OF FUNDS ── */
.fund-line { display:flex; align-items:center; gap:14px; padding:11px 0; border-bottom:1px solid #1C1C1C; }
.fund-line:last-child { border-bottom:none; }
.fund-bar-wrap { flex:1; height:5px; background:#1A1A1A; border-radius:100px; overflow:hidden; }
.fund-bar { height:100%; background:linear-gradient(90deg,#8A6C3A,var(--gold)); border-radius:100px; }
.fund-name { font-size:12px; color:var(--mut2); width:210px; flex-shrink:0; }
.fund-pct { font-size:12px; color:var(--gold); width:40px; text-align:right; flex-shrink:0; }
.fund-amt { font-size:11px; color:var(--mut); width:70px; text-align:right; flex-shrink:0; }
/* ── WATERFALL ── */
.waterfall { margin-top:40px; }
.wf-step {
display:flex; gap:22px; align-items:flex-start;
background:var(--s2); border:1px solid var(--line); border-radius:14px;
padding:24px 26px; margin-bottom:12px; position:relative;
}
.wf-num {
font-family:var(--serif); font-size:30px; font-weight:700; color:var(--gold);
width:44px; height:44px; border-radius:50%; flex-shrink:0;
border:1px solid rgba(201,169,106,.4); display:flex; align-items:center; justify-content:center;
background:rgba(201,169,106,.06);
}
.wf-step h4 { font-family:var(--serif); font-size:19px; color:var(--cream); font-weight:600; margin-bottom:4px; }
.wf-step p { font-size:13px; color:var(--mut2); line-height:1.6; }
/* ── CREATOR PROFILES ── */
.partner-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:44px; }
.partner-card {
background:var(--s2); border:1px solid var(--line); border-radius:20px;
padding:34px 28px; text-align:center; transition:.2s; position:relative; overflow:hidden;
}
.partner-card::before {
content:''; position:absolute; top:0; left:0; right:0; height:2px;
background:linear-gradient(90deg,transparent,var(--gold),transparent);
}
.partner-card:hover { border-color:rgba(201,169,106,.35); }
.partner-av {
width:104px; height:104px; border-radius:50%; margin:0 auto 18px;
border:2px solid rgba(201,169,106,.5); overflow:hidden;
background:linear-gradient(135deg,#2A2418,#111);
display:flex; align-items:center; justify-content:center;
font-family:var(--serif); font-size:34px; color:var(--gold); font-weight:700;
box-shadow:0 0 0 6px rgba(201,169,106,.08);
}
.partner-av img { width:100%; height:100%; object-fit:cover; }
.partner-av.duo { width:auto; display:flex; gap:0; background:none; border:none; box-shadow:none; border-radius:0; }
.partner-av.duo span {
width:104px; height:104px; border-radius:50%; overflow:hidden;
border:2px solid rgba(201,169,106,.5); background:linear-gradient(135deg,#2A2418,#111);
display:flex; align-items:center; justify-content:center;
font-family:var(--serif); font-size:34px; color:var(--gold); font-weight:700;
box-shadow:0 0 0 6px rgba(201,169,106,.08);
}
.partner-av.duo span:last-child { margin-left:-22px; }
.partner-av.duo img { width:100%; height:100%; object-fit:cover; }
.partner-card h3 { font-family:var(--serif); font-size:23px; color:var(--cream); font-weight:600; margin-bottom:4px; }
.partner-card .role { font-size:10px; letter-spacing:.18em; text-transform:uppercase; color:var(--gold); font-weight:600; margin-bottom:16px; }
.partner-stats { display:flex; justify-content:center; gap:14px; margin-bottom:16px; flex-wrap:wrap; }
.pstat { text-align:center; }
.pstat .n { font-family:var(--serif); font-size:20px; color:var(--gold-lt); font-weight:700; display:block; line-height:1; }
.pstat .p { font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--mut); margin-top:3px; display:block; }
.partner-card p.bio { font-size:12.5px; color:var(--mut2); line-height:1.6; }
.commit-badge {
display:inline-block; margin-top:16px; font-size:9.5px; letter-spacing:.16em;
text-transform:uppercase; color:#7FCB9B; background:rgba(95,185,126,.08);
border:1px solid rgba(95,185,126,.25); border-radius:100px; padding:6px 14px; font-weight:600;
}
/* ── FORMS (invest page) ── */
.form-card { background:var(--s2); border:1px solid var(--line); border-radius:20px; padding:38px 36px; margin-top:36px; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.field { display:flex; flex-direction:column; gap:6px; }
.field.full { grid-column:1 / -1; }
.field label { font-size:10.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--mut2); font-weight:500; }
.field input, .field select, .field textarea {
background:rgba(255,255,255,.03); border:1px solid #2A2A2A; border-radius:10px;
padding:13px 16px; color:var(--cream); font-family:var(--sans); font-size:14px; outline:none;
}
.field input:focus, .field select:focus { border-color:rgba(201,169,106,.5); }
.check-row { display:flex; gap:12px; align-items:flex-start; padding:12px 0; border-bottom:1px solid #1C1C1C; }
.check-row:last-child { border-bottom:none; }
.check-row input[type=checkbox] { width:17px; height:17px; margin-top:2px; accent-color:var(--gold); flex-shrink:0; }
.check-row span { font-size:12.5px; color:var(--mut2); line-height:1.55; }
.sig-input { font-family:var(--serif) !important; font-size:22px !important; font-style:italic; }
.steps-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:40px; }
.step-card { background:var(--s2); border:1px solid var(--line); border-radius:14px; padding:24px 20px; position:relative; }
.step-card .s-num { font-family:var(--serif); font-size:38px; color:rgba(201,169,106,.25); font-weight:700; line-height:1; margin-bottom:10px; }
.step-card h4 { font-family:var(--serif); font-size:17px; color:var(--cream); font-weight:600; margin-bottom:6px; }
.step-card p { font-size:11.5px; color:var(--mut2); line-height:1.55; }
/* ── CTA ── */
.cta-section { text-align:center; padding:110px 32px; background:radial-gradient(ellipse 70% 60% at 50% 100%,#1E1507,transparent); }
.cta-section h2 { font-family:var(--serif); font-size:clamp(36px,5.5vw,62px); color:var(--cream); font-weight:600; line-height:1.05; margin-bottom:18px; }
.cta-section h2 em { font-style:italic; color:var(--gold); }
.cta-section p { font-size:15.5px; color:#A89B82; max-width:560px; margin:0 auto 38px; line-height:1.6; font-weight:300; }
.cta-btns { display:flex; gap:14px; justify-content:center; flex-wrap:wrap; }
/* ── NOTES / DISCLAIMER ── */
.note-box {
margin-top:20px; background:rgba(255,255,255,.03); border:1px solid #1C1C1C;
border-radius:12px; padding:16px 20px;
}
.note-box p { font-size:11px; color:var(--mut); line-height:1.65; font-style:italic; }
.green-note {
background:rgba(95,185,126,.08); border:1px solid rgba(95,185,126,.2);
border-radius:10px; padding:14px 18px; margin-top:18px;
font-size:12.5px; color:#7FCB9B;
}
/* ── FOOTER ── */
footer {
text-align:center; padding:36px 24px;
border-top:1px solid var(--line);
font-size:10px; color:var(--mut); letter-spacing:.06em; line-height:1.8;
position:relative; z-index:1;
}
footer .f-mark { margin-bottom:10px; font-family:var(--serif); font-size:14px; color:rgba(201,169,106,.5); letter-spacing:.2em; text-transform:uppercase; }
footer a { color:var(--mut2); text-decoration:none; }
footer a:hover { color:var(--gold); }
/* ── REVEAL ── */
.reveal { opacity:0; transform:translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visible { opacity:1; transform:none; }
/* ── RESPONSIVE ── */
@media(max-width:960px){
nav { padding:14px 20px; }
.nav-links { display:none; }
.grid-2, .grid-3, .grid-4, .inv-tiers, .partner-grid, .steps-grid, .term-hero-grid { grid-template-columns:1fr 1fr; }
.form-grid { grid-template-columns:1fr; }
}
@media(max-width:620px){
.grid-2, .grid-3, .grid-4, .inv-tiers, .partner-grid, .steps-grid, .term-hero-grid { grid-template-columns:1fr; }
.fund-name { width:130px; }
.fund-amt { display:none; }
}