:root{--dark:#030b0d;--green:#102c27;--cream:#f0ede7;--muted:#a7b7c5;--blue:#8fb0cf;--gold:#a97924}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#020708;color:var(--cream);font-family:Inter,Arial,sans-serif}body{overflow-x:hidden}.page{min-height:100vh}.hero{position:relative;min-height:100vh;isolation:isolate;background:radial-gradient(circle at 78% 20%,rgba(159,185,203,.25),transparent 22%),linear-gradient(105deg,#020607 0%,#071214 44%,#0b1515 100%);overflow:hidden}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,8,.96),rgba(2,7,8,.75) 42%,rgba(2,7,8,.18) 100%),url('../img/background-playmaker.png') center/cover no-repeat;z-index:-3}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.18) 62%,rgba(0,0,0,.9) 100%);z-index:-1}.grain{position:absolute;inset:0;opacity:.12;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='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");pointer-events:none}.hero-inner{width:min(1180px,92vw);margin:auto;padding:56px 0 34px}.brand{max-width:520px;text-align:center;margin-bottom:50px}.monogram{width:112px;height:112px;margin:0 auto 18px;border:1px solid rgba(240,237,231,.6);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,#183a34,#071412);font-family:Georgia,serif;font-size:48px;box-shadow:0 0 42px rgba(143,176,207,.14)}.brand h1{margin:0;font-family:Georgia,serif;font-size:clamp(43px,6vw,76px);font-weight:400;letter-spacing:.12em}.brand h1 span{display:block;font-size:clamp(19px,2.5vw,30px);letter-spacing:.42em;margin-top:4px}.brand p,.launch{letter-spacing:.42em;text-transform:uppercase;color:#e8e5df}.announce{max-width:560px}.kicker{font-family:Georgia,serif;font-size:clamp(54px,8vw,88px);line-height:.95;text-transform:uppercase;margin:0;letter-spacing:.05em}.gold-line{width:108px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);margin:34px 0 28px}.announce h2{font-size:25px;text-transform:uppercase;letter-spacing:.15em;line-height:1.55;margin:0}.announce h2 strong{display:block;color:var(--blue);font-size:34px;letter-spacing:.16em}.launch{color:var(--blue);font-size:24px;margin:28px 0 46px}.audrey-card{width:min(900px,100%);display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin-top:180px;margin-left:auto;padding:34px 0 32px;border-top:1px solid rgba(240,237,231,.35);border-bottom:1px solid rgba(240,237,231,.28);background:linear-gradient(90deg,transparent,rgba(3,11,13,.42),transparent)}.audrey-intro{text-align:center}.audrey-intro span{font-family:cursive;font-size:30px}.audrey-intro h2{font-family:Georgia,serif;font-size:68px;text-transform:uppercase;letter-spacing:.12em;color:var(--blue);margin:0 0 18px}.audrey-card p,.audrey-card blockquote{font-size:17px;line-height:1.7;color:#e5e1db;margin:0}.portrait-text{border-left:1px solid rgba(240,237,231,.45);padding-left:40px}.signature{font-family:cursive!important;font-size:50px!important;color:var(--blue)!important;margin-bottom:12px!important}.portrait-text blockquote{color:#d5e2ee;margin-bottom:22px}.pillars{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:24px;border-bottom:1px solid rgba(240,237,231,.16)}.pillars article{text-align:center;padding:26px 18px;border-right:1px solid rgba(240,237,231,.3)}.pillars article:last-child{border-right:0}.pillars span{font-size:34px}.pillars h3{text-transform:uppercase;letter-spacing:.16em;font-size:15px;font-weight:400;line-height:1.45}.signup{margin:26px 0 22px;border:1px solid rgba(143,176,207,.55);border-radius:8px;padding:18px 20px;display:grid;grid-template-columns:1fr minmax(210px,300px) 170px;gap:0;align-items:center;background:rgba(1,6,8,.45);backdrop-filter:blur(10px)}.signup strong{display:block;text-transform:uppercase;letter-spacing:.14em}.signup span{display:block;color:#cbd2d6;margin-top:5px}.signup input,.signup button{height:50px;border:1px solid rgba(240,237,231,.25);background:#071013;color:#fff;padding:0 18px;font-size:15px}.signup button{border:0;background:linear-gradient(135deg,#718da8,#a4c0da);color:#061014;text-transform:uppercase;font-weight:800;letter-spacing:.12em;cursor:pointer}.footer{text-align:center;text-transform:uppercase;letter-spacing:.34em;color:#ddd}.socials{display:flex;justify-content:center;gap:20px;margin:15px 0;letter-spacing:.08em}.footer small{text-transform:none;letter-spacing:.14em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:900px){.hero-bg{background:linear-gradient(180deg,rgba(2,7,8,.72),rgba(2,7,8,.94) 55%,#020708 100%),url('../img/background-playmaker.png') 62% top/auto 74vh no-repeat}.brand{text-align:left}.monogram{margin-left:0;width:86px;height:86px;font-size:36px}.audrey-card{grid-template-columns:1fr;margin-top:92px}.portrait-text{border-left:0;border-top:1px solid rgba(240,237,231,.35);padding:24px 0 0}.pillars{grid-template-columns:1fr 1fr}.pillars article{border-bottom:1px solid rgba(240,237,231,.18)}.signup{grid-template-columns:1fr;gap:12px}.signup input,.signup button{width:100%}}@media(max-width:560px){.hero-inner{padding-top:30px}.announce{padding-top:36vh}.brand h1{font-size:38px}.kicker{font-size:46px}.announce h2{font-size:17px}.announce h2 strong{font-size:25px}.launch{font-size:16px}.audrey-intro h2{font-size:44px}.pillars{grid-template-columns:1fr}.pillars article{border-right:0}.socials{flex-wrap:wrap;font-size:12px}}
