@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#0b0b0b;--fg:#f5f3ed;--muted:#aaa9a6;--accent:#f05632}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}header{height:88px;padding:0 4%;display:flex;align-items:center;gap:74px;position:absolute;z-index:3;width:100%;background:#0b0b0bcc}.logo{font-size:43px;font-weight:700;letter-spacing:-3px;line-height:1}.logo span{font-size:11px;letter-spacing:0;vertical-align:top;display:inline-block;margin:6px 0 0 4px}nav{display:flex;gap:34px}nav button{font-size:14px;color:#bdbbb6;padding:12px 0}nav button.active{color:#fff}nav button.active:after{content:'';display:block;width:18px;height:3px;background:var(--accent);margin-top:8px;position:absolute}#count{font-size:10px;color:#bbb;margin-left:4px}.tools{margin-left:auto;display:flex;gap:22px;align-items:center}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.tools button{min-width:40px;height:40px}.profile{background:#333!important;border-radius:50%;font-size:13px!important}.hero{height:730px;min-height:650px;position:relative;overflow:hidden}.hero-image{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 45%}.scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.2) 80%),linear-gradient(0deg,#0b0b0b,transparent 45%)}.hero-copy{position:relative;z-index:1;padding:184px 4% 0}.edition{font-size:11px;letter-spacing:2px;font-weight:600;display:flex;gap:30px;color:#dedbd3}.edition span{color:#a8a49c}h1{font-family:'Barlow Condensed','Arial Narrow',sans-serif;text-transform:uppercase;font-size:clamp(72px,7.9vw,120px);font-weight:700;letter-spacing:-2px;line-height:.9;margin:26px 0} .hero-copy p{color:#d4d1ca;font-size:16px;line-height:1.65}.hero-actions{display:flex;gap:14px;margin-top:30px}.primary,.secondary{padding:16px 23px;font-size:13px;font-weight:600;border-radius:3px}.primary{background:var(--fg);color:#151515}.primary:hover{background:#ddd}.secondary{background:#ffffff19}.secondary span{margin-left:20px}.hero-bottom{position:absolute;bottom:48px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.7px;color:#a7a39c}.sound{color:var(--accent);margin-left:15px;font-size:16px}.catalog{padding:16px 4% 65px}.catalog-top{display:flex;justify-content:space-between;align-items:center}h2{font-size:28px;letter-spacing:-1px;font-weight:500;margin:0}.catalog-note{font-size:12px;color:var(--muted)}.filterbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 34px;gap:20px}.filters{display:flex;gap:8px;overflow:auto}.filters button{white-space:nowrap;border-radius:30px;padding:10px 17px;background:#1b1b1b;color:#b8b6b1;font-size:12px}.filters button.selected{background:#f1eee7;color:#111}.search{display:flex;align-items:center;gap:10px;background:#181818;padding:11px 15px;border-radius:4px}.search svg{width:16px;height:16px;color:#aaa}input{background:none;border:none;color:#eee;width:180px;font:12px 'DM Sans',sans-serif;outline:none}.row{margin-bottom:40px}.row-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.row-head h3{font-size:19px;font-weight:500;margin:0;letter-spacing:-.4px}.row-head span{font-size:11px;color:#999}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{min-width:0}.poster{position:relative;aspect-ratio:1.55;background:#222;overflow:hidden;border-radius:3px;width:100%;display:block;text-align:left;padding:0}.poster img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.poster:hover img{transform:scale(1.05)}.poster:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(0deg,#000b,transparent)}.poster-word{position:absolute;bottom:18px;left:20px;z-index:1;font-family:'Barlow Condensed',sans-serif;font-size:34px;line-height:.92;font-weight:700;text-transform:uppercase;letter-spacing:-.7px;max-width:80%}.poster .tag{position:absolute;top:12px;left:12px;background:#111c;padding:5px 7px;font-size:9px;letter-spacing:1px;z-index:1}.poster .play{position:absolute;right:14px;bottom:17px;z-index:2;font-size:17px}.card-info{display:flex;justify-content:space-between;gap:8px;padding-top:13px}.card h4{font-size:14px;font-weight:500;margin:0 0 5px}.card p{font-size:11px;color:#999;margin:0}.save{font-size:23px;height:32px;min-width:32px;color:#aaa}.save.saved{color:var(--accent)}.manifesto{margin:0 4%;background:#191817;display:flex;justify-content:space-between;gap:40px;padding:50px 5%;align-items:center}.small-brand{font-size:10px;letter-spacing:1.5px;color:#aaa}.manifesto h2{font-family:'Barlow Condensed',sans-serif;font-size:62px;line-height:.95;text-transform:uppercase;margin-top:23px;font-weight:600}.manifesto p{font-size:14px;line-height:1.8;color:#b9b7b2;margin-right:8%}.manifesto strong{color:#eee;display:block;margin-top:16px;font-weight:500}footer{padding:55px 4% 35px;display:flex;align-items:center;gap:25px}footer .logo{font-size:33px}footer p,footer button,footer>span{font-size:10px;color:#999}footer button{margin-left:auto}dialog{border:0;padding:0;background:#171717;color:#f5f3ed;border-radius:8px;width:min(640px,92vw);max-height:90vh;overflow:auto}dialog::backdrop{background:#000c}dialog>img{width:100%;height:260px;object-fit:cover}.close{position:absolute;right:14px;top:14px;font-size:28px;border-radius:50%;background:#111d;width:40px;height:40px}.detail-copy{padding:30px}.detail-copy h2{font-size:36px}.detail-copy p{line-height:1.7;color:#bbb;font-size:14px}.detail-meta{color:#f08060!important;font-size:11px!important;letter-spacing:1px}.detail-copy button{margin-top:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#eee;color:#111;font-size:13px;padding:14px 25px;border-radius:4px;z-index:10;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}.empty{padding:50px 0 80px;color:#aaa}.empty h3{color:#eee} @media(min-width:1600px){.hero{height:820px}.hero-copy{padding-top:220px}}@media(max-width:800px){header{height:74px;gap:25px}.logo{font-size:36px}nav{gap:18px}nav button{font-size:12px}.tools{gap:4px}.catalog-note{display:none}.hero{height:680px}.hero-copy{padding-top:180px}.hero-copy h1{font-size:86px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.search{display:none}.search.open{display:flex}.filterbar:has(.search.open){flex-wrap:wrap}.hero-bottom>span:last-child{display:none}.manifesto{padding:35px 6%}.manifesto h2{font-size:46px}.manifesto p{margin:0;font-size:12px}footer{flex-wrap:wrap}footer button{margin-left:0}footer>span{margin-left:auto}}@media(max-width:480px){header{gap:0;flex-wrap:wrap;height:112px;align-content:center;row-gap:17px}.tools{order:1}nav{order:2;width:100%;justify-content:space-between;gap:8px}.hero-copy{padding-top:205px}.hero-copy h1{font-size:68px}.hero{height:710px}.hero-actions{gap:8px}.primary,.secondary{padding:14px;font-size:11px}.secondary span{margin-left:5px}.edition{font-size:9px;gap:20px}.hero-bottom{bottom:35px;font-size:9px}.catalog h2{font-size:25px}.filters button{padding:10px 14px}.cards{gap:18px 12px}.poster{aspect-ratio:1.05}.poster-word{left:12px;bottom:15px;font-size:29px}.card h4{font-size:12px}.card p{font-size:10px}.row-head h3{font-size:17px}.row-head span{font-size:10px}.manifesto{display:block}.manifesto p{margin-top:25px}.manifesto h2{font-size:52px}footer p{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Brand artwork is displayed intact; the compact logo uses a CSS viewport. */
.logo{display:block;width:154px;flex-shrink:0}.logo-window{display:block!important;position:relative;width:154px;height:48px;overflow:hidden;margin:0!important;vertical-align:middle!important}.logo-window img{position:absolute;width:180px;max-width:none;height:auto;left:-13px;top:-24px}header{gap:60px;background:#080a10e8}.logo-window{mix-blend-mode:screen}footer .logo{width:180px}footer .logo-window{width:180px;height:57px}footer .logo-window img{width:210px;left:-15px;top:-28px}.spotlight{margin:10px 4% 100px;display:grid;grid-template-columns:1.1fr 1fr;background:#151515;min-height:440px}.spotlight-photo{overflow:hidden}.spotlight-photo img{width:100%;height:100%;object-fit:cover;max-height:500px}.spotlight-copy{padding:60px 13%;align-self:center}.section-label{font-size:10px!important;letter-spacing:2px;color:#b6b6c5!important}.spotlight h2,.brand-stage h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:64px;font-weight:600;line-height:.98;letter-spacing:-1px;margin:22px 0}.spotlight-copy>p:not(.section-label),.brand-stage p{font-size:14px;color:#bbb;line-height:1.85}.spotlight .primary,.brand-stage .primary{margin-top:22px}.night-moods{padding:0 4%;margin-bottom:100px}.mood-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}.mood-grid button{position:relative;text-align:left;min-height:310px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;background:#191919}.mood-grid button:before{content:'';position:absolute;inset:0;background-image:linear-gradient(0deg,#000e,#0001),var(--mood-photo);background-size:cover;background-position:center;transition:transform .5s cubic-bezier(.22,1,.36,1)}.mood-grid button:hover:before{transform:scale(1.04)}.mood-grid span,.mood-grid small{position:relative}.mood-grid span{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:38px;line-height:1.05}.mood-grid small{font-size:12px;margin-top:12px;color:#ccc}.brand-stage{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;margin:0 4% 100px;background:#070912;overflow:hidden}.brand-stage>img{width:100%;height:100%;object-fit:cover;min-height:380px}.brand-stage>div{padding:40px 8%}.brand-stage h2{font-size:56px}.hero-copy>*{animation:arrive 650ms cubic-bezier(.22,1,.36,1) both}.hero-copy h1{animation-delay:70ms}.hero-copy>p{animation-delay:140ms}.hero-actions{animation-delay:210ms}.reveal{opacity:1;transform:none}.motion-ready .reveal:not(.visible){opacity:0;transform:translateY(12px)}.reveal{transition:opacity 500ms cubic-bezier(.22,1,.36,1),transform 500ms cubic-bezier(.22,1,.36,1)}.cards .card{animation:arrive 400ms cubic-bezier(.22,1,.36,1) both}.cards .card:nth-child(2){animation-delay:40ms}.cards .card:nth-child(3){animation-delay:80ms}.cards .card:nth-child(4){animation-delay:120ms}dialog[open]{animation:dialog-in 250ms cubic-bezier(.22,1,.36,1)}.primary,.secondary,.save{transition:background-color 180ms ease,transform 180ms ease}.primary:hover,.secondary:hover{transform:translateY(-2px)}.save:active{transform:scale(.85)}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@media(max-width:800px){header{gap:30px}.spotlight-copy{padding:35px 9%}.spotlight h2{font-size:48px}.spotlight{min-height:380px}.mood-grid{gap:12px}.mood-grid button{padding:22px;min-height:260px}.mood-grid span{font-size:30px}.brand-stage{grid-template-columns:1fr 1fr}.brand-stage h2{font-size:44px}.brand-stage>img{min-height:360px}}@media(max-width:480px){header{gap:0}.logo,.logo-window{width:130px}.logo-window img{width:154px;left:-12px;top:-20px}.logo-window{height:42px}.tools{margin-left:auto}.spotlight{grid-template-columns:1fr;margin-bottom:65px}.spotlight-photo{height:260px}.spotlight-copy{padding:30px 7% 40px}.spotlight h2{font-size:54px}.mood-grid{grid-template-columns:1fr}.mood-grid button{min-height:250px;padding:28px}.mood-grid span{font-size:42px}.night-moods{margin-bottom:65px}.brand-stage{grid-template-columns:1fr;margin-bottom:65px}.brand-stage>img{min-height:0;height:auto}.brand-stage>div{padding:5px 8% 40px}.brand-stage h2{font-size:52px}footer .logo{width:140px}footer .logo-window{width:140px;height:46px}footer .logo-window img{width:164px;top:-22px;left:-12px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal:not(.visible){opacity:1;transform:none}}

/* Transparent standalone wordmark, with intrinsic proportions and clear space. */
header{background:#0b0b0be8;gap:56px}a.logo{width:164px;display:flex;align-items:center;letter-spacing:normal;line-height:1}.brand-wordmark{display:block;width:100%;height:auto;object-fit:contain}footer a.logo{width:176px} @media(max-width:800px){header{gap:30px}a.logo{width:145px}}@media(max-width:480px){header{gap:0}a.logo{width:142px}footer a.logo{width:156px}}
/* Pilot launch: honest availability, real calls to action, existing Oncor identity. */
nav a{font-size:14px;color:#ccc;white-space:nowrap;padding:12px 0}nav a:hover{color:#fff}.header-action{margin-left:auto;font-size:12px;white-space:nowrap}.primary,.secondary{display:inline-block;text-align:center}.hero-copy p{max-width:570px}.hero-copy h1{margin-top:26px}.pilot-intro{padding:20px 4% 90px;scroll-margin-top:25px}.pilot-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;margin-top:42px;align-items:center}.pilot-grid>div>p{max-width:540px;font-size:16px;line-height:1.75;color:#bbb}.pilot-grid .lead{font-size:32px;line-height:1.25;color:#f5f3ed;letter-spacing:-1px;margin-top:0}.pilot-grid .launch-status{padding:22px;background:#191919;font-size:14px;color:#ddd}.pilot-grid figure{margin:0}.pilot-grid img{width:100%;height:330px;object-fit:cover}.pilot-grid figcaption{font-size:11px;color:#aaa;margin-top:12px;line-height:1.5}.text-link{display:inline-block;font-size:13px;padding:14px 0;color:#eee}.text-link:hover{color:#f08060}.spotlight-copy{padding:45px 10%}.spotlight h2{font-size:60px}.partnership{margin:0 4% 100px;display:grid;grid-template-columns:1fr 1fr;gap:9%;scroll-margin-top:30px}.partnership-heading h2,.launch-section h2,.inquiry-section h2{font-family:'Barlow Condensed',sans-serif;font-size:66px;font-weight:600;text-transform:uppercase;line-height:.98;margin:24px 0;letter-spacing:-1px}.partnership-heading>p:not(.section-label),.launch-section>div>p:not(.section-label),.inquiry-section>div>p:not(.section-label){color:#bbb;font-size:16px;line-height:1.8;max-width:500px}.partnership-details{padding-top:12px}.partnership-details article{margin-bottom:28px}.partnership-details h3,.contact-panel h3{font-size:21px;font-weight:500;margin:0 0 12px;letter-spacing:-.5px}.partnership-details p,.contact-panel>p{font-size:14px;color:#bbb;line-height:1.8;margin:0}.launch-section,.inquiry-section{padding:60px 5%;margin:0 4% 70px;display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:center;background:#181818;scroll-margin-top:25px}.contact-panel{background:#222;padding:32px}.contact-panel .primary{margin:25px 0 20px}.contact-panel .contact-note{font-size:12px;line-height:1.7;color:#b7b7b7}.inquiry-section{background:#101010;padding:25px 0 35px;gap:12%}.inquiry-section h2{font-size:62px}footer{gap:23px}.detail-copy p{overflow-wrap:anywhere}#partners,#story{scroll-margin-top:30px}.contact-action:not([href]){opacity:.5;pointer-events:none}
@media(max-width:900px){header{gap:25px}nav{gap:20px}.header-action{font-size:11px}.pilot-grid{gap:6%}.spotlight h2{font-size:48px}.partnership-heading h2,.launch-section h2,.inquiry-section h2{font-size:52px}.contact-panel{padding:25px}.launch-section,.inquiry-section{gap:5%}.pilot-grid .lead{font-size:28px}}
@media(max-width:600px){header{flex-wrap:wrap;height:116px;gap:0;align-content:center;row-gap:16px}.header-action{order:1;font-size:11px}nav{order:2;width:100%;justify-content:space-between;gap:12px}nav a{font-size:12px;padding:0}.hero-copy{padding-top:205px}.hero-copy h1{font-size:68px}.hero{height:750px}.hero-copy p{font-size:15px;max-width:95%}.hero-actions{flex-wrap:wrap;gap:10px}.hero-actions .primary,.hero-actions .secondary{padding:15px 17px;font-size:12px}.hero-bottom{font-size:9px;letter-spacing:1px;bottom:30px}.hero-bottom>span:last-child{display:none}.pilot-intro{padding-top:20px;padding-bottom:65px}.pilot-grid{grid-template-columns:1fr;gap:28px;margin-top:30px}.pilot-grid .lead{font-size:30px}.pilot-grid img{height:250px}.spotlight{grid-template-columns:1fr;margin-bottom:65px}.spotlight h2{font-size:54px}.spotlight-copy{padding:30px 7% 35px}.partnership{grid-template-columns:1fr;gap:15px;margin-bottom:65px}.partnership-heading h2,.launch-section h2,.inquiry-section h2{font-size:54px}.partnership-details{padding-top:0}.launch-section,.inquiry-section{grid-template-columns:1fr;gap:25px;padding:30px 6%;margin-bottom:65px}.inquiry-section{padding:10px 0 0}.contact-panel{padding:25px}.launch-section>div>p:not(.section-label),.inquiry-section>div>p:not(.section-label),.partnership-heading>p:not(.section-label){font-size:15px}.contact-panel .primary{font-size:12px;line-height:1.5}footer{align-items:center}footer>span{margin-left:0}.manifesto{padding:35px 6%}}

[hidden]{display:none!important}.contact-panel .pending-contact{margin-top:22px;padding-top:18px;color:#ddd;font-size:13px}

.ig-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.ig-icon .ig-dot{fill:currentColor;stroke:none}
.instagram-link{display:inline-flex;align-items:center;gap:10px}
.footer-social{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#999;text-decoration:none;font-family:inherit}.footer-social:hover{color:#fff}.footer-social .ig-icon{width:13px;height:13px}
.contact-panel .instagram-link{display:inline-flex;align-items:center;gap:10px;margin-bottom:8px}.contact-panel .instagram-link+.pending-contact{margin-top:0}

.site-form{margin-top:24px;display:grid;gap:14px}.site-form label{display:flex;flex-wrap:wrap;align-items:baseline;column-gap:6px;row-gap:7px;font-size:12px;font-weight:600;letter-spacing:.3px;color:#ddd}.site-form label span{font-weight:400;color:#8f8e8b}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.site-form input,.site-form select,.site-form textarea{width:100%;flex-basis:100%;background:#151515;border:1px solid #3a3a3a;border-radius:3px;color:var(--fg);font:15px 'DM Sans',Arial,sans-serif;padding:12px 13px;outline:none;transition:border-color 160ms ease}.site-form textarea{resize:vertical;min-height:110px;line-height:1.5}.site-form select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,#aaa 50%),linear-gradient(135deg,#aaa 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px;background-repeat:no-repeat;padding-right:34px}.site-form input::placeholder,.site-form textarea::placeholder{color:#6d6c69}.site-form input:focus,.site-form select:focus,.site-form textarea:focus{border-color:var(--accent)}.site-form .primary{margin:6px 0 0;justify-self:start;cursor:pointer}.site-form .primary:disabled{opacity:.6;cursor:progress;transform:none}.form-status{margin:0;font-size:13px;min-height:0;color:#ddd}.form-status.error{color:#ff8a70}.form-status:empty{display:none}.form-note{margin:0;font-size:12px;line-height:1.6;color:#9c9b98}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-success{margin:24px 0 0;padding:18px 20px;background:#151515;border-left:3px solid var(--accent);font-size:14px;line-height:1.7;color:#ccc;outline:none}.form-success strong{color:var(--fg);display:block;font-weight:600}.contact-panel .alt-link{margin:22px 0 0;font-size:13px;color:#cfcdc8;background:none;padding:0}.contact-panel .alt-link:hover{color:#fff}.contact-panel .alt-link .ig-icon{width:18px;height:18px}@media(max-width:600px){.form-row{grid-template-columns:1fr}.site-form input,.site-form select,.site-form textarea{font-size:16px}.site-form .primary{justify-self:stretch}}