/* Forms and colours inspired by the learning centre's curved wall and workshop furniture. */
:root{--workshop-wood:#ba8c66;--workshop-sage:#a8b7a5;--workshop-sand:#d5c8b4}
.hero{isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;right:0;top:12%;width:min(42%,470px);aspect-ratio:1;border-radius:50%;background:rgba(168,183,165,.16);pointer-events:none}
.intro{position:relative}.intro:before{content:"";position:absolute;top:-1px;left:48px;width:76px;height:5px;background:var(--workshop-wood);border-radius:0 0 6px 6px}
.cards{gap:0}.card{position:relative;overflow:hidden}.card:before{content:"";position:absolute;right:-24px;top:20px;width:72px;height:72px;border:1px solid rgba(115,138,120,.32);border-radius:50%;pointer-events:none}.card:nth-child(even):before{border-color:rgba(186,140,102,.45)}.card .number{position:relative}
.learning{position:relative;isolation:isolate}.learning:before{content:"";position:absolute;z-index:-1;width:480px;height:480px;left:-240px;top:-160px;border-radius:50%;border:1px solid rgba(213,200,180,.38);box-shadow:0 0 0 32px rgba(168,183,165,.06),0 0 0 72px rgba(168,183,165,.04);pointer-events:none}.learning-photos .learning-photo-main{border-radius:100px 0 0 0}.learning-photos figure{border-bottom:4px solid var(--workshop-wood)}.keywords{color:#e1e9dd}
.song-page .intro{position:relative;isolation:isolate;overflow:hidden}.song-page .intro:after{content:"";position:absolute;z-index:-1;right:3%;top:14%;width:min(35vw,260px);aspect-ratio:1;border-radius:50%;background:rgba(168,183,165,.2);border:1px solid rgba(126,148,128,.28);pointer-events:none}.song-page .video{border-top:5px solid var(--workshop-wood)}.song-page .verse h3:before{content:"";display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--workshop-sage);margin-right:10px}
@media(max-width:850px){.intro:before{left:26px}.learning-photos .learning-photo-main{border-radius:60px 0 0 0}.hero:before{top:18%;width:48%}}