/* Typographic covers, composed entirely in the existing brand palette. */
.course-cover{grid-template-columns:43% 57%;min-height:480px}.cover-title{padding:38px 44px}.cover-title .course-number{font-size:180px;letter-spacing:-.095em;margin:34px 0 24px}.course .cover-title h3{font-size:44px;line-height:1.3}.course-art{position:relative;min-width:0;overflow:hidden;padding:34px 36px;display:flex;flex-direction:column;justify-content:space-between}.health-art{background:var(--navy);color:var(--mint)}.art-kicker{font:700 14px/1.5 Arial,sans-serif;letter-spacing:.14em}.health-orbits{display:flex;align-items:center;justify-content:center;min-height:230px;margin:20px -14px 0}.orbit{width:210px;height:210px;border:1.5px solid var(--mint);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:0 1 210px;position:relative}.orbit+.orbit{margin-left:-34px}.orbit b{font:800 78px/1.25 'Noto Sans JP',sans-serif}.orbit span{font:700 11px/1.5 Arial,sans-serif;letter-spacing:.09em}.orbit-time{color:var(--coral);border-color:var(--coral);transform:translateY(-30px)}.orbit-earth{background:var(--mint);color:var(--navy);z-index:1}.orbit-human{background:var(--purple);color:var(--white);border-color:var(--purple);transform:translateY(30px)}.art-signature{font-size:24px;font-weight:800;line-height:1.55;letter-spacing:.02em;margin:6px 0 26px}.art-edge{font:700 12px/1.5 Arial,sans-serif;letter-spacing:.16em;align-self:flex-end}.digital .course-cover{grid-template-columns:57% 43%;min-height:480px}.digital .cover-title{padding:38px 35px;color:var(--mint)}.digital .cover-title h3{font-size:40px}.digital-art{grid-column:1;grid-row:1;background:var(--mint);color:var(--navy);border-bottom-right-radius:140px;padding:34px 40px 40px}.type-stack{font:900 clamp(44px,5.4vw,75px)/.94 Arial,sans-serif;letter-spacing:-.075em;margin:26px 0 24px;display:flex;flex-direction:column}.type-stack>span:nth-child(2){color:var(--purple);font-style:italic}.type-stack>span:nth-child(3){color:var(--coral)}.type-arrow{display:inline-block;margin-left:30px;font-size:.95em;letter-spacing:0}.creative-flow{display:flex;align-items:center;gap:13px;margin-bottom:32px}.creative-flow span{border:1px solid var(--navy);border-radius:100px;padding:8px 18px;font:700 14px/1.5 Arial,sans-serif}.creative-flow span:nth-of-type(2){background:var(--navy);color:var(--mint)}.creative-flow b{font-size:22px}.digital-art .art-edge{align-self:flex-start}.course-art .art-kicker,.creative-flow{position:relative;z-index:1}
@media(max-width:1000px){.course-cover,.digital .course-cover{min-height:460px}.cover-title,.digital .cover-title{padding:32px}.cover-title .course-number{font-size:145px}.course .cover-title h3,.digital .cover-title h3{font-size:32px}.course-art{padding:30px}.orbit{height:175px;width:175px;flex-basis:175px}.orbit b{font-size:62px}.orbit+.orbit{margin-left:-48px}.orbit span{font-size:10px}.type-stack{font-size:56px}.type-arrow{margin-left:12px}.creative-flow{gap:8px}.creative-flow span{padding:7px 12px;font-size:12px}}
@media(max-width:700px){.course-cover,.digital .course-cover{display:flex;min-height:0}.cover-title,.digital .cover-title{padding:26px;min-height:280px}.cover-title .course-number{font-size:96px;position:absolute;right:26px;top:60px;margin:0}.course .cover-title h3,.digital .cover-title h3{font-size:30px;margin-top:88px;line-height:1.35}.cover-title .eyebrow{font-size:12px}.cover-caption,.digital .cover-caption{font-size:12px;margin-top:18px}.course-art{min-height:370px;padding:27px 24px}.art-kicker{font-size:12px;letter-spacing:.08em}.health-orbits{min-height:170px;margin:18px -9px 8px}.orbit{width:125px;height:125px;flex-basis:125px}.orbit+.orbit{margin-left:-24px}.orbit b{font-size:49px}.orbit span{font-size:9px;letter-spacing:0}.orbit-time{transform:translateY(-20px)}.orbit-human{transform:translateY(20px)}.art-signature{font-size:23px;margin:15px 0 22px}.art-edge{font-size:10px;letter-spacing:.1em}.digital-art{border-bottom-right-radius:90px;min-height:380px;padding:28px 25px}.type-stack{font-size:53px;margin:28px 0 20px}.type-arrow{margin-left:15px}.creative-flow{gap:10px;margin-bottom:25px}.creative-flow span{font-size:12px;padding:6px 13px}.creative-flow b{font-size:19px}}
@media(max-width:360px){.course .cover-title h3,.digital .cover-title h3{font-size:26px}.type-stack{font-size:46px}.orbit{height:110px}.orbit b{font-size:43px}.orbit span{font-size:8px}.creative-flow{gap:7px}.creative-flow span{padding:6px 10px}}
.digital .cover-title{color:var(--white)}