.original-hero .hero .grid{grid-template-columns:1fr 1fr;gap:40px}
.original-hero .niche-showcase{min-width:0;position:relative;padding:20px 0 0;isolation:isolate;font-family:'DM Sans',sans-serif}
.niche-canvas{position:relative;height:585px;perspective:1200px}
.niche-canvas:before{content:"";position:absolute;inset:15% -5% 0;border-radius:50%;background:radial-gradient(ellipse,#a56ae84d,transparent 70%);filter:blur(30px);pointer-events:none}
.niche-page{position:absolute;top:20px;left:50%;width:258px;height:526px;overflow:hidden;border-radius:19px;border:1px solid #ffffff38;box-shadow:0 25px 50px #0f001e70;transition:transform 1s cubic-bezier(.22,.68,.18,1),filter 1s;transform-origin:50% 85%;display:block;text-decoration:none}
.niche-cover{height:230px;position:relative;overflow:hidden}.niche-cover img{width:100%;height:100%;object-fit:cover}.niche-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(#160c2220,transparent 35%,#160c22c9)}
.niche-kicker{position:absolute;z-index:1;top:18px;left:19px;font-size:7px;letter-spacing:1.9px;font-weight:700;color:white}
.niche-title{position:absolute;z-index:1;bottom:17px;left:19px;font:800 43px/.92 Manrope,sans-serif;letter-spacing:-2.6px;color:#fff2d9}.niche-title em{font-style:normal;color:#ffd14a;font-family:inherit;font-weight:800;letter-spacing:inherit}
.niche-body{padding:14px 17px}.niche-body>p{font-size:8px;margin:0 0 14px;opacity:.8}.niche-music{background:#201229;color:#fff4df}.niche-music .niche-cover img{object-position:50% 27%}.release-art{display:flex;gap:10px;align-items:center;padding:12px 9px;background:#ffca48;color:#291836;border-radius:9px}.spinning-disc{width:39px;height:39px;display:grid;place-items:center;background:repeating-radial-gradient(#211328 0 2px,#3b2546 3px 4px);border-radius:50%;font-size:24px;color:#ffce49;animation:disc-spin 12s linear infinite}.release-art b{font-size:9px;display:block}.release-art small{font-size:7px}.release-art>b{margin-left:auto}.niche-link{display:flex;align-items:center;justify-content:space-between;padding:11px 10px;border:1px solid #ffffff35;border-radius:7px;font-size:9px;margin-top:10px}.niche-signature{display:block;text-align:center;font-size:7px;letter-spacing:1px;opacity:.6;margin-top:16px}.sound-bars{display:flex;align-items:center;justify-content:center;gap:4px;height:20px;margin-top:9px}.sound-bars i{width:3px;height:12px;border-radius:3px;background:#ffcf4d;animation:equalize 1.2s ease-in-out infinite alternate}.sound-bars i:nth-child(3n){animation-delay:-.8s;height:8px}.sound-bars i:nth-child(2n){animation-delay:-.4s;height:18px}
.niche-beauty{background:#f2e7db;color:#543627}.niche-beauty .niche-cover:after{background:linear-gradient(#49302920,transparent 25%,#41291878)}.niche-beauty .niche-title{font:53px/1 Georgia,serif;letter-spacing:-2px;color:#fff8eb}.niche-beauty .niche-title span{display:block;font:italic 15px Georgia;letter-spacing:0;margin-top:5px}.beauty-edit{padding:14px;background:linear-gradient(120deg,#e6c9b4,#faeee0,#e3c2ac);background-size:220% 100%;animation:beauty-glow 6s ease infinite alternate;border-radius:50px 50px 8px 8px;text-align:center}.beauty-edit>small{font-size:6px;letter-spacing:1.2px;display:block}.beauty-edit>b{font:23px/1.05 Georgia,serif;display:block;margin:9px 0}.niche-beauty .niche-link{border-color:#8c6a493d;border-radius:30px;font-size:8px}
.niche-fitness{background:#17251e;color:#e9f3d9}.niche-fitness .niche-title{font-size:33px;letter-spacing:-1.8px}.niche-fitness .niche-title em{color:#c9fc72}.niche-fitness .niche-cover img{filter:saturate(.65)}.fitness-edit{padding:11px 13px;background:#c9fc72;color:#203b27;border-radius:3px}.fitness-edit>small{font-size:6px;letter-spacing:1px}.fitness-edit>b{display:block;font:800 22px/1.05 Manrope,sans-serif;letter-spacing:-1px;margin:6px 0}.strength-bars{display:flex;gap:4px;align-items:end;height:20px}.strength-bars i{flex:1;background:#36502d;height:40%;animation:strength 3s ease-in-out infinite alternate;transform-origin:bottom}.strength-bars i:nth-child(2){height:50%}.strength-bars i:nth-child(3){height:60%}.strength-bars i:nth-child(4){height:72%}.strength-bars i:nth-child(5){height:86%}.strength-bars i:nth-child(6){height:100%}.niche-fitness .niche-link{border-color:#c9fc7250;border-radius:3px;font-size:8px}
.niche-canvas[data-active="0"] > .niche-music,.niche-canvas[data-active="1"] > .niche-beauty,.niche-canvas[data-active="2"] > .niche-fitness{transform:translateX(-50%) rotate(0);z-index:3;filter:none}
.niche-canvas[data-active="0"] > .niche-beauty,.niche-canvas[data-active="1"] > .niche-fitness,.niche-canvas[data-active="2"] > .niche-music{transform:translateX(-5%) translateY(18px) rotate(11deg) scale(.85);z-index:2;filter:brightness(.85)}
.niche-canvas[data-active="0"] > .niche-fitness,.niche-canvas[data-active="1"] > .niche-music,.niche-canvas[data-active="2"] > .niche-beauty{transform:translateX(-95%) translateY(18px) rotate(-11deg) scale(.85);z-index:1;filter:brightness(.85)}
.niche-page:focus-visible{outline:3px solid #ffc23d;outline-offset:6px}
.niche-controls{display:flex;justify-content:center;gap:10px;align-items:center;position:relative;z-index:4}.niche-controls>div{display:flex;gap:4px;background:#ffffff0d;border:1px solid #ffffff24;padding:5px;border-radius:99px}.niche-controls button{background:transparent;color:#d9c8ed;border:0;font:600 11px 'DM Sans',sans-serif;padding:9px 15px;border-radius:99px;cursor:pointer}.niche-controls button[aria-pressed=true]{background:#fff1d9;color:#330066}.niche-controls>button{border:1px solid #ffffff30;width:34px;height:34px;padding:0}.niche-showcase:hover .spinning-disc,.niche-showcase:hover i,.niche-showcase:hover .beauty-edit,.niche-showcase.is-paused *{animation-play-state:paused}
@keyframes disc-spin{to{transform:rotate(360deg)}}@keyframes equalize{to{transform:scaleY(.3)}}@keyframes beauty-glow{to{background-position:100% 50%}}@keyframes strength{to{transform:scaleY(.55)}}
@media(max-width:1100px){.original-hero .hero .grid{gap:25px}.niche-page{width:225px;height:506px}.niche-canvas{height:560px}.niche-cover{height:215px}.niche-title{font-size:38px}.niche-fitness .niche-title{font-size:29px}}
@media(max-width:900px){.original-hero .hero .grid{grid-template-columns:1fr;gap:32px}.original-hero .niche-showcase{width:min(100%,590px);margin:auto}.niche-page{width:258px;height:526px}.niche-cover{height:230px}.niche-canvas{height:580px}}
@media(max-width:480px){.niche-page{width:222px;height:495px}.niche-cover{height:205px}.niche-canvas{height:540px}.niche-canvas[data-active="0"] > .niche-beauty,.niche-canvas[data-active="1"] > .niche-fitness,.niche-canvas[data-active="2"] > .niche-music{transform:translateX(-23%) translateY(23px) rotate(10deg) scale(.82)}.niche-canvas[data-active="0"] > .niche-fitness,.niche-canvas[data-active="1"] > .niche-music,.niche-canvas[data-active="2"] > .niche-beauty{transform:translateX(-77%) translateY(23px) rotate(-10deg) scale(.82)}}
@media(prefers-reduced-motion:reduce){.niche-showcase *{animation:none!important;transition:none!important}}
.niche-showcase:hover .spinning-disc,.niche-showcase:hover i,.niche-showcase:hover .beauty-edit{animation-play-state:running}

/* The exact same responsive profile is used at every preview size and in exports. */
.hero-template{container-type:inline-size;width:100%;min-height:100%;margin:0;border:0;border-radius:0;box-shadow:none;position:relative;font-family:Arial,sans-serif;line-height:1.5;text-align:left;box-sizing:border-box}
.hero-template *{box-sizing:border-box}.hero-template a{text-decoration:none;color:inherit}
.hero-template .niche-cover{height:89cqw}.hero-template .niche-cover img{width:100%;height:100%;object-fit:cover}
.hero-template .niche-title{font:800 16.5cqw/.95 Arial,sans-serif;letter-spacing:-.06em;left:7.3cqw;bottom:6.6cqw;margin:0;max-width:85%;overflow-wrap:anywhere}
.hero-template .niche-kicker{top:7cqw;left:7.3cqw;font-size:2.7cqw;letter-spacing:.2em}
.hero-template .niche-body{padding:5.4cqw 6.6cqw}.hero-template .niche-body>p{font-size:3.1cqw;margin:0 0 5.4cqw}
.hero-template .niche-link{padding:4.2cqw 3.8cqw;font-size:3.5cqw;margin-top:3.8cqw;gap:2cqw}
.hero-template .niche-signature{font-size:2.7cqw;margin-top:6.2cqw;letter-spacing:.1em}
.hero-template .release-art{background:var(--hero-accent);padding:4.6cqw 3.5cqw;gap:3.8cqw;display:flex}
.hero-template .release-art b{font-size:3.5cqw}.hero-template .release-art small{font-size:2.7cqw;display:block}
.hero-template .spinning-disc{width:15cqw;height:15cqw;flex-shrink:0;font-size:9cqw}
.hero-template .sound-bars{height:7.8cqw;margin-top:3.5cqw;gap:1.5cqw}
.hero-template .sound-bars i{width:1.1cqw;height:5cqw}
.hero-template .beauty-edit,.hero-template .fitness-edit{display:block;padding:5.4cqw;background:var(--hero-accent)}
.hero-template .beauty-edit>small,.hero-template .fitness-edit>small{font-size:2.35cqw;letter-spacing:.12em}
.hero-template .beauty-edit>b{font-size:9cqw;margin:3.5cqw 0;line-height:1.05}
.hero-template .fitness-edit>b{font:800 8.5cqw/1.05 Arial,sans-serif;letter-spacing:-.04em;margin:2.3cqw 0}
.hero-template .strength-bars{height:7.8cqw;gap:1.5cqw}
.hero-template.niche-beauty .niche-title{font:20cqw/1 Georgia,serif;letter-spacing:-.04em}
.hero-template.niche-fitness .niche-title{font-size:12.8cqw;color:#c9fc72}
.hero-template.hero-serif .niche-body{font-family:Georgia,serif}
.hero-template.hero-light{background:#faf7f0;color:#302635}.hero-template.hero-dark{background:#201229;color:#fff4df}
.hero-template.hero-light .niche-link{border-color:#30263540}.hero-template.hero-dark .niche-link{border-color:#ffffff50}
.niche-page>.hero-template{pointer-events:none}
@media(prefers-reduced-motion:reduce){.hero-template *{animation:none!important}}