:root{--action:#245c59;--accent:#b64040;--accent-soft:#e7efeb;--studio-brass:#99712e}body{background:#f6f3eb;color:#24282b}.primary,.signup-free{background:#245c59!important;color:#fff!important;border-color:#245c59!important}.primary:hover,.signup-free:hover{background:#1c4846!important}.topbar{max-width:1240px!important;display:flex!important;align-items:center!important;gap:18px!important;flex-wrap:nowrap!important;padding:20px 28px!important;border:0!important}.topbar .brand{order:0;margin:0!important;flex:none}.topbar .header-avatar{order:3}.topbar .curriculum-navigation{order:1;flex:1;border:0;background:transparent;margin:0!important;padding:0;justify-content:center;gap:3px}.topbar .curriculum-nav-link{font-size:15px!important;padding:12px 10px!important}.topbar .site-menu{order:4}.topbar #sign-in{order:2}.topbar>.header-help{display:none}.topbar .brand-wordmark{max-width:240px}.topbar .brand-address{font-size:11px}main{max-width:1180px!important}#lobby .hero{position:relative;isolation:isolate;min-height:500px;padding:44px 12px 36px!important;grid-template-columns:1.2fr 1fr!important;gap:20px!important;align-items:center}#lobby .hero:before{content:"";position:absolute;z-index:-1;inset:0 calc((1180px - 100vw)/2) -30px;background:url('assets/dojo-studio.png') center bottom/cover no-repeat;pointer-events:none}#lobby .sound-heading{font-size:clamp(32px,3.65vw,49px)!important;line-height:1.28;letter-spacing:-.045em}#lobby .sound-heading em{color:#b64040}#lobby .sound-heading:after{background:#aa8446;width:76px;margin-top:24px}#lobby .headline-mark{width:1.6em}#lobby .skill-mark{width:.95em}.studio-continue{font-size:19px;padding:17px 26px;margin-top:26px;min-width:230px;border-radius:8px;box-shadow:0 5px 12px #245c5912}#lobby .sensei-logo{max-width:440px!important;justify-self:center;width:100%}#lobby .sensei-artwork{width:100%;height:auto;max-height:390px!important}#lobby .brand-motto{font-family:Georgia,serif!important;font-size:23px!important;color:#24282b!important}.sensei-create-open{margin-top:8px!important}
#lobby .learning-start.experience-next{position:relative;background:#fffefb!important;border:1px solid #e1ddd3!important;border-radius:12px;padding:22px 28px!important;display:grid!important;grid-template-columns:160px 1fr auto!important;gap:10px 24px;margin:26px 0 40px!important;box-shadow:0 8px 28px #463d2010!important}#lobby .learning-start .studio-notation{grid-column:1;grid-row:1/3;width:160px;border-right:1px solid #e5dfd1;padding-right:20px}#lobby .studio-notation svg{display:block;width:100%;height:auto}#lobby .learning-start>div:not(.studio-notation){grid-column:2;grid-row:1}#lobby .learning-start .eyebrow{color:#99712e;letter-spacing:.14em}#lobby .learning-start strong{font-size:29px}#lobby .learning-start .daily-intro{grid-column:2;margin:0;line-height:1.5}#lobby .learning-start #continue-learning{grid-column:3;grid-row:1/3}#lobby .learning-start .home-assessment-link{grid-column:2/4;font-size:13px!important;color:#536765}#lobby .learning-start:has(.studio-notation[hidden]){grid-template-columns:1fr auto!important}#lobby .learning-start:has(.studio-notation[hidden])>div:not(.studio-notation),#lobby .learning-start:has(.studio-notation[hidden]) .daily-intro{grid-column:1}#lobby .learning-start:has(.studio-notation[hidden]) #continue-learning{grid-column:2}#lobby .learning-start:has(.studio-notation[hidden]) .home-assessment-link{grid-column:1/3}.studio-section-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.studio-section-title h2{font-size:34px;letter-spacing:-.035em;margin:0}.studio-section-title>span{font-size:11px;letter-spacing:.2em;color:#6b7275}.home-sections[data-experience]{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:20px!important;padding:0!important;border:0!important;margin:0 0 28px!important}.home-sections[data-experience]>.experience-destination:nth-child(n+4){display:none!important}.home-sections[data-experience] .experience-destination{display:flex!important;flex-direction:column!important;align-items:flex-start!important;background:#fffefb!important;border:1px solid #e1ddd3!important;border-radius:10px!important;padding:28px!important;gap:12px!important;min-height:215px!important;text-align:left}.home-sections[data-experience] .experience-destination:hover{border-color:#739b90!important;background:#f6faf7!important}.studio-topic-icon{width:60px;height:56px;color:#99712e!important;display:block}.studio-topic-icon svg{width:100%;height:100%}.home-sections .experience-destination strong{font-size:28px!important}.studio-utilities{border-bottom:1px solid #ded8ca;padding:18px 0 24px;margin-bottom:28px}.studio-utilities .header-help{display:grid!important;grid-template-columns:1.4fr 1fr;gap:18px;margin:0!important;padding:0!important;border:0!important}.studio-utilities .header-help>button{background:transparent!important;border:0!important;padding:12px!important;box-shadow:none!important}.studio-join{display:flex;gap:16px;align-items:center;margin-top:20px}.studio-join[hidden]{display:none!important}.home-log-shortcut{border-block:1px solid #ded8ca!important;border-radius:0!important;padding:22px 4px!important;background:transparent!important}.curriculum-navigation [hidden]{display:none!important}
@media(max-width:1050px){.topbar{flex-wrap:wrap!important}.topbar .curriculum-navigation{order:5;flex-basis:100%;justify-content:center}.topbar .brand{margin-right:auto!important}#lobby .hero:before{inset:0 -28px -25px}#lobby .sound-heading{font-size:36px!important}}
@media(max-width:700px){.topbar{padding:16px 20px!important;gap:10px!important}.topbar .curriculum-navigation{display:flex;flex-wrap:wrap;gap:0}.topbar .curriculum-nav-link{padding:10px 9px!important;font-size:14px!important}.topbar .brand-wordmark{max-width:190px}#lobby .hero{grid-template-columns:1fr!important;padding:30px 0 16px!important;gap:18px!important;min-height:0}#lobby .hero:before{background-position:center bottom;background-size:auto 100%}#lobby .sound-heading{font-size:clamp(27px,7.3vw,38px)!important}#lobby .headline-mark{width:1.4em}.studio-continue{margin-top:20px;min-width:0;font-size:17px}#lobby .sensei-logo{max-width:340px!important}#lobby .sensei-artwork{max-height:310px!important}#lobby .learning-start.experience-next{grid-template-columns:1fr!important;padding:22px!important;gap:12px;margin:24px 0!important}#lobby .learning-start .studio-notation{display:none}#lobby .learning-start>div:not(.studio-notation),#lobby .learning-start .daily-intro,#lobby .learning-start #continue-learning,#lobby .learning-start .home-assessment-link{grid-column:1!important;grid-row:auto!important}#lobby .learning-start strong{font-size:25px}.studio-section-title h2{font-size:28px}.studio-section-title>span{display:none}.home-sections[data-experience]{grid-template-columns:1fr!important;gap:12px!important}.home-sections[data-experience] .experience-destination{display:grid!important;grid-template-columns:50px 1fr;min-height:110px!important;padding:20px!important;gap:4px 18px!important}.studio-topic-icon{grid-row:1/3;width:48px}.home-sections .experience-destination strong{font-size:24px!important}.home-sections .experience-destination>span:not(.studio-topic-icon){grid-column:2}.studio-utilities .header-help{grid-template-columns:1fr}.studio-join{align-items:flex-start;flex-direction:column}}
#lobby .hero:before{background-image:linear-gradient(90deg,rgba(246,243,235,.6),transparent 60%),url('assets/dojo-studio.png')}#lobby .studio-continue{width:auto!important;display:inline-flex!important;justify-content:center}#lobby .learning-start>div:not(.studio-notation){display:block!important}#lobby .learning-start .eyebrow{display:block;margin-bottom:7px}#lobby .learning-start .daily-intro{margin-top:8px}
/* Three distinct, readable headline colours, including their accompanying icons. */
#lobby .sound-heading>.headline-line:nth-child(1){color:#245c59}
#lobby .sound-heading>.headline-line:nth-child(2){color:#365f7d}
#lobby .sound-heading>.headline-line:nth-child(3){color:#b64040}
#lobby .sound-heading .headline-mark{color:inherit}

.practice-week-summary>button{margin:6px 10px 0 0}

#lobby .voice-mark{width:1.85em;height:1.08em;flex:none;margin-left:.04em}