/* Frankenskates compact illustrated section headers.
   Art is decorative and intentionally cropped so core functions remain above the fold. */
.fs-illustrated-header{
  min-height:0;
  padding:1.15rem 0 .95rem !important;
}
.fs-illustrated-header:after{display:none !important}
.fs-illustrated-header .wrap{
  position:relative;
  display:flex;
  align-items:center;
  min-height:128px;
  overflow:hidden;
}
.fs-illustrated-header .fs-header-copy{
  position:relative;
  z-index:2;
  width:min(68%,760px);
}
.fs-illustrated-header .fs-header-art{
  position:absolute;
  z-index:1;
  right:-1.25rem;
  top:50%;
  width:min(38%,360px);
  height:150px;
  object-fit:cover;
  object-position:center;
  transform:translateY(-50%);
  border-radius:12px;
  opacity:.96;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);
  mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 100%);
}
.fs-illustrated-header h1{
  font-size:clamp(2.25rem,4.7vw,4.35rem) !important;
  margin-bottom:.2rem !important;
}
.fs-illustrated-header p{margin-top:.35rem !important}
.fs-exchange-header .fs-header-art{object-position:center 42%}
.fs-where-header .fs-header-art{object-position:center 45%}
.fs-locker-header .fs-header-art{object-position:center 42%}

@media(max-width:700px){
  .fs-illustrated-header{
    padding:.72rem 0 .62rem !important;
  }
  .fs-illustrated-header .wrap{
    min-height:92px;
  }
  .fs-illustrated-header .fs-header-copy{
    width:72%;
  }
  .fs-illustrated-header .fs-header-art{
    right:-2.25rem;
    width:42%;
    height:108px;
    border-radius:8px;
    opacity:.82;
  }
  .fs-illustrated-header h1{
    font-size:clamp(1.9rem,9vw,2.7rem) !important;
    line-height:.98 !important;
  }
  .fs-illustrated-header .eyebrow{
    font-size:.66rem !important;
    margin-bottom:.3rem !important;
  }
  .fs-illustrated-header p{
    font-size:.82rem !important;
    line-height:1.35 !important;
    max-width:95%;
  }
  .fs-exchange-header .button-row{
    margin-top:.55rem !important;
    gap:.4rem;
  }
  .fs-exchange-header .button-row .btn{
    width:auto !important;
    min-height:36px;
    padding:.55rem .72rem;
    font-size:.72rem;
  }
}