/*
Theme Name: Middy Matthews Speaker
Theme URI: https://arbormove.com/
Author: Middy Matthews
Author URI: https://arbormove.com/
Description: A single-page speaker site for Middy Matthews. Charcoal and copper brand, Cormorant Garamond and Jost typography, built around the signature "Trained, Not Sold." Includes hero, philosophy, story, signature talks, audiences, proof points, a booking section, and a fully styled blog.
Version: 1.2
Requires at least: 5.9
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: middy-speaker
*/

:root{
    --ink:#1b1a17;
    --ink-2:#242320;
    --ink-3:#2e2c28;
    --copper:#c0763a;
    --copper-bright:#dd9b5f;
    --bone:#f0eae0;
    --bone-dim:#a59e90;
    --hairline:rgba(240,234,224,.12);
    --max:1180px;
  }
  *{margin:0;padding:0;box-sizing:border-box}
  html{scroll-behavior:smooth}
  body{
    background:var(--ink);
    color:var(--bone);
    font-family:'Jost',sans-serif;
    font-weight:300;
    line-height:1.65;
    -webkit-font-smoothing:antialiased;
  }
  ::selection{background:var(--copper);color:var(--ink)}
  h1,h2,h3,.serif{font-family:'Cormorant Garamond',serif;font-weight:600;line-height:1.05}
  a{color:inherit;text-decoration:none}
  img{max-width:100%;display:block}
  .wrap{max-width:var(--max);margin:0 auto;padding:0 32px}
  section{padding:110px 0}

  /* The brand period — the signature mark */
  .dot{color:var(--copper)}
  .dot-divider{display:flex;align-items:center;gap:14px;margin:0 auto;width:fit-content}
  .dot-divider::before,.dot-divider::after{content:"";display:block;width:64px;height:1px;background:var(--hairline)}
  .dot-divider span{width:9px;height:9px;border-radius:50%;background:var(--copper);display:block}

  .eyebrow{
    font-size:12px;letter-spacing:.32em;text-transform:uppercase;
    color:var(--copper-bright);font-weight:500;margin-bottom:22px;
  }

  /* NAV */
  nav{
    position:fixed;top:0;left:0;right:0;z-index:100;
    background:rgba(27,26,23,.85);backdrop-filter:blur(12px);
    border-bottom:1px solid var(--hairline);
  }
  .nav-inner{
    max-width:var(--max);margin:0 auto;padding:18px 32px;
    display:flex;align-items:center;justify-content:space-between;
  }
  .logo{font-family:'Cormorant Garamond',serif;font-size:22px;font-weight:700;letter-spacing:.04em}
  .nav-links{display:flex;gap:34px;align-items:center}
  .nav-links a{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim);transition:color .25s}
  .nav-links a:hover,.nav-links a:focus-visible{color:var(--bone)}
  .btn{
    display:inline-block;padding:14px 32px;border:1px solid var(--copper);
    color:var(--copper-bright);font-size:13px;letter-spacing:.18em;text-transform:uppercase;
    font-weight:500;transition:background .25s,color .25s;
  }
  .btn:hover,.btn:focus-visible{background:var(--copper);color:var(--ink)}
  .btn-solid{background:var(--copper);color:var(--ink)}
  .btn-solid:hover,.btn-solid:focus-visible{background:var(--copper-bright)}
  .nav-links .btn{padding:10px 22px}
  a:focus-visible{outline:2px solid var(--copper-bright);outline-offset:3px}

  /* HERO */
  .hero{
    min-height:100vh;display:flex;align-items:center;
    padding:150px 0 70px;position:relative;overflow:hidden;
  }
  .hero-grid{
    display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;width:100%;
  }
  .hero h1{
    font-size:clamp(54px,8vw,108px);
    letter-spacing:-.01em;margin-bottom:30px;
  }
  .hero h1 .dot{font-size:1.1em}
  .hero-sub{
    max-width:540px;font-size:18px;color:var(--bone-dim);margin-bottom:42px;
  }
  .hero-sub strong{color:var(--bone);font-weight:400}
  .hero-ctas{display:flex;gap:18px;flex-wrap:wrap}
  .hero-photo{position:relative}
  .hero-photo img{
    width:100%;aspect-ratio:5/6;object-fit:cover;object-position:center top;
    border:1px solid var(--hairline);filter:grayscale(.18) contrast(1.02);
  }
  .hero-photo::before{
    content:"";position:absolute;inset:0;
    background:linear-gradient(180deg,transparent 55%,rgba(27,26,23,.5));
    pointer-events:none;z-index:1;
  }
  .hero-photo::after{
    content:"";position:absolute;left:-18px;bottom:-18px;width:120px;height:120px;
    border-left:2px solid var(--copper);border-bottom:2px solid var(--copper);pointer-events:none;
  }
  .hero-badge{
    position:absolute;top:-16px;right:-16px;z-index:2;
    background:var(--copper);color:var(--ink);padding:10px 18px;
    font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:600;
  }

  /* TICKER */
  .ticker{
    border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
    overflow:hidden;padding:20px 0;background:var(--ink-2);
  }
  .ticker-track{display:flex;gap:0;width:max-content;animation:scroll 36s linear infinite}
  .ticker span{
    font-family:'Cormorant Garamond',serif;font-size:21px;font-style:italic;
    color:var(--bone-dim);padding:0 26px;white-space:nowrap;
  }
  .ticker i{color:var(--copper);font-style:normal}
  @keyframes scroll{to{transform:translateX(-50%)}}

  /* PHILOSOPHY */
  .philosophy{text-align:center}
  .philosophy h2{font-size:clamp(36px,5vw,58px);margin:26px 0 28px}
  .philosophy p{max-width:680px;margin:0 auto;font-size:19px;color:var(--bone-dim)}
  .philosophy p+p{margin-top:22px}
  .philosophy em{color:var(--bone);font-style:normal;font-weight:400}

  /* STORY */
  .story{background:var(--ink-2);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
  .story-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:start}
  .story h2{font-size:clamp(34px,4.5vw,52px);margin-bottom:30px}
  .story p{color:var(--bone-dim);margin-bottom:20px;font-size:17px}
  .story p strong{color:var(--bone);font-weight:400}
  .story-portrait{position:relative;margin-bottom:40px}
  .story-portrait img{
    width:100%;aspect-ratio:1/1;object-fit:cover;object-position:center 20%;
    border:1px solid var(--hairline);filter:grayscale(.2) contrast(1.02);
  }
  .story-portrait::after{
    content:"";position:absolute;right:-16px;top:-16px;width:100px;height:100px;
    border-right:2px solid var(--copper);border-top:2px solid var(--copper);pointer-events:none;
  }
  .pillars{display:grid;gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
  .pillar{background:var(--ink-2);padding:30px 28px;transition:background .3s}
  .pillar:hover{background:var(--ink-3)}
  .pillar h3{font-size:24px;margin-bottom:8px}
  .pillar h3 span{color:var(--copper)}
  .pillar p{font-size:15px;color:var(--bone-dim);margin:0}
  .pullquote{
    margin-top:46px;padding-left:28px;border-left:2px solid var(--copper);
    font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;
    line-height:1.4;color:var(--bone);
  }

  /* TALKS */
  .talks h2{font-size:clamp(36px,5vw,58px);text-align:center;margin:26px 0 16px}
  .talks-intro{text-align:center;max-width:620px;margin:0 auto 64px;color:var(--bone-dim);font-size:18px}
  .talk-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
  .talk{
    border:1px solid var(--hairline);padding:44px 40px;position:relative;
    transition:border-color .3s,transform .3s;background:var(--ink-2);
  }
  .talk:hover{border-color:var(--copper);transform:translateY(-4px)}
  .talk-tag{
    font-size:11px;letter-spacing:.26em;text-transform:uppercase;
    color:var(--copper-bright);font-weight:500;margin-bottom:18px;display:block;
  }
  .talk h3{font-size:34px;margin-bottom:6px}
  .talk h3 .dot{font-size:1.05em}
  .talk .sub{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:19px;color:var(--bone-dim);margin-bottom:18px}
  .talk p{font-size:15.5px;color:var(--bone-dim)}
  .talk-formats{
    margin-top:22px;padding-top:18px;border-top:1px solid var(--hairline);
    font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim);
  }

  /* AUDIENCES */
  .audiences{background:var(--ink-2);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline)}
  .aud-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
  .aud-grid h2{font-size:clamp(34px,4.5vw,52px);margin:22px 0 20px}
  .aud-grid>div>p{color:var(--bone-dim);font-size:17px}
  .aud-list{display:flex;flex-wrap:wrap;gap:12px}
  .aud-list span{
    border:1px solid var(--hairline);padding:12px 22px;font-size:14px;
    letter-spacing:.06em;color:var(--bone-dim);transition:all .25s;
  }
  .aud-list span:hover{border-color:var(--copper);color:var(--bone)}

  /* PROOF */
  .proof{padding:80px 0}
  .proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--hairline);border:1px solid var(--hairline)}
  .proof-item{background:var(--ink);padding:42px 30px;text-align:center}
  .proof-item .num{font-family:'Cormorant Garamond',serif;font-size:54px;font-weight:600;color:var(--copper-bright);line-height:1}
  .proof-item .lbl{font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--bone-dim);margin-top:12px}

  /* BOOKING */
  .booking{text-align:center}
  .booking h2{font-size:clamp(40px,6vw,72px);margin:26px 0 24px}
  .booking>.wrap>p{max-width:560px;margin:0 auto 48px;color:var(--bone-dim);font-size:18px}
  .contact-row{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-bottom:54px}
  .formats{
    display:flex;gap:40px;justify-content:center;flex-wrap:wrap;
    padding-top:46px;border-top:1px solid var(--hairline);max-width:760px;margin:0 auto;
  }
  .formats div{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--bone-dim)}
  .formats div strong{display:block;font-family:'Cormorant Garamond',serif;font-size:24px;letter-spacing:0;text-transform:none;color:var(--bone);font-weight:600;margin-bottom:6px}

  /* FOOTER */
  footer{border-top:1px solid var(--hairline);padding:54px 0;background:var(--ink-2)}
  .foot-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
  .foot-tag{font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600}
  .foot-meta{font-size:13px;letter-spacing:.1em;color:var(--bone-dim)}
  .foot-meta a{color:var(--copper-bright)}

  /* Reveal animation */
  /* Animation removed for reliability: all content is always visible. */
  .reveal{opacity:1;transform:none}
  @media (prefers-reduced-motion:reduce){
    .ticker-track{animation:none}
    html{scroll-behavior:auto}
  }

  @media (max-width:880px){
    section{padding:80px 0}
    .nav-links a:not(.btn){display:none}
    .hero-grid,.story-grid,.aud-grid{grid-template-columns:1fr;gap:50px}
    .hero-photo{order:-1;max-width:420px;margin:0 auto}
    .hero{padding:130px 0 60px}
    .talk-grid{grid-template-columns:1fr}
    .proof-grid{grid-template-columns:1fr 1fr}
  }


/* ============================================================
   BLOG, ARCHIVES, SINGLE POSTS, PAGES
   ============================================================ */
.mm-blog,.mm-single{padding:140px 32px 110px;}
.mm-blog-head{max-width:820px;margin:0 auto 64px;text-align:center;}
.mm-blog-title{font-size:clamp(38px,5.5vw,64px);margin:14px 0 18px;}
.mm-blog-intro{max-width:560px;margin:0 auto;color:var(--bone-dim);font-size:18px;}

/* Post list */
.mm-post-list{max-width:760px;margin:0 auto;}
.mm-post-card{padding:0 0 48px;margin-bottom:48px;border-bottom:1px solid var(--hairline);}
.mm-post-card:last-of-type{border-bottom:none;}
.mm-post-thumb{display:block;margin-bottom:24px;}
.mm-post-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--hairline);filter:grayscale(.15) contrast(1.02);transition:filter .3s;}
.mm-post-thumb:hover img{filter:grayscale(0) contrast(1.03);}
.mm-post-meta{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--copper-bright);margin-bottom:12px;}
.mm-post-meta a{color:var(--copper-bright);text-decoration:none;}
.mm-post-title{font-size:34px;line-height:1.1;margin-bottom:14px;}
.mm-post-title a{color:var(--bone);transition:color .25s;}
.mm-post-title a:hover{color:var(--copper-bright);}
.mm-post-excerpt{color:var(--bone-dim);font-size:17px;margin-bottom:18px;}
.mm-readmore{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-bright);font-weight:500;transition:letter-spacing .25s;}
.mm-readmore:hover{letter-spacing:.2em;}
.mm-empty{text-align:center;color:var(--bone-dim);font-size:18px;}

/* Pagination */
.mm-pagination,.mm-blog .pagination{margin-top:64px;text-align:center;}
.mm-blog .nav-links,.mm-single .nav-links{display:block;}
.mm-pagination a,.mm-pagination .page-numbers{
  display:inline-block;padding:10px 16px;margin:0 4px;border:1px solid var(--hairline);
  color:var(--bone-dim);font-size:14px;letter-spacing:.08em;transition:all .25s;text-decoration:none;
}
.mm-pagination a:hover{border-color:var(--copper);color:var(--bone);}
.mm-pagination .page-numbers.current{border-color:var(--copper);color:var(--copper-bright);}

/* Single post + page */
.mm-article{max-width:720px;margin:0 auto;}
.mm-back{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--copper-bright);margin-bottom:28px;transition:opacity .25s;}
.mm-back:hover{opacity:.7;}
.mm-article-title{font-size:clamp(34px,5vw,56px);line-height:1.08;margin:10px 0 28px;}
.mm-article-img{margin:0 0 36px;}
.mm-article-img img{width:100%;border:1px solid var(--hairline);}

/* Post body, the content Middy writes */
.mm-article-body{font-size:18px;line-height:1.75;color:var(--bone-dim);}
.mm-article-body > *{margin-bottom:24px;}
.mm-article-body p{color:var(--bone-dim);}
.mm-article-body h2{font-size:34px;color:var(--bone);margin:44px 0 16px;}
.mm-article-body h3{font-size:26px;color:var(--bone);margin:36px 0 14px;}
.mm-article-body h4{font-family:'Jost',sans-serif;font-weight:500;font-size:15px;letter-spacing:.12em;text-transform:uppercase;color:var(--copper-bright);margin:32px 0 12px;}
.mm-article-body a{color:var(--copper-bright);text-decoration:underline;text-underline-offset:3px;}
.mm-article-body a:hover{color:var(--bone);}
.mm-article-body strong{color:var(--bone);font-weight:600;}
.mm-article-body blockquote{
  border-left:2px solid var(--copper);padding-left:26px;margin:32px 0;
  font-family:'Cormorant Garamond',serif;font-style:italic;font-size:26px;line-height:1.4;color:var(--bone);
}
.mm-article-body ul,.mm-article-body ol{padding-left:24px;color:var(--bone-dim);}
.mm-article-body li{margin-bottom:10px;}
.mm-article-body img{max-width:100%;height:auto;border:1px solid var(--hairline);}
.mm-article-body figure{margin:32px 0;}
.mm-article-body figcaption{font-size:13px;color:var(--bone-dim);text-align:center;margin-top:10px;letter-spacing:.04em;}
.mm-article-body code{background:var(--ink-3);padding:2px 7px;font-size:.9em;border-radius:3px;}
.mm-article-body hr{border:none;border-top:1px solid var(--hairline);margin:40px 0;}

.mm-article-foot{margin-top:48px;padding-top:28px;border-top:1px solid var(--hairline);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.mm-tags{font-size:13px;letter-spacing:.06em;color:var(--bone-dim);}
.mm-tags a{color:var(--copper-bright);}

@media (max-width:880px){
  .mm-blog,.mm-single{padding:120px 22px 80px;}
  .mm-post-title{font-size:28px;}
  .mm-article-body{font-size:17px;}
}