/* ===========================================================
   Sydney Young — shared page components (built on site.css tokens)
   Loaded AFTER site.css
   =========================================================== */

/* Page hero */
.phero{padding:64px 0 36px;}
.phero.center{text-align:center;}
.phero .inner{max-width:820px;}
.phero.center .inner{margin:0 auto;}
.phero h1{font-size:clamp(36px,4.6vw,64px);margin:18px 0 0;}
.phero h1 em{font-style:italic;color:var(--taupe);}
.phero p.lede{font-size:19px;color:var(--ink-soft);margin-top:22px;max-width:56ch;}
.phero.center p.lede{margin-left:auto;margin-right:auto;}
.phero .phero-cta{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap;}
.phero.center .phero-cta{justify-content:center;}

/* Split layout */
.split2{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
.split2.media-left .m{order:-1;}
@media(max-width:860px){.split2{grid-template-columns:1fr;gap:38px;}.split2.media-left .m{order:0;}}
.round-photo{width:100%;max-width:430px;aspect-ratio:1;border-radius:50%;object-fit:cover;}
.round-wrap{position:relative;display:flex;justify-content:center;}
.round-wrap .ring{position:absolute;width:min(450px,100%);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.07);}

/* Sections */
.sec{padding:94px 0;}
.sec-sm{padding:70px 0;}
.sec-paper{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
.sec-ink{background:var(--ink);color:var(--bone);}
.sec-ink .eyebrow{color:var(--blush);}
.shead{max-width:700px;}
.shead.center{margin:0 auto;text-align:center;}
.shead h2{font-size:clamp(30px,4.2vw,52px);margin:14px 0 0;}
.shead h2 em{font-style:italic;color:var(--taupe);}
.sec-ink .shead h2{color:var(--bone);}
.sec-ink .shead h2 em{color:var(--blush);}
.shead p{font-size:17px;color:var(--ink-soft);margin-top:16px;}
.sec-ink .shead p{color:#c4bbae;}

/* Prose (article body) */
.prose{max-width:720px;margin:0 auto;}
.prose p{font-size:18px;line-height:1.75;color:var(--ink-soft);margin-bottom:24px;}
.prose h2{font-size:clamp(26px,3.2vw,38px);margin:46px 0 18px;}
.prose h3{font-size:23px;margin:36px 0 12px;}
.prose ul,.prose ol{margin:0 0 24px 22px;}
.prose li{font-size:18px;line-height:1.7;color:var(--ink-soft);margin-bottom:10px;}
.prose blockquote{border-left:2px solid var(--taupe);padding:6px 0 6px 26px;margin:32px 0;font-family:var(--serif);font-style:italic;font-size:26px;line-height:1.4;color:var(--ink);}
.prose strong{color:var(--ink);font-weight:500;}
.prose a{color:var(--taupe-deep,var(--taupe));text-decoration:underline;text-underline-offset:3px;}
.prose .lead{font-size:21px;color:var(--ink);}

/* Credential chips */
.creds{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 4px;}
.cred{border:1px solid var(--line);padding:9px 16px;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft);}
.sig{font-family:var(--serif);font-style:italic;font-size:36px;margin-top:18px;}

/* Facts strip */
.facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);}
.fact{padding:40px 24px;border-right:1px solid var(--line);}
.fact:last-child{border-right:none;}
.fact .k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin-bottom:8px;}
.fact .v{font-family:var(--serif);font-size:22px;line-height:1.25;}
@media(max-width:760px){.facts{grid-template-columns:1fr 1fr;}.fact:nth-child(2){border-right:none;}.fact{border-bottom:1px solid var(--line);}}

/* Generic card grid */
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.cards.two{grid-template-columns:repeat(2,1fr);}
@media(max-width:860px){.cards,.cards.two{grid-template-columns:1fr;}}
.card{background:var(--paper);border:1px solid var(--line);padding:32px 30px;display:flex;flex-direction:column;transition:transform .28s ease,box-shadow .28s ease;}
.sec-paper .card{background:var(--bone);}
.card:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(34,31,27,.08);}
.card .ic{width:46px;height:46px;border:1px solid var(--line);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;color:var(--taupe);}
.card .ic svg{width:21px;height:21px;}
.card h3{font-size:23px;font-weight:300;margin-bottom:9px;line-height:1.18;}
.card p{font-size:14.5px;color:var(--ink-soft);flex:1;}
.card .go{margin-top:18px;font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;align-self:flex-start;transition:gap .2s;}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px;}
.tagrow .tg{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);}

/* Post list (journal) */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;}
@media(max-width:860px){.posts{grid-template-columns:1fr;gap:40px;}}
.post{cursor:pointer;display:block;}
.post .pimg{height:240px;margin-bottom:20px;transition:opacity .3s ease;}
.post:hover .pimg{opacity:.85;}
.post .cat{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);}
.post h3{font-size:25px;font-weight:300;margin:11px 0 9px;line-height:1.2;}
.post p{font-size:14.5px;color:var(--ink-soft);}
.post .meta{font-size:12.5px;color:var(--taupe);margin-top:14px;letter-spacing:.04em;}

/* Featured post */
.feature-post{display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;}
.feature-post .fimg{height:400px;}
.feature-post .cat{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--taupe);}
.feature-post h2{font-size:clamp(30px,3.8vw,48px);margin:14px 0 16px;line-height:1.1;}
.feature-post h2 em{font-style:italic;color:var(--taupe);}
.feature-post p{font-size:16.5px;color:var(--ink-soft);margin-bottom:22px;}
@media(max-width:860px){.feature-post{grid-template-columns:1fr;gap:30px;}.feature-post .fimg{height:300px;order:-1;}}

/* Episode list (podcast) */
.eps{border-top:1px solid var(--line);}
.ep{display:grid;grid-template-columns:64px 1fr auto;gap:24px;align-items:center;padding:26px 4px;border-bottom:1px solid var(--line);transition:padding .25s ease;}
.ep:hover{padding-left:14px;}
.ep .num{font-family:var(--serif);font-size:24px;color:var(--taupe);}
.ep .ti{font-family:var(--serif);font-size:23px;font-weight:300;line-height:1.2;}
.ep .de{font-size:14px;color:var(--ink-soft);margin-top:5px;max-width:60ch;}
.ep .len{font-size:12px;letter-spacing:.1em;color:var(--taupe);white-space:nowrap;}
.ep .play{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink);transition:background .2s,color .2s;flex:none;}
.ep:hover .play{background:var(--ink);color:var(--bone);}
.ep .play svg{width:16px;height:16px;}
@media(max-width:680px){.ep{grid-template-columns:1fr auto;gap:14px;}.ep .num{display:none;}}

/* Subscribe buttons */
.subs{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px;}
.sub{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);padding:12px 20px;font-size:13px;letter-spacing:.04em;transition:border-color .2s,background .2s;}
.sub:hover{border-color:var(--ink);background:var(--paper);}
.sec-ink .sub{border-color:var(--line-dk);color:var(--bone);}
.sec-ink .sub:hover{background:rgba(255,255,255,.06);}
.sub svg{width:17px;height:17px;}

/* Newsletter band */
.nl{padding:104px 0;}
.nl .inner{max-width:640px;margin:0 auto;text-align:center;}
.nl h2{font-size:clamp(34px,4.6vw,62px);margin:14px 0 14px;}
.nl h2 em{font-style:italic;color:var(--taupe);}
.sec-ink .nl h2{color:var(--bone);}
.sec-ink .nl h2 em{color:var(--blush);}
.nl p{font-size:17px;color:var(--ink-soft);margin-bottom:32px;}
.sec-ink .nl p{color:#c4bbae;}
.nl form{display:flex;gap:0;max-width:470px;margin:0 auto;border:1px solid var(--ink);}
.sec-ink .nl form{border-color:var(--bone);}
.nl input{flex:1;border:none;background:transparent;padding:16px 20px;font-family:var(--sans);font-size:15px;color:inherit;outline:none;}
.nl input::placeholder{color:var(--taupe);}
.nl button{border:none;border-left:1px solid var(--ink);background:var(--ink);color:var(--bone);padding:0 26px;font-family:var(--sans);font-size:12px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:background .2s;}
.sec-ink .nl button{background:var(--blush);color:var(--ink);border-left-color:var(--bone);}
.nl button:hover{background:var(--taupe-deep,#8C7A62);}
.nl .ok{font-size:14px;margin-top:16px;min-height:20px;color:var(--taupe);}
.sec-ink .nl .ok{color:var(--blush);}

/* Ventures mini-router */
.vrow{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line);}
.vrow .v{display:block;padding:34px 30px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .25s ease;}
.vrow .v:hover{background:var(--paper);}
.vrow .v .nm{font-family:var(--serif);font-size:26px;font-weight:300;}
.vrow .v .ds{font-size:14px;color:var(--ink-soft);margin:8px 0 14px;}
.vrow .v .go{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--taupe);}
@media(max-width:760px){.vrow{grid-template-columns:1fr;}}

/* Breadcrumb */
.crumb{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);margin-bottom:6px;display:inline-flex;align-items:center;gap:8px;}
.crumb a{color:var(--taupe);}
.crumb a:hover{color:var(--ink);}

@media(max-width:600px){
  .sec,.nl{padding:64px 0;}
  .facts .fact{padding:30px 16px;}
}