/* 1.4: Steven’s approved shallow section edges and homepage article cards. */
.section-shapes{--edge-depth:var(--shape-section-depth);--edge-half:calc(var(--edge-depth) / 2)}
.section-shapes .site-header{padding-bottom:calc(24px + var(--edge-half))}
.section-shapes.home main>.section{margin:0;padding-left:var(--layout-gutter);padding-right:var(--layout-gutter);padding-top:calc(64px + var(--edge-half));padding-bottom:calc(58px + var(--edge-half))}
.section-shapes.home main>.section::before{display:none}
.section-shapes.home .hero{background:var(--color-canvas);padding-top:calc(44px + var(--edge-half));padding-bottom:calc(52px + var(--edge-half))}
.section-shapes.home .personal-intro{background:var(--color-sage-quiet)}
.section-shapes .personal-intro-copy{padding-top:calc(48px + var(--edge-half));padding-bottom:calc(48px + var(--edge-half))}
.section-shapes .personal-intro-photo{min-height:374px}
.section-shapes #weekly,.section-shapes #podcasts{background:var(--color-canvas)}
.section-shapes #courses{background:var(--color-sage-quiet)}
.section-shapes #articles{background:var(--color-sage-quiet)}
.section-shapes .course-card{background:var(--color-canvas)}
.section-shapes .site-footer{margin:0;padding:calc(32px + var(--edge-half)) var(--layout-gutter) 32px;border:0;background:var(--color-canvas)}
/* The two complementary strips share a boundary, with no extra stroke. */
.edges-curved{--edge-top:url('/design/assets/section-edges/curved-top.svg');--edge-bottom:url('/design/assets/section-edges/curved-bottom.svg')}
.edges-straight{--edge-top:url('/design/assets/section-edges/straight-top.svg');--edge-bottom:url('/design/assets/section-edges/straight-bottom.svg')}
@supports(mask-image:url('/design/assets/section-edges/solid.svg')){
 .section-shapes main{margin-top:calc(-1 * var(--edge-depth))}
 .section-shapes.home main>section+section,.section-shapes .site-footer{margin-top:calc(-1 * var(--edge-depth))}
 .section-shapes main>section{mask-image:var(--edge-top),url('/design/assets/section-edges/solid.svg'),var(--edge-bottom);mask-size:100% var(--edge-depth),100% calc(100% - var(--edge-depth) * 2 + 2px),100% var(--edge-depth);mask-position:top,center,bottom;mask-repeat:no-repeat}
 .section-shapes .site-header{mask-image:url('/design/assets/section-edges/solid.svg'),var(--edge-bottom);mask-size:100% calc(100% - var(--edge-depth) + 1px),100% var(--edge-depth);mask-position:top,bottom;mask-repeat:no-repeat}
 .section-shapes .site-footer{mask-image:var(--edge-top),url('/design/assets/section-edges/solid.svg');mask-size:100% var(--edge-depth),100% calc(100% - var(--edge-depth) + 1px);mask-position:top,bottom;mask-repeat:no-repeat}
}
/* Articles: shallower images than courses, and no bottom rules. */
.section-shapes.home #articles .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.section-shapes.home #articles .article-card{display:flex;flex-direction:column;gap:0;padding:0;border:0;border-radius:var(--layout-radius);background:var(--color-canvas)}
.section-shapes.home #articles .article-card+.article-card{padding-top:0}
.section-shapes.home #articles .card-image{width:100%;height:auto;aspect-ratio:2.25/1;border-radius:3px 3px 0 0}
.section-shapes.home #articles .card-image.coast-person{--coast-focus:50% 75%}
.section-shapes.home #articles .card-body{display:flex;align-self:stretch;padding:26px 28px 28px;flex:1}
.section-shapes.home #articles .card-body h3{font-size:28px;max-width:26ch;margin-top:0}
.section-shapes.home #articles .card-description{font-size:17px;margin-top:16px}
.section-shapes.home #articles .card-action{padding-top:22px;margin-top:auto}
.section-shapes.home #articles .article-card.missing-image .card-body{padding:26px 28px 28px}
@media(max-width:1000px){
 .section-shapes .personal-intro-copy{padding-top:calc(36px + var(--edge-half));padding-bottom:calc(36px + var(--edge-half))}
 .section-shapes.home #articles .card-body{padding:24px}
 .section-shapes.home #articles .card-body h3{font-size:26px}
}
@media(max-width:760px){
 .section-shapes{--edge-depth:var(--shape-section-depth-small)}
 .section-shapes .site-header{padding-bottom:calc(18px + var(--edge-half))}
 .section-shapes.home .hero{padding-top:calc(24px + var(--edge-half));padding-bottom:calc(36px + var(--edge-half))}
 .section-shapes.home main>.section{padding-top:calc(46px + var(--edge-half));padding-bottom:calc(42px + var(--edge-half))}
 .section-shapes .personal-intro-copy{padding-top:calc(34px + var(--edge-half));padding-bottom:30px}
 .section-shapes .personal-intro-photo{min-height:0}
 .section-shapes .site-footer{padding-top:calc(28px + var(--edge-half));padding-bottom:28px}
 .section-shapes.home #articles .content-grid{grid-template-columns:1fr;gap:24px}
 .section-shapes.home #articles .article-card{display:grid;grid-template-columns:128px minmax(0,1fr);gap:0 22px;padding:24px}
 .section-shapes.home #articles .article-card+.article-card{padding-top:24px}
 .section-shapes.home #articles .card-image{width:128px;height:128px;aspect-ratio:1;border-radius:3px}
 .section-shapes.home #articles .card-image.coast-person{--coast-focus:50% 100%}
 .section-shapes.home #articles .card-body{display:contents;padding:0}
 .section-shapes.home #articles .card-body .eyebrow{grid-column:2;grid-row:1;font-size:13px;margin-bottom:0;align-self:start}
 .section-shapes.home #articles .card-body h3{grid-column:2;grid-row:1;margin-top:47px;font-size:24px;align-self:start}
 .section-shapes.home #articles .card-image{grid-column:1;grid-row:1}
 .section-shapes.home #articles .card-description{grid-column:1/-1;font-size:16px;margin-top:20px}
 .section-shapes.home #articles .card-action{grid-column:1/-1;padding-top:18px}
 .section-shapes.home #articles .article-card.missing-image{display:block}
 .section-shapes.home #articles .article-card.missing-image .card-body{display:flex;padding:0}
 .section-shapes.home #articles .article-card.missing-image .card-body h3{margin-top:12px}
}
@media(max-width:520px){
 .section-shapes.home #articles .article-card{padding:20px;grid-template-columns:88px minmax(0,1fr);column-gap:18px}
 .section-shapes.home #articles .article-card+.article-card{padding-top:20px}
 .section-shapes.home #articles .card-image{width:88px;height:110px}
 .section-shapes.home #articles .card-body .eyebrow{font-size:12px;padding-top:0}
 .section-shapes.home #articles .card-body h3{font-size:22px;margin-top:46px}
}
@media(max-width:359px){
 .section-shapes.home #articles .article-card{display:flex;padding:20px}
 .section-shapes.home #articles .card-image{width:100%;height:132px;margin-bottom:20px}
 .section-shapes.home #articles .card-image.coast-person{--coast-focus:50% 75%}
 .section-shapes.home #articles .card-body{display:flex;padding:0}
 .section-shapes.home #articles .card-body h3{margin-top:10px;font-size:24px}
}
@media print{.section-shapes main,.section-shapes.home main>section+section,.section-shapes .site-footer{margin-top:0}.section-shapes main>section,.section-shapes .site-header,.section-shapes .site-footer{mask:none}}