.hero-media { filter: grayscale(1) contrast(1.28) brightness(.72); }
.brand sup { font:8px var(--mono); letter-spacing:0; margin-left:2px; vertical-align:top; }
.shirt .garment:after { content:'ULTIMOND'; }
.brand { flex-direction:row; align-items:center; gap:10px; letter-spacing:.18em; }
.brand > span:last-child { display:flex; flex-direction:column; }
.mark-frame { display:block; width:32px; height:40px; overflow:hidden; flex:none; background:#090909; }
.mark-frame img { display:block; width:100%; height:100%; object-fit:contain; object-position:center; }
footer .mark-frame { width:38px; height:47px; }
.product-hover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; opacity:0; z-index:2; transform:scale(1.035); transition:opacity .35s ease, transform .7s ease; }
.product:hover .product-hover { opacity:1; transform:scale(1); }
.product-art > span, .product-art > b { z-index:3; }
.category-hover { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.18; z-index:1; transform:scale(1.06); transition:opacity .3s ease, transform .6s ease; }
.tshirt-category:hover .category-hover, .jacket-category:hover .category-hover, .accessories-category:hover .category-hover, .objects-category:hover .category-hover { opacity:1; transform:scale(1); }
.tshirt-category:hover, .jacket-category:hover, .accessories-category:hover, .objects-category:hover { background:#111 !important; color:#ddd !important; }
.tshirt-category:hover strong, .jacket-category:hover strong, .accessories-category:hover strong, .objects-category:hover strong { color:#fff !important; z-index:2; }
.category-grid strong, .category-grid > a > span { z-index:2; }
.category-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); }
.category-grid a { min-height:330px; padding:24px; }
.category-grid strong { font-family:var(--sans); font-size:clamp(35px, 4.3vw, 68px); font-weight:700; bottom:24px; letter-spacing:-.065em; }
.category-grid > a > span { right:24px; bottom:24px; }
.category-hover { opacity:.24; }
@media(max-width:800px) { .category-grid { grid-template-columns:1fr; } .category-grid a { min-height:255px; } .category-grid strong { font-size:48px; } }
.hero h1 { color:transparent; background:linear-gradient(110deg,#9d9d9d 0%,#f4f4f4 17%,#b5b5b5 30%,#fff 46%,#929292 62%,#e8e8e8 78%,#a7a7a7 100%); background-size:240% 100%; -webkit-background-clip:text; background-clip:text; animation:ultimond-light 7s ease-in-out infinite; filter:drop-shadow(0 7px 13px rgba(0,0,0,.42)); }
.hero h1:not(:has(em)) { position:relative; }
.hero h1 em { background:none; }
@keyframes ultimond-light { 0%,100% { background-position:0% 50%; } 50% { background-position:100% 50%; } }
.products .section-head { position:relative; overflow:hidden; isolation:isolate; }
.products .section-head:before { content:''; position:absolute; width:540px; height:540px; left:-118px; bottom:-398px; z-index:-1; opacity:.8; transform-origin:50% 50%; background:repeating-radial-gradient(circle, transparent 0 54px, rgba(220,220,220,.13) 55px 56px, transparent 57px 112px), conic-gradient(from 0deg, transparent 0deg 291deg, rgba(255,32,32,.02) 292deg, rgba(255,32,32,.36) 325deg, transparent 358deg); animation:ultimond-sonar 8s linear infinite; }
.products .section-head > div { position:relative; z-index:1; }
.products .section-head h2 { text-shadow:0 0 24px rgba(255,255,255,.08); }
@keyframes ultimond-sonar { to { transform:rotate(360deg); } }
.category-grid strong { opacity:0; animation:module-title-in .72s cubic-bezier(.2,.7,.2,1) forwards; }
.category-grid > a:nth-child(1) strong { animation-delay:.15s; }
.category-grid > a:nth-child(2) strong { animation-delay:.38s; }
.category-grid > a:nth-child(3) strong { animation-delay:.61s; }
.category-grid > a:nth-child(4) strong { animation-delay:.84s; }
@keyframes module-title-in { from { opacity:0; transform:translateY(14px); filter:blur(5px); } to { opacity:1; transform:translateY(0); filter:blur(0); } }
@media (prefers-reduced-motion:reduce) { .category-grid strong { animation:none; opacity:1; } }
.manifest-hero { min-height:72vh; padding:13vw 10vw 9vw; position:relative; overflow:hidden; background:radial-gradient(circle at 78% 38%,rgba(255,255,255,.1),transparent 16%),linear-gradient(118deg,#090909 55%,#1a1a1a); }
.manifest-hero:after { content:'U'; position:absolute; right:8vw; bottom:-15vw; font:900 64vw/1 var(--sans); color:transparent; -webkit-text-stroke:1px #333; opacity:.55; }
.manifest-hero > * { position:relative; z-index:1; }.manifest-hero h1,.manifest-close h2 { font:600 clamp(75px,12vw,194px)/.76 'Barlow Condensed',sans-serif; letter-spacing:-.05em; margin:0; }.manifest-hero h1 { max-width:720px; }.manifest-hero h1 em,.manifest-close h2 em { color:transparent; font-style:normal; -webkit-text-stroke:1px #d8d8d8; }.manifest-hero > p:last-child { max-width:430px; font:15px/1.7 var(--mono); margin:42px 0 0; }.manifest-index { position:absolute; top:14vw; right:10vw; font:10px var(--mono); color:#a1a1a1; }.manifest-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid #333; border-left:1px solid #333; }.manifest-grid article { min-height:320px; padding:34px; border-right:1px solid #333; border-bottom:1px solid #333; position:relative; }.manifest-grid p { margin:0; font:10px var(--mono); color:var(--red); }.manifest-grid h2 { font:600 clamp(44px,5vw,82px)/.82 'Barlow Condensed',sans-serif; margin:42px 0 0; letter-spacing:-.035em; }.manifest-grid div { position:absolute; right:34px; bottom:34px; width:min(44%,285px); font:12px/1.7 var(--mono); color:#aaa; }.manifest-grid .manifest-code { background:#e2e2e2; color:#080808; grid-column:span 2; }.manifest-code p { color:#a00000; }.manifest-code div { color:#333; }.manifest-code span { position:absolute; bottom:34px; left:34px; font:11px/1.8 var(--mono); letter-spacing:.08em; }.manifest-close { padding:130px 10vw; text-align:center; }.manifest-close h2 { margin:16px 0 45px; }.manifest-close h2 em { -webkit-text-stroke:1px #ddd; }@media(max-width:800px){.manifest-hero{padding:130px 7vw 90px;min-height:620px}.manifest-index{top:95px;right:7vw}.manifest-grid{grid-template-columns:1fr}.manifest-grid article{min-height:310px;padding:25px}.manifest-grid div{left:25px;right:auto;bottom:26px;width:80%}.manifest-grid .manifest-code{grid-column:span 1}.manifest-close{padding:90px 7vw}.manifest-code span{left:25px;bottom:25px}}
.tshirt-category > span { z-index:2; }