/*
Theme Name: UNWORDS V3
Theme URI: https://unwordsmusic.com/
Author: UNWORDS
Description: Cinematic electronic music WordPress theme for UNWORDS. Includes releases, live sessions, DJ sessions, booking, social links, ambient sound and animated audio waveform.
Version: 3.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: unwords-v3
Tags: music, entertainment, portfolio, custom-logo, featured-images, one-column
*/

:root{
  --bg:#080808;--ink:#f2f0ea;--muted:#9c9992;--line:rgba(255,255,255,.14);--line-strong:rgba(255,255,255,.26);
  --acid:#d8ff38;--warm:#e35f39;--audio-wave:rgba(255,255,255,.17);--audio-wave-strong:rgba(255,255,255,.28);--max:1480px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;z-index:100;opacity:.042;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.cursor-glow{position:fixed;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,rgba(216,255,56,.065),transparent 68%);pointer-events:none;transform:translate(-50%,-50%);z-index:0}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;mix-blend-mode:difference;color:#fff}.brand{display:block;width:118px;line-height:0}.brand img{width:100%;height:auto;display:block}.desktop-nav{display:flex;gap:27px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;align-items:center}.desktop-nav a{position:relative;white-space:nowrap}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-5px;height:1px;background:currentColor;transition:.25s}.desktop-nav a:hover:after{right:0}.menu-button{display:none;background:none;border:0;color:inherit;letter-spacing:.12em;font-size:11px}.mobile-menu{display:none}
.audio-wave-wrap{position:fixed;left:0;right:0;bottom:0;height:112px;z-index:38;pointer-events:none;overflow:hidden;opacity:.92;transition:opacity .35s ease;mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.48) 18%,#000 58%,#000 100%);-webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.48) 18%,#000 58%,#000 100%)}.audio-wave-wrap canvas{display:block;width:100%;height:100%}.audio-wave-wrap:not(.is-playing){opacity:.58}.sound-toggle{position:fixed;right:24px;bottom:82px;z-index:80;border:1px solid var(--line-strong);background:rgba(8,8,8,.78);backdrop-filter:blur(12px);color:var(--ink);min-height:42px;padding:0 14px;display:flex;align-items:center;gap:10px;cursor:pointer;font-size:9px;letter-spacing:.14em;text-transform:uppercase;transition:.2s}.sound-toggle:hover{border-color:var(--acid)}.sound-bars{height:16px;width:19px;display:flex;align-items:center;justify-content:space-between;gap:2px}.sound-bars i{width:2px;height:4px;background:var(--muted);display:block}.sound-toggle.on .sound-bars i{background:var(--acid);animation:eq .72s ease-in-out infinite alternate}.sound-toggle.on .sound-bars i:nth-child(2){animation-delay:-.28s}.sound-toggle.on .sound-bars i:nth-child(3){animation-delay:-.5s}.sound-toggle.on .sound-bars i:nth-child(4){animation-delay:-.12s}@keyframes eq{from{height:3px}to{height:15px}}
.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;justify-content:center;padding:130px max(34px,calc((100vw - var(--max))/2)) 176px;overflow:hidden;background:radial-gradient(circle at 72% 41%,#252622 0 1%,#12130f 18%,#080808 55%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(0,0,0,.06),rgba(0,0,0,.52));pointer-events:none}.hero-mark{position:absolute;right:7vw;top:50%;transform:translateY(-52%);width:min(31vw,460px);opacity:.055;z-index:1}.hero-copy{position:relative;z-index:2;width:min(1120px,92vw)}.eyebrow{text-transform:uppercase;letter-spacing:.21em;font-size:10px;color:var(--muted);margin:0 0 24px}.hero h1{font-size:clamp(84px,17vw,250px);line-height:.75;margin:0;letter-spacing:-.09em;font-weight:900}.hero-manifesto{font-size:clamp(14px,1.65vw,25px);letter-spacing:.22em;margin:42px 0 0}.hero-manifesto span{color:var(--acid)}.hero-actions{display:flex;gap:12px;margin-top:44px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid var(--ink);font-size:10px;text-transform:uppercase;letter-spacing:.16em;transition:.25s}.button-light{background:var(--ink);color:#0a0a0a}.button-light:hover{background:var(--acid);border-color:var(--acid)}.button-outline:hover{background:var(--ink);color:#0a0a0a}.hero-meta{position:absolute;right:36px;bottom:31px;z-index:2;display:flex;gap:24px;font-size:9px;letter-spacing:.18em;color:var(--muted)}.scroll-cue{position:absolute;left:34px;bottom:29px;z-index:2;display:flex;gap:10px;align-items:center;font-size:8px;letter-spacing:.15em}.scroll-cue span{display:block;width:36px;height:1px;background:var(--ink)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%;z-index:1}.orbit-one{width:58vw;height:58vw;right:-8vw;top:8vh}.orbit-two{width:35vw;height:35vw;right:3vw;top:20vh}.signal-strip{position:absolute;left:max(34px,calc((100vw - var(--max))/2));right:max(34px,calc((100vw - var(--max))/2));bottom:72px;z-index:3;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.signal-strip a{padding:15px 18px 14px 0;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:5px;transition:.2s}.signal-strip a:not(:first-child){padding-left:18px}.signal-strip a:last-child{border-right:0}.signal-strip a:hover{color:var(--acid)}.signal-strip small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.signal-strip strong{font-size:11px;letter-spacing:.04em;font-weight:600}
.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;background:var(--acid);color:#080808}.marquee-track{display:flex;width:max-content;gap:24px;align-items:center;animation:marquee 26s linear infinite;font-size:11px;font-weight:800;letter-spacing:.16em}.marquee-track i{font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.section{max-width:var(--max);margin:0 auto;padding:150px 34px}.section-heading{display:grid;grid-template-columns:.85fr 2.15fr;align-items:start;margin-bottom:80px;gap:30px}.section-heading h2,.video-heading h2,.pulse-head h2{font-size:clamp(48px,7vw,104px);line-height:.92;letter-spacing:-.06em;margin:0;font-weight:700}.section-intro{max-width:680px;color:#c5c1b9;font-size:15px;line-height:1.65;margin:28px 0 0}.release-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:34px}.release-card:nth-child(3){grid-column:2;max-width:80%;margin-left:auto}.art{aspect-ratio:1/1;position:relative;overflow:hidden;display:block;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s;background:#111}.release-card:hover .art{transform:scale(.992);filter:brightness(1.06)}.art img{width:100%;height:100%;object-fit:cover;display:block}.art-badge{position:absolute;left:18px;bottom:18px;z-index:4;border:1px solid rgba(255,255,255,.48);background:rgba(0,0,0,.35);backdrop-filter:blur(8px);padding:8px 10px;font-size:8px;letter-spacing:.16em;font-weight:600}.art-standalone{display:flex;align-items:center;justify-content:center;text-align:center;background:radial-gradient(circle at 50% 46%,rgba(90,183,255,.26),transparent 11%),linear-gradient(145deg,#071521 0,#0d2436 43%,#03080c 100%)}.art-standalone span{font-size:clamp(38px,5.7vw,95px);font-weight:900;line-height:.85;letter-spacing:-.07em;position:relative;z-index:3}.art-standalone:before,.art-standalone:after{content:"";position:absolute;left:50%;top:8%;width:1px;height:84%;background:linear-gradient(transparent,#75d4ff,transparent);box-shadow:-78px 0 40px rgba(80,181,255,.32),78px 0 40px rgba(80,181,255,.32)}.art-standalone:after{transform:rotate(90deg);opacity:.38}.release-info{display:flex;justify-content:space-between;align-items:flex-start;padding:17px 0 0}.release-info h3{margin:0 0 6px;font-size:20px}.release-info p{margin:0;color:var(--muted);font-size:11px}.release-index{font-size:10px;color:var(--muted)}.release-actions{display:flex;gap:18px;padding-top:14px}.release-actions a{font-size:9px;text-transform:uppercase;letter-spacing:.14em;border-bottom:1px solid var(--line-strong);padding-bottom:4px}.release-actions a:hover{color:var(--acid);border-color:var(--acid)}
.platform-pulse{border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:var(--max);margin:0 auto;padding:110px 34px}.pulse-head{display:grid;grid-template-columns:.85fr 2.15fr;gap:30px;margin-bottom:62px}.pulse-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}.pulse-column{border-top:1px solid var(--line)}.pulse-title{display:flex;justify-content:space-between;align-items:center;padding:17px 0;border-bottom:1px solid var(--line)}.pulse-title span{text-transform:uppercase;letter-spacing:.17em;font-size:10px}.pulse-title em{font-style:normal;color:var(--muted);font-size:9px}.pulse-column>a{display:grid;grid-template-columns:58px 1fr auto;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line);transition:.2s}.pulse-column>a:hover{padding-left:9px;color:var(--acid)}.pulse-column b{font-size:10px;color:var(--muted)}.pulse-column strong{font-size:15px;font-weight:500}.pulse-column i{font-style:normal;font-size:12px}
.video-feature{max-width:var(--max);margin:0 auto;padding:150px 34px;display:grid;grid-template-columns:.6fr 1.4fr;gap:70px;align-items:center}.video-copy h2{font-size:clamp(70px,10vw,150px);line-height:.78;letter-spacing:-.075em;margin:0 0 34px}.video-copy>p:not(.eyebrow){color:#c9c5bd;font-size:16px;line-height:1.7;max-width:460px}.inline-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:34px}.text-link{font-size:9px;text-transform:uppercase;letter-spacing:.16em;border-bottom:1px solid currentColor;padding-bottom:5px;width:max-content}.text-link:hover{color:var(--acid)}.video-shell{aspect-ratio:16/9;background:#111;border:1px solid var(--line);position:relative;overflow:hidden}.video-shell iframe{width:100%;height:100%;border:0}
.feature-project{display:grid;grid-template-columns:1.08fr .92fr;min-height:92vh;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-visual{position:relative;overflow:hidden;min-height:680px;background:linear-gradient(#f0b059 0 44%,#ba4933 44% 58%,#181716 58%)}.sun-disc{position:absolute;width:31vw;height:31vw;min-width:330px;min-height:330px;border-radius:50%;background:#f3dfaf;left:50%;top:14%;transform:translateX(-50%);box-shadow:0 0 90px rgba(255,223,154,.28)}.mountain{position:absolute;bottom:-7%;width:80%;height:45%;background:#161515;clip-path:polygon(0 90%,15% 67%,27% 80%,42% 31%,53% 57%,65% 22%,77% 66%,88% 44%,100% 81%,100% 100%,0 100%)}.mountain-a{left:-5%}.mountain-b{right:-18%;bottom:-2%;transform:scaleX(-1);opacity:.84}.feature-word{position:absolute;left:5%;bottom:6%;font-size:clamp(45px,7.2vw,120px);font-weight:900;letter-spacing:-.075em;z-index:4}.feature-content{padding:9vw 7vw;display:flex;flex-direction:column;justify-content:center}.feature-content h2{font-size:clamp(60px,8vw,126px);letter-spacing:-.075em;line-height:.8;margin:0 0 46px}.lead-text{font-size:clamp(17px,1.6vw,24px);line-height:1.5;max-width:670px;color:#d0cdc6}.project-proof{display:flex;align-items:center;gap:17px;margin-top:34px;padding:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);width:max-content;max-width:100%}.project-proof>strong{font-size:42px;letter-spacing:-.06em}.project-proof span{font-size:10px;line-height:1.45;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.project-proof span b{color:var(--ink);font-weight:600}.track-list{margin:38px 0 35px;border-top:1px solid var(--line)}.track-list div{display:grid;grid-template-columns:52px 1fr auto;align-items:center;padding:16px 0;border-bottom:1px solid var(--line)}.track-list span,.track-list em{font-size:9px;color:var(--muted);font-style:normal}.track-list strong{font-size:13px;font-weight:500}.video-section{padding:150px 34px;max-width:var(--max);margin:auto}.video-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:60px;gap:35px}.video-heading .eyebrow{margin-bottom:18px}
.sets-section{border-top:1px solid var(--line)}.set-list{border-top:1px solid var(--line)}.set-list>a,.set-list>div{display:grid;grid-template-columns:1.3fr 1fr auto;gap:20px;padding:27px 0;border-bottom:1px solid var(--line);align-items:center;transition:.2s}.set-list>a:hover{padding-left:14px;color:var(--acid)}.set-list span{font-size:clamp(22px,3vw,43px);font-weight:700;letter-spacing:-.035em}.set-list em{font-style:normal;color:var(--muted);font-size:11px}.set-list b{font-size:8px;text-transform:uppercase;letter-spacing:.15em}.status{border:1px solid var(--line-strong);padding:8px 10px}.status.published{border-color:rgba(216,255,56,.55);color:var(--acid)}.status.soon{color:var(--muted)}.about-section{min-height:85vh;padding:120px 34px;max-width:var(--max);margin:auto;display:grid;grid-template-columns:1.3fr .7fr;gap:6vw;align-items:center}.about-big{font-size:clamp(100px,19vw,320px);font-weight:900;letter-spacing:-.1em;line-height:.7;writing-mode:vertical-rl;transform:rotate(180deg);opacity:.93}.about-copy p:not(.eyebrow){font-size:clamp(18px,1.7vw,26px);line-height:1.55;color:#d4d0c8}.booking-section{background:var(--acid);color:#080808;padding:120px max(34px,calc((100vw - var(--max))/2));display:grid;grid-template-columns:1.4fr .6fr;gap:7vw;align-items:end}.booking-section .eyebrow{color:#4b521d}.booking-copy h2{font-size:clamp(60px,9vw,145px);line-height:.82;letter-spacing:-.075em;margin:0 0 55px}.booking-email{font-size:clamp(21px,2vw,34px);border-bottom:2px solid #080808}.booking-notes p{font-size:16px;line-height:1.6;margin:0 0 30px}.booking-section .button-light{background:#080808;color:var(--ink);border-color:#080808}.booking-section .button-light:hover{background:transparent;color:#080808}footer{max-width:var(--max);margin:auto;padding:54px 34px 120px;display:grid;grid-template-columns:1fr auto;gap:34px;align-items:end}.footer-brand{display:block;width:165px;line-height:0}.footer-brand img{width:100%;height:auto}.footer-links{display:flex;gap:17px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;flex-wrap:wrap;justify-content:flex-end}.footer-links a:hover{color:var(--acid)}footer p{grid-column:1/-1;margin:0;border-top:1px solid var(--line);padding-top:20px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.12em}.reveal{opacity:0;transform:translateY(28px);transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.wp-page-shell{max-width:var(--max);margin:0 auto;padding:150px 34px 120px;min-height:70vh}.wp-page-shell h1{font-size:clamp(48px,7vw,96px);letter-spacing:-.055em}.wp-page-shell .entry-content{max-width:850px;font-size:17px;line-height:1.75;color:#d4d0c8}body.admin-bar .site-header{top:32px}
@media(max-width:1080px){.desktop-nav{gap:18px}.brand{width:105px}.video-feature{grid-template-columns:1fr;gap:44px}.video-copy>p:not(.eyebrow){max-width:700px}}
@media(max-width:900px){.site-header{padding:18px 20px}.brand{width:102px}.desktop-nav{display:none}.menu-button{display:block}.mobile-menu{display:flex;position:fixed;inset:0;background:#0a0a0a;z-index:45;flex-direction:column;justify-content:center;padding:30px;gap:16px;opacity:0;pointer-events:none;transition:.25s}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu a{font-size:11vw;font-weight:800;letter-spacing:-.05em}.sound-toggle{right:14px;bottom:72px}.audio-wave-wrap{height:94px}.hero{padding:128px 20px 208px}.hero h1{font-size:22vw}.hero-manifesto{line-height:1.7;font-size:12px}.hero-actions{margin-top:34px}.hero-meta{display:none}.scroll-cue{left:20px;bottom:24px}.hero-orbit{display:none}.hero-mark{width:62vw;right:-10vw;opacity:.05}.signal-strip{left:20px;right:20px;bottom:63px;grid-template-columns:1fr}.signal-strip a{padding:10px 0;border-right:0;border-bottom:1px solid var(--line)}.signal-strip a:not(:first-child){padding-left:0}.signal-strip a:last-child{border-bottom:0}.signal-strip small{font-size:7px}.signal-strip strong{font-size:9px}.section{padding:100px 20px}.section-heading,.pulse-head{grid-template-columns:1fr;margin-bottom:50px}.release-grid{grid-template-columns:1fr;gap:48px}.release-card:nth-child(3){grid-column:auto;max-width:none;margin:0}.platform-pulse{padding:90px 20px}.pulse-columns{grid-template-columns:1fr;gap:50px}.video-feature{padding:100px 20px}.feature-project{grid-template-columns:1fr}.feature-visual{min-height:520px}.feature-content{padding:90px 20px}.video-section{padding:100px 20px}.video-heading{display:block}.video-heading .text-link{margin-top:25px;display:inline-block}.sets-section{padding-top:100px}.set-list>a,.set-list>div{grid-template-columns:1fr auto}.set-list em{grid-column:1/-1;grid-row:2}.status{grid-column:2;grid-row:1;padding:6px 8px}.about-section{grid-template-columns:1fr;padding:90px 20px}.about-big{writing-mode:initial;transform:none;font-size:22vw}.booking-section{grid-template-columns:1fr;padding:100px 20px}.booking-notes{max-width:560px}footer{grid-template-columns:1fr;padding:45px 20px 105px}.footer-links{justify-content:flex-start}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}@media(max-width:560px){.audio-wave-wrap{height:82px}.sound-toggle{bottom:62px}.hero h1{font-size:21vw}.hero-manifesto{letter-spacing:.15em}.button{width:100%}.pulse-column>a{grid-template-columns:48px 1fr auto}.project-proof{width:100%}.booking-email{font-size:18px}.sound-toggle{min-height:38px;padding:0 10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee-track{animation:none}.reveal{opacity:1;transform:none;transition:none}.cursor-glow{display:none}.audio-wave-wrap{opacity:.55}.sound-toggle.on .sound-bars i{animation:none;height:8px}}
