/** Shopify CDN: Minification failed

Line 28:0 All "@import" rules must come first
Line 30:188 Expected ")" to end URL token
Line 31:188 Expected ")" to end URL token
Line 62:187 Expected ")" to end URL token
Line 64:177 Expected ")" to end URL token
Line 98:188 Expected ")" to end URL token
Line 113:186 Expected ")" to end URL token
Line 200:1997 Expected identifier but found whitespace
Line 200:2001 Expected identifier but found "."
Line 282:39 Expected "}" to go with "{"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:outsiders-trust-strip (INDEX:114) */
.outsiders-trust-strip { background: var(--outsiders-trust-bg); color: var(--outsiders-trust-text); padding: clamp(20px, 4vw, 42px) clamp(16px, 5vw, 64px); }
.outsiders-trust-strip__inner { max-width: 1180px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: rgba(0,0,0,.15); border-radius: 18px; overflow: hidden; }
.outsiders-trust-strip__inner span { background: rgba(255,255,255,.74); padding: 18px; text-align: center; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; font-weight: 900; }
@media (max-width: 900px) { .outsiders-trust-strip__inner { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .outsiders-trust-strip__inner { grid-template-columns: 1fr; } }
/* END_SECTION:outsiders-trust-strip */

/* START_SECTION:outsiders-worlds-home (INDEX:115) */
@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&display=swap');
.outsiders-worlds { position: relative; overflow: hidden; background: var(--outsiders-bg); color: var(--outsiders-text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.outsiders-worlds::before { content: ""; position: absolute; z-index: 0; top: 58vh; right: max(-220px, -8vw); width: min(1280px, 102vw); aspect-ratio: 1160 / 450; background-image: url({{ 'outsiders-skele-wordmark-clean.jpg' | asset_url }}); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .32; mix-blend-mode: multiply; pointer-events: none; transform: rotate(-5deg); filter: contrast(1.12); }
.outsiders-worlds::after { content: ""; position: absolute; z-index: 0; bottom: 6%; left: max(-300px, -12vw); width: min(1260px, 100vw); aspect-ratio: 1160 / 450; background-image: url({{ 'outsiders-skele-wordmark-clean.jpg' | asset_url }}); background-repeat: no-repeat; background-size: contain; background-position: center; opacity: .24; mix-blend-mode: multiply; pointer-events: none; transform: rotate(7deg); filter: contrast(1.08); }
.outsiders-worlds > * { position: relative; z-index: 1; }
.outsiders-worlds a { color: inherit; text-decoration: none; }
.outsiders-worlds__hero { min-height: 72vh; position: relative; overflow: hidden; display: grid; align-items: end; background: #1d1b16; }
.outsiders-worlds__hero-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.outsiders-worlds__hero-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 7, 5, .76), rgba(8, 7, 5, .25) 55%, rgba(8, 7, 5, .48)); }
.outsiders-worlds__hero-content { position: relative; z-index: 2; max-width: 760px; padding: clamp(32px, 7vw, 92px); padding-bottom: clamp(72px, 10vw, 132px); color: #fff !important; text-shadow: 0 2px 18px rgba(0,0,0,.38); }
.outsiders-worlds__eyebrow, .outsiders-worlds__intro p, .outsiders-worlds__products-head p { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 800; margin: 0 0 14px; color: var(--outsiders-accent) !important; }
.outsiders-worlds__heading { font-size: clamp(48px, 8vw, 108px); line-height: .88; letter-spacing: -.06em; margin: 0; max-width: 760px; color: #fff !important; opacity: 1 !important; }
.outsiders-worlds__subheading { display: none; }
.outsiders-worlds__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 30px; }
.outsiders-worlds__button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0 20px; border: 1px solid currentColor; border-radius: 999px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; font-weight: 900; transition: transform .2s ease, background .2s ease, color .2s ease; text-shadow: none; }
.outsiders-worlds__button:hover { transform: translateY(-2px); }
.outsiders-worlds__button--primary { background: #fff !important; color: #111 !important; border-color: #fff !important; }
.outsiders-worlds__button--secondary { color: #fff !important; border-color: rgba(255,255,255,.72) !important; background: rgba(0,0,0,.12); }
.outsiders-worlds__hero-marquee { position: relative; z-index: 2; overflow: hidden; width: 100vw; margin: 0 calc(50% - 50vw); background: #56cfe1; color: #fff; border-top: 1px solid rgba(255,255,255,.16); border-bottom: 1px solid rgba(23,20,15,.08); }
.outsiders-worlds__hero-marquee-track { display: flex; width: max-content; align-items: center; gap: clamp(14px, 2.4vw, 34px); padding: 12px 0; animation: outsiders-hero-marquee 26.5s linear infinite; will-change: transform; }
.outsiders-worlds__hero-marquee-track span { flex: 0 0 auto; font-size: clamp(12px, 1.05vw, 16px); line-height: 1; letter-spacing: .16em; text-transform: uppercase; font-weight: 700; white-space: nowrap; }
.outsiders-worlds__hero-marquee-track i { flex: 0 0 auto; font-style: normal; font-size: clamp(14px, 1.2vw, 18px); line-height: 1; opacity: .72; transform: translateY(-1px); }
@keyframes outsiders-hero-marquee { from { transform: translate3d(0,0,0); } to { transform: translate3d(-50%,0,0); } }

.outsiders-worlds__word-routes { position: relative; z-index: 2; display: flex; align-items: center; gap: clamp(18px, 3vw, 42px); overflow-x: auto; width: 100vw; margin: clamp(16px, 2.8vw, 34px) calc(50% - 50vw) 0; padding: 18px clamp(18px, 5vw, 70px); background: #f4efe4; border: 1px solid rgba(23,20,15,.09); border-left: 0; border-right: 0; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
.outsiders-worlds__word-routes::-webkit-scrollbar { display: none; }
.outsiders-worlds__word-routes a { flex: 0 0 auto; color: #17140f !important; font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-size: clamp(12px, 1vw, 15px); line-height: 1; letter-spacing: .14em; text-transform: uppercase; font-weight: 800; opacity: .86; }
.outsiders-worlds__word-routes a:hover { color: var(--outsiders-accent) !important; }
@media (min-width: 901px) {
  .outsiders-worlds__word-routes { justify-content: space-between; gap: 0; overflow: visible; padding-left: clamp(42px, 7vw, 138px); padding-right: clamp(42px, 7vw, 138px); }
  .outsiders-worlds__word-routes a { flex: 0 1 auto; text-align: center; }
  .outsiders-worlds__word-routes a:nth-child(n+5) { display: none; }
}
.outsiders-worlds__sunglasses-edit { position: relative; z-index: 2; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); padding: 0; background: #17140f; color: #fff !important; overflow: hidden; }
.outsiders-worlds__sunglasses-edit::before { content: ""; position: absolute; right: max(-260px, -10vw); top: -12%; width: min(1180px, 98vw); aspect-ratio: 1160 / 450; background: url({{ 'outsiders-skele-wordmark-clean.jpg' | asset_url }}) center / contain no-repeat; opacity: .05; filter: invert(1) contrast(1.2); transform: rotate(-6deg); pointer-events: none; }
.outsiders-worlds__sunglasses-stage { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr; align-items: stretch; width: 100%; max-width: none; margin: 0; min-height: clamp(500px, 50vw, 760px); }
.outsiders-worlds__sunglasses-visual { position: relative; grid-area: 1 / 1; display: block; min-height: inherit; overflow: hidden; border-radius: 0; background: #0f0d0a url({{ 'outsiders-sunglasses-beach-colour-hero.jpg' | asset_url }}) center / cover no-repeat; box-shadow: none; }
.outsiders-worlds__sunglasses-visual::before { content: ""; position: absolute; inset: -5%; background: inherit; filter: blur(16px) brightness(.72) saturate(1.12); transform: scale(1.06); pointer-events: none; }
.outsiders-worlds__sunglasses-visual img { position: absolute; z-index: 1; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: 42% center; filter: contrast(1.04) saturate(1.08) brightness(1.02); transition: transform .45s ease; }
.outsiders-worlds__sunglasses-visual:hover img { transform: scale(1.01); }
.outsiders-worlds__sunglasses-visual::after { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(270deg, rgba(244,239,228,.80), rgba(244,239,228,.52) 32%, rgba(244,239,228,.08) 58%, rgba(8,7,5,.02)), linear-gradient(180deg, rgba(243,108,33,.04), rgba(0,0,0,.08)); pointer-events: none; }
.outsiders-worlds__sunglasses-image-cta { display: none; }
.outsiders-worlds__mobile-vision-wording { display: none; }
.outsiders-worlds__sunglasses-badge { position: absolute; z-index: 2; left: 18px; bottom: 18px; display: inline-flex; min-height: 38px; align-items: center; padding: 0 15px; border-radius: 999px; background: rgba(255,255,255,.92); color: #17140f; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 950; }
.outsiders-worlds__sunglasses-copy { position: relative; grid-area: 1 / 1; z-index: 3; align-self: center; justify-self: end; width: min(620px, 50%); display: flex; flex-direction: column; justify-content: center; padding: clamp(34px, 4.4vw, 74px) clamp(24px, 4.2vw, 70px); text-shadow: none; transform: translateX(-22px) translateY(32px); transform-origin: left center; }
.outsiders-worlds__sunglasses-copy p, .outsiders-worlds__sunglasses-products-head p { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 950; margin: 0 0 14px; color: #17140f; }
.outsiders-worlds__sunglasses-copy h2 { margin: 0; max-width: 760px; color: #17140f !important; font-family: 'Rock Salt', 'Permanent Marker', 'Comic Sans MS', cursive !important; font-size: clamp(34px, 4.7vw, 72px); line-height: .98; letter-spacing: -.045em !important; text-transform: uppercase; font-weight: 400; transform: rotate(-2deg); }
.outsiders-worlds__sunglasses-brush-heading { display: block; width: min(560px, 100%); }
.outsiders-worlds__sunglasses-brush-heading span { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.outsiders-worlds__sunglasses-brush-heading img { display: block; width: min(560px, 100%); height: auto; filter: drop-shadow(0 2px 0 rgba(255,255,255,.26)) drop-shadow(0 12px 26px rgba(255,255,255,.18)); }
.outsiders-worlds__sunglasses-copy > span { display: block; max-width: 460px; margin-top: 14px; color: rgba(23,20,15,.78); font-size: clamp(14px, 1vw, 16px); line-height: 1.45; font-weight: 650; }
.outsiders-worlds__sunglasses-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 18px; }
.outsiders-worlds__sunglasses-actions a { min-height: 38px; display: inline-flex; align-items: center; justify-content: center; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(255,255,255,.34); color: #fff !important; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; font-weight: 950; }
.outsiders-worlds__sunglasses-actions a:first-child { background: #fff; color: #17140f !important; border-color: #fff; }
.outsiders-worlds__frame-guide { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin-top: 16px; }
.outsiders-worlds__frame-guide a { display: flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 12px; border-radius: 999px; background: rgba(255,255,255,.09); border: 1px solid rgba(255,255,255,.16); color: #fff !important; }
.outsiders-worlds__frame-guide strong { font-size: 12px; letter-spacing: .1em; text-transform: uppercase; }
.outsiders-worlds__frame-guide small { color: rgba(255,255,255,.68); font-size: 12px; line-height: 1.35; }
.outsiders-worlds__sunglasses-products { position: relative; z-index: 1; max-width: 1320px; margin: clamp(16px, 2.6vw, 28px) auto 0; padding: clamp(12px, 1.5vw, 18px); border-radius: 20px; background: rgba(255,255,255,.10); border: 1px solid rgba(255,255,255,.14); }
.outsiders-worlds__sunglasses-products--lower { width: 100vw; max-width: none; margin: 0 calc(50% - 50vw) 0; padding: clamp(18px, 2.4vw, 30px) clamp(18px, 5vw, 70px) clamp(18px, 2.8vw, 34px); border-radius: 0 0 22px 22px; background: #17140f; border-color: rgba(23,20,15,.12); box-shadow: 0 22px 58px rgba(23,20,15,.10); }
.outsiders-worlds__sunglasses-products-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin-bottom: 16px; color: #fff !important; }
.outsiders-worlds__sunglasses-products-head h3 { margin: 0; max-width: 720px; color: #fff !important; font-size: clamp(20px, 2vw, 30px); line-height: .98; letter-spacing: -.05em; }
.outsiders-worlds__sunglasses-products-head a { color: #fff !important; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; font-weight: 950; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.outsiders-worlds__sunglasses-products .outsiders-worlds__product { flex-basis: min(178px, calc((100% - 112px) / 6)); padding: 9px; gap: 5px; background: rgba(255,255,255,.92); color: #17140f !important; }
.outsiders-worlds__sunglasses-products .outsiders-worlds__product-media { aspect-ratio: 4 / 3; }
.outsiders-worlds__sunglasses-products .outsiders-worlds__product span { font-size: 9px; color: rgba(23,20,15,.55); }
.outsiders-worlds__sunglasses-products .outsiders-worlds__product strong { font-size: 13px; line-height: 1.18; }
.outsiders-worlds__sunglasses-products .outsiders-worlds__product em { display: none; }
.outsiders-worlds__sunglasses-products .outsiders-worlds__product small { margin-top: 2px; color: rgba(23,20,15,.66); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; font-weight: 900; }
.outsiders-worlds__inner { position: relative; overflow: hidden; padding: clamp(30px, 5vw, 68px); }
.outsiders-worlds__inner::before { content: ""; position: absolute; z-index: 0; top: -18px; right: max(-150px, -7vw); width: min(980px, 92vw); aspect-ratio: 1160 / 450; background: url({{ 'outsiders-skele-wordmark-clean.jpg' | asset_url }}) center / contain no-repeat; opacity: .36; mix-blend-mode: multiply; filter: contrast(1.14); transform: rotate(-4deg); pointer-events: none; }
.outsiders-worlds__inner > * { position: relative; z-index: 1; }
.outsiders-worlds__intro, .outsiders-worlds__products-head { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.outsiders-worlds__intro h2, .outsiders-worlds__products-head h2 { font-size: clamp(24px, 3vw, 42px); letter-spacing: -.04em; line-height: 1; margin: 0; max-width: 620px; }
.outsiders-worlds__intro a, .outsiders-worlds__products-head a { font-size: 12px; letter-spacing: .13em; text-transform: uppercase; font-weight: 900; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.outsiders-worlds__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.outsiders-worlds__card, .outsiders-worlds__card:nth-child(1), .outsiders-worlds__card:nth-child(2), .outsiders-worlds__card:nth-child(3), .outsiders-worlds__card:nth-child(4), .outsiders-worlds__card:nth-child(5) { min-height: 320px; grid-column: auto; position: relative; overflow: hidden; border-radius: 0; background: #e8e0d2; border: 1px solid rgba(23,20,15,.12); }
.outsiders-worlds__card-link { display: block; height: 100%; min-height: inherit; }
.outsiders-worlds__card-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transform: scale(1.01); transition: transform .45s ease; filter: saturate(.92); }
.outsiders-worlds__card:hover .outsiders-worlds__card-image { transform: scale(1.04); }
.outsiders-worlds__card-shade { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.10) 54%, rgba(0,0,0,.46)); }
.outsiders-worlds__card-content { position: absolute; left: 14px; right: 14px; bottom: 14px; color: #fff !important; z-index: 2; text-shadow: 0 1px 10px rgba(0,0,0,.35); }
.outsiders-worlds__card-content p, .outsiders-worlds__card-content span { display: none; }
.outsiders-worlds__card-content h3 { font-size: clamp(18px, 1.7vw, 26px); line-height: 1; letter-spacing: -.03em; margin: 0; color: #fff !important; opacity: 1 !important; }
.outsiders-worlds__shirt-feature { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(280px, .82fr) minmax(300px, 1fr); align-items: stretch; gap: clamp(16px, 3vw, 34px); margin-top: clamp(28px, 5vw, 62px); padding: clamp(14px, 2.4vw, 24px); background: rgba(255,255,255,.58); border: 1px solid rgba(23,20,15,.12); border-radius: 28px; box-shadow: 0 24px 70px rgba(23,20,15,.07); overflow: hidden; }
.outsiders-worlds__shirt-feature::before { content: ""; position: absolute; z-index: 0; inset: auto -14% -28% auto; width: min(760px, 72vw); aspect-ratio: 1160 / 450; background: url({{ 'outsiders-skele-wordmark-clean.jpg' | asset_url }}) center / contain no-repeat; opacity: .16; mix-blend-mode: multiply; transform: rotate(-5deg); pointer-events: none; }
.outsiders-worlds__shirt-image-wrap, .outsiders-worlds__shirt-copy { position: relative; z-index: 1; }
.outsiders-worlds__shirt-image-wrap { display: block; min-height: clamp(320px, 40vw, 540px); overflow: hidden; border-radius: 20px; background: #ece6da; }
.outsiders-worlds__shirt-image { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform .45s ease; }
.outsiders-worlds__shirt-image-wrap:hover .outsiders-worlds__shirt-image { transform: scale(1.03); }
.outsiders-worlds__shirt-copy { display: flex; flex-direction: column; justify-content: center; padding: clamp(10px, 4vw, 54px); }
.outsiders-worlds__shirt-copy p { font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 900; margin: 0 0 14px; color: var(--outsiders-accent); }
.outsiders-worlds__shirt-copy h2 { font-size: clamp(34px, 5vw, 76px); line-height: .92; letter-spacing: -.06em; margin: 0; max-width: 760px; }
.outsiders-worlds__shirt-copy span { display: block; max-width: 460px; margin-top: 18px; color: rgba(23,20,15,.74); font-size: 15px; line-height: 1.55; }
.outsiders-worlds__shirt-copy a { align-self: flex-start; margin-top: 26px; min-height: 44px; display: inline-flex; align-items: center; justify-content: center; padding: 0 18px; border-radius: 999px; background: #17140f; color: #fff !important; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; font-weight: 900; }
.outsiders-worlds__kit-features { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; margin-top: 16px; }
.outsiders-worlds__kit-card { position: relative; min-height: clamp(320px, 33vw, 470px); overflow: hidden; border-radius: 24px; border: 1px solid rgba(23,20,15,.12); background: #e8e0d2; box-shadow: 0 20px 56px rgba(23,20,15,.06); transition: transform .24s ease, border-color .24s ease; }
.outsiders-worlds__products-actions { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; justify-content: flex-end; }
.outsiders-worlds__product-controls { display: flex; gap: 8px; }
.outsiders-worlds__product-button { width: 38px; height: 38px; border-radius: 999px; border: 1px solid rgba(23,20,15,.18); background: rgba(255,255,255,.72); color: #17140f; font-weight: 900; cursor: pointer; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.outsiders-worlds__product-button:hover { transform: translateY(-2px); border-color: var(--outsiders-accent); background: #fff; }
.outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel { display: flex; gap: 16px; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; scroll-behavior: smooth; -webkit-overflow-scrolling: touch; padding: 0 2px 14px; scrollbar-color: rgba(23,20,15,.28) transparent; }
.outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel::-webkit-scrollbar { height: 7px; }
.outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel::-webkit-scrollbar-track { background: rgba(23,20,15,.07); border-radius: 999px; }
.outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel::-webkit-scrollbar-thumb { background: rgba(23,20,15,.28); border-radius: 999px; }
.outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex: 0 0 min(280px, calc((100% - 48px) / 4)); scroll-snap-align: start; }
.outsiders-worlds__kit-card:hover { transform: translateY(-4px); border-color: rgba(243,108,33,.55); }
.outsiders-worlds__kit-media, .outsiders-worlds__kit-media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.outsiders-worlds__kit-media img { object-fit: cover; transition: transform .46s ease; }
.outsiders-worlds__kit-card:hover .outsiders-worlds__kit-media img { transform: scale(1.045); }
.outsiders-worlds__kit-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.08) 44%, rgba(0,0,0,.68)); }
.outsiders-worlds__kit-copy { position: absolute; z-index: 2; left: 18px; right: 18px; bottom: 18px; display: grid; gap: 9px; color: #fff !important; text-shadow: 0 1px 14px rgba(0,0,0,.42); }
.outsiders-worlds__kit-copy em { font-style: normal; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 950; color: #56cfe1; }
.outsiders-worlds__kit-copy strong { max-width: 360px; font-size: clamp(22px, 2.4vw, 36px); line-height: .96; letter-spacing: -.05em; color: #fff !important; }
.outsiders-worlds__kit-copy small { justify-self: start; margin-top: 4px; min-height: 36px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.92); color: #17140f; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 950; text-shadow: none; }
.outsiders-worlds__cascade-feature { display: grid; grid-template-columns: minmax(280px, .74fr) minmax(360px, 1fr); gap: 16px; margin-top: clamp(28px, 5vw, 62px); }
.outsiders-worlds__cascade-scene, .outsiders-worlds__cascade-products, .outsiders-worlds__bag-banner { position: relative; overflow: hidden; border-radius: 24px; border: 1px solid rgba(23,20,15,.12); background: rgba(255,255,255,.68); box-shadow: 0 20px 56px rgba(23,20,15,.06); }
.outsiders-worlds__cascade-scene { min-height: 100%; background: #17140f; color: #fff !important; }
.outsiders-worlds__cascade-scene img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; filter: saturate(.1) contrast(1.05); transition: transform .45s ease; }
.outsiders-worlds__cascade-scene::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.02), rgba(0,0,0,.1) 45%, rgba(0,0,0,.68)); }
.outsiders-worlds__cascade-scene:hover img { transform: scale(1.035); }
.outsiders-worlds__cascade-scene-copy { position: absolute; z-index: 2; left: 22px; right: 22px; bottom: 22px; display: grid; gap: 10px; color: #fff !important; text-shadow: 0 1px 14px rgba(0,0,0,.42); }
.outsiders-worlds__cascade-scene-copy em, .outsiders-worlds__bag-copy em, .outsiders-worlds__cascade-head p { font-style: normal; font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 950; color: var(--outsiders-accent); margin: 0; }
.outsiders-worlds__cascade-scene-copy strong, .outsiders-worlds__bag-copy strong { max-width: 420px; font-size: clamp(30px, 4vw, 58px); line-height: .9; letter-spacing: -.06em; color: #fff !important; }
.outsiders-worlds__cascade-scene-copy small, .outsiders-worlds__bag-copy small { justify-self: start; min-height: 38px; display: inline-flex; align-items: center; padding: 0 14px; border-radius: 999px; background: rgba(255,255,255,.92); color: #17140f; font-size: 10px; letter-spacing: .14em; text-transform: uppercase; font-weight: 950; text-shadow: none; }
.outsiders-worlds__cascade-products { grid-column: 1 / -1; padding: clamp(16px, 2.4vw, 28px); }
.outsiders-worlds__cascade-head { display: flex; align-items: end; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.outsiders-worlds__cascade-head h2 { margin: 6px 0 0; font-size: clamp(26px, 3.4vw, 46px); line-height: .96; letter-spacing: -.05em; }
.outsiders-worlds__cascade-head a { flex: 0 0 auto; font-size: 11px; letter-spacing: .13em; text-transform: uppercase; font-weight: 900; border-bottom: 1px solid currentColor; padding-bottom: 5px; }
.outsiders-worlds__bag-banner { grid-column: 1 / -1; min-height: clamp(260px, 28vw, 420px); color: #fff !important; background: #17140f; }
.outsiders-worlds__bag-media, .outsiders-worlds__bag-media img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; }
.outsiders-worlds__bag-media img { object-fit: cover; object-position: center; transition: transform .45s ease; }
.outsiders-worlds__bag-banner:hover .outsiders-worlds__bag-media img { transform: scale(1.035); }
.outsiders-worlds__bag-banner::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(0,0,0,.68), rgba(0,0,0,.18) 55%, rgba(0,0,0,.05)); }
.outsiders-worlds__bag-copy { position: absolute; z-index: 2; left: clamp(20px, 4vw, 52px); bottom: clamp(20px, 4vw, 46px); display: grid; gap: 10px; max-width: 580px; color: #fff !important; text-shadow: 0 1px 16px rgba(0,0,0,.44); }
.outsiders-worlds__mod-bags { margin-top: clamp(28px, 5vw, 62px); padding: clamp(16px, 2.4vw, 28px); border-radius: 24px; border: 1px solid rgba(23,20,15,.12); background: rgba(255,255,255,.66); box-shadow: 0 20px 56px rgba(23,20,15,.06); }
.outsiders-worlds__mod-bags-head { display: flex; align-items: end; justify-content: space-between; gap: 22px; margin-bottom: 18px; }
.outsiders-worlds__mod-bags-head p { margin: 0 0 10px; color: var(--outsiders-accent); font-size: 11px; letter-spacing: .2em; text-transform: uppercase; font-weight: 950; }
.outsiders-worlds__mod-bags-head h2 { margin: 0; font-size: clamp(30px, 4vw, 58px); line-height: .92; letter-spacing: -.06em; }
.outsiders-worlds__mod-bags-head span { display: block; max-width: 620px; margin-top: 12px; color: rgba(23,20,15,.72); font-size: 15px; line-height: 1.5; }
.outsiders-worlds__mod-bags-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 8px; }
.outsiders-worlds__mod-bags-actions a { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; padding: 0 15px; border-radius: 999px; border: 1px solid rgba(23,20,15,.2); color: #17140f !important; background: rgba(255,255,255,.72); font-size: 11px; letter-spacing: .13em; text-transform: uppercase; font-weight: 950; }
.outsiders-worlds__mod-bags-actions a:first-child { background: #17140f; border-color: #17140f; color: #fff !important; }
.outsiders-worlds__mod-bags-showcase { display: grid; grid-template-columns: minmax(300px, .72fr) minmax(420px, 1fr); gap: 16px; align-items: stretch; }
.outsiders-worlds__mod-bags-visual { position: relative; min-height: 430px; overflow: hidden; border-radius: 18px; background: #17140f; color: #fff !important; }
.outsiders-worlds__mod-bags-visual img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 68%; transition: transform .42s ease; }
.outsiders-worlds__mod-bags-visual:hover img { transform: scale(1.035); }
.outsiders-worlds__mod-bags-visual::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.08) 45%, rgba(0,0,0,.58)); }
.outsiders-worlds__mod-bags-visual span { position: absolute; z-index: 2; left: 16px; bottom: 16px; min-height: 34px; display: inline-flex; align-items: center; padding: 0 13px; border-radius: 999px; background: rgba(255,255,255,.92); color: #17140f; font-size: 10px; letter-spacing: .13em; text-transform: uppercase; font-weight: 950; }
.outsiders-worlds__mod-bags-grid { margin-top: 0; }
.outsiders-worlds__mod-bag-product .outsiders-worlds__product-media { background: #f8f5ee; }
.outsiders-worlds__mod-bag-product .outsiders-worlds__product-image { object-fit: contain; object-position: center; padding: 8%; }
.outsiders-worlds__products { margin-top: clamp(36px, 6vw, 84px); }
.outsiders-worlds__products--lead { margin-top: 0; margin-bottom: clamp(30px, 5vw, 64px); }
.outsiders-worlds__quick-routes { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.outsiders-worlds__quick-routes a { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 15px; border-radius: 999px; border: 1px solid rgba(23,20,15,.18); background: rgba(255,255,255,.68); color: #17140f !important; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; font-weight: 900; transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.outsiders-worlds__quick-routes a:hover { transform: translateY(-2px); border-color: var(--outsiders-accent); background: #fff; }
.outsiders-worlds__intro--styles { margin-top: 0; }
.outsiders-worlds__product-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.outsiders-worlds__product { display: grid; gap: 8px; padding: 14px; background: rgba(255,255,255,.72); border: 1px solid rgba(30,28,22,.12); border-radius: 18px; transition: transform .2s ease, border-color .2s ease; }
.outsiders-worlds__product:hover { transform: translateY(-3px); border-color: var(--outsiders-accent); }
.outsiders-worlds__product-media { position: relative; aspect-ratio: 1 / 1; overflow: hidden; border-radius: 12px; background: #f3f0e9; }
.outsiders-worlds__product-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; background: #f3f0e9; transition: opacity .32s ease, transform .42s ease; }
.outsiders-worlds__product-image--secondary { opacity: 0; transform: scale(1.03); }
.outsiders-worlds__product--has-secondary:hover .outsiders-worlds__product-image--primary { opacity: 0; transform: scale(1.03); }
.outsiders-worlds__product--has-secondary:hover .outsiders-worlds__product-image--secondary { opacity: 1; transform: scale(1); }
.outsiders-worlds__product span { font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: rgba(0,0,0,.55); font-weight: 850; }
.outsiders-worlds__product strong { font-size: 15px; line-height: 1.25; }
.outsiders-worlds__product em { font-style: normal; font-size: 14px; }
.outsiders-worlds__trust { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; margin-top: clamp(34px, 5vw, 70px); background: rgba(0,0,0,.15); border-radius: 18px; overflow: hidden; }
.outsiders-worlds__trust span { background: rgba(255,255,255,.7); padding: 18px; text-align: center; font-size: 12px; letter-spacing: .11em; text-transform: uppercase; font-weight: 900; }
@media (max-width: 900px) { .outsiders-worlds::before { top: 64vh; right: -260px; width: 920px; opacity: .28; } .outsiders-worlds::after { left: -300px; width: 900px; opacity: .20; } .outsiders-worlds__intro, .outsiders-worlds__products-head { align-items: start; flex-direction: column; gap: 8px; margin-bottom: 12px; } .outsiders-worlds__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .outsiders-worlds__card, .outsiders-worlds__card:nth-child(1), .outsiders-worlds__card:nth-child(2), .outsiders-worlds__card:nth-child(3), .outsiders-worlds__card:nth-child(4), .outsiders-worlds__card:nth-child(5) { min-height: 220px; } .outsiders-worlds__shirt-feature { grid-template-columns: 1fr; } .outsiders-worlds__shirt-image-wrap { min-height: 360px; } .outsiders-worlds__kit-features { grid-template-columns: 1fr; } .outsiders-worlds__kit-card { min-height: 330px; } .outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex-basis: min(270px, calc((100% - 16px) / 2)); } .outsiders-worlds__product-grid, .outsiders-worlds__trust { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 560px) { .outsiders-worlds::before { top: 58vh; right: -180px; width: 700px; opacity: .30; transform: rotate(-8deg); } .outsiders-worlds::after { bottom: 12%; left: -250px; width: 720px; opacity: .22; } .outsiders-worlds__inner::before { top: 4px; right: -210px; width: 760px; opacity: .34; } .outsiders-worlds__hero { min-height: 48vh; } .outsiders-worlds__hero-content { padding: 24px 16px 30px; } .outsiders-worlds__heading { font-size: clamp(30px, 11vw, 44px); line-height: .94; letter-spacing: -.045em; max-width: 9ch; } .outsiders-worlds__actions { gap: 8px; margin-top: 18px; } .outsiders-worlds__button { min-height: 40px; padding: 0 14px; font-size: 10px; } .outsiders-worlds__inner { padding: 16px 12px 20px; } .outsiders-worlds__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; } .outsiders-worlds__card, .outsiders-worlds__card:nth-child(1), .outsiders-worlds__card:nth-child(2), .outsiders-worlds__card:nth-child(3), .outsiders-worlds__card:nth-child(4), .outsiders-worlds__card:nth-child(5) { min-height: 145px; } .outsiders-worlds__card-content { left: 10px; right: 10px; bottom: 10px; } .outsiders-worlds__card-content h3 { font-size: 17px; } .outsiders-worlds__shirt-feature { margin-top: 18px; padding: 10px; border-radius: 16px; gap: 12px; } .outsiders-worlds__shirt-feature::before { opacity: .12; width: 560px; right: -240px; bottom: -80px; } .outsiders-worlds__shirt-image-wrap { min-height: 300px; border-radius: 12px; } .outsiders-worlds__shirt-copy { padding: 10px 6px 12px; } .outsiders-worlds__shirt-copy h2 { font-size: 30px; } .outsiders-worlds__shirt-copy span { font-size: 13px; margin-top: 12px; } .outsiders-worlds__shirt-copy a { margin-top: 16px; min-height: 40px; font-size: 10px; } .outsiders-worlds__products { margin-top: 24px; } .outsiders-worlds__kit-features { gap: 10px; margin-top: 12px; } .outsiders-worlds__kit-card { min-height: 255px; border-radius: 16px; } .outsiders-worlds__products-actions { justify-content: fl... [truncated]
@media (max-width: 900px) { .outsiders-worlds__cascade-feature { grid-template-columns: 1fr; } .outsiders-worlds__cascade-scene { min-height: 420px; } .outsiders-worlds__bag-banner { min-height: 330px; } .outsiders-worlds__cascade-head, .outsiders-worlds__mod-bags-head { align-items: start; flex-direction: column; gap: 8px; } .outsiders-worlds__mod-bags-actions { justify-content: flex-start; } .outsiders-worlds__mod-bags-showcase { grid-template-columns: 1fr; } .outsiders-worlds__mod-bags-visual { min-height: 360px; } }
@media (max-width: 560px) { .outsiders-worlds__cascade-feature { gap: 10px; margin-top: 18px; } .outsiders-worlds__cascade-scene, .outsiders-worlds__cascade-products, .outsiders-worlds__bag-banner, .outsiders-worlds__mod-bags { border-radius: 16px; } .outsiders-worlds__cascade-scene { min-height: 310px; } .outsiders-worlds__cascade-scene-copy { left: 16px; right: 16px; bottom: 16px; } .outsiders-worlds__cascade-scene-copy strong, .outsiders-worlds__bag-copy strong { font-size: 32px; } .outsiders-worlds__cascade-products { padding: 12px; } .outsiders-worlds__cascade-head h2 { font-size: 28px; } .outsiders-worlds__product-grid--cascade { grid-template-columns: repeat(2, 1fr); gap: 8px; } .outsiders-worlds__bag-banner { min-height: 280px; } .outsiders-worlds__bag-media img { object-position: center; } .outsiders-worlds__bag-banner::after { background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.14) 44%, rgba(0,0,0,.76)); } .outsiders-worlds__bag-copy { left: 16px; right: 16px; bottom: 16px; } .outsiders-worlds__mod-bags { margin-top: 18px; padding: 12px; } .outsiders-worlds__mod-bags-head { margin-bottom: 12px; } .outsiders-worlds__mod-bags-head h2 { font-size: 30px; } .outsiders-worlds__mod-bags-head span { font-size: 12.5px; line-height: 1.45; margin-top: 9px; } .outsiders-worlds__mod-bags-actions a { min-height: 36px; padding: 0 11px; font-size: 9px; letter-spacing: .11em; } .outsiders-worlds__mod-bags-visual { min-height: 260px; border-radius: 14px; } }

@media (max-width: 900px) { .outsiders-worlds__sunglasses-stage { grid-template-columns: 1fr; } .outsiders-worlds__sunglasses-visual { min-height: 440px; } .outsiders-worlds__frame-guide { grid-template-columns: 1fr; } .outsiders-worlds__sunglasses-products-head { align-items: start; flex-direction: column; gap: 8px; } }
@media (max-width: 560px) { .outsiders-worlds__sunglasses-edit { padding: 16px 12px 20px; } .outsiders-worlds__sunglasses-visual { min-height: 300px; border-radius: 16px; } .outsiders-worlds__sunglasses-copy h2 { font-size: clamp(36px, 13vw, 52px); max-width: 9ch; } .outsiders-worlds__sunglasses-copy > span { margin-top: 14px; font-size: 13px; } .outsiders-worlds__sunglasses-actions { margin-top: 18px; gap: 8px; } .outsiders-worlds__sunglasses-actions a { min-height: 40px; padding: 0 13px; font-size: 10px; } .outsiders-worlds__frame-guide { margin-top: 18px; gap: 8px; } .outsiders-worlds__frame-guide a { padding: 12px; border-radius: 14px; } .outsiders-worlds__sunglasses-products { padding: 12px; border-radius: 16px; } .outsiders-worlds__sunglasses-products-head h3 { font-size: 25px; } }
/* Bossman mobile/tablet visibility fix
   Uses both media queries and a JS-added body class because some Shopify/mobile preview paths keep a wide layout viewport. */
@media (max-width: 1024px), (max-device-width: 820px), (hover: none) and (pointer: coarse) {
  .outsiders-worlds__sunglasses-stage { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; width: 100% !important; max-width: 100% !important; gap: 12px; }
  .outsiders-worlds__sunglasses-visual { width: 100% !important; min-height: 280px; border-radius: 16px; }
  .outsiders-worlds__sunglasses-copy { width: 100% !important; min-width: 0 !important; padding: 0; }
  .outsiders-worlds__sunglasses-copy h2 { font-size: clamp(34px, 9vw, 48px); max-width: 11ch; }
  .outsiders-worlds__frame-guide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .outsiders-worlds__sunglasses-products { display: block !important; width: 100% !important; max-width: 100% !important; margin-top: 12px; }
  .outsiders-worlds__sunglasses-products .outsiders-worlds__product { flex: 0 0 min(210px, 48vw); min-width: 150px; }
  .outsiders-worlds__mod-bags-showcase { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 10px; }
  .outsiders-worlds__mod-bags-visual { display: block; width: 100% !important; min-height: 330px; }
  .outsiders-worlds__mod-bags-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex: 0 0 min(250px, 62vw); min-width: 180px; }
}
body.outsiders-mobile-layout .outsiders-worlds__sunglasses-stage { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; width: 100% !important; max-width: 100% !important; gap: 12px !important; }
body.outsiders-mobile-layout .outsiders-worlds__sunglasses-visual { width: 100% !important; min-height: 280px !important; border-radius: 16px !important; }
body.outsiders-mobile-layout .outsiders-worlds__sunglasses-copy { width: 100% !important; min-width: 0 !important; padding: 0 !important; }
body.outsiders-mobile-layout .outsiders-worlds__sunglasses-copy h2 { font-size: clamp(34px, 9vw, 48px) !important; max-width: 11ch !important; }
body.outsiders-mobile-layout .outsiders-worlds__frame-guide { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
body.outsiders-mobile-layout .outsiders-worlds__sunglasses-products { display: block !important; width: 100% !important; max-width: 100% !important; margin-top: 12px !important; }
body.outsiders-mobile-layout .outsiders-worlds__sunglasses-products .outsiders-worlds__product { flex: 0 0 min(210px, 48vw) !important; min-width: 150px !important; }
body.outsiders-mobile-layout .outsiders-worlds__mod-bags-showcase { display: flex !important; flex-direction: column !important; grid-template-columns: none !important; gap: 10px !important; }
body.outsiders-mobile-layout .outsiders-worlds__mod-bags-visual { display: block !important; width: 100% !important; min-height: 330px !important; }
body.outsiders-mobile-layout .outsiders-worlds__mod-bags-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex: 0 0 min(250px, 62vw) !important; min-width: 180px !important; }

/* Bossman mobile polish */

@media (max-width: 560px) {

  .outsiders-worlds__word-routes { padding: 13px 12px; gap: 20px; }
  .outsiders-worlds__word-routes a { font-size: 12px; letter-spacing: .13em; font-weight: 800; }
  .outsiders-worlds__intro--styles { margin-top: 20px; }
  .outsiders-worlds__hero-marquee-track { padding: 9px 0; gap: 16px; animation-duration: 34s; }
  .outsiders-worlds__hero-marquee-track span { font-size: 11px; letter-spacing: .14em; }
  .outsiders-worlds__sunglasses-edit { margin-top: 12px; padding: 12px; border-radius: 16px; }
  .outsiders-worlds__sunglasses-stage { gap: 12px; }
  .outsiders-worlds__sunglasses-visual { min-height: 280px; border-radius: 14px; box-shadow: 0 16px 45px rgba(0,0,0,.24); }
  .outsiders-worlds__sunglasses-visual img { object-position: 42% center; filter: contrast(1.04) saturate(1.08) brightness(1.02); }
  .outsiders-worlds__sunglasses-visual::after { background: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,.03) 55%, rgba(0,0,0,.38)); }
  .outsiders-worlds__sunglasses-badge { left: 12px; bottom: 12px; min-height: 30px; padding: 0 11px; font-size: 9px; }
  .outsiders-worlds__sunglasses-copy { padding: 0; }
  .outsiders-worlds__sunglasses-copy p { margin-bottom: 8px; font-size: 10px; }
  .outsiders-worlds__sunglasses-copy h2 { font-size: clamp(29px, 9.5vw, 38px); line-height: .94; max-width: 11ch; letter-spacing: -.055em; }
  .outsiders-worlds__sunglasses-copy > span { margin-top: 10px; font-size: 12.5px; line-height: 1.45; }
  .outsiders-worlds__sunglasses-actions { margin-top: 13px; gap: 7px; }
  .outsiders-worlds__sunglasses-actions a { min-height: 36px; padding: 0 11px; font-size: 9px; letter-spacing: .11em; }
  .outsiders-worlds__frame-guide { grid-template-columns: repeat(2, minmax(0, 1fr)); margin-top: 12px; gap: 7px; }
  .outsiders-worlds__frame-guide a { padding: 10px; border-radius: 12px; }
  .outsiders-worlds__frame-guide strong { font-size: 12px; }
  .outsiders-worlds__frame-guide small { display: none; }
  .outsiders-worlds__sunglasses-products { display: block; margin-top: 0; padding: 12px; border-radius: 0 0 14px 14px; }
  .outsiders-worlds__sunglasses-products-head { margin-bottom: 10px; }
  .outsiders-worlds__sunglasses-products-head p { margin-bottom: 7px; font-size: 9px; }
  .outsiders-worlds__sunglasses-products-head h3 { font-size: 20px; line-height: 1; max-width: 12ch; }
  .outsiders-worlds__sunglasses-products-head a { font-size: 9px; padding-bottom: 3px; }
  .outsiders-worlds__sunglasses-products .outsiders-worlds__product { flex-basis: 46vw; min-width: 150px; padding: 8px; }
  .outsiders-worlds__sunglasses-products .outsiders-worlds__product strong { font-size: 11px; }
  .outsiders-worlds__sunglasses-products .outsiders-worlds__product span { display: none; }
  .outsiders-worlds__products-head { gap: 6px; }
  .outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel { gap: 10px; padding-bottom: 10px; }
  .outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex-basis: 58vw; }
  .outsiders-worlds__products--apparel .outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel { gap: 12px; scroll-padding-left: 2px; }
  .outsiders-worlds__products--apparel .outsiders-worlds__product-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex: 0 0 82vw; min-width: 260px; max-width: 340px; padding: 10px; border-radius: 18px; }
  .outsiders-worlds__products--apparel .outsiders-worlds__product-media { aspect-ratio: 4 / 5; border-radius: 13px; background: #e7dfd1; }
  .outsiders-worlds__products--apparel .outsiders-worlds__product-image { object-fit: cover; object-position: center; transform: scale(1.22); transform-origin: center; background: #e7dfd1; }
  .outsiders-worlds__products--apparel .outsiders-worlds__product--has-secondary:hover .outsiders-worlds__product-image--primary { transform: scale(1.26); }
  .outsiders-worlds__products--apparel .outsiders-worlds__product--has-secondary:hover .outsiders-worlds__product-image--secondary { transform: scale(1.22); }
  .outsiders-worlds__products--apparel .outsiders-worlds__product strong { font-size: 14px; line-height: 1.18; }
  .outsiders-worlds__products--apparel .outsiders-worlds__product span { font-size: 9px; }
  .outsiders-worlds__mod-bags { margin-top: 18px; padding: 12px; }
  .outsiders-worlds__mod-bags-showcase { display: grid; grid-template-columns: 1fr; gap: 10px; }
  .outsiders-worlds__mod-bags-visual { display: block; min-height: 330px; border-radius: 14px; }
  .outsiders-worlds__mod-bags-grid.outsiders-worlds__product-grid--carousel .outsiders-worlds__product { flex-basis: 62vw; min-width: 180px; }
  .outsiders-worlds__quick-routes { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }
  .outsiders-worlds__quick-routes a { flex: 0 0 auto; min-height: 34px; padding: 0 12px; font-size: 10px; }
}
/* END_SECTION:outsiders-worlds-home */