@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--ink:#090909;--white:#f5f4f0;--muted:#b4b4b4;--line:#323232}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{position:sticky;top:0;z-index:20;background:rgba(8,8,8,.96);border-bottom:1px solid #242424;backdrop-filter:blur(14px)}.nav{max-width:1440px;margin:auto;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:170px;height:65px;object-fit:contain;object-position:left}.navlinks{display:flex;gap:34px;align-items:center}.navlinks a{font-size:12px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase}.navlinks a:hover{color:#aaa}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:17px 25px;background:var(--white);color:#080808;text-transform:uppercase;font-size:12px;font-weight:900;letter-spacing:1.5px;border:1px solid var(--white);cursor:pointer;transition:.2s}.btn:hover{background:transparent;color:white}.btn.outline{background:transparent;color:white}.btn.outline:hover{background:white;color:black}.hamb{display:none;background:none;color:white;border:0;font-size:28px;cursor:pointer}.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(ellipse at 77% 45%,#383838 0%,#111 48%,#050505 83%)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#050505 0%,rgba(5,5,5,.97) 25%,rgba(5,5,5,.28) 75%),url('/assets/valorhood-brotherhood.jpg') 70% center/cover;opacity:.75}.hero:after{content:"VALORHOOD";position:absolute;right:-35px;bottom:-105px;color:rgba(255,255,255,.035);font:900 clamp(160px,22vw,380px)/1 'Barlow Condensed',Impact,sans-serif;pointer-events:none}.wrap{max-width:1440px;margin:auto;padding:0 5%;width:100%}.hero .wrap{position:relative;z-index:1;padding-top:100px;padding-bottom:110px}.eyebrow{font-size:11px;letter-spacing:4px;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:14px}.eyebrow:before{content:"";display:block;width:31px;height:2px;background:currentColor}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;text-transform:uppercase}h1{font-size:clamp(76px,10.6vw,165px);line-height:.83;letter-spacing:-2px;margin:26px 0 28px;font-weight:900;max-width:900px}h1 span{color:transparent;-webkit-text-stroke:1.5px #eee}.lead{font-size:17px;line-height:1.75;max-width:515px;color:#dedede;margin-bottom:34px}.actions{display:flex;gap:12px;flex-wrap:wrap}.strip{background:#f5f4f0;color:#080808;display:grid;grid-template-columns:repeat(4,1fr);padding:25px 5%;gap:20px}.strip div{border-right:1px solid #d0d0d0;padding-left:20px}.strip div:last-child{border:0}.strip b{display:block;font:800 27px 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase}.strip small{font-size:11px;letter-spacing:1.2px;text-transform:uppercase;font-weight:700}.section{padding:110px 0}.sectionhead{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:36px}.sectionhead h2,.statement h2,.journey h2,.apply h2{font-size:clamp(58px,7.5vw,112px);line-height:.9;margin:16px 0 0;letter-spacing:-1px}.sectionhead p{max-width:350px;color:#aaa;line-height:1.7}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pillar{min-height:440px;position:relative;overflow:hidden;background:#202020;display:flex;align-items:end;padding:26px;isolation:isolate}.pillar:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;filter:grayscale(100%);transition:transform .5s}.pillar:hover:before{transform:scale(1.08)}.pillar:nth-child(1):before{background-image:url('https://images.unsplash.com/photo-1504052434569-70ad5836ab65?w=700&q=85')}.pillar:nth-child(2):before{background-image:url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?w=700&q=85')}.pillar:nth-child(3):before{background-image:url('/assets/valorhood-team-huddle.jpg')}.pillar:nth-child(4):before{background-image:url('/assets/valorhood-leader.jpg')}.pillar:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080808 0%,transparent 85%)}.pillar .num{position:absolute;top:22px;left:26px;font-size:12px;letter-spacing:2px;font-weight:800}.pillar h3{font-size:45px;line-height:.9;margin:0 0 12px}.pillar p{font-size:13px;line-height:1.6;color:#ddd;margin:0}.statement{background:#f4f3ef;color:#0b0b0b;padding:100px 0}.statement .wrap{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.statement h2{font-size:clamp(58px,6.5vw,104px)}.statement p{font-size:17px;line-height:1.85;color:#333}.statement .bigquote{font:900 clamp(110px,15vw,240px)/.8 'Barlow Condensed',Impact,sans-serif;color:#d6d5d1}.journey{background:#121212}.journeyintro{max-width:620px;color:#bbb;line-height:1.8}.years{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}.year{border-top:2px solid white;background:#1b1b1b;padding:30px 25px 45px;min-height:240px}.year strong{font:900 76px/.9 'Barlow Condensed',Impact,sans-serif;color:#444}.year h3{font-size:30px;margin:30px 0 8px}.year p{color:#b9b9b9;font-size:13px;line-height:1.6}.founder{display:grid;grid-template-columns:1fr 1fr;min-height:500px}.founderphoto{background:#0b0b0b;display:flex;align-items:end;justify-content:flex-start;padding:34px 7%;position:relative;overflow:hidden;isolation:isolate}.founderphoto:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/valorhood-coach-online.jpg') 62% center/cover;filter:grayscale(100%)}.founderphoto:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#080808 0%,rgba(8,8,8,.55) 28%,transparent 60%)}.founderphoto span{z-index:1;font:900 clamp(44px,5vw,78px)/.85 'Barlow Condensed',Impact,sans-serif;text-align:left}.foundertext{padding:80px 10%;display:flex;flex-direction:column;justify-content:center}.foundertext h2{font-size:clamp(55px,6vw,90px);line-height:.9;margin:20px 0}.foundertext p{color:#bbb;line-height:1.85;max-width:500px}.faq{background:#f4f3ef;color:#0b0b0b}.faq h2{font-size:clamp(60px,7vw,100px);margin-bottom:36px}.faq details{border-top:1px solid #bbb;padding:23px 0}.faq details:last-child{border-bottom:1px solid #bbb}.faq summary{font-weight:800;cursor:pointer;font-size:16px;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq summary:after{content:'+';font-size:23px}.faq details[open] summary:after{content:'−'}.faq details p{max-width:800px;color:#444;line-height:1.75;margin:20px 0 0}.apply{text-align:center;padding:110px 0 125px;background:radial-gradient(circle at 50% 0%,#303030,#090909 65%)}.apply p{color:#bbb;max-width:600px;line-height:1.75;margin:26px auto 32px}.footer{border-top:1px solid #333;padding:38px 0;color:#999}.footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer img{width:150px}.footer small{font-size:11px;letter-spacing:1px}.footer .contact{display:flex;flex-direction:column;gap:6px;font-size:13px}.footer .contact span{font-size:11px;letter-spacing:2px;font-weight:900;text-transform:uppercase;color:var(--white)}.footer .contact a{color:#ccc}.footer .contact a:hover{color:var(--white)} @media(max-width:900px){.navlinks{display:none;position:absolute;top:89px;left:0;right:0;background:#111;padding:24px 5%;flex-direction:column;align-items:start}.navlinks.open{display:flex}.hamb{display:block}.nav>.btn{display:none}.pillars,.years{grid-template-columns:repeat(2,1fr)}.statement .wrap{gap:20px}.hero{min-height:650px}}@media(max-width:600px){.hero{min-height:620px}.hero:before{background-position:60% center}.hero .wrap{padding-top:75px;padding-bottom:75px}h1{font-size:clamp(70px,16vw,108px)}.strip{grid-template-columns:repeat(2,1fr);gap:20px}.strip div:nth-child(2){border:0}.section{padding:75px 0}.sectionhead{display:block}.pillars,.years,.statement .wrap,.founder{grid-template-columns:1fr}.pillar{min-height:320px}.statement{padding:75px 0}.statement .bigquote{display:none}.founderphoto{min-height:360px}.foundertext{padding:70px 7%}.footer .wrap{flex-direction:column;text-align:center}.sectionhead h2,.statement h2,.journey h2,.apply h2{font-size:65px}}
.btn .ico{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:square;transition:transform .2s}
.btn:hover .ico{transform:translateX(3px)}