@import url("cyber-type.css");
@import url("signal-accents.css");
@import url("hero-modules.css");
@import url("hero-copy-signal.css");
@import url("back-to-top.css");
@import url("site-search.css");
@import url("split-hero.css");
@import url("video-trigger.css?v=3");
@import url("ultimond-cursor.css");
@import url("fit-guide.css");
.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; }
.hero-copy h1{color:#f1f1f1!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important;-webkit-text-fill-color:#f1f1f1!important;animation:none!important;filter:none!important;text-shadow:none!important}

/* Keep filled display titles legible above Astra's inherited dark heading color. */
.products .section-head h2,
.product-explore h2,
.product-copy h1,
.collection-hero h1,
.manifest-hero h1,
.manifest-grid article:not(.manifest-code) h2,
.manifest-close h2,
.fit-models h2 {
  color: #fff;
}
/* Keep the collection CTA legible on hover and keyboard focus. */
.hero-copy a.button:hover,.hero-copy a.button:focus-visible{background:#ff303a!important;color:#080808!important}
.hero-copy a.button:hover b,.hero-copy a.button:focus-visible b{color:#080808!important}
.hero-copy a.button:focus-visible{outline:2px solid #fff;outline-offset:3px}/* Keep the club title from overlapping its caption. */.club h2 { line-height: 1; margin-bottom: 24px; color: #fff; }

/* NIGHT UNIT editorial feature, home page only. */
.campaign-feature{display:grid;grid-template-columns:minmax(280px,31%) minmax(0,1fr);min-height:620px;border-block:1px solid #343434;background:#0b0b0b}
.campaign-feature__intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(32px,5vw,88px);border-right:1px solid #343434}
.campaign-feature__intro .eyebrow{color:#ff303a}
.campaign-feature__intro h2{margin:0;color:#fff;font:600 clamp(62px,7vw,128px)/.82 sans-serif;letter-spacing:-.035em;text-transform:uppercase}
.campaign-feature__intro h2 span{display:block;color:transparent;-webkit-text-stroke:1px #d8d8d8}
.campaign-feature__intro>p:not(.eyebrow){max-width:320px;margin:28px 0 38px;color:#d2d2d2;font:13px/1.7 var(--mono)}
.campaign-feature__intro>a{display:inline-flex;align-items:center;gap:22px;padding-bottom:9px;border-bottom:1px solid #ff303a;color:#fff;font:11px var(--mono);letter-spacing:.08em;text-decoration:none}
.campaign-feature__intro>a span{color:#ff303a;font-size:18px}
.campaign-feature__intro>a:hover,.campaign-feature__intro>a:focus-visible{color:#ff303a}
.campaign-feature__visual{position:relative;display:block;min-height:620px;overflow:hidden;background:#161616}
.campaign-feature__visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.campaign-feature__code{position:absolute;right:22px;bottom:20px;padding:7px 9px;background:rgba(8,8,8,.78);color:#fff;font:10px var(--mono);letter-spacing:.08em}
@media(max-width:800px){.campaign-feature{grid-template-columns:1fr}.campaign-feature__intro{border-right:0;border-bottom:1px solid #343434;padding:52px 7vw}.campaign-feature__intro h2{font-size:clamp(64px,15vw,104px)}.campaign-feature__visual{min-height:0;aspect-ratio:4/5}.campaign-feature__visual img{width:200%;max-width:none;object-fit:fill}}
/* Fit the unbroken club statement within narrow mobile screens. */
@media(max-width:480px){.club h2{font-size:min(70px,15.5vw)}}

/* Home display heading weight. */
#shop .section-head h2,
.campaign-feature__intro #campaign-title { font-weight: 400; }

/* Homepage selected goods: transmission copy beside the existing title. */
#shop .section-head { gap: 32px; }
#shop .section-head > div:first-child { flex-shrink: 0; }
#shop .new-transmission { margin-left: auto; max-width: 350px; min-width: 0; }
#shop .new-transmission p { margin: 0 0 14px; color: #bcbcbc; font: 400 16px/1.65 var(--sans); }
#shop .new-transmission .new-transmission__code { color: var(--red); font: 12px/1.6 var(--mono); }
#shop .new-transmission strong { color: #f0f0f0; font: 500 14px/1.6 var(--mono); }
#shop .section-head > a { flex-shrink: 0; }
@media (max-width: 800px) {
  #shop .section-head { flex-direction: column; align-items: flex-start; gap: 24px; }
  #shop .new-transmission { margin-left: 0; max-width: 100%; }
}
/* Manifest close: 65% of original clamp(75px,12vw,194px). */
.manifest-page .manifest-close h2 {
  font-size: clamp(48.75px, 7.8vw, 126.1px);
  max-width: 100%;
  overflow-wrap: anywhere;
}
/* Collection display titles: 65% of the original sizes, never compounded. */
.campaign-feature__intro #campaign-title { font-size: clamp(40.3px, 4.55vw, 83.2px); max-width: 100%; overflow-wrap: anywhere; }
.hero .hero-copy h1.ultimond-collection-title { font-size: clamp(41.6px, 5.72vw, 100.1px) !important; max-width: 100%; overflow-wrap: anywhere; }
@media (max-width: 800px) {
  .campaign-feature__intro #campaign-title { font-size: clamp(41.6px, 9.75vw, 67.6px); }
  .hero .hero-copy h1.ultimond-collection-title { font-size: clamp(37.7px, 10.4vw, 55.25px) !important; }
}