/* 1.3: simpler listening, a full introduction, and quiet section boundaries. */
.home .hero{grid-template-areas:'intro player';padding-top:44px;padding-bottom:52px;align-items:center}
.player.player-simple{padding:0;overflow:hidden}
.player-image{margin:0;height:144px;overflow:hidden}
.player-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 58%}
.player-image.missing-image{display:none}
.player-simple .player-content{padding:24px 28px 22px;min-width:0}
.player-simple .player-brand{font-size:14px;line-height:1.4;font-weight:500;letter-spacing:0}
.player-simple .practice{margin-top:13px}
.player-simple .practice h2{font-size:29px;max-width:18ch;line-height:1.13}
.player-simple .player-controls{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;margin-top:22px;align-items:start}
.player-simple .play{border-radius:50%;width:52px;height:52px;padding:0;min-height:52px}
.player-simple .timeline{display:grid;grid-template-columns:1fr 1fr;margin:0;min-width:0;line-height:1.3}
.player-simple .timeline input{height:52px}
.player-simple .temporary-audio{font-size:12px;margin-top:12px}
.player-simple .audio-status:empty{display:none}
.player-simple:not([data-enhanced]) .player-controls{display:none}
.podcast-listening .player.player-simple{display:grid;grid-template-columns:minmax(180px,.6fr) minmax(0,1.4fr);grid-template-areas:none;gap:0;align-items:stretch}
.podcast-listening .player-simple .player-image{height:auto;min-height:220px;position:relative}
.podcast-listening .player-simple .player-image img{position:absolute;inset:0}
.podcast-listening .player-simple :is(.player-brand,.practice,.player-controls,.timeline,.temporary-audio,.audio-status){grid-area:auto}
.podcast-listening .player-simple .player-content{padding:28px 32px}
.podcast-listening .player-simple .player-controls{flex-direction:initial;align-items:start;margin-top:20px}
.podcast-listening .player-simple .temporary-audio{margin-top:12px}
.home .personal-intro{display:grid;grid-template-columns:1fr 1fr;align-items:stretch;background:var(--color-sage-quiet);margin:0;padding:0;border:0}
.personal-intro-copy{padding:48px var(--layout-gutter);align-self:center}
.personal-intro h2{max-width:15ch}
.personal-intro-copy>p:not(.eyebrow){margin-top:23px;font-size:18px;line-height:1.6;max-width:41ch}
.personal-intro .text-link{margin-top:18px}
.personal-intro-photo{margin:0;width:100%;min-width:0;min-height:350px;aspect-ratio:3/2;position:relative}
.personal-intro-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:44% 100%;border-radius:0}
.personal-intro.missing-image{grid-template-columns:1fr}
.personal-intro.missing-image .personal-intro-photo{display:none}
.personal-intro.missing-image .personal-intro-copy{max-width:70ch}
.home main>.section{position:relative;border-top:0;padding-top:64px;padding-bottom:58px}
.home main>.section::before{content:'';position:absolute;pointer-events:none;left:calc(-1 * var(--layout-gutter));top:0;width:calc(100% + 2 * var(--layout-gutter));height:26px;background:url('/design/assets/section-wave-sage.svg') center/100% 100% no-repeat}
.home main>.weekly::before{display:none}
.home main>.podcasts::before{background-image:url('/design/assets/section-wave-putty.svg')}
.home main>.card-section#articles::before{transform:scaleX(-1)}
.course-card{background:var(--color-sage-quiet);border:0;border-radius:var(--layout-radius)}
.course-card .card-image{border-radius:var(--layout-radius) var(--layout-radius) 0 0}
.course-card .card-body{padding:26px 28px 28px}
.course-card:active{background:var(--color-sage-quiet)}
.navigation-panel{display:contents}
@media(max-width:1000px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px;row-gap:0}
 .navigation-panel{display:block;grid-column:1/-1;min-width:0}
 .js-nav .navigation-panel{overflow:clip}
 .site-header .navigation-panel nav{display:flex;margin-top:14px;padding-top:10px;border-top:1px solid var(--color-border)}
 html:not(.js-nav) .navigation-panel{grid-column:1/-1}
 .personal-intro-copy{padding:36px var(--layout-gutter)}
 .personal-intro-photo{aspect-ratio:auto}
 .player-simple .player-content{padding:23px}
 .player-simple .practice h2{font-size:28px}
}
@media(max-width:760px){
 .home .hero{grid-template-areas:'intro' 'player';padding-top:24px;padding-bottom:36px}
 .player-image{height:104px}
 .player-simple .practice h2{font-size:27px;max-width:20ch}
 .player-simple .player-content{padding:20px 23px}
 .player-simple .player-controls{margin-top:18px;gap:14px}
 .home .personal-intro{grid-template-columns:1fr}
 .personal-intro-copy{padding:34px var(--layout-gutter) 30px}
 .personal-intro-copy>p:not(.eyebrow){font-size:17px;margin-top:20px}
 .personal-intro-photo{min-height:0;aspect-ratio:3/2}
 .home main>.section{padding-top:46px;padding-bottom:42px}
 .home main>.section::before{height:18px}
 .course-card .card-body{padding:23px 24px 25px}
}
@media(max-width:600px){
 .podcast-listening .player.player-simple{display:block}
 .podcast-listening .player-simple .player-image{min-height:0;height:112px}
 .podcast-listening .player-simple .player-content{padding:22px 23px}
}
@media(max-width:359px){.player-simple .player-content{padding:20px}.player-simple .practice h2{font-size:25px}.course-card .card-body{padding:21px}.personal-intro-copy{padding-top:30px;padding-bottom:28px}}
@media print{.home main>.section::before{display:none}.navigation-panel{display:none}.personal-intro{break-inside:avoid}}