/* AfroDraught landing page */
#page-home { --ad-ink:#18251d; --ad-green:#174a35; --ad-gold:#f1b844; --ad-paper:#f7f5ef; color:var(--ad-ink); }
#page-home .ad-home-hero { position:relative; overflow:hidden; background:#183f31; color:#fff; }
#page-home .ad-home-hero__texture { position:absolute; inset:0; opacity:.09; background-image:radial-gradient(#f8d990 1px,transparent 1px); background-size:22px 22px; mask-image:linear-gradient(90deg,#000,transparent 68%); }
#page-home .ad-home-hero__inner { position:relative; z-index:1; min-height:590px; display:grid; grid-template-columns:1.03fr .97fr; align-items:center; gap:48px; padding-top:65px; padding-bottom:82px; }
#page-home .ad-home-hero__copy { max-width:600px; }
#page-home .ad-eyebrow { display:inline-flex; align-items:center; gap:10px; color:#e4bd6e; font-size:11px; line-height:1.4; font-weight:800; letter-spacing:.17em; }
#page-home .ad-live-dot { width:8px; height:8px; border-radius:50%; background:#f1b844; box-shadow:0 0 0 5px #f1b84426; }
#page-home .ad-home-hero h1 { margin:25px 0 18px; color:#fff; font:700 clamp(48px,6vw,76px)/.99 Georgia,serif; letter-spacing:-.045em; }
#page-home .ad-home-hero h1 em,#page-home .ad-section-heading h2 em { color:#edbd59; font-weight:500; }
#page-home .ad-home-hero__copy>p { max-width:455px; margin:0; color:#d4e0d8; font-size:17px; line-height:1.75; }
#page-home .ad-home-hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:30px; }
#page-home .ad-button { display:inline-flex; align-items:center; justify-content:center; gap:17px; min-height:50px; padding:0 21px; border-radius:4px; text-decoration:none; font-size:13px; font-weight:800; transition:transform .2s,background .2s; }
#page-home .ad-button:hover { transform:translateY(-2px); }
#page-home .ad-button--gold { background:#f1b844; color:#17261d; }
#page-home .ad-button--gold:hover { background:#ffd16c; color:#17261d; }
#page-home .ad-button--outline { border:1px solid #ffffff66; color:#fff; }
#page-home .ad-button--outline:hover { background:#ffffff16; color:#fff; }
#page-home .ad-home-proof { display:flex; align-items:center; gap:13px; margin-top:36px; color:#bdcec3; font-size:12px; }
#page-home .ad-proof-avatars { display:flex; align-items:center; }
#page-home .ad-proof-avatars>* { display:grid; width:29px; height:29px; margin-left:-6px; place-items:center; border:2px solid #183f31; border-radius:50%; background:#d7995b; color:#193c2e; font-size:10px; font-style:normal; font-weight:800; }
#page-home .ad-proof-avatars>*:first-child { margin-left:0; background:#ecd39a; }
#page-home .ad-proof-avatars>*:nth-child(2) { background:#9db9a6; }
#page-home .ad-proof-avatars>*:nth-child(3) { background:#c67e52; }
#page-home .ad-proof-avatars>b { background:#fff; }
#page-home .ad-home-hero__visual { position:relative; padding:0 12px 22px 0; }
#page-home .ad-board-frame { position:relative; overflow:hidden; height:390px; border:8px solid #e7c275; border-radius:3px; background:#c99a58; box-shadow:20px 24px 0 #102f25; transform:rotate(1.5deg); }
#page-home .ad-board-frame:after { position:absolute; inset:0; content:""; background:linear-gradient(0deg,#17261d99,transparent 62%); }
#page-home .ad-board-frame img { width:100%; height:100%; object-fit:cover; }
#page-home .ad-board-stamp { position:absolute; z-index:1; right:20px; bottom:18px; display:flex; flex-direction:column; color:#fff; font-size:10px; letter-spacing:.25em; }
#page-home .ad-board-stamp b { font-size:20px; letter-spacing:.12em; }
#page-home .ad-board-stamp small { margin-top:4px; color:#f4d48f; font-size:8px; letter-spacing:.2em; }
#page-home .ad-float-card { position:absolute; z-index:2; bottom:0; left:-34px; display:flex; align-items:center; gap:12px; padding:14px 17px; border-radius:5px; background:#fff; color:#1c3024; box-shadow:0 12px 35px #10271f44; }
#page-home .ad-float-icon { display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:#f5ead0; color:#8a6420; font-size:19px; }
#page-home .ad-float-card b,#page-home .ad-float-card small { display:block; }
#page-home .ad-float-card b { font-size:12px; }
#page-home .ad-float-card small { margin-top:3px; color:#738076; font-size:11px; }
#page-home .ad-float-arrow { margin-left:16px; color:#32714d; }
#page-home .ad-home-hero__foot { position:absolute; right:0; bottom:0; left:0; border-top:1px solid #ffffff24; color:#d4e0d8; }
#page-home .ad-home-hero__foot .container { display:flex; min-height:45px; align-items:center; justify-content:space-between; font-size:9px; font-weight:800; letter-spacing:.17em; }
#page-home .ad-home-hero__foot i { color:#e4bd6e; font-style:normal; }
#page-home .ad-home-paths { padding-top:90px; padding-bottom:92px; }
#page-home .ad-section-heading { display:flex; align-items:end; justify-content:space-between; gap:32px; margin-bottom:32px; }
#page-home .ad-eyebrow--dark { color:#66806c; }
#page-home .ad-section-heading h2 { max-width:620px; margin:12px 0 0; color:#1c3024; font:700 clamp(31px,4vw,43px)/1.12 Georgia,serif; letter-spacing:-.03em; }
#page-home .ad-section-heading h2 em { color:#54805c; }
#page-home .ad-section-heading>p { max-width:340px; margin:0 0 3px; color:#66736a; font-size:14px; line-height:1.7; }
#page-home .ad-path-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:17px; }
#page-home .ad-path-card { position:relative; display:flex; min-height:254px; flex-direction:column; padding:25px 26px 23px; overflow:hidden; border-radius:5px; text-decoration:none; transition:transform .2s,box-shadow .2s; }
#page-home .ad-path-card:hover { transform:translateY(-5px); box-shadow:0 15px 30px #1d34221c; }
#page-home .ad-path-card--play { background:#e8efe7; }
#page-home .ad-path-card--people { background:#f2ead8; }
#page-home .ad-path-card--events { background:#e9e9df; }
#page-home .ad-path-number { color:#627369; font-size:10px; font-weight:800; letter-spacing:.14em; }
#page-home .ad-path-symbol { position:absolute; top:19px; right:24px; color:#64826b; font-size:28px; }
#page-home .ad-path-card h3 { margin:40px 0 9px; color:#1e3527; font:700 25px Georgia,serif; }
#page-home .ad-path-card p { max-width:270px; margin:0; color:#68746a; font-size:13px; line-height:1.65; }
#page-home .ad-path-card>b { display:flex; justify-content:space-between; margin-top:auto; padding-top:18px; color:#28573a; font-size:12px; }
#page-home .ad-home-community { overflow:hidden; background:#f7f5ef; }
#page-home .ad-home-community__inner { display:grid; min-height:390px; grid-template-columns:1fr 1fr; align-items:center; gap:75px; padding-top:60px; padding-bottom:60px; }
#page-home .ad-community-art { position:relative; height:270px; }
#page-home .ad-community-disc { position:absolute; display:grid; width:190px; height:190px; place-items:center; border:9px solid #e8d9b2; border-radius:50%; background:#315e43; color:#f4d48f; font:700 72px Georgia,serif; box-shadow:0 17px 32px #253c2529; }
#page-home .ad-community-disc--one { top:8px; left:10%; }
#page-home .ad-community-disc--two { top:55px; left:43%; background:#c5894f; color:#fff2cc; }
#page-home .ad-community-quote { position:absolute; right:7%; bottom:6px; padding:12px 18px; background:#fff; color:#214432; font:italic 18px/1.3 Georgia,serif; box-shadow:0 8px 20px #253c2517; }
#page-home .ad-community-spark { position:absolute; top:5px; right:8%; color:#d39d42; font-size:30px; }
#page-home .ad-community-copy h2,#page-home .ad-home-download h2 { margin:14px 0; color:#fff; font:700 clamp(34px,4vw,46px)/1.08 Georgia,serif; letter-spacing:-.03em; }
#page-home .ad-community-copy h2 { color:#1c3024; }
#page-home .ad-community-copy>p { max-width:440px; color:#68746a; font-size:14px; line-height:1.75; }
#page-home .ad-community-links { display:grid; max-width:430px; margin-top:25px; }
#page-home .ad-community-links a { display:flex; justify-content:space-between; padding:14px 0; border-top:1px solid #dedfd6; color:#28573a; font-size:13px; font-weight:700; text-decoration:none; }
#page-home .ad-home-events { padding-top:80px; padding-bottom:85px; }
#page-home .ad-text-link { color:#28573a; font-size:13px; font-weight:800; text-decoration:none; }
#page-home .ad-event-banner { display:flex; min-height:185px; align-items:center; gap:28px; padding:32px 38px; border-radius:5px; background:#1b4b36; color:#fff; }
#page-home .ad-event-banner__mark { display:grid; width:83px; height:83px; flex:0 0 83px; place-items:center; border:1px solid #ffffff61; border-radius:50%; color:#f1c363; font:700 22px Georgia,serif; }
#page-home .ad-event-banner__mark span { margin-left:3px; font:16px sans-serif; }
#page-home .ad-event-label { color:#e4bd6e; font-size:9px; font-weight:800; letter-spacing:.17em; }
#page-home .ad-event-banner h3 { margin:8px 0 5px; color:#fff; font:700 28px Georgia,serif; }
#page-home .ad-event-banner p { margin:0; color:#cad8ce; font-size:13px; }
#page-home .ad-event-banner .ad-button { margin-left:auto; flex:0 0 auto; }
#page-home .ad-home-download { overflow:hidden; background:#183f31; color:#fff; }
#page-home .ad-home-download__inner { position:relative; display:flex; min-height:330px; align-items:center; justify-content:space-between; padding-top:55px; padding-bottom:55px; }
#page-home .ad-home-download h2 { margin:13px 0 8px; }
#page-home .ad-home-download p { color:#cad8ce; font-size:14px; }
#page-home .ad-home-store { display:flex; gap:10px; margin-top:22px; }
#page-home .ad-home-store a { display:inline-block; }
#page-home .ad-home-store img { width:140px; height:auto; }
#page-home .ad-download-board { display:grid; width:224px; height:224px; grid-template-columns:repeat(4,1fr); gap:0; margin-right:10%; border:8px solid #dfba68; transform:rotate(7deg); box-shadow:18px 18px 0 #102f25; }
#page-home .ad-download-board span { display:grid; place-items:center; background:#d4b079; color:#28543b; font-size:27px; }
#page-home .ad-download-board span:nth-child(8n+1),#page-home .ad-download-board span:nth-child(8n+3),#page-home .ad-download-board span:nth-child(8n+6),#page-home .ad-download-board span:nth-child(8n+8) { background:#315e43; color:#f4d48f; }
#page-home .ad-home-custom-content:empty { display:none; }
@media(max-width:767px) {
 #page-home .ad-home-hero__inner { min-height:auto; grid-template-columns:1fr; gap:40px; padding-top:55px; padding-bottom:78px; }
 #page-home .ad-home-hero h1 { font-size:53px; }
 #page-home .ad-home-hero__visual { max-width:480px; width:90%; margin:0 auto; }
 #page-home .ad-board-frame { height:290px; }
 #page-home .ad-float-card { left:-20px; }
 #page-home .ad-home-hero__foot .container { gap:10px; justify-content:center; font-size:8px; letter-spacing:.08em; }
 #page-home .ad-home-hero__foot .container span:last-child,#page-home .ad-home-hero__foot .container i:last-of-type { display:none; }
 #page-home .ad-home-paths,#page-home .ad-home-events { padding-top:60px; padding-bottom:60px; }
 #page-home .ad-section-heading { align-items:flex-start; flex-direction:column; gap:14px; }
 #page-home .ad-path-grid { grid-template-columns:1fr; }
 #page-home .ad-path-card { min-height:220px; }
 #page-home .ad-home-community__inner { grid-template-columns:1fr; gap:20px; padding-top:40px; padding-bottom:50px; }
 #page-home .ad-community-art { height:220px; max-width:450px; width:100%; }
 #page-home .ad-community-disc { width:155px; height:155px; font-size:58px; }
 #page-home .ad-community-quote { right:2%; }
 #page-home .ad-event-banner { align-items:flex-start; flex-direction:column; padding:27px; }
 #page-home .ad-event-banner .ad-button { margin-left:0; }
 #page-home .ad-event-banner__mark { width:65px; height:65px; flex-basis:65px; }
 #page-home .ad-home-download__inner { min-height:auto; padding-top:50px; padding-bottom:50px; }
 #page-home .ad-download-board { position:absolute; right:-95px; bottom:30px; width:145px; height:145px; opacity:.35; }
 #page-home .ad-home-store img { width:125px; }
}