/* Johannson Fisheries — Lake Catalog */
.jf-northstar-catalog,
.jf-northstar-catalog *{box-sizing:border-box}
.jf-northstar-catalog{
  --jf-reel-width:100%;
  --jf-reel-bleed:0px;
  --jf-reel-x:0px;
  --jf-reel-y:0px;
  --jf-reel-index:0;
  position:relative;
  width:var(--jf-reel-width);
  max-width:none;
  margin-left:var(--jf-reel-bleed);
  overflow:hidden;
  isolation:isolate;
  color:#f1eadc;
  background:#080b0c;
  font-family:Arial,Helvetica,sans-serif;
}
.jf-northstar-catalog::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-3;
  background:
    radial-gradient(circle at calc(72% + var(--jf-reel-x)) calc(48% + var(--jf-reel-y)),rgba(39,105,126,.28),transparent 34%),
    radial-gradient(circle at 22% 85%,rgba(31,83,102,.18),transparent 31%),
    linear-gradient(115deg,#090c0d 0%,#0b1012 44%,#071317 100%);
}
.jf-northstar-catalog::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.34;
  background:
    linear-gradient(112deg,transparent 0 49%,rgba(111,167,184,.11) 49% calc(49% + 1px),transparent calc(49% + 1px)),
    radial-gradient(ellipse at 76% 48%,transparent 0 39%,rgba(111,167,184,.07) 39% calc(39% + 1px),transparent calc(39% + 1px));
  mask-image:linear-gradient(90deg,transparent,#000 42%,#000 88%,transparent);
}
.jf-northstar-catalog__ambient{
  position:absolute;
  inset:0;
  z-index:-2;
  pointer-events:none;
}
.jf-northstar-catalog__ambient span{
  position:absolute;
  border:1px solid rgba(111,167,184,.08);
  border-radius:50%;
}
.jf-northstar-catalog__ambient span:nth-child(1){width:720px;height:720px;right:-240px;top:-250px}
.jf-northstar-catalog__ambient span:nth-child(2){width:500px;height:500px;left:-330px;bottom:-280px}
.jf-northstar-catalog__ambient span:nth-child(3){width:3px;height:3px;left:38%;top:24%;border:0;background:#6fa7b8;box-shadow:180px 90px 0 rgba(111,167,184,.6),360px 280px 0 rgba(111,167,184,.34),-170px 390px 0 rgba(111,167,184,.28),520px 470px 0 rgba(111,167,184,.32)}
.jf-northstar-catalog__inner{
  width:min(1520px,100%);
  min-height:clamp(800px,86svh,980px);
  margin:0 auto;
  padding:clamp(74px,7vw,112px) clamp(26px,6vw,96px);
  display:grid;
  grid-template-columns:minmax(370px,.78fr) minmax(650px,1.22fr);
  gap:clamp(46px,5vw,94px);
  align-items:center;
}
.jf-northstar-catalog__copy{
  position:relative;
  z-index:7;
  max-width:580px;
  opacity:0;
  transform:translate3d(-34px,20px,0);
  transition:opacity .8s ease,transform 1s cubic-bezier(.16,.8,.24,1);
}
.jf-northstar-catalog.is-visible .jf-northstar-catalog__copy{opacity:1;transform:none}
.jf-northstar-catalog__eyebrow{
  display:flex;
  align-items:center;
  gap:13px;
  margin:0 0 26px;
  color:#6fa7b8;
  font-size:10px;
  font-weight:800;
  letter-spacing:.23em;
  text-transform:uppercase;
}
.jf-northstar-catalog__eyebrow::before{content:"";width:43px;height:1px;background:currentColor}
.jf-northstar-catalog__title{
  margin:0;
  color:#fff;
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(58px,6.4vw,108px);
  font-weight:400;
  letter-spacing:-.062em;
  line-height:.84;
}
.jf-northstar-catalog__title span{display:block}
.jf-northstar-catalog__title span:nth-child(2){color:#6fa7b8}
.jf-northstar-catalog__text{
  max-width:550px;
  margin:32px 0 33px;
  color:rgba(241,234,220,.78);
  font-size:clamp(15px,1.15vw,18px);
  line-height:1.72;
}
.jf-northstar-catalog__cta{
  display:inline-flex;
  align-items:center;
  gap:34px;
  min-height:57px;
  padding:15px 19px 15px 23px;
  border:1px solid rgba(111,167,184,.74);
  color:#fff!important;
  background:linear-gradient(90deg,#1f5366,#27697e);
  font-size:11px;
  font-weight:800;
  letter-spacing:.15em;
  text-decoration:none!important;
  text-transform:uppercase;
  transition:transform .25s ease,box-shadow .25s ease,background .25s ease;
}
.jf-northstar-catalog__cta i{
  display:grid;
  width:28px;
  height:28px;
  place-items:center;
  border:1px solid rgba(255,255,255,.32);
  font-size:17px;
  font-style:normal;
  font-weight:400;
  transition:transform .25s ease,background .25s ease;
}
.jf-northstar-catalog__cta:hover,
.jf-northstar-catalog__cta:focus-visible{transform:translateY(-3px);background:linear-gradient(90deg,#27697e,#307f96);box-shadow:0 14px 34px rgba(0,0,0,.28)}
.jf-northstar-catalog__cta:hover i,
.jf-northstar-catalog__cta:focus-visible i{transform:translateX(3px);background:rgba(255,255,255,.1)}
.jf-northstar-catalog__readout{
  display:block;
  width:max-content;
  max-width:100%;
  margin-top:48px;
  padding:12px 18px;
  border:1px solid rgba(111,167,184,.45);
  border-left:3px solid #6fa7b8;
  background:rgba(7,19,23,.72);
  box-shadow:0 10px 24px rgba(0,0,0,.2);
}
.jf-northstar-catalog__readout-label{display:block;color:#d5edf0;font-size:11px;font-weight:800;letter-spacing:.16em;line-height:1.2;text-transform:uppercase}
.jf-northstar-catalog__progress{display:none}
.jf-northstar-catalog__progress i{display:none}
.jf-northstar-catalog.is-cycling:not(.is-paused) .jf-northstar-catalog__progress i{animation:none}
@keyframes jfReelProgress{to{transform:scaleX(1)}}

.jf-northstar-catalog__machine{
  position:relative;
  width:min(720px,100%);
  aspect-ratio:1;
  justify-self:end;
  opacity:0;
  transform:translate3d(calc(60px + var(--jf-reel-x)),var(--jf-reel-y),0) rotate(8deg) scale(.92);
  transition:opacity .8s ease .14s,transform 1.2s cubic-bezier(.16,.8,.24,1) .08s;
}
.jf-northstar-catalog.is-visible .jf-northstar-catalog__machine{opacity:1;transform:translate3d(var(--jf-reel-x),var(--jf-reel-y),0) rotate(0) scale(1)}
.jf-northstar-catalog__dial{
  position:absolute;
  inset:6%;
  border:1px solid rgba(111,167,184,.24);
  border-radius:50%;
  box-shadow:inset 0 0 0 24px rgba(111,167,184,.018),0 0 90px rgba(31,83,102,.15);
}
.jf-northstar-catalog__dial::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  background:repeating-conic-gradient(from -90deg,rgba(111,167,184,.55) 0 .35deg,transparent .35deg 5deg);
  -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
  mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px));
  animation:jfReelDrift 42s linear infinite;
}
.jf-northstar-catalog__dial::after{
  content:"";
  position:absolute;
  inset:11%;
  border:1px solid rgba(111,167,184,.16);
  border-radius:50%;
  box-shadow:0 0 0 34px rgba(111,167,184,.018),0 0 0 35px rgba(111,167,184,.08);
}
@keyframes jfReelDrift{to{transform:rotate(360deg)}}
.jf-northstar-catalog__crosshair,
.jf-northstar-catalog__crosshair::before{
  position:absolute;
  content:"";
  left:50%;
  top:4%;
  width:1px;
  height:92%;
  background:linear-gradient(transparent,rgba(111,167,184,.12) 12%,rgba(111,167,184,.12) 88%,transparent);
}
.jf-northstar-catalog__crosshair::before{left:-46%;top:50%;width:92%;height:1px;transform:translate(-50%,-50%)}
.jf-northstar-catalog__indicator{
  position:absolute;
  z-index:5;
  left:50%;
  top:50%;
  width:46%;
  height:1px;
  transform-origin:left center;
  transform:rotate(calc(-90deg + var(--jf-reel-index) * 90deg));
  background:linear-gradient(90deg,rgba(111,167,184,.08),#6fa7b8 82%,transparent 82%);
  transition:transform 1s cubic-bezier(.2,.75,.2,1);
}
.jf-northstar-catalog__indicator::after{
  content:"";
  position:absolute;
  right:14%;
  top:50%;
  width:11px;
  height:11px;
  border:1px solid #6fa7b8;
  background:#071317;
  transform:translate(50%,-50%) rotate(45deg);
  box-shadow:0 0 0 6px rgba(111,167,184,.08),0 0 28px rgba(111,167,184,.5);
}
.jf-northstar-catalog__aperture{
  position:absolute;
  z-index:4;
  left:50%;
  top:50%;
  width:45%;
  height:72%;
  overflow:hidden;
  border-radius:18px 18px 42% 42% / 18px 18px 8% 8%;
  border:1px solid rgba(111,167,184,.16);
  background:radial-gradient(ellipse at center,#1a3b44 0%,#0c2027 64%,#071317 100%);
  transform:translate(-50%,-50%);
  box-shadow:0 34px 76px rgba(0,0,0,.48),0 0 0 10px rgba(6,20,24,.7),0 0 0 11px rgba(111,167,184,.09),0 0 70px 18px rgba(31,83,102,.16),inset 0 0 42px rgba(4,14,17,.7);
}
.jf-northstar-catalog__aperture::before{
  content:"";
  position:absolute;
  z-index:6;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(3,13,16,.94) 0%,rgba(3,13,16,.28) 8%,transparent 20%,transparent 80%,rgba(3,13,16,.32) 92%,rgba(3,13,16,.94) 100%),
    linear-gradient(180deg,rgba(3,13,16,.92) 0%,rgba(3,13,16,.18) 10%,transparent 22%,transparent 72%,rgba(3,13,16,.38) 88%,rgba(3,13,16,.96) 100%),
    radial-gradient(ellipse at center,transparent 46%,rgba(3,13,16,.34) 76%,rgba(3,13,16,.9) 100%),
    linear-gradient(150deg,rgba(28,88,112,.24),transparent 45%,rgba(3,15,19,.34));
  mix-blend-mode:normal;
}
.jf-northstar-catalog__aperture::after{
  content:"";
  position:absolute;
  z-index:7;
  left:0;
  right:0;
  top:-20%;
  height:18%;
  pointer-events:none;
  background:linear-gradient(transparent,rgba(180,226,234,.12),transparent);
  mix-blend-mode:screen;
  animation:jfReelScan 5.4s ease-in-out infinite;
}
@keyframes jfReelScan{55%,100%{transform:translateY(710%)}}
.jf-northstar-catalog__slide{
  position:absolute;
  inset:0;
  display:block;
  color:#fff!important;
  opacity:0;
  clip-path:inset(0 100% 0 0);
  transform:translate3d(28px,0,0) scale(1.04);
  transition:clip-path .85s cubic-bezier(.22,.76,.22,1),opacity .45s ease,transform 1s cubic-bezier(.22,.76,.22,1);
  pointer-events:none;
}
.jf-northstar-catalog__slide.is-active{z-index:9;opacity:1;clip-path:inset(0);transform:none;pointer-events:auto}
.jf-northstar-catalog__slide.is-leaving{z-index:8;opacity:0;clip-path:inset(0 0 0 100%);transform:translate3d(-28px,0,0) scale(.97)}
.jf-northstar-catalog__slide img{position:relative;z-index:1;width:100%;height:100%;max-width:none!important;object-fit:cover;filter:none;transform:scale(1.045);transition:transform 5.6s ease,filter .6s ease;mix-blend-mode:normal;opacity:1}
.jf-northstar-catalog__slide::before{content:"";position:absolute;z-index:4;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(4,18,23,.42) 0%,rgba(8,34,42,.18) 28%,rgba(3,13,16,.26) 62%,rgba(3,13,16,.88) 100%),radial-gradient(ellipse at 50% 46%,rgba(94,163,177,.22) 0%,rgba(18,66,79,.24) 42%,rgba(3,13,16,.78) 100%);box-shadow:inset 0 0 54px rgba(101,180,193,.22);mix-blend-mode:normal}
.jf-northstar-catalog__slide-copy{z-index:20!important}
.jf-northstar-catalog__slide.is-active img{transform:scale(1.105);filter:none;opacity:1}
.jf-northstar-catalog__slide--fishing img{object-position:50% 48%}
.jf-northstar-catalog__slide--fresh img{object-position:52% 34%}
.jf-northstar-catalog__slide--hunting img{object-position:50% 34%;filter:none}
.jf-northstar-catalog__slide--apparel img{object-position:50% 48%}
.jf-northstar-catalog__slide-copy{position:absolute;z-index:20;left:12px;right:12px;bottom:12px;padding:20px 20px 18px;border:1px solid rgba(255,255,255,.78);border-radius:3px;background:#030a0d;box-shadow:0 12px 30px rgba(0,0,0,.72),inset 0 1px 0 rgba(255,255,255,.2);text-shadow:0 2px 12px #000;color:#fff!important;-webkit-text-fill-color:#fff!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;isolation:isolate}
.jf-northstar-catalog__slide-copy small{display:block;margin-bottom:10px;color:#fff!important;-webkit-text-fill-color:#fff;font-size:10px;font-weight:900;letter-spacing:.18em;line-height:1.2;text-transform:uppercase;text-shadow:0 1px 8px rgba(0,0,0,.98)}
.jf-northstar-catalog__slide-copy strong{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;color:#fff!important;-webkit-text-fill-color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.3vw,38px);font-weight:600;letter-spacing:-.025em;line-height:1.08;-webkit-font-smoothing:antialiased}
.jf-northstar-catalog__slide-copy i{display:grid;flex:0 0 29px;width:29px;height:29px;place-items:center;border-top:1px solid #fff;border-right:1px solid #fff;color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:14px;font-style:normal}

.jf-northstar-catalog__index{
  position:absolute;
  z-index:20;
  display:flex;
  align-items:center;
  gap:0;
  padding:9px 12px;
  justify-content:center;
  text-align:center;
  border:1px solid rgba(111,167,184,.22);
  color:rgba(241,234,220,.72);
  background:#0b2027;
  font:inherit;
  cursor:pointer;
  transition:color .3s ease,transform .3s ease,background .3s ease;
}
.jf-northstar-catalog__index b{font-size:9px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
.jf-northstar-catalog__index::after{display:none}
.jf-northstar-catalog__index:hover,
.jf-northstar-catalog__index:focus-visible{color:#fff;background:rgba(31,83,102,.55)}
.jf-northstar-catalog__index.is-active{color:#fff;background:#164554;border-color:rgba(155,196,208,.68);box-shadow:0 0 0 4px rgba(7,19,23,.82)}
.jf-northstar-catalog__index--0{left:50%;top:0;transform:translateX(-50%)}
.jf-northstar-catalog__index--1{right:-2%;top:50%;transform:translateY(-50%);flex-direction:row-reverse}
.jf-northstar-catalog__index--2{left:50%;bottom:0;transform:translateX(-50%)}
.jf-northstar-catalog__index--3{left:-2%;top:50%;transform:translateY(-50%)}
.jf-northstar-catalog__index--1::after{display:none}
.jf-northstar-catalog__controls{display:none!important;position:absolute;z-index:9;right:8%;bottom:9%;display:flex;gap:7px}
.jf-northstar-catalog__control{display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(111,167,184,.32);color:#fff;background:rgba(7,19,23,.72);font-size:17px;cursor:pointer;transition:border-color .25s ease,background .25s ease,transform .25s ease}
.jf-northstar-catalog__control:hover,
.jf-northstar-catalog__control:focus-visible{border-color:#6fa7b8;background:#1f5366;transform:translateY(-2px)}

@media (max-width:1160px){
  .jf-northstar-catalog__inner{grid-template-columns:minmax(320px,.88fr) minmax(560px,1.12fr);gap:30px;padding-left:34px;padding-right:34px}
  .jf-northstar-catalog__machine{width:min(650px,100%)}
  .jf-northstar-catalog__title{font-size:clamp(56px,7vw,84px)}
  .jf-northstar-catalog__index--1{right:-3%}.jf-northstar-catalog__index--3{left:-3%}
}
@media (max-width:900px){
  .jf-northstar-catalog__inner{min-height:0;padding:78px 20px 84px;display:block}
  .jf-northstar-catalog__copy{max-width:720px}
  .jf-northstar-catalog__title{font-size:clamp(50px,14vw,78px);line-height:.88}
  .jf-northstar-catalog__text{max-width:650px;margin:25px 0 27px;font-size:15px}
  .jf-northstar-catalog__cta{width:100%;justify-content:space-between}
  .jf-northstar-catalog__readout{margin-top:30px}
  .jf-northstar-catalog__machine{width:min(580px,100%);margin:54px auto 0;transform:translate3d(0,52px,0) scale(.94)}
  .jf-northstar-catalog.is-visible .jf-northstar-catalog__machine{transform:none}
  .jf-northstar-catalog__index b{display:none}
  .jf-northstar-catalog__index{width:38px;height:38px;justify-content:center;padding:0;border:1px solid rgba(111,167,184,.22);border-radius:50%;background:#0a1518}
  .jf-northstar-catalog__index::after{display:none}
  .jf-northstar-catalog__index--0{top:1%}.jf-northstar-catalog__index--1{right:1%}.jf-northstar-catalog__index--2{bottom:1%}.jf-northstar-catalog__index--3{left:1%}
}
@media (max-width:520px){
  .jf-northstar-catalog__inner{padding:70px 20px 76px}
  .jf-northstar-catalog__title{font-size:clamp(46px,14.2vw,61px)}
  .jf-northstar-catalog__machine{width:calc(100vw - 18px);margin-left:-11px;margin-right:-11px}
  .jf-northstar-catalog__aperture{width:48%;height:70%}
  .jf-northstar-catalog__slide-copy{left:16px;right:16px;bottom:17px}
  .jf-northstar-catalog__slide-copy strong{font-size:clamp(22px,7vw,29px)}
  .jf-northstar-catalog__controls{right:7%;bottom:8%}
  .jf-northstar-catalog__control{width:36px;height:36px}
  .jf-northstar-catalog__readout{width:100%}
}
@media (prefers-reduced-motion:reduce){
  .jf-northstar-catalog__copy,.jf-northstar-catalog__machine{opacity:1;transform:none;transition:none}
  .jf-northstar-catalog__dial::before,.jf-northstar-catalog__aperture::after,.jf-northstar-catalog__progress i{animation:none!important}
  .jf-northstar-catalog__slide,.jf-northstar-catalog__slide img,.jf-northstar-catalog__indicator{transition:none}
}