/* Dialed In podcast page */
.dialedin-page h2{font-family:Georgia,serif;font-weight:400}
.di-hero{padding:80px 0 0}
.di-hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:48px;align-items:end}
.di-hero-copy{padding-bottom:72px}
.di-title{font:400 clamp(3.4rem,7vw,6.4rem)/1 Georgia,serif;letter-spacing:.1em;color:#fff;margin:18px 0 10px!important;display:flex;align-items:center;flex-wrap:wrap;gap:.25em}
.di-title .di-in{font:900 1.16em/1 "Arial Black",Arial,sans-serif;letter-spacing:.04em;color:#E5C46E!important;padding:.06em .18em;background:
linear-gradient(#E5C46E,#E5C46E) left top/.24em 3px no-repeat,linear-gradient(#E5C46E,#E5C46E) left top/3px .24em no-repeat,
linear-gradient(#E5C46E,#E5C46E) right top/.24em 3px no-repeat,linear-gradient(#E5C46E,#E5C46E) right top/3px .24em no-repeat,
linear-gradient(#E5C46E,#E5C46E) left bottom/.24em 3px no-repeat,linear-gradient(#E5C46E,#E5C46E) left bottom/3px .24em no-repeat,
linear-gradient(#E5C46E,#E5C46E) right bottom/.24em 3px no-repeat,linear-gradient(#E5C46E,#E5C46E) right bottom/3px .24em no-repeat}
.di-host{font:400 1.5rem Georgia,serif;color:#fff!important;margin:0 0 22px}
.di-question{font:italic 400 clamp(1.6rem,2.6vw,2.2rem)/1.3 Georgia,serif;color:#E5C46E!important;border-top:1px solid #E5C46E55;padding-top:20px;margin:0 0 22px;max-width:640px}
.di-hero .lead{max-width:620px;line-height:1.75}
.di-frame{position:relative;align-self:end;padding:28px 22px 0}
.di-frame img{display:block;width:100%;height:auto;max-height:560px;object-fit:contain;object-position:bottom}
.di-frame:before,.di-frame:after{content:"";position:absolute;top:0;width:36px;height:36px;border:3px solid #E5C46E}
.di-frame:before{left:0;border-right:0;border-bottom:0}.di-frame:after{right:0;border-left:0;border-bottom:0}
.di-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:start}
.di-split h2{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.15;margin:0}
.di-split p{line-height:1.8}
.di-ripple{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;margin-top:56px}
.di-ripple article{background:#fff;border:1px solid #E4DCCB;border-top:3px solid #A9822F;padding:28px 24px}
.di-num{font:700 .75rem Arial,sans-serif;letter-spacing:.15em;color:#A9822F}
.di-ripple h3{font:400 1.35rem Georgia,serif;margin:12px 0 10px}
.di-ripple p{font-size:.95rem;line-height:1.7;color:#5B6670;margin:0}
.di-narrow{max-width:820px}
.di-narrow h2{font-size:clamp(2rem,3.4vw,2.9rem);line-height:1.15;color:#fff;margin:0 0 26px}
.di-narrow p{line-height:1.85;font-size:1.05rem}
.di-episodes{list-style:none;padding:0;margin:34px 0 36px;border-top:1px solid #E4DCCB}
.di-episodes li{display:grid;grid-template-columns:140px 1fr;gap:20px;align-items:baseline;padding:22px 0;border-bottom:1px solid #E4DCCB;font:400 1.35rem/1.4 Georgia,serif}
.di-episodes span{font:700 .72rem Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#A9822F}
.di-text-link{font-weight:700;font-size:.9rem;color:#1E242B;text-underline-offset:4px}
.di-write h2{font-size:clamp(2rem,3.4vw,2.9rem);margin:0 0 12px}
.di-sub{color:#5B6670;margin:0 0 36px}
.di-inboxes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.di-inboxes article{border:1px solid #E4DCCB;padding:28px 26px;background:#F7F3EA}
.di-inboxes h3{font:400 1.35rem Georgia,serif;margin:0 0 8px}
.di-inboxes p{font-size:.92rem;color:#5B6670;line-height:1.7;margin:0 0 16px}
.di-inboxes a{font-weight:700;font-size:.92rem;color:#1E242B;overflow-wrap:anywhere;text-underline-offset:4px}
.di-follow{display:flex;flex-wrap:wrap;gap:12px 26px;align-items:center;margin-top:40px;padding-top:26px;border-top:1px solid #E4DCCB}
.di-follow span{font:700 .72rem Arial,sans-serif;letter-spacing:.15em;text-transform:uppercase;color:#A9822F}
.di-follow a{font-weight:700;font-size:.92rem;color:#1E242B;text-decoration:none}.di-follow a:hover{text-decoration:underline}
@media(max-width:960px){.di-hero-grid,.di-split{grid-template-columns:1fr;gap:28px}.di-hero-copy{padding-bottom:0}.di-frame{max-width:380px}.di-ripple{grid-template-columns:1fr 1fr}.di-inboxes{grid-template-columns:1fr}}
@media(max-width:560px){.di-ripple{grid-template-columns:1fr}.di-episodes li{grid-template-columns:1fr;gap:6px}.di-title{letter-spacing:.06em}}
