/* Steve Nolan — chrisducker "Speaker Editorial" system, Ariel plum accent */
:root{--navy:#0d1330;--navy2:#141b45;--acc:#841b5d;--acc2:#a3276f;--strip:#841b5d;--ink:#1d1f2b;--mut:#5b5f6e;--grey:#f0f0f0;--w:#fff;
--serif:"DM Serif Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif;--r:2px}
*{box-sizing:border-box;margin:0}
body{font:400 17px/1.65 var(--sans);color:var(--ink);background:var(--w)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.narrow{max-width:780px}
.center{text-align:center}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:8px;z-index:99}
h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.12;letter-spacing:-.01em}
h1{font-size:clamp(2.2rem,4.4vw,3.4rem)}
h2{font-size:clamp(1.8rem,3.2vw,2.5rem);margin-bottom:.6em}
h3{font-size:1.45rem}
h1 em,h2 em,h3 em,blockquote em{font-style:italic}
p+p{margin-top:1em}
.eyebrow{font:700 .82rem/1.45 var(--sans);text-transform:uppercase;letter-spacing:.06em;color:var(--acc);margin-bottom:14px}
.btn{display:inline-flex;align-items:center;min-height:46px;padding:0 22px;background:var(--acc);color:#fff;border:2px solid var(--acc);border-radius:var(--r);
font:700 .78rem/1 var(--sans);text-transform:uppercase;letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:.2s}
.btn:hover{background:var(--acc2);border-color:var(--acc2)}
.btn.ghost{background:transparent;border-color:rgba(255,255,255,.6);color:#fff}
.btn.ghost:hover{border-color:#fff;background:rgba(255,255,255,.08)}
.btn.ghost.dark{color:var(--navy);border-color:var(--navy)}
.btn.ghost.dark:hover{background:var(--navy);color:#fff}
.row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.row.c{justify-content:center}
section{padding:90px 0}
.grey{background:var(--grey)}
.navy{background:var(--navy);color:#fff}

/* strip + nav */
.strip{background:var(--strip);color:#fff;font-size:.86rem;text-align:center;padding:11px 0}
.strip a{font-weight:700;margin-left:10px;white-space:nowrap}
.nav{background:var(--navy);color:#fff;position:relative;z-index:10}
.nav .wrap{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:86px}
.nav ul{list-style:none;padding:0;display:flex;gap:34px;align-items:center}
.nav .nr{justify-content:flex-end}
.nav a{text-decoration:none;font-size:.92rem;font-weight:500}
.nav li a[aria-current]{color:#e7a9cd}
.nav li a:not(.btn):hover{color:#e7a9cd}
.wm{font-family:var(--serif);font-size:1.7rem;text-decoration:none;letter-spacing:-.01em}
.wm b{font-weight:400;font-style:italic;color:#e7a9cd}
.burger,.nav .mm{display:none}

/* hero */
.hero{background:linear-gradient(180deg,var(--navy) 0%,var(--navy2) 100%);color:#fff;padding:70px 0 0;overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:end}
.hero .ht{padding-bottom:90px}
.hero .eyebrow{color:#e7a9cd;font-size:.9rem}
.hero h1{margin-bottom:6px}
.hp img{width:100%;max-width:520px;margin-left:auto;aspect-ratio:1/1.08;object-fit:cover;object-position:50% 20%;
-webkit-mask-image:linear-gradient(180deg,#000 75%,transparent);mask-image:linear-gradient(180deg,#000 75%,transparent)}

/* credential bar */
.creds{padding:56px 0}
.creds .wrap{display:grid;grid-template-columns:repeat(3,1fr);max-width:900px}
.creds div{font-family:var(--serif);font-size:1.45rem;line-height:1.2;text-align:center;padding:4px 18px}
.creds div+div{border-left:3px solid var(--acc)}

/* video */
.video{padding-top:10px}
.video .wrap{max-width:900px}
.vt{text-align:center;font-size:clamp(2.2rem,5vw,3.6rem)}
.vt em{color:var(--acc)}
.yt{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000;cursor:pointer;border-radius:var(--r);overflow:hidden}
.yt img{width:100%;height:100%;object-fit:cover;transition:.3s}
.yt:hover img{opacity:.85}
.yt iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.play{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--acc);box-shadow:0 0 0 10px rgba(132,27,93,.3)}
.play:after{content:"";position:absolute;left:34px;top:26px;border-left:24px solid #fff;border-top:16px solid transparent;border-bottom:16px solid transparent}
.cap{margin-top:18px;color:var(--mut);font-size:.98rem}
.cap a{color:var(--acc);font-weight:700;white-space:nowrap}
.olog{height:34px;width:auto;margin:0 auto 22px;filter:grayscale(1) brightness(0);opacity:.55}
.olog.tcr{height:40px}.olog.ceow{height:30px}
.narrow .olog{margin-left:0}
.video .olog{margin:0 auto 18px}

/* who */
.who .wrap,.split{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.who h2 em{color:var(--ink)}
.who p{color:#3a3d4a}
.who .btn{margin-top:28px}
.frame img{width:100%;box-shadow:16px 16px 0 #e3e3e3;border-radius:var(--r)}

/* quote */
.quote{padding:100px 0}
blockquote{font-family:var(--serif);font-size:clamp(1.7rem,3vw,2.4rem);line-height:1.3}
.by{margin-top:22px;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}
.band h2{color:#fff}.band h2 em{color:#e7a9cd}
.band p{opacity:.85;margin-bottom:28px}

/* overlap card */
.overlap .wrap{display:grid;grid-template-columns:1.1fr 1fr;align-items:center}
.ov-img img{width:100%;aspect-ratio:16/9;object-fit:cover}
.ov-card{background:#fff;padding:44px;margin-left:-70px;position:relative;box-shadow:0 20px 50px rgba(13,19,48,.08)}
.ov-card h3{margin-top:18px}
.ov-card h3 a{text-decoration:none}.ov-card h3 a:hover{color:var(--acc)}
.ov-card .src+h3{border-top:1px solid #e3e3e3;padding-top:18px}
.ov-card .btn{margin-top:26px}
.src{font-size:.9rem;color:var(--mut);margin-top:6px}

/* inner pages */
.phero{background:var(--navy);color:#fff;padding:90px 0}
.phero.tall{padding:130px 0}
.phero .eyebrow{color:#e7a9cd}
.lede{font-size:1.18rem;opacity:.88;margin-top:18px;max-width:640px}
.center .lede{margin-left:auto;margin-right:auto}
.phero .frame img{box-shadow:16px 16px 0 var(--acc)}
.phero .btn.ghost.dark{color:#fff;border-color:rgba(255,255,255,.6)}
.sq{width:100%;max-width:440px;aspect-ratio:1;object-fit:contain;border-radius:var(--r)}
.split h2 a,.narrow h2 a{text-decoration:none}.narrow h2 a:hover{color:var(--acc)}
.pull{border-left:3px solid var(--acc);padding-left:24px;margin:30px 0;font-size:1.7rem}
.narrow .btn{margin-top:6px}
.narrow h2{margin-top:1.2em}.narrow h2:first-child{margin-top:0}
.roles{padding-left:0;list-style:none;border-top:1px solid #e3e3e3}
.roles li{padding:12px 0;border-bottom:1px solid #e3e3e3;font-family:var(--serif);font-size:1.2rem}
.small{font-size:.92rem;color:var(--mut);margin-top:22px}
#kit .btn{margin-top:20px}
.doors .wrap{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.door{background:var(--navy);color:#fff;text-decoration:none;padding:40px 32px;min-height:240px;display:flex;flex-direction:column;justify-content:flex-end;border-radius:var(--r);transition:.2s}
.door:hover{background:var(--acc)}
.door .dn{font-family:var(--serif);font-size:3rem;color:#e7a9cd;line-height:1;margin-bottom:auto}
.door img{height:40px;width:auto;filter:brightness(0) invert(1);margin-bottom:auto}
.door b{font-family:var(--serif);font-weight:400;font-size:1.6rem}
.door span:last-child{opacity:.8;font-size:.92rem}

/* footer */
.ft{background:#080c22;color:#fff;padding:70px 0 30px}
.ft .wrap{display:grid;grid-template-columns:2fr 1fr auto;gap:40px;align-items:start}
.ft p{opacity:.7;margin:8px 0 22px}
.fl{list-style:none;padding:0}.fl a{text-decoration:none;opacity:.85;display:inline-block;padding:6px 0}.fl a:hover{color:#e7a9cd}
.soc a{display:inline-flex;width:44px;height:44px;align-items:center;justify-content:center}
.soc svg{width:24px;height:24px;fill:#fff;opacity:.85;transition:.2s}.soc a:hover svg{fill:#e7a9cd;opacity:1}
.ft .legal{display:block;margin-top:50px;padding-top:24px;border-top:1px solid rgba(255,255,255,.12);font-size:.85rem;opacity:.65}

@media (max-width:860px){
 section{padding:64px 0}
 .nav .wrap{grid-template-columns:1fr auto;min-height:70px}
 .nl,.nr{display:none!important}
 .burger{display:flex;flex-direction:column;gap:7px;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:0;cursor:pointer}
 .burger span{width:24px;height:2px;background:#fff}
 .open .nav .mm{display:flex;flex-direction:column;gap:6px;padding:10px 24px 24px;list-style:none}
 .mm a{display:block;padding:10px 0;font-size:1.05rem}
 .hero .wrap,.who .wrap,.split,.overlap .wrap{grid-template-columns:1fr;gap:36px}
 .hero{padding-top:44px}.hero .ht{padding-bottom:0}
 .hp img{margin:0 auto}
 .creds .wrap{grid-template-columns:1fr;gap:18px}
 .creds div+div{border-left:0;border-top:3px solid var(--acc);padding-top:18px}
 .ov-card{margin:-40px 16px 0;padding:30px}
 .doors .wrap{grid-template-columns:1fr}
 .ft .wrap{grid-template-columns:1fr}
 .strip a{display:block;margin:4px 0 0}
 .frame img{box-shadow:10px 10px 0 #e3e3e3}
}

.seen{padding:44px 0;border-bottom:1px solid #e6e6e6}
.seen .wrap{display:flex;align-items:center;justify-content:center;gap:56px;flex-wrap:wrap}
.seen p{font:700 .78rem var(--sans);text-transform:uppercase;letter-spacing:.08em;color:var(--acc)}
.seen .logos{display:flex;gap:56px;align-items:center}
.seen img{height:30px;width:auto;filter:grayscale(1) brightness(0);opacity:.5;transition:.2s}
.seen a:hover img{opacity:.8}
.seen img[alt="The Consulting Report"]{height:40px}.seen img[alt="CEO Weekly"]{height:26px}
.soc{display:flex;gap:4px}
@media (max-width:860px){.seen .wrap{gap:18px;flex-direction:column}.seen .logos{gap:32px;overflow-x:auto;max-width:100%;padding:4px}}

/* v2: cutout hero (photo left), stats, Ariel panel, topics */
.hero{padding-top:60px}
.hero .wrap{grid-template-columns:.95fr 1.05fr;align-items:end}
.hero .ht{padding-bottom:110px}
.hp{position:relative;display:flex;justify-content:flex-start;align-items:flex-end}
.hp .shape{position:absolute;left:4%;right:10%;bottom:0;top:16%;background:var(--acc);clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
.hp .shape:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.12),transparent 60%)}
.hp img{position:relative;width:100%;max-width:560px;margin:0;aspect-ratio:auto;object-fit:contain;-webkit-mask-image:none;mask-image:none}
.stats{background:var(--navy);color:#fff;padding:64px 0}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stats div{padding:0 26px;border-left:3px solid var(--acc)}
.stats b{display:block;font:400 clamp(2.2rem,3.6vw,3.2rem)/1 var(--serif);color:#fff;margin-bottom:10px}
.stats span{font-size:.95rem;opacity:.8;line-height:1.45;display:block}
.ariel{background:var(--navy);color:#fff;padding:48px 44px;border-radius:var(--r);box-shadow:16px 16px 0 #e3e3e3}
.ariel>img{height:40px;width:auto;filter:brightness(0) invert(1);margin-bottom:26px}
.ariel .eyebrow{color:#e7a9cd}
.ariel ul{list-style:none;padding:0;margin:8px 0 26px}
.ariel li{display:flex;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.ariel li b{font:400 2.4rem/1 var(--serif);min-width:140px}
.ariel li span{opacity:.82}
.ariel>a{font-weight:700;font-size:.9rem;text-decoration:none;color:#e7a9cd}
.speak .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}
.speak.full .wrap{display:block}
.speak .btn{margin-top:26px}
.topics{list-style:none;padding:0;border-top:1px solid #e3e3e3}
.topics li{display:flex;gap:22px;align-items:baseline;padding:20px 0;border-bottom:1px solid #e3e3e3;font:400 1.35rem/1.3 var(--serif)}
.topics span{font:700 .82rem var(--sans);color:var(--acc);letter-spacing:.06em;min-width:26px}
@media (max-width:860px){
 .hero .wrap{grid-template-columns:1fr;gap:30px}
 .hero .ht{padding-bottom:0;order:-1}
 .hp img{max-width:420px;margin:0 auto}
 .stats .wrap{grid-template-columns:1fr 1fr;gap:34px 0}
 .stats div{padding:0 16px}
 .speak .wrap{grid-template-columns:1fr;gap:30px}
 .ariel{padding:34px 26px;box-shadow:10px 10px 0 #e3e3e3}
 .ariel li b{min-width:110px;font-size:2rem}
 .topics li{font-size:1.15rem}
}

/* v3: stats as an even, centred row with thin dividers */
.stats .wrap{grid-template-columns:repeat(4,1fr);max-width:1140px}
.stats div{border-left:0;padding:6px 28px;text-align:center;position:relative}
.stats div+div:before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(255,255,255,.18)}
.stats b{color:#fff}
.stats b:after{content:"";display:block;width:28px;height:2px;background:var(--acc2);margin:16px auto 0}
.stats span{max-width:200px;margin:0 auto}
@media (max-width:860px){
 .stats .wrap{grid-template-columns:1fr 1fr;gap:40px 0}
 .stats div{padding:0 14px}
 .stats div:nth-child(3):before{display:none}
}
.seen img[alt="New York Weekly"]{height:24px}
.olog.nyw{height:26px}
@media (max-width:860px){.seen .logos{justify-content:flex-start;-webkit-overflow-scrolling:touch;scrollbar-width:none}.seen .logos a{flex:0 0 auto}.seen img{height:24px}.seen img[alt="New York Weekly"]{height:20px}.seen img[alt="The Consulting Report"]{height:32px}}