:root{
  --black:#050505;--white:#f7f7f7;--yellow:#ffd400;--silver:#cfd2d6;--muted:#8d8d8d;
  --max:1440px;--pad:clamp(18px,4vw,64px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.ub-header{position:fixed;z-index:30;top:0;left:0;width:100%;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);background:linear-gradient(180deg,rgba(0,0,0,.92),rgba(0,0,0,0));backdrop-filter:blur(5px)}
.ub-header__mark{font-size:20px;font-weight:1000;letter-spacing:-1.5px;font-style:italic;text-shadow:2px 2px 0 #777}
.ub-nav{display:flex;gap:28px;font-size:11px;font-weight:800;letter-spacing:2px}
.ub-nav a:hover,.ub-cart:hover{color:var(--yellow)}
.ub-cart{font-size:11px;font-weight:800;letter-spacing:1.5px}
.ub-loader{position:fixed;z-index:100;inset:0;background:#050505;display:grid;place-items:center;transition:opacity .5s,visibility .5s}
.ub-loader span{position:absolute;font-size:12px;letter-spacing:5px;font-weight:900}
.ub-loader__ring{width:72px;height:72px;border:1px solid #444;border-top-color:var(--yellow);border-radius:50%;animation:spin 1s linear infinite}
.ub-loaded .ub-loader{opacity:0;visibility:hidden}
.ub-hero{min-height:880px;height:100svh;max-height:1080px;position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #1b1b1b;background:radial-gradient(circle at 50% 48%,#171717 0,#070707 42%,#020202 78%)}
.ub-grid{position:absolute;inset:45% -10% -25%;opacity:.45;background-image:linear-gradient(#333 1px,transparent 1px),linear-gradient(90deg,#333 1px,transparent 1px);background-size:65px 65px;transform:perspective(500px) rotateX(63deg);transform-origin:top;mask-image:linear-gradient(to bottom,transparent,#000 25%,#000)}
.ub-hero__copy{position:absolute;z-index:5;left:var(--pad);top:25%;max-width:420px}
.ub-eyebrow{font-size:10px;letter-spacing:3px;font-weight:900;color:var(--yellow);margin:0 0 14px}
.ub-hero h1{font-size:clamp(48px,7vw,104px);line-height:.83;letter-spacing:-6px;margin:0;font-weight:1000;font-style:italic}
.ub-sub{color:#aaa;line-height:1.5;max-width:350px;font-size:14px}
.ub-button{display:inline-flex;gap:14px;align-items:center;margin-top:18px;padding:14px 18px;border:1px solid #777;background:#f4f4f4;color:#050505;font-size:11px;font-weight:900;letter-spacing:1.8px}
.ub-button:hover{background:var(--yellow);border-color:var(--yellow)}
.ub-logo-stage{position:relative;width:min(76vw,920px);height:min(60vw,610px);display:grid;place-items:center;perspective:1400px;transform-style:preserve-3d;--rx:0deg;--ry:0deg;z-index:3}
.ub-logo-3d{position:relative;width:100%;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:filter .2s}
.ub-logo-face{position:relative;transform:translateZ(22px);transform-style:preserve-3d;filter:drop-shadow(0 25px 22px rgba(0,0,0,.85)) drop-shadow(0 0 30px rgba(255,212,0,.13));}
.ub-logo-face img{display:block;width:100%;height:auto;mix-blend-mode:normal}
.ub-logo-orbit{position:absolute;width:74%;height:34%;border:2px solid rgba(255,212,0,.72);border-radius:50%;box-shadow:0 0 22px rgba(255,212,0,.22);transform-style:preserve-3d}
.ub-logo-orbit--one{transform:rotateX(66deg) rotateZ(-14deg) translateZ(-35px);animation:orbit 7s linear infinite}
.ub-logo-orbit--two{width:62%;height:28%;transform:rotateX(66deg) rotateZ(48deg) translateZ(-50px);opacity:.35;animation:orbitReverse 10s linear infinite}
.ub-logo-shadow{position:absolute;width:55%;height:8%;bottom:12%;border-radius:50%;background:#000;filter:blur(22px);transform:rotateX(70deg)}
.ub-hero__bottom{position:absolute;z-index:6;bottom:26px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px;letter-spacing:3px;color:#888;font-weight:900}
.ub-stars{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}
.ub-star{position:absolute;width:130px;height:2px;background:linear-gradient(90deg,transparent,var(--yellow));filter:drop-shadow(0 0 7px var(--yellow));transform:rotate(-24deg);animation:shoot 4.8s linear infinite}
.ub-star:after{content:"";position:absolute;right:0;top:-3px;width:8px;height:8px;background:var(--yellow);border-radius:50%;box-shadow:0 0 16px 4px rgba(255,212,0,.8)}
.ub-star--1{top:9%;left:-18%;animation-delay:.2s}.ub-star--2{top:20%;left:-30%;animation-delay:1.7s}.ub-star--3{top:34%;left:-22%;animation-delay:3s}.ub-star--4{top:51%;left:-34%;animation-delay:.8s}.ub-star--5{top:66%;left:-20%;animation-delay:2.4s}.ub-star--6{top:79%;left:-30%;animation-delay:4s}.ub-star--7{top:14%;left:30%;animation-delay:2.7s}.ub-star--8{top:44%;left:45%;animation-delay:1.2s}.ub-star--9{top:70%;left:55%;animation-delay:3.4s}
.ub-star--10{top:28%;left:-28%;animation-delay:4.2s}.ub-star--11{top:58%;left:-30%;animation-delay:1.9s}.ub-star--12{top:85%;left:-25%;animation-delay:3.8s}.ub-star--13{top:7%;left:65%;animation-delay:2.2s}.ub-star--14{top:38%;left:75%;animation-delay:.5s}.ub-star--15{top:76%;left:78%;animation-delay:4.5s}.ub-star--16{top:24%;left:90%;animation-delay:1.5s}.ub-star--17{top:62%;left:95%;animation-delay:3.2s}.ub-star--18{top:92%;left:85%;animation-delay:2.8s}
.ub-ticker{overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #222;background:#090909}
.ub-ticker__track{width:max-content;display:flex;gap:28px;padding:15px 0;font-size:10px;letter-spacing:3px;font-weight:900;animation:marquee 24s linear infinite}
.ub-ticker i{color:var(--yellow);font-style:normal}
.ub-products{padding:100px var(--pad)}
.ub-section-head{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:end;margin-bottom:35px}
.ub-section-head h2{font-size:clamp(36px,5vw,74px);letter-spacing:-4px;margin:0;font-style:italic}
.ub-section-head>a{font-size:10px;letter-spacing:2px;font-weight:900}
.ub-product-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ub-card__media{position:relative;display:block;aspect-ratio:3/4;background:#111;overflow:hidden}
.ub-card__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s}
.ub-card:hover .ub-card__media img{transform:scale(1.035)}
.ub-card__placeholder{height:100%;display:grid;place-items:center;font-size:24px;font-weight:1000}
.ub-card__badge{position:absolute;left:10px;top:10px;padding:7px 8px;background:var(--yellow);color:#000;font-size:8px;font-weight:1000;letter-spacing:1px}
.ub-card__meta{display:flex;justify-content:space-between;gap:10px;padding:13px 2px;color:#ddd}
.ub-card__meta h3{font-size:13px;margin:0 0 4px}.ub-card__meta p{margin:0;color:#666;font-size:9px;text-transform:uppercase;letter-spacing:1px}.ub-card__meta>span{font-size:12px;font-weight:900}
.ub-manifesto{min-height:570px;position:relative;display:grid;place-items:center;padding:80px var(--pad);overflow:hidden;border-top:1px solid #222;border-bottom:1px solid #222;background:linear-gradient(120deg,#070707,#111,#050505)}
.ub-manifesto__ghost{position:absolute;font-size:clamp(90px,18vw,270px);font-weight:1000;font-style:italic;letter-spacing:-15px;color:#111;white-space:nowrap;transform:rotate(-8deg)}
.ub-manifesto__inner{position:relative;z-index:2;max-width:820px;text-align:center}
.ub-manifesto h2{font-size:clamp(44px,7vw,98px);line-height:.9;letter-spacing:-5px;margin:0 0 20px;font-style:italic}
.ub-manifesto p:last-child{max-width:600px;margin:auto;color:#999;line-height:1.7;font-size:14px}
.ub-marquee{overflow:hidden;border-bottom:1px solid #222}
.ub-marquee__inner{display:flex;width:max-content;gap:35px;padding:18px 0;font-size:clamp(26px,4vw,54px);font-weight:1000;letter-spacing:-2px;font-style:italic;animation:marquee 28s linear infinite}
.ub-marquee__inner span:nth-child(even){-webkit-text-stroke:1px #aaa;color:transparent}
.ub-footer{padding:65px var(--pad) 30px;border-top:1px solid #222}
.ub-footer__top{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;gap:30px}
.ub-footer__logo{font-size:clamp(40px,6vw,80px);font-weight:1000;letter-spacing:-5px;font-style:italic}
.ub-footer p{color:#888;font-size:10px;letter-spacing:3px}
.ub-footer__links{display:flex;gap:22px;font-size:9px;letter-spacing:2px;font-weight:900;align-items:center}
.ub-footer__bottom{max-width:var(--max);margin:70px auto 0;padding-top:15px;border-top:1px solid #222;display:flex;justify-content:space-between;color:#555;font-size:8px;letter-spacing:1.5px}
@keyframes spin{to{transform:rotate(360deg)}} @keyframes orbit{to{transform:rotateX(66deg) rotateZ(346deg) translateZ(-35px)}} @keyframes orbitReverse{to{transform:rotateX(66deg) rotateZ(-312deg) translateZ(-50px)}} @keyframes marquee{to{transform:translateX(-50%)}} @keyframes shoot{0%{transform:translate3d(-10vw,-10vh,0) rotate(-24deg);opacity:0}8%{opacity:1}65%{opacity:1}100%{transform:translate3d(125vw,75vh,0) rotate(-24deg);opacity:0}}
@media(max-width:900px){.ub-nav{display:none}.ub-hero{min-height:760px}.ub-hero__copy{top:18%;left:20px}.ub-hero h1{letter-spacing:-3px}.ub-logo-stage{width:104vw;height:62vw}.ub-product-grid{grid-template-columns:repeat(2,1fr)}.ub-products{padding:70px 18px}.ub-footer__top{flex-direction:column}.ub-footer__links{flex-wrap:wrap}.ub-footer__bottom{margin-top:45px;gap:12px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}.ub-logo-stage{--rx:0deg!important;--ry:0deg!important}}