/* Johannson Fisheries — Commercial Fishing Nets Editorial V19 */
.jf-net-yard,.jf-net-yard *{box-sizing:border-box}
.jf-net-yard{position:relative!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;min-height:820px;overflow:hidden;background:#061d25;color:#f5f1e8;font-family:Arial,Helvetica,sans-serif}
.jf-net-yard__image-layer{position:absolute;inset:0;overflow:hidden}
.jf-net-yard__hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 48%;filter:saturate(.94) contrast(1.06) brightness(.78);transform:scale(1.06);will-change:transform;animation:jf-v19-camera 16s .15s both cubic-bezier(.35,0,.2,1)}
.jf-net-yard__image-wash{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(3,18,25,.88) 0%,rgba(3,18,25,.60) 43%,rgba(3,18,25,.20) 78%,rgba(3,18,25,.34)),linear-gradient(0deg,rgba(3,18,25,.90),rgba(3,18,25,.08) 62%,rgba(3,18,25,.18))}
.jf-net-yard__lens,.jf-net-yard__light-track,.jf-net-yard__grain,.jf-net-yard__detail-frame{display:none}
.jf-net-yard__layout{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:space-between;min-height:820px;max-width:1520px;margin:0 auto;padding:clamp(105px,11vw,160px) clamp(28px,7.5vw,112px) 58px}
.jf-net-yard__intro{max-width:840px}
.jf-net-yard__eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 24px;color:#c9a96a;font-size:11px;font-weight:700;letter-spacing:.23em;line-height:1.2}
.jf-net-yard__eyebrow:before{content:"";display:block;width:31px;height:1px;background:#c9a96a;flex:none}
.jf-net-yard h2{max-width:850px;margin:0;color:#f5f1e8;font:400 clamp(68px,8.7vw,142px)/.82 Georgia,'Times New Roman',serif;letter-spacing:-.07em}
.jf-net-yard h2 em{color:#75aec0;font-style:italic}
.jf-net-yard__lead{max-width:680px;margin:38px 0 17px;color:#f5f1e8;font:400 clamp(27px,2.55vw,40px)/1.08 Georgia,'Times New Roman',serif;letter-spacing:-.025em}
.jf-net-yard__body{max-width:680px;margin:0;color:rgba(245,241,232,.90);font-size:18px;line-height:1.58}
.jf-net-yard__data{display:grid;grid-template-columns:repeat(4,minmax(0,1fr)) minmax(245px,1.28fr);gap:0;border-top:1px solid rgba(245,241,232,.62);border-bottom:1px solid rgba(245,241,232,.28);background:rgba(3,18,25,.34);backdrop-filter:blur(5px)}
.jf-net-yard__spec{display:grid;grid-template-rows:minmax(2.05em,1fr) auto;align-items:start;min-height:126px;padding:20px 18px;border-right:1px solid rgba(245,241,232,.22)}
.jf-net-yard__spec strong{display:block;color:#f5f1e8;font:400 clamp(22px,1.85vw,30px)/.98 Georgia,'Times New Roman',serif;letter-spacing:-.055em;white-space:nowrap}
.jf-net-yard__spec span{display:block;margin-top:12px;color:rgba(245,241,232,.70);font-size:12px;line-height:1.3;letter-spacing:.13em;text-transform:uppercase}
.jf-net-yard__note{display:grid;grid-template-rows:minmax(2.05em,1fr) auto;align-items:start;margin:0;padding:20px 26px;color:rgba(245,241,232,.86);font-size:15px;line-height:1.5}
.jf-net-yard__note b{display:block;margin-bottom:7px;color:#c9a96a;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.jf-net-yard__note span{display:block}
.jf-net-yard__data,.jf-net-yard__spec,.jf-net-yard__note{opacity:0;transform:translateY(18px);animation:jf-v19-in .75s .5s both cubic-bezier(.22,.61,.36,1)}
.jf-net-yard__spec:nth-child(2){animation-delay:.58s}.jf-net-yard__spec:nth-child(3){animation-delay:.66s}.jf-net-yard__spec:nth-child(4){animation-delay:.74s}.jf-net-yard__note{animation-delay:.82s}
@keyframes jf-v19-in{to{opacity:1;transform:none}}
@keyframes jf-v19-camera{0%,100%{transform:scale(1.06) translate3d(var(--jf-x,0px),var(--jf-y,0px),0)}50%{transform:scale(1.10) translate3d(var(--jf-x,0px),var(--jf-y,0px),0)}}
@media(max-width:900px){
  .jf-net-yard{min-height:900px}
  .jf-net-yard__layout{min-height:900px;padding:92px 22px 30px}
  .jf-net-yard__intro{max-width:760px}
  .jf-net-yard h2{font-size:clamp(58px,16vw,96px)}
  .jf-net-yard__lead{margin-top:28px;font-size:27px;line-height:1.08}
  .jf-net-yard__body{font-size:16px;line-height:1.6}
  .jf-net-yard__data{grid-template-columns:repeat(2,1fr);margin-top:58px}
  .jf-net-yard__spec{min-height:112px;padding:17px 16px}.jf-net-yard__spec strong{font-size:31px;white-space:normal}.jf-net-yard__spec span{font-size:10px}
  .jf-net-yard__spec:nth-child(2){border-right:0}.jf-net-yard__spec:nth-child(3),.jf-net-yard__spec:nth-child(4){border-top:1px solid rgba(245,241,232,.22)}
  .jf-net-yard__note{grid-column:1/-1;padding:22px 16px;border-top:1px solid rgba(245,241,232,.22);font-size:14px}
}
@media(max-width:520px){
  .jf-net-yard{min-height:940px}
  .jf-net-yard__layout{min-height:940px;padding:74px 19px 24px}
  .jf-net-yard__eyebrow{margin-bottom:19px;font-size:9px;letter-spacing:.17em}
  .jf-net-yard h2{font-size:57px;line-height:.86}
  .jf-net-yard__lead{margin-top:25px;font-size:24px}
  .jf-net-yard__body{font-size:15px}
  .jf-net-yard__data{margin-top:45px}
  .jf-net-yard__spec{min-height:106px;padding:15px 13px}.jf-net-yard__spec strong{font-size:26px}.jf-net-yard__spec span{margin-top:9px;font-size:9px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:reduce){.jf-net-yard__hero-photo,.jf-net-yard__data,.jf-net-yard__spec,.jf-net-yard__note{animation:none;transform:none;opacity:1}}
/* SP Page Builder parent breakout: keeps the section truly full width. */
.sppb-row-column:has(.jf-net-yard),.sppb-column:has(.jf-net-yard),.sppb-addon:has(.jf-net-yard),.sppb-addon-content:has(> .jf-net-yard){width:100%!important;max-width:100%!important;flex:0 0 100%!important}
.sppb-row-column:has(.jf-net-yard),.sppb-column:has(.jf-net-yard){margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}
.sppb-addon-content:has(> .jf-net-yard){margin-left:0!important;margin-right:0!important;padding:0!important}
@media(max-width:900px){html,body{overflow-x:hidden!important}.sppb-row-column:has(.jf-net-yard),.sppb-column:has(.jf-net-yard),.sppb-addon:has(.jf-net-yard),.sppb-addon-content:has(> .jf-net-yard){width:100vw!important;max-width:100vw!important}.jf-net-yard{margin-left:calc(50% - 50vw)!important;margin-right:0!important}}