:root{
  --black:#11100e; --ink:#191815; --cream:#f2efe7; --paper:#faf8f2; --muted:#98958e;
  --red:#d63a27; --line:rgba(255,255,255,.14); --max:1240px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.45} img{max-width:100%;display:block} a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 48px),var(--max));margin:auto}
.site-header{position:fixed;z-index:20;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:18px max(24px,calc((100vw - var(--max))/2));background:linear-gradient(to bottom,rgba(12,11,10,.88),rgba(12,11,10,.15),transparent);backdrop-filter:blur(4px)}.brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:.14em;font-size:13px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;font-weight:900;letter-spacing:-.08em}.nav{display:flex;gap:28px;align-items:center;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.nav a{opacity:.82}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.6);padding:11px 15px}.menu-toggle{display:none;background:none;border:1px solid #fff;color:#fff;padding:8px 10px}
.hero{min-height:92vh;position:relative;display:flex;align-items:flex-end;overflow:hidden}.hero-media{position:absolute;inset:0;background-image:url('images/carbase-nj-collector-car-storage-club-1979-porsche-928.jpg');background-size:cover;background-position:center 58%;transform:scale(1.02)}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,12,10,.92) 0%,rgba(13,12,10,.52) 48%,rgba(13,12,10,.12) 75%),linear-gradient(0deg,rgba(13,12,10,.8),transparent 45%)}.hero-content{position:relative;z-index:2;padding-bottom:100px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;margin:0 0 22px}.hero h1{max-width:850px;font-size:clamp(52px,8vw,112px);line-height:.88;letter-spacing:-.055em;margin:0;font-weight:800}.hero h1 em{font-family:Georgia,serif;font-weight:400}.hero-copy{max-width:660px;font-size:20px;color:#d7d3ca;margin:32px 0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{display:inline-block;padding:15px 19px;font-size:12px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;border:1px solid transparent}.primary{background:var(--red);color:#fff}.ghost{border-color:rgba(255,255,255,.6)}.hero-caption{position:absolute;right:28px;bottom:26px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;opacity:.7;z-index:2}
.section-dark{background:var(--black)}.section-light{background:var(--paper);color:var(--ink)}.statement{padding:130px 0}.split-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px}.statement h2,.section-heading-row h2,.interest h2,.location h2{font-size:clamp(44px,6vw,82px);line-height:.98;letter-spacing:-.045em;margin:0}.statement h2 span{color:var(--red)}.big-copy{font-family:Georgia,serif;font-size:27px;color:#d4d0c7}.big-copy p:first-child{margin-top:0}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:120px}.feature-card{padding:38px 26px 48px;border-right:1px solid var(--line)}.feature-card:last-child{border-right:0}.feature-num{font-size:10px;color:var(--muted)}.feature-card h3{font-size:34px;margin:55px 0 16px}.feature-card p{color:#b9b5ad;font-size:14px}
.car-panel{display:grid;grid-template-columns:1.15fr .85fr;min-height:650px;background:#181713}.car-panel:nth-child(even){grid-template-columns:.85fr 1.15fr;background:#dfd9ce;color:#171512}.car-image{min-height:520px;overflow:hidden}.car-image img{width:100%;height:100%;object-fit:cover}.car-copy{display:flex;flex-direction:column;justify-content:center;padding:70px}.car-copy h2{font-size:clamp(46px,5vw,76px);line-height:.96;letter-spacing:-.04em;margin:0 0 26px}.car-copy p:last-child{font-family:Georgia,serif;font-size:22px;max-width:520px}
.membership{padding:130px 0}.section-heading-row{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:65px}.section-heading-row>p{font-size:17px;color:#6b6861}.tiers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #cfc9bd}.tier{padding:38px;min-height:480px;border-right:1px solid #cfc9bd;display:flex;flex-direction:column}.tier:last-child{border-right:0}.tier.featured{background:var(--ink);color:var(--cream);transform:translateY(-14px);box-shadow:0 18px 40px rgba(0,0,0,.16)}.tier-label{font-size:10px;font-weight:800;letter-spacing:.18em}.tier h3{font-size:30px;margin:35px 0 5px}.price{font-size:50px;font-weight:800;margin:0 0 30px}.price span{font-size:14px;font-weight:400}.tier ul{padding:0;list-style:none;margin:0 0 40px}.tier li{padding:11px 0;border-bottom:1px solid rgba(128,124,115,.25);font-size:14px}.text-link{margin-top:auto;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.section-red{background:var(--red);color:#fff;padding:110px 0}.manifesto-grid{display:grid;grid-template-columns:.3fr 1.25fr .55fr;gap:50px;align-items:start}.manifesto blockquote{font-size:clamp(48px,7vw,92px);font-weight:800;line-height:.93;letter-spacing:-.05em;margin:0}.manifesto-grid>p:last-child{font-family:Georgia,serif;font-size:21px}
.location{padding:130px 0}.location-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.location-lede{font-family:Georgia,serif;font-size:24px;color:#c5c1b8;max-width:650px}.location-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:50px;border-top:1px solid var(--line);padding-top:24px}.location-meta span{display:block;font-size:10px;color:#8e8a82;text-transform:uppercase;letter-spacing:.13em;margin-bottom:8px}.map-card{aspect-ratio:1.15;position:relative;overflow:hidden;background:#22201d;border:1px solid #4b4741;display:grid;place-items:center}.map-grid{position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:48px 48px;transform:rotate(19deg)}.map-pin{position:relative;z-index:2;width:78px;height:78px;background:var(--red);border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;box-shadow:0 18px 30px #0006}.map-pin span{transform:rotate(45deg);font-weight:900}.map-card>p{position:absolute;bottom:28px;left:28px;font-size:24px;font-weight:800;line-height:1}.map-card small{font-size:10px;letter-spacing:.18em;color:#aaa59c}
.interest{padding:130px 0}.interest-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px}.interest-grid>div>p:last-child{font-family:Georgia,serif;font-size:22px;color:#66625c;max-width:600px}.interest-form{display:grid;gap:18px}.interest-form label{font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}.interest-form input,.interest-form select,.interest-form textarea{display:block;width:100%;margin-top:7px;padding:14px 12px;border:1px solid #bbb5a8;background:#fff;font:inherit;font-size:16px}.dark-button{border:0;cursor:pointer}.form-note{font-size:11px;color:#777268;line-height:1.5}
footer{background:#0a0908;padding:55px 0}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end}.footer-grid>p{margin:0;color:#8d8981}.copyright{text-align:right;font-size:11px}
@media(max-width:900px){.nav{display:none;position:absolute;top:68px;right:20px;background:#111;padding:22px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.menu-toggle{display:block}.hero{min-height:850px}.hero-content{padding-bottom:80px}.split-intro,.section-heading-row,.location-grid,.interest-grid{grid-template-columns:1fr;gap:45px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:nth-child(2){border-right:0}.car-panel,.car-panel:nth-child(even){grid-template-columns:1fr}.viper-panel .car-copy{order:2}.car-copy{padding:50px 28px}.tiers{grid-template-columns:1fr}.tier{border-right:0;border-bottom:1px solid #cfc9bd}.tier.featured{transform:none}.manifesto-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:28px}.copyright{text-align:left}}
@media(max-width:560px){.wrap{width:min(calc(100% - 30px),var(--max))}.site-header{padding:14px 15px}.hero h1{font-size:54px}.hero-copy{font-size:17px}.hero-caption{display:none}.statement,.membership,.location,.interest{padding:85px 0}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:0}.car-image{min-height:340px}.car-copy h2{font-size:46px}.location-meta{grid-template-columns:1fr}.manifesto blockquote{font-size:54px}}
