/* Gay's colorful welcome panels and seven-step adventure. */
:root{--warm-lilac:#eee6fa;--warm-mint:#def3eb;--warm-peach:#ffeadc;--warm-gold:#fff0bc;--warm-ink:#241a3a;--warm-muted:#584668}
body.v11-site,body[data-v11]{background-color:#f3eef9;background-image:radial-gradient(ellipse at 0 15%,#e5daf7 0,transparent 55%),radial-gradient(ellipse at 100% 70%,#e0f3ee 0,transparent 50%);background-attachment:scroll}
.v11-site .v11-intro{border-bottom:0;padding-bottom:1.5rem}.v11-main>.v11-section.soft{background:#e8e0f3}.v11-main>.v11-section:nth-of-type(4n+2):not(.soft){background:#e7f4ee}.v11-main>.v11-section:nth-of-type(4n+3):not(.soft){background:#fff0e5}.v11-goal{border-top:5px solid #ad8bc9}.v11-goal:nth-child(3n+2){border-top-color:#e5553b}.v11-goal:nth-child(3n){border-top-color:#39977b}
.gay-intro-wrap{padding-block:1.4rem}.gay-intro{position:relative;display:grid;grid-template-columns:128px minmax(0,1fr);align-items:center;gap:1.6rem;background:#e0f2ea!important;border:1px solid #b7d7c9;border-left:6px solid #3f8d76;border-radius:24px;padding:1.3rem 1.8rem;margin:1.3rem 0;color:#241a3a!important;max-width:100%;text-align:left;box-shadow:0 6px 0 #241a308}.gay-intro-wrap>.gay-intro{margin:0}.gay-intro-portrait{position:relative;align-self:center;text-align:center}.gay-intro-portrait>img{display:block;width:112px;height:122px;object-fit:contain;object-position:50% 100%;border-radius:55% 55% 40% 40%;background:#fff1cc;margin:auto}.gay-intro-portrait>span{display:block;font-family:'Caveat',cursive;font-size:1.3rem;font-weight:700;color:#824027!important;transform:rotate(-4deg);margin-top:.15rem}.gay-intro-copy .gay-intro-label{font-family:'Atkinson',sans-serif;font-weight:700;letter-spacing:.08em;text-transform:uppercase;font-size:.76rem!important;margin:0 0 .4rem!important;color:#245b49!important;line-height:1.4}.gay-intro-copy .gay-intro-words{color:#241a3a!important;font-size:1.08rem!important;line-height:1.65!important;margin:.2rem 0 .6rem!important;max-width:76ch}.gay-intro-copy .gay-intro-disclosure{font-family:'Atkinson',sans-serif;font-size:.72rem!important;line-height:1.4;color:#526357!important;margin:0!important}.gay-intro .v11-button{margin-top:.8rem!important}.gay-intro-player{grid-column:1/-1;max-width:520px;width:100%;justify-self:center}.gay-intro-player video{width:100%;max-height:520px;display:block;border-radius:14px;background:#241a3a}.gay-intro-status{color:#241a3a!important;font-size:.9rem!important}
.start-welcome{background:linear-gradient(115deg,#e7dcf6 0%,#f1e8fa 57%,#fbdcc9 100%);padding:3rem 0 1.5rem;position:relative;overflow:hidden}.start-welcome-grid{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:3rem}.start-welcome h1{color:#241a3a!important;font-size:clamp(2.8rem,5vw,4.4rem);max-width:14ch;line-height:1.03}.start-welcome .v11-lede{color:#594568!important;max-width:48ch}.start-welcome .v11-kicker{color:#8f3a29!important}.start-handwritten{font-family:'Caveat',cursive;font-size:1.5rem!important;color:#7b3d29!important;transform:rotate(-2deg);margin:1.4rem 0!important}.start-art{position:relative;height:440px;display:flex;justify-content:center;align-items:flex-end;isolation:isolate}.start-art-disc{position:absolute;width:360px;height:360px;border-radius:50%;background:#f7c457;bottom:25px;z-index:-1;box-shadow:0 0 0 18px #ffffff66}.start-gay{width:295px;height:405px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 8px 4px #52304a10)}.start-spark{position:absolute;font-size:3rem;color:#a34731;top:35px;left:12%}.start-spark.two{font-size:2rem;top:60px;left:auto;right:4%;color:#776097}.start-sticker{position:absolute;display:flex;align-items:center;gap:.5rem;padding:.5rem .9rem;background:#fff;border-radius:12px;font-size:.9rem;font-weight:700;color:#241a3a!important;box-shadow:0 8px 20px #583c5514}.start-sticker img{height:50px;width:50px;object-fit:contain}.sticker-one{left:-8px;bottom:100px;transform:rotate(-7deg)}.sticker-two{right:-12px;bottom:35px;transform:rotate(6deg)}
.start-here-color .v11-main>.v11-section{background:transparent!important}.start-here-color .v11-steps{display:grid;gap:1.1rem;margin:1.4rem 0 2rem}.start-here-color .v11-steps li{grid-template-columns:132px minmax(0,1fr) auto;gap:1.6rem;align-items:center;border:1px solid #d4c4e1;border-left:7px solid #9771b9;background:#eee6fa;border-radius:22px;padding:1.6rem;box-shadow:0 5px 0 #241a3a08;color:#241a3a}.start-here-color .v11-steps li:nth-child(4n+2){background:#e1f3eb;border-color:#bedbce;border-left-color:#3f8d76}.start-here-color .v11-steps li:nth-child(4n+3){background:#ffeadc;border-color:#f1c9b1;border-left-color:#ca7351}.start-here-color .v11-steps li:nth-child(4n){background:#fff1c6;border-color:#e9d793;border-left-color:#b08720}.start-here-color .v11-steps h2,.start-here-color .v11-steps p,.start-here-color .v11-steps label{color:#241a3a!important}.start-here-color .v11-steps .v11-textlink{color:#8f3424!important}.v11-step-art{position:relative;display:grid;place-items:center}.v11-step-art>img{width:110px;height:110px;object-fit:contain}.v11-step-art .v11-step-num{position:absolute;left:-4px;top:-8px;width:33px;height:33px;border:2px solid #fff;color:#fff!important;background:#241a3a;font-size:.95rem}.start-here-color .v11-steps .v11-check{background:#ffffffa6;border:1px solid #241a324;border-radius:12px;white-space:nowrap}.start-here-color .v11-section:last-child{background:#dcefe9!important;border-top:2px solid #b9d8cb}.start-here-color .v11-section:last-child .wrap{padding-left:150px;position:relative}.start-here-color .v11-section:last-child .wrap::before{content:'';position:absolute;left:0;top:0;width:120px;height:130px;background:url('../img/illos/starter-kit.svg')center/contain no-repeat}
html[data-theme=dark] body.v11-site,html[data-theme=dark] body[data-v11]{background:#20182c;background-image:radial-gradient(ellipse at 0 15%,#372346 0,transparent 65%)}html[data-theme=dark] .v11-main>.v11-section:nth-of-type(n):not(.v11-band){background:transparent}html[data-theme=dark] .gay-intro{background:#243f36!important;border-color:#669783}html[data-theme=dark] .gay-intro .gay-intro-words,html[data-theme=dark] .gay-intro .gay-intro-label,html[data-theme=dark] .gay-intro .gay-intro-disclosure,html[data-theme=dark] .gay-intro-portrait>span{color:#f4fff8!important}html[data-theme=dark] .start-here-color .v11-section:last-child{background:#243f36!important}
html[data-theme=contrast] body.v11-site,html[data-theme=contrast] body[data-v11]{background:#fff;background-image:none}html[data-theme=contrast] .v11-main>.v11-section:nth-of-type(n),html[data-theme=contrast] .start-welcome,html[data-theme=contrast] .gay-intro,html[data-theme=contrast] .start-here-color .v11-steps li{background:#fff!important;border-color:#000!important;color:#000!important}
@media(prefers-color-scheme:dark){html:not([data-theme]) body.v11-site,html:not([data-theme]) body[data-v11]{background:#20182c;background-image:none}html:not([data-theme]) .v11-main>.v11-section:nth-of-type(n){background:transparent}html:not([data-theme]) .gay-intro{background:#e0f2ea!important}}
@media(max-width:980px){.start-welcome-grid{gap:1rem;grid-template-columns:1fr 1fr}.start-art-disc{width:280px;height:280px}.start-gay{width:240px;height:330px}.start-art{height:360px}.start-sticker{font-size:.8rem;padding:.3rem .6rem}.start-sticker img{height:38px;width:38px}.start-here-color .v11-steps li{grid-template-columns:100px minmax(0,1fr);gap:1rem}.start-here-color .v11-check{grid-column:2;justify-self:start}.v11-step-art>img{width:90px;height:90px}.gay-intro{grid-template-columns:100px minmax(0,1fr);gap:1.1rem;padding:1.2rem}.gay-intro-portrait>img{width:96px;height:110px}}
@media(max-width:640px){.start-welcome{padding:2rem 0 1rem}.start-welcome-grid{grid-template-columns:1fr;gap:0}.start-welcome h1{font-size:2.8rem}.start-art{height:290px;max-width:330px;justify-self:center;width:100%;margin-top:.3rem}.start-gay{height:285px;width:220px}.start-art-disc{width:245px;height:245px;bottom:0}.start-spark{font-size:2rem;top:10px}.sticker-one{bottom:60px;left:0}.sticker-two{right:0;bottom:8px}.start-handwritten{font-size:1.35rem!important}.gay-intro{grid-template-columns:72px minmax(0,1fr);gap:.8rem;padding:1rem;border-radius:18px}.gay-intro-portrait{align-self:start}.gay-intro-portrait>img{width:70px;height:86px}.gay-intro-portrait>span{font-size:1.1rem}.gay-intro-copy .gay-intro-words{font-size:1rem!important}.gay-intro-copy .gay-intro-label{font-size:.7rem!important}.gay-intro-copy .gay-intro-disclosure{font-size:.7rem!important}.gay-intro-wrap{padding-block:1rem}.start-here-color .v11-steps li{grid-template-columns:64px minmax(0,1fr);padding:1.1rem .9rem;gap:.9rem;align-items:start}.v11-step-art>img{width:62px;height:75px;margin-top:8px}.v11-step-art .v11-step-num{width:29px;height:29px;left:-5px;top:-5px}.start-here-color .v11-steps h2{font-size:1.35rem}.start-here-color .v11-steps p{font-size:.95rem}.start-here-color .v11-section:last-child .wrap{padding-left:0;padding-top:105px}.start-here-color .v11-section:last-child .wrap::before{width:90px;height:90px}}
@media(max-width:360px){.gay-intro{grid-template-columns:1fr}.gay-intro-portrait{display:flex;gap:.8rem;align-items:center;justify-content:flex-start}.gay-intro-portrait>img{margin:0;width:62px;height:72px}.start-here-color .v11-steps li{grid-template-columns:52px minmax(0,1fr);gap:.65rem}}
@media print{body.v11-site,body[data-v11]{background:#fff!important;background-image:none!important}.start-art,.gay-intro-player,.gay-intro button{display:none!important}.gay-intro{box-shadow:none;break-inside:avoid}.start-here-color .v11-steps li{break-inside:avoid;box-shadow:none}}