/* A quieter team welcome; all action buttons and card hover treatments are shared. */
@layer realm-surface-treatment {
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page{--realm-accent:#b8adc9}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .realm-shared-fractures{opacity:.1!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .realm-end-particles{opacity:.18!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:35px;align-items:center;padding-top:35px;padding-bottom:55px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .eyebrow{font-size:10px!important;letter-spacing:.14em!important;color:#b5a9c4!important;font-weight:700}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-intro h1{font-size:clamp(37px,4.5vw,61px)!important;line-height:1.15!important;letter-spacing:-.055em!important;color:#ede8f2!important;font-weight:800!important;margin:24px 0!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-intro h1 span{color:#b7acc9!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-intro>p:not(.eyebrow){font-size:15px!important;line-height:1.95!important;max-width:540px;color:#bcb6c7!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:29px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-actions .md-button{font-size:12px;white-space:normal}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-hero-note{display:flex;gap:17px;flex-wrap:wrap;margin-top:25px;font-size:10px;color:#8d869a}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art{position:relative;min-width:0}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art>img{display:block;width:100%;height:auto;aspect-ratio:640/540;filter:brightness(.82) saturate(.66)}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art-caption{padding-left:30%;margin-top:-10px;position:relative;color:#92899f}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art-caption>span{font-size:8px;letter-spacing:.1em;font-weight:700}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art-caption p{font-size:11px;line-height:1.8;color:#b6aebf}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-content{padding-top:45px;padding-bottom:35px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-worlds{scroll-margin-top:30px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:end;margin-bottom:28px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home h2{font-size:clamp(25px,2.8vw,36px)!important;line-height:1.3!important;letter-spacing:-.035em!important;color:#e6e0ec!important;margin:13px 0 0!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-section-heading>p,html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how>div>p:not(.eyebrow),html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-community p:not(.eyebrow){font-size:13px!important;line-height:1.95!important;color:#aaa4b4!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world{display:block;padding:32px;text-decoration:none!important;border:1px solid var(--realm-content-line)}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-top{display:flex;gap:15px;align-items:center;margin-bottom:25px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-top img{width:45px;height:45px;object-fit:contain;filter:saturate(.75)}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-top>span{font-size:9px;font-weight:750;letter-spacing:.12em}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-vyre .studio-world-top>span{color:#c5939e}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-cozy .studio-world-top>span{color:#91b8cb}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world h3{font-size:25px!important;line-height:1.35!important;letter-spacing:-.035em;color:#e3dce9!important;margin:0 0 20px!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world p{font-size:12px;line-height:1.95;color:#aaa3b3;max-width:430px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-link{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:650;color:#c5bdcf;margin-top:30px;padding-top:20px;border-top:1px solid var(--realm-content-line)}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:65px;padding-top:50px;border-top:1px solid var(--realm-content-line)}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how ol{list-style:none;margin:0;padding:0;display:grid;gap:24px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how li{display:flex;gap:18px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how li>span{font-weight:750;font-size:11px;color:#a195b0;padding-top:4px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how h3{font-size:14px!important;color:#d4cbdc!important;margin:0!important}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how li p{font-size:12px;line-height:1.9;color:#a59daa;margin-top:8px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .text-link{font-size:12px;color:#bfb2ce}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-community{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;border-top:1px solid var(--realm-content-line);margin-top:65px;padding:45px 0 25px}
 html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-community-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:25px;align-items:center}
 @media(max-width:850px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-hero{grid-template-columns:1fr;padding-top:22px;padding-bottom:25px;gap:0}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art{width:min(100%,450px);justify-self:center;margin-top:20px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art>img{max-height:340px;object-fit:contain}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art-caption{padding-left:25%;margin-top:0}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-section-heading,html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how,html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-community{grid-template-columns:1fr;gap:24px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-community-actions{justify-content:flex-start}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-how{margin-top:40px;padding-top:35px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-grid{gap:16px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world{padding:24px}}
 @media(max-width:540px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world-grid{grid-template-columns:1fr}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-intro h1{font-size:37px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-actions{gap:12px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-actions .md-button{font-size:11px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-community{margin-top:40px}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-world h3{font-size:24px!important}}
}

/* Supplied transparent duo: natural proportions, clear silhouettes, no crop. */
@layer realm-surface-treatment {
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art{display:grid!important;justify-items:center!important;width:100%!important;max-width:620px!important;margin-inline:auto!important;min-width:0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art>img{display:block!important;width:min(100%,570px)!important;max-width:100%!important;height:auto!important;max-height:440px!important;aspect-ratio:1474/1067!important;object-fit:contain!important;object-position:center bottom!important;filter:drop-shadow(0 18px 24px #0005)!important;background:transparent!important;border:0!important;border-radius:0!important}
html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art-caption{width:100%!important;padding:0!important;margin:18px 0 0!important;text-align:center!important}
@media(max-width:850px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art{max-width:400px!important;margin-top:28px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art>img{max-height:300px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art-caption{margin-top:14px!important}}
@media(max-width:540px){html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art{max-width:340px!important}html body[class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class][class].studio-home-page .studio-home .studio-art>img{max-height:250px!important}}
}