
.jw-boiler-tabs{--bt-w:56%; background:#F1F2F3; background:#F1F2F3; color:#262727}
.jw-boiler-tabs .jw-bt-in{position:relative; width:100%}
.jw-boiler-tabs > .fz-track{width:100%}
.jw-boiler-tabs .jw-bt-head .eyebrow{margin-bottom:14px}
.jw-boiler-tabs .jw-bt-head h2{color:#262727; margin:0 0 26px; max-width:none}
.jw-boiler-tabs .jw-bt-head h2 em{color:#05668E}

.jw-boiler-tabs .jw-bt-bg{background:#F1F2F3}
.jw-boiler-tabs .jw-bt-shot img{width:100%; height:100%; max-width:none; object-fit:cover; object-position:50% 50%}

.jw-boiler-tabs .jw-bt-tabs{display:flex; flex-wrap:wrap; gap:0 clamp(18px,2.2vw,34px); border-bottom:1px solid rgba(42,43,45,.22)}
.jw-boiler-tabs .jw-bt-tab{position:relative; min-height:48px; padding:0; border:0; background:none; cursor:pointer; color:#4B4C4D;
  font:600 12px/1 Inter,system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase; white-space:nowrap;
  transition:color .35s var(--ease)}
.jw-boiler-tabs .jw-bt-tab::after{content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--sky);
  transform:scaleX(0); transform-origin:left; transition:transform .5s var(--ease)}
.jw-boiler-tabs .jw-bt-tab:hover{color:#262727}
.jw-boiler-tabs .jw-bt-tab.on{color:#262727}
.jw-boiler-tabs .jw-bt-tab.on::after{transform:scaleX(1)}
.jw-boiler-tabs .jw-bt-tab:focus-visible{outline:2px solid var(--sky); outline-offset:4px}

.jw-boiler-tabs .jw-bt-panels{position:relative; margin-top:26px}
.jw-boiler-tabs .jw-bt-p + .jw-bt-p{margin-top:40px}
.jw-boiler-tabs .jw-bt-p h3{margin:0 0 14px; font-family:"Cormorant Garamond",Georgia,serif; font-weight:400; font-size:clamp(26px,2.3vw,34px);
  line-height:1.12; color:#262727}
.jw-boiler-tabs .jw-bt-p p{margin:0 0 14px; max-width:62ch; font-size:16px; line-height:1.66; color:#39393A}
.jw-boiler-tabs .jw-bt-more{display:inline-flex; align-items:center; gap:10px; min-height:44px; margin-top:2px; color:#05668E;
  font:600 11.5px/1 Inter,system-ui,sans-serif; letter-spacing:.16em; text-transform:uppercase;
  background:linear-gradient(currentColor,currentColor) no-repeat 0 74% / 0 1px; transition:background-size .5s var(--ease)}
.jw-boiler-tabs .jw-bt-more:hover,.jw-boiler-tabs .jw-bt-more:focus-visible{background-size:100% 1px}
.jw-boiler-tabs .jw-bt-more svg{transition:transform .35s var(--ease)}
.jw-boiler-tabs .jw-bt-more:hover svg{transform:translateX(4px)}
.js .jw-boiler-tabs .jw-bt-panels{display:grid}
.js .jw-boiler-tabs .jw-bt-p{grid-area:1 / 1; margin:0; visibility:hidden; opacity:0; transform:translateY(8px);
  transition:opacity .45s var(--ease), transform .45s var(--ease), visibility 0s .45s}
.js .jw-boiler-tabs .jw-bt-p.on{visibility:visible; opacity:1; transform:none; transition:opacity .45s var(--ease) .08s, transform .45s var(--ease) .08s}
.jw-boiler-tabs .fz-prog{margin-top:18px}

@media (min-width:900px){
  .jw-boiler-tabs .jw-bt-bg{left:auto; right:0; width:calc(100% - var(--bt-w) + 4%);
    -webkit-mask-image:linear-gradient(90deg, transparent 0, #000 26%); mask-image:linear-gradient(90deg, transparent 0, #000 26%)}
  .jw-boiler-tabs .jw-bt-head,.jw-boiler-tabs .jw-bt-tabs,.jw-boiler-tabs .jw-bt-panels,.jw-boiler-tabs .fz-prog{max-width:calc(var(--bt-w) - 4%)}
  .jw-boiler-tabs.pinned > .fz-track > .jw-bt-in{width:100%}
  
  .jw-boiler-tabs.pinned .jw-bt-head h2{font-size:clamp(28px,2.7vw,40px); margin-bottom:16px}
  .jw-boiler-tabs.pinned .jw-bt-head .eyebrow{margin-bottom:8px}
  .jw-boiler-tabs.pinned .jw-bt-panels{margin-top:18px}
}
@media (min-width:900px) and (max-height:760px){
  .jw-boiler-tabs.pinned{--bt-w:62%}
  .jw-boiler-tabs.pinned > .fz-track > .jw-bt-in{padding-top:calc(var(--hdr-solid, 80px) + 8px); padding-bottom:20px}
  .jw-boiler-tabs.pinned .jw-bt-head .eyebrow,.jw-boiler-tabs.pinned .fz-prog{display:none}
  .jw-boiler-tabs.pinned .jw-bt-head h2{font-size:30px; margin-bottom:10px}
  .jw-boiler-tabs.pinned .jw-bt-panels{margin-top:14px}
  .jw-boiler-tabs.pinned .jw-bt-p h3{font-size:25px; margin-bottom:8px}
  .jw-boiler-tabs.pinned .jw-bt-p p{font-size:15px; line-height:1.55; margin-bottom:8px}
  .jw-boiler-tabs.pinned .jw-bt-tab{min-height:44px}
}
@media (min-width:1300px){ .jw-boiler-tabs{--bt-w:54%} }

@media (max-width:899px){
  .jw-boiler-tabs{flex-direction:column; align-items:stretch; padding-top:0; min-height:0}
  .jw-boiler-tabs .jw-bt-bg{position:relative; inset:auto; z-index:0; width:100%; aspect-ratio:4 / 3; max-height:62svh; margin-bottom:clamp(30px,6vw,48px)}
  .jw-boiler-tabs .jw-bt-tabs{flex-wrap:nowrap; overflow-x:auto; scrollbar-width:none; -webkit-overflow-scrolling:touch}
  .jw-boiler-tabs .jw-bt-tabs::-webkit-scrollbar{display:none}
  .jw-boiler-tabs .jw-bt-tab{flex:none; font-size:11.5px; letter-spacing:.12em}
}
@media (max-width:560px){
  .jw-boiler-tabs .jw-bt-tabs{display:grid; grid-template-columns:1fr 1fr; gap:0 20px; overflow:visible; border-bottom:0}
  .jw-boiler-tabs .jw-bt-tab{text-align:left; border-bottom:1px solid rgba(42,43,45,.22)}
}
@media (prefers-reduced-motion:reduce){
  .jw-boiler-tabs *{transition:none !important}
  .jw-boiler-tabs .jw-bt-shot img{transform:none !important}
}

@media (min-width:900px){
  .jw-boiler-tabs .jw-bt-tabs:not(#_){flex-wrap:nowrap; gap:0 clamp(14px,1.6vw,28px)}
  .jw-boiler-tabs .jw-bt-tab:not(#_){white-space:nowrap; letter-spacing:.1em}
}
@media (min-width:900px) and (max-width:1199px){ .jw-boiler-tabs .jw-bt-tab:not(#_){font-size:11.5px; letter-spacing:.08em} }
