:root{--red:#000000;--orange:#000000;--paper:#efefec;--ink:#000000;--muted:#62645d;--line:#d6d7d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:var(--paper);font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#000000;color:white}a{color:inherit;text-decoration:none;text-underline-offset:5px}button,input{font:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor;outline-offset:6px}button{cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5}.hero{position:relative;isolation:isolate;min-height:760px;height:96svh;max-height:1080px;background:#000000;color:#f5f5f3;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center;z-index:-3}.tint{display:none}header{position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 5.5%;padding:24px 0;border-bottom:1px solid #ffffff36;z-index:3}.brand{display:inline-block;font-weight:800;font-size:24px;letter-spacing:-.04em;line-height:1}.brand span{display:block;font-size:8px;letter-spacing:.32em;margin-top:6px}nav{display:flex;gap:68px;font-size:11px}nav a{padding:12px 0}nav a:hover{text-decoration:underline}.menu-link{padding:8px}.hero-bottom{position:absolute;left:5.5%;right:5.5%;bottom:54px;display:flex;justify-content:space-between;align-items:flex-end;gap:40px}.hero-copy{max-width:590px}h1{font-size:clamp(30px,3.15vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.035em;text-wrap:balance;margin:0 0 22px}.hero-copy p{font-size:15px;line-height:1.6;max-width:350px;margin:0 0 30px}.button{border:0;display:flex;gap:26px;align-items:center;justify-content:space-between;padding:11px 12px 11px 25px;min-height:55px;border-radius:40px;font-size:12px;font-weight:600;width:max-content;max-width:100%;transition:background .2s,color .2s}.light{background:var(--paper);color:var(--ink)}.light:hover{background:#d9dcde}.arrow{width:31px;height:31px;display:grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--paper);font-size:21px;font-weight:400}.hero-right{text-align:right;font-size:10px;line-height:1.6}.sound{display:block;background:transparent;color:inherit;border:1px solid #ffffff80;border-radius:50%;padding:12px;margin:0 0 18px auto}.sound:hover{background:#ffffff25}.section{padding:100px 5.5%;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1fr 2.4fr;gap:40px;padding-top:110px;padding-bottom:60px}.section-label{font-size:11px;display:flex;align-items:center;gap:9px;line-height:1.4}.section-label:before{content:'';width:5px;height:5px;background:var(--red)}h2{font-size:clamp(36px,4.6vw,68px);line-height:.97;font-weight:700;letter-spacing:-.04em;margin:0;text-wrap:balance}h2 span{color:#73756c}.intro-text{font-size:15px;line-height:1.7;max-width:420px;margin:30px 0 0 auto}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-heading h2{font-size:clamp(32px,3.6vw,52px)}.section-heading p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.modules article{background:#fafaf8;clip-path:polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px);padding:25px 26px 28px;min-height:210px}.modules article:nth-child(3n+2){transform:translateY(26px)}.index{font-size:10px;color:var(--red)}h3{font-size:24px;font-weight:500;letter-spacing:-.03em;margin:33px 0 14px}.modules p{font-size:13px;line-height:1.6;color:var(--muted);margin:0;max-width:230px}.audience{display:grid;grid-template-columns:1fr 2.4fr;gap:40px;border-top:1px solid var(--line);margin-top:40px}.audience h2{font-size:clamp(34px,4.2vw,60px)}.audience p{font-size:15px;line-height:1.7;max-width:440px;margin:30px 0 0}.opportunity{display:grid;grid-template-columns:1fr 1fr;min-height:540px;background:var(--red);color:#f5f5f3}.photo{background:url('assets/henri-mega-hair.jpg') center 42%/cover}.opportunity-copy{padding:80px 11%}.opportunity h2{font-size:clamp(30px,3.5vw,52px)}.opportunity p{font-size:15px;line-height:1.7;margin:30px 0 40px;max-width:360px}.text-link{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid #ffffff80;padding:12px 0;font-size:13px;max-width:350px}.text-link:hover{color:#d9dcde}.signup{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:110px;padding-bottom:100px}.signup .section-label{margin-bottom:28px}.signup h2{font-size:clamp(50px,7vw,96px)}.signup>div>p{font-size:15px;line-height:1.7;max-width:330px;margin:25px 0 0}form{padding-top:50px}form>label{display:block;font-size:12px;margin:0 0 12px}input[type=text],input[type=email]{display:block;width:100%;border:0;border-bottom:1px solid #9b9d94;border-radius:0;background:transparent;color:var(--ink);padding:10px 0 15px;min-height:48px;margin-bottom:30px;caret-color:var(--red)}input::placeholder{color:#74766d}.consent{display:flex;align-items:flex-start;gap:9px;line-height:1.6;font-size:11px;color:var(--muted);margin-bottom:26px}.consent input{margin-top:3px;accent-color:var(--red);width:15px;height:15px;flex-shrink:0}.dark{background:var(--ink);color:var(--paper);width:100%}.dark .arrow{background:var(--paper);color:var(--ink)}.dark:hover{background:var(--red)}.form-note,.status{font-size:11px;color:var(--muted);line-height:1.6;margin-top:17px}.status:empty{display:none}footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding:32px 5.5%;font-size:11px}footer .brand{font-size:21px}footer a:last-child:hover{text-decoration:underline}@media(min-width:1600px){.hero-bottom{left:calc((100% - 1424px)/2);right:calc((100% - 1424px)/2)}}@media(max-width:760px){.hero{min-height:730px;height:94svh;max-height:920px}header{margin:0 6%;padding:20px 0}.brand{font-size:22px}nav{display:none}.hero-video{object-position:60% center}.tint{display:none}.hero-bottom{left:6%;right:6%;bottom:36px;gap:10px}.hero-copy{max-width:85%}h1{font-size:33px;max-width:360px}.hero-copy p{font-size:14px;max-width:300px}.hero-right>span{display:none}.hero-right{align-self:flex-end;margin-bottom:3px}.sound{padding:8px;margin-bottom:0}.sound svg{width:19px;height:19px}.button{font-size:11px;padding-left:19px;gap:18px}.section{padding:60px 6%}.intro,.audience{display:block}.section-label{margin-bottom:28px}h2{font-size:clamp(34px,8.2vw,54px)}.intro-text{margin:28px 0 0;max-width:100%}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:37px}.section-heading p{margin-top:20px}.modules{grid-template-columns:1fr 1fr;gap:12px}.modules article{padding:21px 19px;min-height:205px}.modules article:nth-child(3n+2){transform:none}.modules article:nth-child(even){transform:translateY(20px)}h3{font-size:21px;margin-top:27px}.modules p{font-size:12px}.audience{margin-top:25px}.audience h2{font-size:36px}.opportunity{grid-template-columns:1fr}.photo{min-height:340px;background-position:center}.opportunity-copy{padding:48px 6% 54px}.opportunity h2{font-size:36px}.signup{display:block}.signup h2{font-size:72px}.signup form{padding-top:40px}.signup>div>p{max-width:380px}footer{padding:28px 6%;flex-wrap:wrap}footer>span{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Full HD without overlays. Copy sits on a separate charcoal surface. */
.hero{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;height:auto;max-height:none;background:#000000;overflow:hidden}
.hero header{grid-row:1;width:89%;margin:0 auto;border-bottom:0}
.hero-video{grid-row:2;position:relative;inset:auto;z-index:0;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;object-position:center;filter:none;opacity:1}

.hero-bottom{grid-row:3;position:relative;left:auto;right:auto;bottom:auto;width:89%;margin:0 auto;padding:38px 0 42px}
.hero-copy{max-width:820px}h1{font-size:clamp(29px,3.1vw,46px)}.hero-copy p{max-width:580px}.hero-right{min-width:110px}.photo{min-height:720px;background-position:center 42%}.opportunity-copy{align-self:center}
@media(max-width:760px){.hero{min-height:0;height:auto;max-height:none}.hero header{width:88%}.hero-bottom{width:88%;padding:30px 0 34px;bottom:auto;left:auto;right:auto}.hero-copy{max-width:85%}h1{font-size:29px}.hero-copy p{max-width:100%}.photo{min-height:0;aspect-ratio:2/3;background-position:center}.hero-right{min-width:0}.opportunity-copy{padding:48px 6% 54px}}

