@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--black:#000;--black-2:#030303;--black-3:#070707;--white:#f5f3ed;--muted:#98968f;--dim:#5e5c57;--gold:#c7a66a;--line:rgba(245,243,237,.13);--line-soft:rgba(245,243,237,.075);--max:1440px;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#000}body{margin:0;background:#000;color:var(--white);font:400 16px/1.7 "DM Sans",Inter,system-ui,sans-serif;letter-spacing:-.01em}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E")}a{color:inherit}::selection{background:var(--gold);color:#000}
.site-header{height:82px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:rgba(0,0,0,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line-soft)}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:var(--white);min-width:max-content}.logo-word,.brand-mark{font:800 29px/1 Manrope,sans-serif;letter-spacing:-.09em;font-style:italic;transform:skew(-8deg);display:inline-block;color:var(--white)}.brand-copy b,.brand-copy small,.brand>span:not(.brand-mark){display:block}.brand-copy b,.brand>span:not(.brand-mark) b{font:700 11px/1 Manrope;letter-spacing:.15em}.brand-copy small,.brand>span:not(.brand-mark) small{font:500 8px/1 "DM Sans";color:var(--dim);letter-spacing:.22em;margin-top:6px}
nav{display:flex;align-items:center;gap:24px}nav a{position:relative;color:var(--muted);text-decoration:none;font:600 11px/1 "DM Sans";letter-spacing:.04em;padding:8px 0}nav a:after{content:"";position:absolute;left:0;right:100%;bottom:1px;height:1px;background:var(--gold);transition:right .3s var(--ease)}nav a:hover,nav a.active{color:var(--white)}nav a:hover:after,nav a.active:after{right:0}.menu{display:none;background:transparent;color:var(--white);border:1px solid var(--line);padding:9px 12px;font:600 11px Manrope;letter-spacing:.08em}
.hero{position:relative;min-height:calc(100vh - 82px);overflow:hidden}.hero-editorial{padding:9vh 7vw 7vh;display:flex;align-items:center;background:#000}.hero-editorial:after{content:"";position:absolute;right:-15%;bottom:-45%;width:65vw;height:65vw;border-radius:50%;background:radial-gradient(circle,rgba(199,166,106,.11),transparent 65%);pointer-events:none}.hero-editorial:before{content:"HFL";position:absolute;right:-5vw;top:21%;font:800 38vw/.72 Manrope;color:rgba(245,243,237,.022);letter-spacing:-.14em;transform:skew(-8deg);pointer-events:none}.hero-main{position:relative;z-index:2;max-width:1050px}.hero-index{position:absolute;left:7vw;top:36px;font:600 9px/1 "DM Sans";color:var(--dim);letter-spacing:.2em}.eyebrow,.section-label,.kicker{font:700 9px/1.2 "DM Sans";letter-spacing:.22em;color:var(--gold);text-transform:uppercase}.hero h1,.page-hero h1{font:800 clamp(64px,10.8vw,158px)/.82 Manrope;letter-spacing:-.095em;margin:28px 0 30px}.hero h1 i,.section h2 i,.chapter h2 i,.closing h2 i{font-family:"Playfair Display",serif;font-weight:500;letter-spacing:-.06em}.hero-lede{max-width:620px;color:var(--muted);font-size:18px;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;min-height:50px;padding:0 21px;align-items:center;justify-content:center;border:1px solid var(--line);text-decoration:none;color:var(--white);font:700 11px/1 Manrope;letter-spacing:.04em;transition:all .3s var(--ease)}.btn.primary{background:var(--white);color:#000;border-color:var(--white)}.btn.primary:hover{background:var(--gold);border-color:var(--gold)}.btn.line:hover{border-color:var(--gold);color:var(--gold)}.btn.dark{background:#000;color:var(--white);border-color:#000}.btn.darkline{color:#000;border-color:rgba(0,0,0,.25)}.hero-bottom{position:absolute;bottom:28px;left:7vw;right:7vw;display:flex;justify-content:space-between;color:var(--dim);font:600 9px/1 "DM Sans";letter-spacing:.2em}
.section{max-width:var(--max);margin:auto;padding:125px max(7vw,28px);border-top:1px solid var(--line-soft)}.section h2{font:700 clamp(42px,5.8vw,84px)/.94 Manrope;letter-spacing:-.075em;margin:25px 0}.section h2 em,.section h2 span{color:var(--dim)}.manifesto-grid,.people-grid,.ecosystem-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:9vw}.manifesto p,.people p,.measure,.long-copy>p,.split-story p,.cjp-about p,.ecosystem-intro p{color:var(--muted);max-width:680px}.arrow-link{display:inline-block;margin-top:20px;color:var(--white);text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:7px;font-weight:600}.arrow-link:hover{color:var(--gold);border-color:var(--gold)}
.numbers{background:#000}.number-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.number-grid div{padding:50px 30px;border-right:1px solid var(--line)}.number-grid div:last-child{border-right:0}.number-grid strong,.stat strong{display:block;font:800 clamp(46px,7vw,98px)/1 Manrope;letter-spacing:-.09em;color:var(--white)}.number-grid span,.stat span{display:block;margin-top:14px;color:var(--muted);max-width:250px;font-size:12px}.fineprint{font-size:10px!important;line-height:1.6;color:var(--dim)!important;margin-top:25px}
.chapters{border-top:1px solid var(--line-soft)}.chapter{display:grid;grid-template-columns:90px 1fr 30px;gap:25px;padding:70px 7vw;border-bottom:1px solid var(--line-soft);text-decoration:none;color:var(--white);transition:background .35s var(--ease),padding-left .35s var(--ease)}.chapter:hover{background:#050505;padding-left:8vw}.chapter>span{color:var(--gold);font:700 9px/1 "DM Sans";letter-spacing:.18em}.chapter small{font:700 9px/1 "DM Sans";letter-spacing:.2em;color:var(--gold)}.chapter h2{font:700 clamp(40px,5.8vw,82px)/.93 Manrope;letter-spacing:-.075em;margin:20px 0}.chapter p{color:var(--muted);max-width:560px}.chapter b{align-self:center;color:var(--gold)}.statement{background:#020202}.statement-rule{height:1px;background:var(--line);margin:50px 0 30px}.cjp-band{display:grid;grid-template-columns:1fr 250px;gap:8vw;align-items:center;background:#020202}.cjp-mark{width:220px;height:220px;border:1px solid rgba(199,166,106,.4);display:grid;place-items:center;text-align:center;font:800 58px/.8 Manrope;color:var(--gold);letter-spacing:-.08em;transform:rotate(-7deg)}.cjp-mark small{font:700 8px/1 "DM Sans";letter-spacing:.25em;margin-top:10px}.people{background:#030303}.closing{padding:140px 7vw;background:var(--white);color:#000}.closing h2{font:800 clamp(72px,12vw,180px)/.8 Manrope;letter-spacing:-.095em;margin:30px 0 50px}.closing .eyebrow{color:#6e5732}
.long-copy{max-width:1000px;margin-left:0}.split-story{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.cjp-about{max-width:1050px;margin-left:0}.identity-list{border-top:1px solid var(--line);margin-top:40px}.identity-list div{display:grid;grid-template-columns:280px 1fr;padding:25px 0;border-bottom:1px solid var(--line-soft)}.identity-list b{font:700 19px Manrope}.identity-list span{color:var(--muted)}.founder-band{display:flex;justify-content:space-between;align-items:center}.page-hero,.editorial-page{padding:130px 7vw 110px;max-width:var(--max);margin:auto}.page-hero h1{max-width:1200px}.page-hero>p:last-child{max-width:700px;color:var(--muted);font-size:18px}
footer{padding:65px 7vw 25px;border-top:1px solid var(--line-soft);background:#000}.footer-main{display:flex;justify-content:space-between;gap:50px}.footer-tag{font:600 12px Manrope;color:var(--gold);letter-spacing:.16em;margin-top:25px}.footer-links{display:grid;grid-template-columns:repeat(4,auto);gap:13px 32px}.footer-links a{color:var(--muted);text-decoration:none;font:500 11px/1.2 "DM Sans"}.footer-links a:hover{color:var(--white)}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line-soft);margin-top:65px;padding-top:18px;color:var(--dim);font:500 9px/1 "DM Sans";letter-spacing:.07em}
.prose{max-width:1000px;margin-left:0}.prose h2,.two-col h2{font:700 clamp(40px,5.8vw,80px)/.95 Manrope;letter-spacing:-.075em}.timeline{margin-top:45px;border-left:1px solid var(--line)}.timeline>div{padding:8px 0 28px 28px}.timeline b{color:var(--gold)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.feature-list{border-top:1px solid var(--line);margin-top:35px;max-width:1050px}.feature-list a{display:grid;grid-template-columns:250px 1fr 25px;gap:20px;padding:27px 0;border-bottom:1px solid var(--line-soft);text-decoration:none;color:var(--white);transition:padding .3s var(--ease),color .3s}.feature-list a:hover{padding-left:10px;color:var(--gold)}.feature-list b{font:700 19px Manrope}.feature-list span{color:var(--muted)}.impact-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.impact-detail>div{border-top:1px solid var(--line);padding-top:25px}.impact-detail h2{font:700 32px/1.05 Manrope}.note,.quote-panel{border:1px solid var(--line);padding:45px;background:#020202}.quote-panel>p{font:500 clamp(30px,4vw,60px)/1.05 "Playfair Display",serif}.community-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding:1px}.community-flow>div{background:#000;padding:38px;min-height:240px}.community-flow span{font:700 9px "DM Sans";color:var(--gold);letter-spacing:.18em}.community-flow h2{font:700 34px Manrope}.steps{color:var(--muted)}.steps li{margin:9px 0}
.contact-grid{display:grid;grid-template-columns:1fr;gap:1px;background:var(--line);padding:1px}.contact-grid>div{background:#000;padding:40px}.contact-value{display:block;color:var(--white);font:700 clamp(20px,3vw,35px) Manrope;margin-top:10px;word-break:break-word;text-decoration:none}.contact-value:hover{color:var(--gold)}.contact-form{max-width:760px;display:grid;gap:18px}.contact-form label{display:grid;gap:8px;color:var(--muted);font-size:12px}.contact-form input,.contact-form textarea{width:100%;font:16px "DM Sans";background:#030303;color:var(--white);border:1px solid var(--line);padding:15px;outline:none;border-radius:0}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.success{border:1px solid var(--gold);padding:25px;margin-top:20px}.success b{color:var(--gold)}.form-note{font-size:10px;color:var(--dim)}
.reveal{opacity:0;transform:translateY(18px);transition:.7s var(--ease)}.reveal.visible{opacity:1;transform:none}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);padding:1px}.stat-grid .stat{background:#000;padding:48px 35px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.stat-grid.big .stat strong{font-size:clamp(48px,6vw,88px)}
.ecosystem-home{background:#000}.ecosystem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-top:55px;border:1px solid var(--line)}.ecosystem-card{background:#000;color:var(--white);padding:40px;min-height:270px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;transition:background .3s var(--ease)}.ecosystem-card:hover{background:#080808}.ecosystem-card.featured{background:#050505}.ecosystem-card span{font:700 8px/1 "DM Sans";letter-spacing:.18em;color:var(--gold)}.ecosystem-card h3{font:700 clamp(28px,3vw,46px)/1 Manrope;letter-spacing:-.05em;margin:35px 0 12px}.ecosystem-card p{color:var(--muted);max-width:480px;margin:0}.ecosystem-card b{margin-top:30px;font:700 10px/1 Manrope;letter-spacing:.05em}.ecosystem-card .muted-link{color:var(--dim)}
@media(max-width:900px){nav{display:none;position:absolute;left:0;right:0;top:82px;padding:22px 7vw;background:#000;border-bottom:1px solid var(--line);flex-direction:column;gap:18px}.menu{display:block}.site-header:has(nav.open) nav{display:flex}.hero-editorial{min-height:calc(100vh - 82px);padding:110px 7vw 100px}.hero h1,.page-hero h1{font-size:clamp(58px,17vw,105px)}.hero-editorial:before{font-size:60vw;top:38%}.hero-bottom{bottom:25px}.manifesto-grid,.people-grid,.split-story,.cjp-band,.ecosystem-intro{grid-template-columns:1fr;gap:35px}.section{padding:85px 7vw}.number-grid,.stat-grid,.impact-detail,.community-flow,.two-col,.contact-grid,.ecosystem-grid{grid-template-columns:1fr}.number-grid div{border-right:0;border-bottom:1px solid var(--line)}.number-grid div:last-child{border-bottom:0}.chapter{grid-template-columns:45px 1fr 20px;padding:55px 7vw}.chapter:hover{padding-left:7vw}.cjp-mark{width:150px;height:150px;font-size:42px}.identity-list div{grid-template-columns:1fr;gap:7px}.founder-band,.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-links{grid-template-columns:repeat(2,1fr);width:100%}.closing{padding:95px 7vw}.feature-list a{grid-template-columns:1fr 20px}.feature-list span{grid-column:1}}
@media(max-width:420px){.brand-copy{display:none}.hero h1,.page-hero h1{font-size:55px}.btn{width:100%}.chapter{grid-template-columns:30px 1fr}.footer-links{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}