.creative-intro{padding-bottom:58px}
.creative-intro h1{max-width:1120px}
.creative-worlds{align-items:stretch}
.creative-card{appearance:none;font:inherit;text-align:left;min-width:0;overflow:hidden;display:flex;flex-direction:column}
.creative-card .world-heading{display:block;width:100%}
.creative-card-title{display:block;font:500 clamp(25px,2.7vw,38px)/1.2 var(--font-ui);letter-spacing:-.045em;margin:0 0 20px}
.creative-card-copy{display:block;font-size:16px;line-height:1.8;color:#b4bdca;max-width:500px;min-height:87px}
.creative-card .world-art{display:block;width:100%;margin:26px 0 0;max-width:none;aspect-ratio:640/420}
.creative-card canvas{display:block;width:100%;height:100%}
.creative-back{text-align:center;padding:75px 0 15px;color:#acbad0;font-size:14px}
.creative-back a:hover{color:#9ee8ff}
@media(max-width:800px){.creative-card-title{font-size:27px}.creative-card-copy{font-size:15px;min-height:108px}.creative-intro{padding-bottom:38px}}
@media(max-width:560px){.creative-intro h1{font-size:clamp(38px,9vw,50px)}.creative-worlds{gap:28px}.creative-card-title{font-size:29px}.creative-card-copy{min-height:0}.creative-card .world-art{margin-top:20px}.creative-back{padding-top:55px}}
@media(prefers-reduced-motion:reduce){.creative-card,.creative-card:hover,.creative-card:focus-visible{transition:none;transform:none}}

.globe-art{isolation:isolate}
.globe-art .compass{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.compass-back{z-index:-1;opacity:.66;transition:opacity .45s}
.globe-art canvas{position:relative;z-index:0}
.compass-front{z-index:1;opacity:.6;transition:opacity .45s}
#globe-card:hover .compass,#globe-card:focus-visible .compass{opacity:1}

.creative-card .world-art{margin-bottom:22px}
.creative-card-title{font:var(--type-card);letter-spacing:var(--tracking-card)}
.creative-card-copy{color:var(--copy-color)}
.creative-intro>p{max-width:720px}