.discovery-home{--discovery-night:#14252a}
.discovery-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:12px 0 32px}
.discovery-intro>div{min-width:0}.discovery-intro .eyebrow{font-size:11px;margin-bottom:16px}
.discovery-intro h1{max-width:820px;margin:0;font-size:clamp(38px,4.8vw,68px);font-weight:600;line-height:1.06;letter-spacing:-.045em;text-wrap:balance;overflow-wrap:anywhere}
.discovery-intro-aside{max-width:275px;flex-shrink:0;padding-bottom:2px}.discovery-intro-aside p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.discovery-intro-aside .text-link{font-size:13px;margin-top:8px}
.discovery-stage{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(0,1fr);gap:22px}
.discovery-spotlight{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);min-width:0;min-height:435px;border-radius:22px;overflow:hidden;background:var(--discovery-night);color:#fff;position:relative}
.discovery-spotlight-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:34px 30px;position:relative;z-index:1}
.discovery-kicker{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;letter-spacing:.045em;line-height:1.6}
.discovery-spotlight .discovery-kicker{color:#d8e5db}.discovery-spotlight .status-dot{background:var(--lime)}
.discovery-genre{margin:44px 0 10px;color:#d5ed9b;font-size:12px}
.discovery-spotlight h2{font-size:clamp(25px,3vw,42px);line-height:1.12;letter-spacing:-.035em;font-weight:500;margin:0;overflow-wrap:anywhere;text-wrap:balance}
.discovery-spotlight p{color:#c4d3ce;font-size:13px;line-height:1.7;margin:16px 0 25px}
.discovery-play{display:inline-flex;align-items:center;gap:12px;min-height:48px;background:var(--lime);color:var(--ink);border-radius:30px;padding:12px 23px;font-size:14px;font-weight:500;margin-top:auto}
.discovery-play .studio-icon{width:17px;height:17px;fill:currentColor}.discovery-platform{display:flex;align-items:center;gap:7px;color:#b7cbc5;font-size:10px;margin-top:18px}.discovery-platform .studio-icon{width:14px;height:14px}
.discovery-spotlight-art{min-width:0;position:relative;background:#263c40;overflow:hidden}.discovery-spotlight-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;display:block;transition:transform .3s}.discovery-spotlight:hover img{transform:scale(1.025)}
.discovery-spotlight:hover .discovery-play{background:#f1ffa1}.discovery-create{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-width:0;border-radius:22px;background:var(--lime);padding:30px;color:var(--ink);overflow:hidden}
.discovery-create-art{position:relative;display:block;height:140px;width:100%;margin:10px 0;color:var(--blue)}.discovery-create-art>span{display:block;font-size:150px;line-height:1;width:140px;transform:rotate(-15deg);transition:transform .3s}.discovery-create-art>.studio-icon{position:absolute;top:15px;right:10px;width:45px;height:45px;transform:rotate(15deg)}.discovery-create:hover .discovery-create-art>span{transform:rotate(10deg)}
.discovery-create h2{font-size:30px;font-weight:500;line-height:1.14;letter-spacing:-.035em;text-wrap:balance;margin:8px 0 12px;overflow-wrap:anywhere}.discovery-create p{font-size:13px;line-height:1.7;margin:0 0 24px;color:#465127}
.discovery-create-link{display:flex;justify-content:space-between;gap:14px;align-items:center;width:100%;min-height:44px;margin-top:auto;border-top:1px solid #9bac46;padding-top:15px;font-weight:500;font-size:14px}
.discovery-shelf{margin-top:48px}.discovery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.discovery-heading .eyebrow{margin:0 0 8px;font-size:10px}.discovery-heading h2{margin:0;font-size:31px;font-weight:500;line-height:1.2;letter-spacing:-.035em}.discovery-heading>.text-link{text-align:right}
.discovery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:27px 20px}.discovery-tile{min-width:0}.discovery-tile>a{display:block;color:var(--ink);border-radius:15px}.discovery-tile-art{position:relative;aspect-ratio:4/3;border-radius:15px;overflow:hidden;background:#dee5dc}.discovery-tile-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .25s}.discovery-tile:hover img{transform:scale(1.045)}
.discovery-tile-play{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;color:var(--ink);box-shadow:0 2px 12px #0002}.discovery-tile-play .studio-icon{width:15px;height:15px;fill:currentColor}.discovery-tile-info{padding:12px 2px 0}.discovery-tile-info>span,.discovery-tile-info time{color:var(--muted);font-size:11px}.discovery-tile-info h3{font-size:17px;font-weight:500;line-height:1.35;letter-spacing:-.025em;margin:3px 0 0;overflow-wrap:anywhere}.discovery-tile:hover h3{color:var(--blue)}
.discovery-recent{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.discovery-tile-compact>a{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid var(--line);padding:12px;border-radius:16px;height:100%}.discovery-tile-compact .discovery-tile-art{width:96px;aspect-ratio:1;flex-shrink:0;border-radius:9px}.discovery-tile-compact .discovery-tile-info{padding:0;min-width:0}.discovery-tile-compact .discovery-tile-play{width:28px;height:28px;right:6px;bottom:6px}.discovery-tile-compact time{display:block;margin-top:6px}
.discovery-placeholder{display:grid;place-items:center;width:100%;height:100%;background:linear-gradient(135deg,#c5d7d0,#a7b7ec)}.discovery-placeholder .studio-icon{color:var(--blue);width:60px;height:60px}.discovery-empty{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:40px}.discovery-empty>.studio-icon{width:65px;height:65px;margin-bottom:25px;color:var(--lime)}
@media(max-width:1000px){.discovery-intro{gap:24px}.discovery-intro-aside{max-width:225px}.discovery-stage{grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:16px}.discovery-spotlight-copy{padding:26px 22px}.discovery-create{padding:25px}.discovery-create h2{font-size:26px}.discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.discovery-intro{display:block;margin-top:0}.discovery-intro-aside{max-width:100%;margin-top:16px}.discovery-intro-aside .text-link{margin-top:2px}.discovery-stage{grid-template-columns:1fr}.discovery-spotlight{min-height:365px}.discovery-spotlight h2{font-size:34px}.discovery-genre{margin-top:35px}.discovery-spotlight-art img{max-height:480px}.discovery-create{padding:25px;padding-right:125px}.discovery-create-art{position:absolute;right:10px;top:25px;width:100px;height:100px;margin:0}.discovery-create-art>span{font-size:110px;width:100px}.discovery-create-art>.studio-icon{display:none}.discovery-create h2{font-size:28px}.discovery-create p{margin-bottom:12px}.discovery-create-link{margin-top:8px}.discovery-shelf{margin-top:36px}.discovery-heading h2{font-size:27px}.discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 14px}.discovery-recent{grid-template-columns:1fr}}
@media(max-width:420px){.discovery-intro h1{font-size:39px}.discovery-spotlight{grid-template-columns:minmax(0,1fr) minmax(0,.75fr);min-height:360px}.discovery-spotlight-copy{padding:24px 18px}.discovery-spotlight h2{font-size:27px}.discovery-spotlight .discovery-kicker{font-size:10px}.discovery-genre{margin-top:30px}.discovery-play{padding:11px 17px;gap:8px;font-size:13px}.discovery-create{padding-right:85px}.discovery-create-art{right:-12px;opacity:.75}.discovery-create h2{font-size:26px}.discovery-heading{align-items:flex-start;gap:14px}.discovery-heading>.text-link{font-size:11px;max-width:90px}.discovery-tile-info h3{font-size:15px}}
@media(prefers-reduced-motion:reduce){.discovery-home *{transition:none!important}.discovery-home a:hover img,.discovery-create:hover .discovery-create-art>span{transform:none}}