/* The world has feathered edges; the skis are separate, original photographic objects. */
.collection-head { overflow:clip; padding-top:120px; padding-bottom:120px; }
.collection-head .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:100px 64px; }
.collection-head .section-heading { margin-bottom:94px; }
.card-heading-actions { display:flex; flex-direction:column; align-items:flex-end; gap:20px; }
.world-card { --card-scroll:0; --card-x:0; --card-y:0; isolation:isolate; }
.world-card:focus-within { z-index:3; }
.world-card .product-visual-wrap { filter:none; }
.world-card .product-visual { height:560px; overflow:visible; perspective:1000px; }
.world-card:nth-child(n) .product-visual { background:none; box-shadow:none; border:0; }
.world-card .product-visual:after { content:none; }
.card-world-bleed { position:absolute; inset:-62px -38px -22px; overflow:hidden; pointer-events:none; mask-image:linear-gradient(90deg,transparent,#000 11%,#000 89%,transparent),linear-gradient(0deg,transparent,#000 20%,#000 79%,transparent); mask-composite:intersect; }
.card-world-field { position:absolute; inset:-28px; transform:translate3d(calc(var(--card-x) * -14px),calc(var(--card-scroll) * 32px),0) scale(1.03); transition:transform .7s cubic-bezier(.16,1,.3,1); }
.world-card .product-visual .card-world-image { position:absolute; inset:0; width:100%; height:100%; max-width:none; object-fit:cover; object-position:var(--card-world-position,50% 50%); filter:none; mix-blend-mode:normal; transform:none; transition:none; opacity:.84; }
.card-world-field:after { content:''; position:absolute; inset:0; background:linear-gradient(0deg,#030a12b3,transparent 42%,#030a1230); }
.card-ski-pair { position:absolute; inset:0; z-index:1; pointer-events:none; transform:translate3d(calc(var(--card-x) * 12px),calc(var(--card-scroll) * -22px),0) rotateX(calc(var(--card-y) * -3deg)) rotateY(calc(var(--card-x) * 6deg)); transition:transform .65s cubic-bezier(.16,1,.3,1); }
.card-ski { position:absolute; height:106%; top:-6%; width:auto; filter:drop-shadow(10px 22px 13px #000b); transform-origin:50% 72%; transition:transform .7s cubic-bezier(.16,1,.3,1); }
.card-ski-0 { left:calc(50% - 60px); transform:translateX(-50%) rotate(calc(-11deg - var(--card-scroll) * 4deg)); }
.card-ski-1 { left:calc(50% + 48px); transform:translateX(-50%) rotate(calc(9deg + var(--card-scroll) * 5deg)); }
.card-ski-pixels { position:absolute; inset:0; }
.world-card .product-visual .card-ski-pixels img { position:absolute; max-width:none; object-fit:fill; mix-blend-mode:normal; transform:none; transition:none; filter:none; user-select:none; }
.card-clip-defs { position:absolute; }
.world-card .product-visual .card-original-fallback { object-fit:contain; mix-blend-mode:normal; }
.world-card .card-category { top:8px; left:4px; padding:8px 10px; color:#e4eff7!important; background:#06111ddd; font-size:10px; z-index:2; }
.world-card .card-save { top:0; right:0; color:#e4eff7; background:#06111ddd; z-index:3; }
.world-card .card-save:hover,.world-card .card-save[aria-pressed=true] { color:var(--card-accent); background:#102232; }
.world-card .card-meta { position:relative; z-index:2; padding:35px 0 17px; }
.world-card .card-title h3 { font-size:36px; }
.world-card .card-title>span { font-size:15px; }
.world-card .card-meta p { font-size:13px; line-height:1.6; }
.world-card .card-footer { position:relative; z-index:2; flex-direction:row; align-items:center; gap:14px; }
.world-card a:focus-visible,.world-card button:focus-visible { outline:2px solid var(--card-accent); outline-offset:6px; }
.card-motion-toggle { display:inline-flex; align-items:center; justify-content:center; gap:9px; padding:10px 0; min-height:44px; font-size:10px; letter-spacing:.06em; color:#b7cfdf; }
.card-motion-toggle svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.5; }
.card-motion-toggle:hover { color:var(--ink); }
.card-motion-toggle[hidden] { display:none; }
.catalog { overflow:clip; }
.catalog .product-grid { gap:90px 42px; padding-top:45px; }
.catalog .world-card .product-visual { height:470px; }
.catalog .world-card .card-title h3 { font-size:29px; }
.catalog .world-card .card-footer { flex-wrap:wrap; }
@media (hover:hover) and (pointer:fine) {
  .world-card[data-card-motion=on]:hover { z-index:3; }
  .world-card[data-card-motion=on]:hover .card-world-field { transform:translate3d(calc(var(--card-x) * -14px),calc(var(--card-scroll) * 32px),0) scale(1.11); }
  .world-card[data-card-motion=on]:hover .card-ski-0 { transform:translateX(-50%) translateY(-10px) rotate(-17deg); }
  .world-card[data-card-motion=on]:hover .card-ski-1 { transform:translateX(-50%) translateY(-16px) rotate(14deg); }
}
.world-card[data-card-motion=on]:focus-within .card-world-field { transform:scale(1.08); }
.world-card[data-card-motion=off] .card-ski-pair,.world-card[data-card-motion=off] .card-world-field,.world-card[data-card-motion=off] .card-ski { transition:none; }
@media (max-width:1100px) {
  .collection-head .product-grid { gap:80px 40px; }
  .world-card .product-visual { height:490px; }
  .catalog .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .card-heading-actions { align-items:flex-start; }
}
@media (max-width:760px) {
  .collection-head { padding-top:80px; padding-bottom:85px; }
  .collection-head .section-heading { margin-bottom:70px; }
  .collection-head .product-grid,.catalog .product-grid { grid-template-columns:1fr; gap:78px; }
  .card-heading-actions { gap:10px; margin-top:10px; }
  .world-card .product-visual,.catalog .world-card .product-visual { height:460px; }
  .card-world-bleed { inset:-48px -26px -18px; }
  .card-ski-0 { left:calc(50% - 43px); }
  .card-ski-1 { left:calc(50% + 35px); }
  .world-card .card-meta { padding-top:30px; }
  .world-card .card-title h3,.catalog .world-card .card-title h3 { font-size:32px; }
  .world-card .card-footer { font-size:11px; }
  .catalog .product-grid { padding-top:35px; }
  .catalog-summary { flex-wrap:wrap; gap:10px; }
}
@media (prefers-reduced-motion:reduce) {
  .world-card .card-world-field,.world-card .card-ski-pair { transform:none!important; transition:none; }
  .world-card .card-ski { transition:none; }
  .card-motion-toggle { display:none; }
}