:root{--ink:#111;--bg:#fff;--navy:#0F1941;--blue:#2175D9;--muted:#6b6b6b;--line:#e6e6e6;--max:1120px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.55;font-size:17px}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}
a:hover{color:var(--navy)}
a:focus-visible,button:focus-visible{outline:3px solid var(--navy);outline-offset:3px;border-radius:2px}
h1,h2,h3{line-height:1.08;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.2rem,4.4vw,3.6rem)}
h2{font-size:clamp(1.7rem,3.4vw,2.6rem)}
h3{font-size:1.2rem;letter-spacing:-.01em}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 20px}
.narrow{max-width:760px}
.eyebrow{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--blue);font-weight:600;margin-bottom:1rem}
.muted{color:var(--muted)}
.tiny{font-size:.85rem}
.lede{font-size:1.2rem;max-width:40rem}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:.8rem 1.25rem;text-decoration:none;font-weight:600;border:1.5px solid var(--ink);border-radius:2px;margin:0 .4rem .5rem 0}
.btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{color:var(--navy);border-color:var(--navy);background:transparent}
.btn.small{padding:.5rem .9rem;font-size:.9rem;margin:0}
/* header */
.top{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 20px;max-width:var(--max);margin:0 auto}
.brand{font-weight:800;text-decoration:none;letter-spacing:-.02em;font-size:1.1rem}
.top nav{display:flex;gap:1.1rem;align-items:center;flex-wrap:wrap}
.top nav a{text-decoration:none;font-size:.95rem}
.top nav a[aria-current=page]{text-decoration:underline}
/* hero */
.hero{padding:2rem 0 3rem;border-bottom:1px solid var(--line)}
.grid2{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center}
.grid2.tight{gap:2rem;align-items:start}
.grid2.rev > :first-child{order:2}
.hero-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;max-height:720px}
.hero-form{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line);max-width:34rem}
.label{font-weight:600;margin-bottom:.5rem}
.form{min-height:56px;margin:0 0 .5rem -8px}
.form iframe{max-width:100%}
/* sections */
section{padding:4rem 0}
.story{background:#fafafa;border-bottom:1px solid var(--line)}
.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:1.5rem}
.facts{list-style:none;padding:0;margin:3rem 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;border-top:1px solid var(--ink)}
.facts li{padding-top:1rem;display:flex;flex-direction:column;gap:.2rem}
.facts strong{font-size:2rem;letter-spacing:-.03em;line-height:1}
.facts span{color:var(--muted);font-size:.9rem}
.sub-h{margin-top:2.5rem}
.cover{width:100%;max-width:360px;justify-self:end;border:1px solid var(--line)}
.listen .btn{margin-bottom:.5rem}
.listen.small .btn{padding:.5rem .9rem;font-size:.9rem}
/* episodes */
.eplist{list-style:none;padding:0;margin:0 0 1.5rem;border-top:1px solid var(--ink)}
.eplist .ep a{display:grid;grid-template-columns:5.5rem 1fr;gap:.4rem 1.25rem;padding:1rem 0;border-bottom:1px solid var(--line);text-decoration:none}
.eplist .ep a:hover .t{color:var(--navy);text-decoration:underline}
.eplist .num{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--navy);font-weight:600;padding-top:.25rem}
.eplist .t{font-weight:600;font-size:1.1rem}
.eplist .meta{grid-column:2;color:var(--muted);font-size:.9rem}
/* speaking */
.speaking{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.talks{list-style:none;padding:0;margin:1.5rem 0 2rem;border-top:1px solid var(--ink)}
.talks li{display:grid;grid-template-columns:8rem 1fr;gap:.2rem 1rem;padding:.9rem 0;border-bottom:1px solid var(--line)}
.talks .when{color:var(--muted);font-size:.9rem;grid-row:span 2;padding-top:.15rem}
.talks strong{display:block}
.talks li > span:last-child{color:var(--muted)}
.photo img{width:100%;object-fit:cover}
.photo.wide img{aspect-ratio:16/8;max-height:560px}
.talk-video{margin-top:3rem;padding-top:3rem;border-top:1px solid var(--line)}
.strip{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1rem;margin-top:3rem}
.strip img{width:100%;height:220px;object-fit:cover}
/* road */
.cities{list-style:none;padding:0;margin:1.5rem 0 2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.cities a{display:block;padding:1rem;border:1px solid var(--line);text-decoration:none;height:100%}
.cities a:hover{border-color:var(--navy)}
.cities strong{display:block;font-size:1.15rem;letter-spacing:-.01em}
.cities span{color:var(--muted);font-size:.95rem}
/* youtube lite */
.yt{width:100%}
.yt-play{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;background:#000;cursor:pointer;overflow:hidden}
.yt-play img{width:100%;height:100%;object-fit:cover;opacity:.9;filter:grayscale(1)}
.yt-play:hover img{filter:none;opacity:1}
.play{position:absolute;left:50%;top:50%;width:72px;height:72px;margin:-36px 0 0 -36px;background:var(--navy);border-radius:50%}
.play::after{content:"";position:absolute;left:29px;top:22px;border-left:22px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
.yt iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.yt p{margin:.4rem 0 0}
/* signup */
.signup{background:#fafafa;border-top:1px solid var(--ink);padding:4rem 0}
.signup .sub{font-size:1.1rem;max-width:36rem}
/* footer */
.foot{padding:3rem 0 2.5rem;border-top:1px solid var(--line)}
.links{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-wrap:wrap;gap:.6rem 1.4rem}
.links a{font-weight:600;text-decoration:none;border-bottom:1.5px solid var(--ink)}
.links a:hover{border-color:var(--navy)}
/* podcast pages */
.pod-hero{padding:2rem 0 3rem;border-bottom:1px solid var(--line)}
.episodes h2 .muted{font-weight:400;font-size:1rem}
.episode{padding:2rem 0 3rem}
.episode .meta{color:var(--muted);margin-bottom:1.5rem}
.audio{margin:1.5rem 0 1rem}
.audio audio{width:100%}
.transcript{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--ink)}
.transcript p{max-width:42rem}
.pager{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);font-size:.95rem}
.pager a{max-width:48%}
@media (max-width:860px){
  .grid2,.grid2.tight{grid-template-columns:1fr;gap:2rem}
  .grid2.rev > :first-child{order:0}
  .cols3{grid-template-columns:1fr;gap:1.5rem}
  .facts{grid-template-columns:repeat(2,1fr)}
  .strip{grid-template-columns:1fr 1fr}
  .strip img:first-child{grid-column:span 2}
  .cities{grid-template-columns:1fr 1fr}
  .cover{justify-self:start;max-width:260px}
  section{padding:3rem 0}
  .hero{padding-top:1rem}
  .hero-copy{display:flex;flex-direction:column}
  .hero-copy .eyebrow{order:1}
  .hero-copy h1{order:2;font-size:clamp(1.9rem,8vw,2.6rem)}
  .hero-copy .hero-form{order:3;margin-top:.5rem;padding-top:1rem}
  .hero-copy .hero-lede{order:4;font-size:1.05rem;margin-top:1.25rem}
  .hero-photo img{aspect-ratio:4/3;object-position:50% 20%}
}
@media (max-width:560px){
  body{font-size:16px}
  .top{flex-direction:column;align-items:flex-start;gap:.5rem;padding-top:.8rem}
  .top nav{gap:.8rem}
  .top nav .btn.small{display:none}
  .hero-copy .eyebrow{margin-bottom:.6rem}
  .cities{grid-template-columns:1fr}
  .eplist .ep a{grid-template-columns:1fr}
  .eplist .meta{grid-column:1}
  .talks li{grid-template-columns:1fr}
  .talks .when{grid-row:auto}
  .strip{grid-template-columns:1fr}
  .strip img:first-child{grid-column:auto}
  .strip img{height:180px}
  .pager{flex-direction:column}
  .pager a{max-width:100%}
}

/* links (the link-in-bio list) */
.quick{padding:2.5rem 0 1rem}
.ql{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.15rem;border:1.5px solid var(--ink);border-radius:2px;text-decoration:none;color:var(--ink);background:#fff}
.ql strong{font-size:1.05rem;font-weight:700}
.ql span{font-size:.92rem;color:var(--muted)}
.ql:hover{border-color:var(--navy);color:var(--navy)}
.ql.feature{background:var(--navy);border-color:var(--navy);color:#fff;margin-bottom:.75rem}
.ql.feature span{color:#fff;opacity:.9}
.ql.feature:hover{background:#000;border-color:#000;color:#fff}
.qls{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}

/* section headers in randstad blue (taylor, oct 18 2026) */
h2,.sub-h{color:var(--blue)}
/* randstad work page */
.work-hero{padding:2rem 0 2.5rem;border-bottom:1px solid var(--line)}
.built,.said,.work-photos{padding:3rem 0}
.work-photos{padding-top:0}
.blocks{list-style:none;padding:0;margin:1.5rem 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:0 2rem;border-top:1px solid var(--ink)}
.blocks li{padding:1.4rem 0;border-bottom:1px solid var(--line)}
.blocks strong{display:block;font-size:clamp(2.2rem,5vw,3rem);line-height:1;letter-spacing:-.03em;color:var(--navy);margin-bottom:.5rem}
.blocks h3{margin-bottom:.35rem}
.blocks p{margin:0;color:#333}
.quote{margin:0 0 1.75rem;padding-left:1.1rem;border-left:3px solid var(--navy)}
.quote blockquote{margin:0}
.quote p{margin:0 0 .4rem;font-size:1.08rem}
.quote figcaption{color:var(--muted);font-size:.9rem}

.blocks li.swag{grid-column:1/-1}
.swag-pics{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-top:1rem}
.swag-pics img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}
@media (max-width:640px){.swag-pics{grid-template-columns:1fr 1fr}.swag-pics img:first-child{grid-column:1/-1}}

/* episode seo sections */
.episode section{margin-top:2rem}
.episode section h2{font-size:1.25rem;margin:0 0 .75rem}
.takeaways ul{margin:0;padding-left:1.2rem;max-width:42rem}
.takeaways li{margin:.4rem 0}
.about p{max-width:42rem}
.episodes h3.year{margin:2rem 0 .5rem;font-size:1.1rem;color:var(--navy)}