.gp{--gp-bg:var(--bg);--gp-hue:var(--accent);isolation:isolate;color:var(--ink);background:var(--gp-bg);position:relative;overflow:clip}.gp[data-bg=tint]{--gp-bg:color-mix(in srgb, var(--accent) 6%, var(--bg))}.gp-glow{z-index:-1;pointer-events:none;height:min(1500px,100%);position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(#000 25%,#0000);mask-image:linear-gradient(#000 25%,#0000)}.gp-glow img{object-fit:cover;filter:blur(70px)saturate(1.35);opacity:.34;width:100%;height:100%;display:block;transform:scale(1.2)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .gp-glow img{opacity:.26}}:root[data-theme=dark] .gp-glow img{opacity:.26}.gp-hero{isolation:isolate;position:relative;container-type:inline-size}.gp-hero-art{height:clamp(200px,31cqi,420px);position:relative;overflow:hidden}.gp-hero-art img{object-fit:cover;object-position:center 38%;width:100%;height:100%;display:block;position:absolute;inset:0}.gp-hero[data-header=full] .gp-hero-art img{-webkit-mask-image:linear-gradient(#000 0% 46%,#0000008c 72%,#0000001f 90%,#0000 100%);mask-image:linear-gradient(#000 0% 46%,#0000008c 72%,#0000001f 90%,#0000 100%)}.gp-hero[data-header=framed] .gp-hero-art{border:1px solid var(--line);background:var(--surface-2);border-radius:22px;width:calc(100% - 32px);max-width:1048px;height:clamp(150px,27cqi,340px);margin:20px auto 0;box-shadow:0 26px 50px -34px #1018208c}.gp-hero[data-header=plain] .gp-hero-art{background:linear-gradient(180deg, color-mix(in srgb, var(--gp-hue) 22%, transparent) 0%, color-mix(in srgb, var(--gp-hue) 9%, transparent) 55%, transparent 100%);height:clamp(170px,20cqi,240px);-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.gp-blob{filter:blur(46px);pointer-events:none;border-radius:50%;position:absolute}.gp-blob.b1{aspect-ratio:1;background:var(--gp-hue);opacity:.3;width:42%;top:-70%;left:-6%}.gp-blob.b2{aspect-ratio:1;background:color-mix(in srgb, var(--gp-hue) 55%, #ffd88a);opacity:.28;width:30%;top:-45%;right:8%}.gp-blob.b3{aspect-ratio:1;background:color-mix(in srgb, var(--gp-hue) 60%, #fff);opacity:.18;width:22%;top:10%;left:42%}.gp-hero-body{z-index:1;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:24px;max-width:1080px;margin:-84px auto 0;padding:0 16px;display:grid;position:relative}.gp-hero[data-header=framed] .gp-hero-body{align-items:start;margin-top:-58px;padding-left:40px}.gp-hero[data-header=framed] .gp-id{text-shadow:none;padding-top:72px}.gp-hero[data-header=framed] .gp-cta{align-self:end}.gp-hero[data-header=plain] .gp-hero-body{margin-top:-92px}.gp-icon{background:var(--surface-2);color:#fff;letter-spacing:-1px;-webkit-user-select:none;user-select:none;width:136px;height:136px;box-shadow:0 0 0 5px var(--surface), 0 20px 40px -18px #0a101899;border-radius:30px;flex:none;place-items:center;font-size:46px;font-weight:750;display:grid;overflow:hidden}.gp-icon img{object-fit:cover;width:100%;height:100%;display:block}.gp-id{min-width:0;text-shadow:0 0 22px color-mix(in srgb, var(--gp-bg) 90%, transparent), 0 0 3px color-mix(in srgb, var(--gp-bg) 70%, transparent);padding-bottom:2px}.gp-eyebrow{color:var(--muted);flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.gp-eyebrow a{color:inherit;text-decoration:none;transition:color .2s}.gp-eyebrow a:hover{color:var(--accent)}.gp-eyebrow .sep{color:var(--faint);font-weight:400}.gp-name{letter-spacing:-.03em;overflow-wrap:anywhere;margin:0;font-size:clamp(28px,3.7cqi,44px);font-weight:760;line-height:1.06}.gp-by{color:var(--muted);margin-top:8px;font-size:15px}.gp-by a{color:var(--ink);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;font-weight:600;text-decoration:none;transition:background-size .25s}.gp-by a:hover{background-size:100% 1px}.gp-badges{text-shadow:none;margin-top:12px}.gp-cta{justify-items:end;gap:8px;padding-bottom:4px;display:grid}.gp-cta-row{gap:10px;display:flex}.gp-cta-after{color:var(--muted);text-align:right;font-size:13px}.gp-cta .btn.big{border-radius:12px;height:48px;padding:0 24px;font-size:15.5px}.gp-cta .btn.primary{min-width:132px;box-shadow:0 10px 24px -12px color-mix(in srgb, var(--accent) 80%, transparent)}.gp-cta .btn:not(.primary){background:color-mix(in srgb, var(--surface) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@container (max-width:720px){.gp-hero-art{height:clamp(180px,52cqi,320px)}.gp-hero[data-header=framed] .gp-hero-art{border-radius:18px;height:clamp(130px,40cqi,240px);margin-top:14px}.gp-hero[data-header=plain] .gp-hero-art{height:132px}.gp-hero-body{grid-template-columns:auto minmax(0,1fr);gap:14px;margin-top:-54px}.gp-hero[data-header=framed] .gp-hero-body{margin-top:-40px;padding-left:28px}.gp-hero[data-header=framed] .gp-id{padding-top:48px}.gp-hero[data-header=plain] .gp-hero-body{margin-top:-64px}.gp-icon{width:92px;height:92px;box-shadow:0 0 0 4px var(--surface), 0 14px 28px -14px #0a101899;border-radius:22px;font-size:32px}.gp-id{align-self:end}.gp-name{font-size:clamp(22px,6.6cqi,30px)}.gp-by{margin-top:4px;font-size:14px}.gp-id .gp-badges{margin-top:8px}.gp-cta{grid-column:1/-1;justify-items:stretch}.gp-cta-row>*{flex:1}.gp-cta-after{text-align:left}}.preview-stage .gp-listing-preview{margin:-14px;padding-bottom:14px}.gp-listing-body{padding:14px 16px 0}@media (prefers-reduced-motion:no-preference){.gp-hero-art img{animation:1.6s cubic-bezier(.2,.7,.2,1) both gp-settle}.gp-hero-body>*{animation:.7s cubic-bezier(.2,.7,.2,1) both gp-rise}.gp-hero-body>:nth-child(2){animation-delay:70ms}.gp-hero-body>:nth-child(3){animation-delay:.14s}.gp-blob{animation:28s ease-in-out infinite alternate gp-drift}.gp-blob.b2{animation-duration:34s;animation-delay:-9s}.gp-blob.b3{animation-duration:40s;animation-delay:-17s}.gp-icon img{transition:transform .5s cubic-bezier(.2,.7,.2,1)}.gp-icon:hover img{transform:scale(1.05)}.gp-cta .btn{transition:transform .2s,box-shadow .2s,filter .2s,background-color .2s}.gp-cta .btn:hover{transform:translateY(-1px)}.gp-cta .btn.primary:hover{box-shadow:0 14px 28px -12px color-mix(in srgb, var(--accent) 90%, transparent)}}@keyframes gp-settle{0%{opacity:0;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes gp-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes gp-drift{to{transform:translate(10%,14%)scale(1.1)}}
