/*
Theme Name: Unicorn Music
Theme URI: https://example.com/
Author: Unicorn Music
Description: Clean editorial-style independent music company website theme with editable network channels, website content, logo and contact settings.
Version: 2.1.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: unicorn-music
*/
:root{--ink:#050505;--muted:#333;--line:#dedede;--purple:#4c20ff;--purple2:#5a2cff;--soft:#fff;--white:#fff;--radius:16px;--max:1360px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(var(--max),calc(100% - 96px));margin:auto}
.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:50}.nav{display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;min-width:250px}.brand img{width:58px;height:58px;object-fit:contain}.brand-mark{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;color:var(--purple);font-size:38px;font-weight:900}.brand-text{font-weight:900;line-height:.88;font-size:25px;letter-spacing:-1.3px}.menu{display:flex;align-items:center;gap:40px}.menu a{font-size:17px;padding:38px 0 27px;position:relative}.menu a.active{font-weight:750}.menu a.active:after{content:"";position:absolute;left:0;right:0;bottom:25px;height:3px;background:var(--ink)}.header-actions{display:flex;align-items:center;gap:20px}.pill{background:#000;color:#fff;border-radius:999px;padding:15px 29px;font-size:17px;font-weight:700;display:inline-flex;gap:10px;align-items:center}.search-btn{width:58px;height:58px;border:1px solid #cfd5df;border-radius:50%;display:grid;place-items:center;font-size:26px;background:#fff}
.hero{min-height:650px;display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:30px;padding:45px 0}.eyebrow,.section-label{letter-spacing:7px;font-size:15px;font-weight:650;margin-bottom:22px}.hero h1{font-size:78px;line-height:.93;letter-spacing:-4px;max-width:690px;margin:0 0 32px}.hero p{font-size:26px;line-height:1.35;margin:0 0 35px}.hero-media{height:600px;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(100%);display:block}.side-note{font-family:cursive;font-size:38px;line-height:1.15;transform:rotate(-7deg);position:absolute;right:1%;top:38%;max-width:210px;white-space:normal;pointer-events:none}.hero-right{position:relative}
.page-head{text-align:center;padding:62px 0 35px}.page-head h1{font-size:66px;letter-spacing:-3px;margin:0 0 18px}.page-head p{font-size:24px;color:#111;max-width:850px;margin:auto;line-height:1.35}
.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:36px;padding:20px 0 70px}.submit-card{border:1px solid #d9dee8;border-radius:15px;overflow:hidden;background:#fff}.submit-card img{display:block;width:100%;height:250px;object-fit:cover}.submit-body{padding:28px 38px 34px}.submit-body h2{font-size:31px;margin:0 0 10px;letter-spacing:-1px}.submit-body p{font-size:19px;line-height:1.4;margin:0 0 28px}.icon-circle{width:82px;height:82px;border-radius:50%;background:#f1f2f4;display:grid;place-items:center;font-size:38px;float:left;margin-right:25px}.feature-row{display:grid;grid-template-columns:repeat(4,1fr);padding:0 0 70px}.feature{text-align:center;padding:20px;border-right:1px solid #ddd}.feature:last-child{border-right:0}.feature .fi{font-size:45px;margin-bottom:10px}.feature h3{margin:0 0 7px;font-size:20px}.feature p{margin:0;color:#444}

.network-wrap{padding:35px 0 80px;overflow:hidden;position:relative}.network-track{display:flex;gap:15px;overflow-x:auto;padding:10px 8px 20px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.network-track::-webkit-scrollbar{display:none}.network-card{flex:0 0 270px;border:1px solid #d9dee8;border-radius:17px;padding:27px 20px 22px;text-align:center;scroll-snap-align:start;background:#fff}.network-logo{width:155px;height:155px;border-radius:50%;object-fit:cover;margin:0 auto 20px;display:block}.network-card h3{font-size:23px;margin:0 0 16px}.network-meta{font-size:17px;margin:8px 0}.network-btn{display:inline-flex;border:1.5px solid #111;border-radius:999px;padding:12px 24px;font-weight:700;margin-top:15px}.dots{text-align:center;font-size:28px;letter-spacing:8px;color:#aeb5c2}.dots b{color:#000}

.about{max-width:900px;margin:auto;text-align:center;padding:40px 0 70px}.about h1{font-size:67px;letter-spacing:-3px;margin:0 0 40px}.about p{font-size:25px;line-height:1.5;margin:0 0 38px}.about strong{font-weight:800}.email-big{font-size:24px;font-weight:800}

.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:22px;padding:20px 0 45px}.panel{background:#fafbfe;border:1px solid #e1e5ed;border-radius:15px;padding:32px}.panel h2{font-size:27px;margin:0 0 30px}.contact-item{display:flex;gap:25px;padding:20px 0;border-bottom:1px solid #dfe3ea}.contact-item:last-child{border:0}.ci{width:72px;height:72px;border-radius:50%;background:#eeeaff;color:var(--purple);display:grid;place-items:center;font-size:30px;flex:none}.contact-item h3{margin:4px 0 7px}.contact-item p{margin:0;color:var(--muted);font-size:17px;line-height:1.45}.contact-form label{display:block;font-weight:700;margin:16px 0 7px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #ccd4e0;border-radius:10px;padding:14px 16px;font-size:17px;background:#fff}.contact-form textarea{min-height:110px;resize:vertical}.submit-button{width:100%;border:0;border-radius:10px;background:linear-gradient(90deg,#5a25ff,#263ef2);color:#fff;padding:17px;font-size:18px;font-weight:700;margin-top:20px}

.site-footer{border-top:1px solid var(--line);padding:25px 0 28px;margin-top:auto}.footer-inner{display:flex;align-items:center;justify-content:space-between}.footer-brand{display:flex;align-items:center;gap:10px;font-weight:900}.footer-brand img{width:45px;height:45px;object-fit:contain}.footer-links{display:flex;gap:55px}.copyright{color:#333;font-size:14px;margin-top:17px}
@media(max-width:1000px){.container{width:min(var(--max),calc(100% - 40px))}.site-header{height:auto;padding:12px 0}.menu{gap:18px}.menu a{padding:15px 0}.menu a.active:after{bottom:8px}.hero{grid-template-columns:1fr}.hero h1{font-size:58px}.hero-media{height:480px}.cards,.contact-grid{grid-template-columns:1fr}.feature-row{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.brand{min-width:0}.brand img{width:42px;height:42px}.brand-text{font-size:18px}.menu{display:none}.header-actions{margin-left:auto}.pill{padding:11px 17px;font-size:14px}.search-btn{width:45px;height:45px}.hero{padding:30px 0}.hero h1,.page-head h1,.about h1{font-size:45px;letter-spacing:-2px}.hero p,.page-head p,.about p{font-size:19px}.hero-media{height:330px}.side-note{display:none}.feature-row{grid-template-columns:1fr 1fr}.footer-inner{flex-direction:column;gap:20px;align-items:flex-start}.footer-links{gap:25px}}

.network-controls{display:flex;justify-content:space-between;align-items:center;position:absolute;left:-4px;right:-4px;top:50%;transform:translateY(-55%);pointer-events:none;z-index:5}
.network-arrow{pointer-events:auto;width:54px;height:54px;border:1px solid #cfcfcf;border-radius:50%;background:#fff;color:#000;font-size:28px;display:grid;place-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(0,0,0,.08);transition:transform .2s,background .2s}
.network-arrow:hover{transform:scale(1.06);background:#f5f5f5}
.network-arrow:active{transform:scale(.96)}
.network-track-wrap{position:relative}
.network-card{background:#fff;color:#000}
.network-card h3{color:#000}.network-meta{color:#222}

/* Home page: intentionally clean — header + hero + footer only */
.home .hero{min-height:calc(100vh - 100px);padding-top:30px;padding-bottom:30px}
.home .site-footer{margin-top:0}

.network-logo{border-radius:50%;width:150px;height:150px;object-fit:cover;margin:0 auto 18px;display:grid;place-items:center;background:#000;color:#fff;font-weight:900;font-size:32px}.platform-youtube{background:#111}.platform-spotify{background:#111;font-size:60px}.platform-instagram{background:#111;font-size:60px}

/* Dedicated promotion and release pages */
.info-layout{display:grid;grid-template-columns:1fr 330px;gap:28px;padding:10px 0 75px}.info-main{display:grid;gap:20px}.info-box,.info-side{border:1px solid #ddd;border-radius:16px;background:#fff;padding:30px}.info-box h2,.info-side h2{margin:0 0 15px;font-size:30px;letter-spacing:-1px}.info-box p,.info-box li,.info-side p{font-size:18px;line-height:1.55}.info-box ul{padding-left:22px}.info-side{height:max-content;position:sticky;top:125px}.info-side small{display:block;margin-top:18px;color:#555;word-break:break-word}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.steps div{border:1px solid #e1e1e1;border-radius:12px;padding:18px;display:flex;gap:15px;align-items:center}.steps b{font-size:14px;letter-spacing:2px}.steps span{font-size:17px;font-weight:650}.release-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.release-grid>div{border:1px solid #e1e1e1;border-radius:12px;padding:20px}.release-grid b{font-size:20px}.release-grid p{margin-bottom:0}details{border-top:1px solid #ddd;padding:17px 0}details:last-child{border-bottom:1px solid #ddd}summary{cursor:pointer;font-size:18px;font-weight:700}details p{margin-bottom:0!important}
.platform-youtube{background:#ff0000!important;color:#fff!important}.platform-spotify{background:#1ed760!important;color:#fff!important}.platform-instagram{background:linear-gradient(135deg,#7b2cff,#f50057,#ff9d00)!important;color:#fff!important}.yt-play{font-size:48px;margin-left:7px}.spotify-mark{font-size:70px;line-height:1}.ig-mark{font-size:76px;line-height:1;font-family:Arial,sans-serif}
@media(max-width:900px){.info-layout{grid-template-columns:1fr}.info-side{position:static}.release-grid,.steps{grid-template-columns:1fr}}

/* Network carousel v7 */
.network-wrap{padding:35px 0 80px;overflow:visible;position:relative}
.network-track-wrap{position:relative;padding:0 42px}
.network-track{display:flex;gap:20px;overflow-x:auto;padding:12px 8px 28px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}
.network-track::-webkit-scrollbar{display:none}
.network-card{flex:0 0 270px;border:1px solid #dedede;border-radius:22px;padding:25px 20px 23px;text-align:center;scroll-snap-align:start;background:#fff;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.network-card:hover{transform:translateY(-7px);box-shadow:0 18px 40px rgba(0,0,0,.10);border-color:#aaa}
.network-logo.platform-badge{position:relative;width:155px;height:155px;border-radius:50%;margin:0 auto 15px;display:grid;place-items:center;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.badge-youtube{background:#ff0000;color:#fff}
.badge-spotify{background:#1ed760;color:#fff}
.badge-instagram{background:linear-gradient(135deg,#833ab4 0%,#e1306c 50%,#f77737 100%);color:#fff}
.badge-youtube .yt-play{font-size:57px;line-height:1;margin-left:6px;color:#fff}
.badge-instagram .ig-camera{font-size:91px;line-height:1;font-family:Arial,sans-serif;font-weight:300;color:#fff;transform:translateY(-2px)}
.badge-spotify .spotify-waves{position:relative;width:84px;height:62px;display:block}
.badge-spotify .spotify-waves i{position:absolute;left:0;right:0;margin:auto;border-top:8px solid #fff;border-radius:50%;height:30px}
.badge-spotify .spotify-waves i:nth-child(1){top:3px;width:82px}
.badge-spotify .spotify-waves i:nth-child(2){top:20px;width:67px}
.badge-spotify .spotify-waves i:nth-child(3){top:37px;width:49px}
.badge-unknown{background:#111;color:#fff}.um-mark{font-size:46px;font-weight:900;letter-spacing:-3px}
.platform-chip{display:inline-flex;align-items:center;border:1px solid #ddd;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:750;margin-bottom:11px;background:#fff}
.platform-card-youtube .platform-chip{border-color:#ffb5b5}
.platform-card-spotify .platform-chip{border-color:#8de5ad}
.platform-card-instagram .platform-chip{border-color:#d8b2e8}
.network-card h3{font-size:23px;margin:2px 0 10px;color:#050505}
.network-meta{font-size:17px;margin:7px 0;color:#222}
.network-btn{display:inline-flex;border:1.5px solid #111;border-radius:999px;padding:12px 24px;font-weight:750;margin-top:15px;background:#fff;transition:.2s}
.network-btn:hover{background:#000;color:#fff}
.network-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:4;width:52px;height:52px;border:1px solid #cfcfcf;border-radius:50%;background:#fff;color:#000;font-size:23px;font-weight:700;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.10);transition:all .2s ease}
.network-arrow:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-50%) scale(1.05)}
.network-prev{left:0}.network-next{right:0}
@media(max-width:800px){
  .network-track-wrap{padding:0 8px}
  .network-arrow{width:44px;height:44px;font-size:19px}
  .network-prev{left:-7px}.network-next{right:-7px}
  .network-card{flex-basis:250px}
}

/* Network page v8 — compact six-card carousel inspired by supplied reference */
.network-heading{text-align:center;padding-top:54px;padding-bottom:20px}
.network-heading .section-label{font-size:10px;letter-spacing:4px}
.network-heading h1{font-size:46px;line-height:1.05;margin:7px 0 5px}
.network-heading p{font-size:14px;margin:0}
.network-wrap{padding:5px 0 80px}
.network-track-wrap{position:relative;padding:0 34px}
.network-track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;padding:10px 3px 16px}
.network-track::-webkit-scrollbar{display:none}
.network-card{box-sizing:border-box;flex:0 0 calc((100% - 70px)/6);min-width:155px;border:1px solid #dfe3ea;border-radius:14px;padding:16px 11px 13px;text-align:center;background:#fff;scroll-snap-align:start;transition:transform .25s ease,box-shadow .25s ease}
.network-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px rgba(0,0,0,.08)}
.network-logo{width:108px;height:108px;border-radius:50%;margin:0 auto 10px;overflow:hidden}
.network-logo img{display:block;width:100%;height:100%;object-fit:cover}
.network-card h3{font-size:13px;line-height:1.15;margin:5px 0 7px}
.platform-line{display:flex;justify-content:center;align-items:center;gap:5px;font-size:10px;margin-bottom:7px}
.mini-platform{width:17px;height:17px;border-radius:5px;display:grid;place-items:center;color:#fff;font-size:9px;font-weight:800}
.mini-platform.yt{background:#ff0000}.mini-platform.sp{background:#1ed760;border-radius:50%}.mini-platform.ig{background:linear-gradient(135deg,#833ab4,#e1306c,#f77737)}
.network-meta{font-size:10px;margin:0 0 9px;white-space:nowrap}
.network-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #222;border-radius:999px;padding:6px 9px;font-size:9px;line-height:1.1;white-space:nowrap}
.network-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:30px;height:30px;border:1px solid #d8dce2;border-radius:50%;background:#fff;color:#222;font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:none}
.network-arrow:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-50%)}
.network-prev{left:0}.network-next{right:0}
.network-dots{display:flex;justify-content:center;gap:9px;margin-top:8px}
.network-dots button{width:7px;height:7px;border:0;border-radius:50%;padding:0;background:#c9ced7;cursor:pointer}
.network-dots button.active{background:#111}
@media(max-width:1050px){.network-card{flex-basis:calc((100% - 42px)/4)}}
@media(max-width:700px){.network-heading h1{font-size:34px}.network-card{flex-basis:calc((100% - 14px)/2);min-width:145px}.network-track-wrap{padding:0 27px}.network-arrow{width:28px;height:28px}}

/* Promotion + Release pages v9 */
.promo-services,.release-services{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:18px 0 42px}
.service-card{border:1px solid #dedede;border-radius:18px;padding:30px;background:#fff;transition:.25s}
.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(0,0,0,.08)}
.service-icon{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#f1f1f1;font-size:25px;font-weight:800;margin-bottom:20px}
.service-card h2{font-size:26px;margin:0 0 10px;letter-spacing:-.8px}.service-card p{font-size:17px;line-height:1.5;color:#333}.service-card ul{padding-left:20px;line-height:1.9;color:#222}
.promo-process,.release-checklist{padding:25px 0 55px}.large-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.large-steps div{padding:25px;border-right:1px solid #ddd;display:flex;flex-direction:column;gap:9px}.large-steps div:last-child{border-right:0}.large-steps b{font-size:13px;letter-spacing:2px}.large-steps span{font-weight:700}
.submission-panel{display:grid;grid-template-columns:.8fr 1.2fr;gap:40px;border:1px solid #ddd;border-radius:20px;padding:42px;background:#fafafa;margin-bottom:55px}.submission-copy h2{font-size:45px;letter-spacing:-2px;margin:0 0 17px}.submission-copy p{font-size:19px;line-height:1.55;color:#333}.requirements{display:flex;flex-direction:column;gap:5px;border-top:1px solid #ddd;padding:16px 0}.requirements b{font-size:15px}.requirements span{color:#444;line-height:1.45}.music-form{display:grid;grid-template-columns:1fr 1fr;gap:15px 18px}.music-form label{display:flex;flex-direction:column;gap:7px;font-weight:700;font-size:15px}.music-form label:nth-last-of-type(1),.music-form button{grid-column:1/-1}.music-form input,.music-form select,.music-form textarea{width:100%;border:1px solid #cfd5df;border-radius:10px;padding:14px 15px;font:inherit;background:#fff;font-weight:400}.music-form textarea{min-height:120px;resize:vertical}.music-form small{font-size:12px;color:#666;font-weight:400}.music-form em{color:#d00;font-style:normal}.check-label{grid-column:1/-1!important;flex-direction:row!important;align-items:flex-start;font-weight:500!important;line-height:1.4}.check-label input{width:auto;margin-top:3px}.release-submit-panel{background:#fafafa}.form-notice{padding:16px 20px;border-radius:12px;margin-bottom:35px;font-weight:700}.form-notice.success{background:#eaf9ef;border:1px solid #b9e6c6}.form-notice.error{background:#fff0f0;border:1px solid #f0bcbc}
@media(max-width:900px){.promo-services,.release-services{grid-template-columns:1fr}.submission-panel{grid-template-columns:1fr}.large-steps{grid-template-columns:1fr 1fr}.large-steps div:nth-child(2){border-right:0}.large-steps div:nth-child(3){border-top:1px solid #ddd}.large-steps div:nth-child(4){border-top:1px solid #ddd}}
@media(max-width:650px){.music-form{grid-template-columns:1fr}.music-form label,.music-form button,.check-label{grid-column:1/-1!important}.submission-panel{padding:25px}.submission-copy h2{font-size:36px}.large-steps{grid-template-columns:1fr}.large-steps div{border-right:0;border-bottom:1px solid #ddd}.large-steps div:last-child{border-bottom:0}}

/* v10 — subtle cursor hover lift for service/release/network cards */
.service-card,
.network-card {
  transform-origin: center center;
  transition:
    transform .28s cubic-bezier(.2,.8,.2,1),
    box-shadow .28s ease,
    border-color .28s ease;
  will-change: transform;
}

.service-card:hover,
.network-card:hover {
  transform: translateY(-7px) scale(1.025);
}

.network-card:hover {
  box-shadow: 0 18px 40px rgba(0,0,0,.11);
}

.service-card:hover {
  box-shadow: 0 18px 38px rgba(0,0,0,.10);
}

/* Keep the hover effect comfortable on touch devices */
@media (hover:none) {
  .service-card:hover,
  .network-card:hover {
    transform: none;
  }
}

/* v12 exact logo rendering */
.brand img{width:auto;max-width:250px;height:58px;object-fit:contain}.footer-brand img{width:auto;max-width:180px;height:45px;object-fit:contain}


/* v13 — larger network carousel cards with a visible partial next card */
.network-track-wrap{padding:0 42px}
.network-track{gap:18px;padding-left:4px;padding-right:4px}
.network-card{flex:0 0 calc((100% - 54px)/5);min-width:185px;padding:20px 14px 17px;border-radius:16px;}
.network-logo{width:128px;height:128px;margin-bottom:12px}
.network-card h3{font-size:15px}
.network-meta{font-size:11px}
.network-btn{font-size:10px;padding:7px 11px}
.network-arrow{width:34px;height:34px;font-size:25px;box-shadow:0 4px 14px rgba(0,0,0,.06)}
.network-card:hover{transform:translateY(-6px) scale(1.025);box-shadow:0 14px 30px rgba(0,0,0,.10)}
@media(max-width:1050px){.network-card{flex-basis:calc((100% - 36px)/4);min-width:180px}}
@media(max-width:700px){.network-track-wrap{padding:0 28px}.network-card{flex-basis:calc((100% - 12px)/2);min-width:150px}.network-logo{width:112px;height:112px}.network-arrow{width:30px;height:30px;font-size:21px}}

/* v13 — slightly stronger but still clean cursor hover on promotion/release cards */
.service-card{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease}
.service-card:hover{transform:translateY(-7px) scale(1.035);box-shadow:0 18px 38px rgba(0,0,0,.11)}

/* v14: uploaded square logo marks render with the wordmark instead of appearing alone */
.brand-logo-wrap{display:flex;align-items:center;gap:13px;min-width:250px}
.brand-logo-wrap>img{width:auto;max-width:250px;height:58px;object-fit:contain}
.brand-logo-wrap.mark-only>img{width:58px;height:58px;max-width:58px}
.brand-logo-wrap .brand-text{display:block}
.footer-logo-wrap{display:flex;align-items:center;gap:10px}
.footer-logo-wrap>img{width:auto;max-width:180px;height:45px;object-fit:contain}
.footer-logo-wrap.mark-only>img{width:45px;height:45px;max-width:45px}
.footer-logo-wrap.mark-only>span{font-weight:900;line-height:.88;font-size:20px;letter-spacing:-1px}
@media(max-width:700px){.brand-logo-wrap{min-width:0;gap:8px}.brand-logo-wrap.mark-only>img{width:42px;height:42px}.brand-logo-wrap .brand-text{font-size:18px}.footer-logo-wrap.mark-only>img{width:38px;height:38px}.footer-logo-wrap.mark-only>span{font-size:17px}}

/* v16 — HOMEPAGE ONLY. Other pages retain the v15 design unchanged. */
.um-home-only .um-home-header .brand{min-width:250px}
.um-home-only .um-home-header .brand>img{width:auto;max-width:250px;height:58px;object-fit:contain;display:block}
.um-home-only .um-home-main{background:#fff}
.um-home-only .um-home-hero{width:min(1360px,calc(100% - 96px));min-height:720px;margin:0 auto;display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:30px;padding:38px 0 28px}
.um-home-only .um-home-copy{padding-left:8px}
.um-home-only .um-home-copy .eyebrow{letter-spacing:7px;font-size:15px;font-weight:650;margin:0 0 24px}
.um-home-only .um-home-copy h1{font-size:78px;line-height:.93;letter-spacing:-4px;max-width:700px;margin:0 0 30px}
.um-home-only .um-home-copy p{font-size:26px;line-height:1.35;margin:0 0 35px}
.um-home-only .um-home-art{width:100%;height:670px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.um-home-only .um-home-art img{width:100%;height:100%;object-fit:contain;object-position:center;display:block;filter:none}
.um-home-only .um-home-footer{margin-top:0;background:#fff}
.um-home-only .um-home-footer .footer-brand img{width:auto;max-width:180px;height:50px;object-fit:contain;display:block}
@media(max-width:1000px){
 .um-home-only .um-home-hero{width:min(1360px,calc(100% - 40px));grid-template-columns:1fr;min-height:0;padding:45px 0}
 .um-home-only .um-home-copy{padding-left:0}
 .um-home-only .um-home-copy h1{font-size:58px}
 .um-home-only .um-home-art{height:520px}
}
@media(max-width:700px){
 .um-home-only .um-home-header .brand{min-width:0}
 .um-home-only .um-home-header .brand>img{max-width:190px;height:48px}
 .um-home-only .um-home-hero{width:min(100% - 28px,1360px);padding:32px 0}
 .um-home-only .um-home-copy h1{font-size:45px;letter-spacing:-2px}
 .um-home-only .um-home-copy p{font-size:19px}
 .um-home-only .um-home-art{height:380px}
}


/* v17 — consistent logo rendering and stronger hover on outer Submit choices */
.submit-card{transform-origin:center center;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease;will-change:transform;position:relative}
.submit-card:hover{transform:translateY(-10px) scale(1.06);box-shadow:0 24px 48px rgba(0,0,0,.16);border-color:#bfc7d4;z-index:5}
@media (hover:none){.submit-card:hover{transform:none;box-shadow:none}}

/* v17 — Privacy / Terms pages */
.legal-page{padding:0 0 80px}
.legal-head{padding:64px 0 42px;border-bottom:1px solid #ddd}
.legal-head .section-label{font-size:12px;letter-spacing:5px;font-weight:800;margin-bottom:15px}
.legal-head h1{font-size:64px;letter-spacing:-2.5px;margin:0 0 14px}
.legal-head p{font-size:21px;color:#333;max-width:760px;margin:0;line-height:1.5}
.legal-content{max-width:900px;padding:48px 0;font-size:18px;line-height:1.75;color:#222}
.legal-content p{margin:0 0 25px}
@media(max-width:700px){.legal-head{padding:45px 0 30px}.legal-head h1{font-size:45px}.legal-head p{font-size:18px}.legal-content{padding:32px 0;font-size:16px}}

/* v19 — functional site search */
.search-overlay{position:fixed;inset:0;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:12vh 24px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}
.search-overlay.is-open{opacity:1;visibility:visible}
.search-dialog{position:relative;width:min(760px,100%);background:#fff;border:1px solid #dfe3ea;border-radius:22px;padding:46px;box-shadow:0 25px 80px rgba(0,0,0,.14);transform:translateY(12px);transition:transform .25s ease}
.search-overlay.is-open .search-dialog{transform:translateY(0)}
.search-close{position:absolute;right:18px;top:15px;width:42px;height:42px;border:1px solid #d5d9e0;border-radius:50%;background:#fff;font-size:28px;line-height:1;cursor:pointer}
.search-dialog h2{font-size:54px;letter-spacing:-2px;margin:0 0 24px}.site-search-form{display:flex;gap:10px}.site-search-form input{flex:1;min-width:0;border:1px solid #cfd5df;border-radius:12px;padding:17px 18px;font-size:18px;outline:none}.site-search-form input:focus{border-color:#111}.site-search-form button{border:0;background:#000;color:#fff;border-radius:12px;padding:0 25px;font-weight:750;font-size:16px;cursor:pointer}.search-results-page{padding-bottom:80px}.search-results-list{display:grid;gap:15px}.search-result-item{display:flex;align-items:center;justify-content:space-between;gap:25px;border:1px solid #ddd;border-radius:16px;padding:25px 28px}.search-result-item h2{margin:5px 0 8px;font-size:28px}.search-result-item p{margin:0;color:#444;line-height:1.5}.um-box-like{border:1px solid #ddd;border-radius:16px;padding:40px;margin-bottom:60px}
/* v19 — outer Submit cards clearly grow on hover */
.submit-card{transform-origin:center;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease;will-change:transform;position:relative;z-index:1}
.submit-card:hover{transform:translateY(-8px) scale(1.045);box-shadow:0 24px 55px rgba(0,0,0,.13);border-color:#bfc5d0;z-index:3}
@media(hover:none){.submit-card:hover{transform:none;box-shadow:none}}
@media(max-width:650px){.search-dialog{padding:38px 22px}.search-dialog h2{font-size:40px}.site-search-form{flex-direction:column}.site-search-form button{padding:15px}}

/* Submission Manager */
.um-submission-card{background:#fff;border:1px solid #dfe3ea;border-radius:16px;padding:22px;margin:0 0 18px;box-shadow:0 5px 20px rgba(0,0,0,.04)}
.um-submission-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #eee;padding-bottom:15px}.um-submission-head h2{margin:4px 0 6px}.um-submission-head p{margin:0;color:#666}.um-type{font-size:11px;letter-spacing:2px;font-weight:800}.um-status{padding:7px 12px;border-radius:999px;background:#f1f1f1;font-weight:700;font-size:12px}.um-status.approved{background:#e9f8ed}.um-status.rejected{background:#fff0f0}.um-status.reviewing{background:#fff7df}.um-submission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:18px 0}.um-submission-grid>div{display:flex;flex-direction:column;gap:5px}.um-submission-grid b{font-size:12px;text-transform:uppercase;letter-spacing:.5px}.um-submission-grid span{color:#444;word-break:break-word}.um-submission-actions{display:flex;gap:10px;align-items:center;border-top:1px solid #eee;padding-top:15px}.um-status-form{display:flex;gap:8px}.um-status-form select{min-width:130px}.um-submission-actions form:last-child{margin-left:auto}
@media(max-width:800px){.um-submission-grid{grid-template-columns:1fr 1fr}.um-submission-head{flex-direction:column}.um-submission-actions{flex-wrap:wrap}}

/* v21 — comfortable mobile navigation and header spacing */
.mobile-menu-toggle{display:none;width:42px;height:42px;border:1px solid #d2d7df;border-radius:11px;background:#fff;padding:9px;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px}
.mobile-menu-toggle span{display:block;width:20px;height:2px;background:#050505;border-radius:2px;transition:transform .2s,opacity .2s}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.mobile-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mobile-menu-panel{display:none}
@media(max-width:700px){
  .site-header{height:74px;padding:0;position:sticky;top:0}
  .site-header .container.nav{width:calc(100% - 28px);gap:10px}
  .site-header .brand{min-width:0;max-width:190px;flex:1;overflow:hidden}
  .site-header .brand-logo-wrap{gap:7px;min-width:0}
  .site-header .brand-logo-wrap>img{height:42px;max-width:170px;width:auto;object-fit:contain}
  .site-header .brand-logo-wrap.mark-only>img{width:42px;max-width:42px}
  .site-header .brand-text{font-size:18px;letter-spacing:-.8px;white-space:nowrap}
  .site-header .header-actions{margin-left:auto;gap:8px;flex:none}
  .site-header .header-actions .pill{display:none}
  .mobile-menu-toggle{display:flex}
  .mobile-menu-panel{position:absolute;left:14px;right:14px;top:calc(100% + 8px);display:flex;flex-direction:column;background:#fff;border:1px solid #dfe3ea;border-radius:15px;box-shadow:0 18px 45px rgba(0,0,0,.13);padding:8px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity .2s ease,visibility .2s ease,transform .2s ease;z-index:100}
  .mobile-menu-panel.is-open{opacity:1;visibility:visible;transform:translateY(0)}
  .mobile-menu-panel a{padding:14px 15px;border-radius:10px;font-size:17px;font-weight:650}
  .mobile-menu-panel a:hover{background:#f5f5f5}
  body.mobile-menu-open{overflow:hidden}

  /* Homepage mobile: never let header controls cover the logo. */
  .um-home-only .um-home-header .brand{max-width:210px;flex:1}
  .um-home-only .um-home-header .brand>img{height:42px;max-width:175px}
  .um-home-only .um-home-header .brand-logo-wrap.mark-only>img{width:42px;max-width:42px}
  .um-home-only .um-home-hero{width:calc(100% - 40px);padding:42px 0 24px;display:flex;flex-direction:column;gap:18px}
  .um-home-only .um-home-copy{width:100%}
  .um-home-only .um-home-copy .eyebrow{font-size:13px;letter-spacing:5px;line-height:1.45;margin-bottom:25px}
  .um-home-only .um-home-copy h1{font-size:48px;line-height:.96;letter-spacing:-2.8px;margin-bottom:28px}
  .um-home-only .um-home-copy p{font-size:20px;line-height:1.35;margin-bottom:30px}
  .um-home-only .um-home-copy>.pill{font-size:16px;padding:14px 20px}
  .um-home-only .um-home-art{width:100%;height:auto;max-height:none;overflow:hidden}
  .um-home-only .um-home-art img{width:100%;height:auto;max-height:none;object-fit:contain}
}


/* v22 — universal mobile menu fix on every page */
@media (max-width:700px){
  .site-header{z-index:1000;}
  .mobile-menu-panel{z-index:1001;}
  .mobile-menu-panel.is-open{display:flex;}
}

/* v23 — homepage hero artwork removed; centered headline only */
.um-home-only .um-home-hero{width:min(1360px,calc(100% - 40px));min-height:calc(100vh - 100px);margin:0 auto;display:flex;align-items:center;justify-content:center;text-align:center;padding:40px 0;}
.um-home-only .um-home-copy{width:100%;max-width:1100px;margin:0 auto;}
.um-home-only .um-home-copy .eyebrow{margin-bottom:22px;}
.um-home-only .um-home-copy h1{margin-left:auto;margin-right:auto;}
.um-home-only .um-home-copy p{margin-left:auto;margin-right:auto;}
.um-home-only .um-home-copy .pill{margin-left:auto;margin-right:auto;}
.um-home-only .um-home-art{display:none!important;}
@media(max-width:700px){.um-home-only .um-home-hero{min-height:calc(100vh - 100px);padding:30px 0;}.um-home-only .um-home-copy h1{font-size:45px;letter-spacing:-2px;}}


/* v24 — clean homepage: no hero image/artwork and centered copy */
.um-home-only .um-home-hero{grid-template-columns:1fr!important;display:flex!important;align-items:center!important;justify-content:center!important;text-align:center!important;}
.um-home-only .um-home-copy{float:none!important;margin-left:auto!important;margin-right:auto!important;}
.um-home-only .um-home-copy .eyebrow,.um-home-only .um-home-copy h1,.um-home-only .um-home-copy p,.um-home-only .um-home-copy .pill{margin-left:auto!important;margin-right:auto!important;}
.um-home-only .um-home-art,.um-home-only .hero-media,.um-home-only .hero-right{display:none!important;}


/* v24 — clean centered homepage hero; no hero artwork */
.um-home-only .um-home-hero{width:min(1360px,calc(100% - 96px));min-height:650px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:48px 0 36px}
.um-home-only .um-home-copy{width:min(900px,100%);padding-left:0;text-align:center;margin:0 auto}
.um-home-only .um-home-copy .eyebrow{letter-spacing:7px;font-size:15px;font-weight:650;margin:0 0 24px;text-align:center}
.um-home-only .um-home-copy h1{font-size:78px;line-height:.93;letter-spacing:-4px;max-width:900px;margin:0 auto 30px;text-align:center}
.um-home-only .um-home-copy p{font-size:26px;line-height:1.35;margin:0 auto 35px;text-align:center}
.um-home-only .um-home-copy .pill{display:inline-flex;margin:0 auto}
.um-home-only .um-home-art{display:none!important}
@media(max-width:1000px){.um-home-only .um-home-hero{width:min(100% - 40px,1360px);min-height:620px;padding:45px 0}.um-home-only .um-home-copy h1{font-size:58px}}
@media(max-width:700px){.um-home-only .um-home-hero{width:min(100% - 28px,1360px);min-height:560px;padding:32px 0}.um-home-only .um-home-copy h1{font-size:45px;letter-spacing:-2px}.um-home-only .um-home-copy p{font-size:19px}}


/* v28 — final homepage centering + clean network page */
.um-home-only .um-home-hero{display:flex!important;grid-template-columns:none!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:650px!important;margin:0!important;padding:48px 40px 36px!important;text-align:center!important;}
.um-home-only .um-home-copy{width:min(980px,100%)!important;max-width:980px!important;margin:0 auto!important;padding:0!important;text-align:center!important;float:none!important;}
.um-home-only .um-home-copy .eyebrow,.um-home-only .um-home-copy h1,.um-home-only .um-home-copy p{margin-left:auto!important;margin-right:auto!important;text-align:center!important;}
.um-home-only .um-home-copy h1{max-width:900px!important;}
.um-home-only .um-home-copy .pill{margin-left:auto!important;margin-right:auto!important;}
.um-home-only .um-home-art,.um-home-only .hero-media,.um-home-only .hero-right{display:none!important;}
.network-only-grid{padding-top:45px!important;}
.network-only-grid .network-track-wrap{margin:0 auto!important;}
.network-only-grid .network-logo{background:#fff!important;}
.network-only-grid .network-logo img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important;}
@media(max-width:700px){.um-home-only .um-home-hero{min-height:560px!important;padding:32px 20px!important;}.um-home-only .um-home-copy h1{font-size:45px!important;letter-spacing:-2px!important;}}

/* v30 — final homepage center lock; no artwork/image column */
.um-home-only .um-home-hero{display:flex!important;align-items:center!important;justify-content:center!important;grid-template-columns:none!important;width:100%!important;min-height:650px!important;padding:40px 32px!important;margin:0!important;box-sizing:border-box!important}
.um-home-only .um-home-copy{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:min(1000px,100%)!important;max-width:1000px!important;margin:0 auto!important;padding:0!important;text-align:center!important;float:none!important}
.um-home-only .um-home-copy .eyebrow,.um-home-only .um-home-copy h1,.um-home-only .um-home-copy p{width:100%!important;margin-left:auto!important;margin-right:auto!important;text-align:center!important}
.um-home-only .um-home-copy h1{max-width:920px!important}
.um-home-only .um-home-copy .pill{margin-left:auto!important;margin-right:auto!important}
.um-home-only .um-home-art,.um-home-only .hero-media,.um-home-only .hero-right{display:none!important;width:0!important;height:0!important}
@media(max-width:700px){.um-home-only .um-home-hero{min-height:560px!important;padding:30px 20px!important}.um-home-only .um-home-copy h1{font-size:45px!important;letter-spacing:-2px!important}}