/* WOTKNOT Widgets homepage section assets v2.0.0 */
.wkw-homepage { background:#050505; color:#f5f3ed; }
.elementor-editor-active .wkw-homepage { width:100%; max-width:100%; margin-left:0; }
/* WOTKNOT Widgets v1.1.0 */
.wotknot-widget .hero{
      position: relative;
      min-height: 100svh;
      overflow: hidden;
      isolation: isolate;
      background: #000;
    }
.wotknot-widget .hero::before{
      content: "";
      position: absolute;
      inset: 0;
      z-index: -2;
      background-image: var(--wkw-hero-bg-image, url("https://www.wotknotmag.com/wp-content/uploads/2026/07/HeroBG.jpeg"));
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
    }
.wotknot-widget .hero::after{
      content: "";
      position: absolute;
      inset: 0;
      z-index: -1;
      pointer-events: none;
      background:
        linear-gradient(180deg, rgba(0, 0, 0, .03), rgba(0, 0, 0, .11)),
        radial-gradient(circle at 82% 88%, rgba(255, 240, 198, .035), transparent 25%);
    }
.wotknot-widget .hero__wordmark{
      position: absolute;
      z-index: 1;
      top: 51%;
      left: var(--gutter);
      width: max-content;
      margin: 0;
      transform: translateY(-50%);
      color: #fff;
      font-family: var(--sans);
      font-size: clamp(6.8rem, 12.4vw, 12.8rem);
      font-weight: 400;
      font-kerning: normal;
      line-height: .82;
      letter-spacing: -.08em;
      white-space: nowrap;
    }
.wotknot-widget .hero__line{ display: none; }
.wotknot-widget .hero__cover-stack{
      position: absolute;
      z-index: 3;
      right: clamp(2rem, 6vw, 7rem);
      bottom: clamp(2.15rem, 5.2vh, 4rem);
      width: clamp(138px, 13vw, 220px);
      aspect-ratio: 4 / 5;
      filter: drop-shadow(0 1.4rem 2.4rem rgba(0, 0, 0, .48));
      cursor: pointer;
      -webkit-tap-highlight-color: transparent;
    }
.wotknot-widget .hero__cover-stack.is-arranging{ pointer-events: none; }
.wotknot-widget .hero__cover-layer{
      --cover-x: 0%;
      --cover-y: 0%;
      --cover-rotate: 0deg;
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      transform-origin: 50% 58%;
      border: 1px solid rgba(255, 245, 210, .74);
      background: #111;
      backface-visibility: hidden;
      opacity: 0;
      transform: translate(var(--cover-x), var(--cover-y)) translate3d(0, 5.4rem, 0) rotate(var(--cover-rotate)) scale(.955);
      animation: heroCoverSettle 1.35s cubic-bezier(.22, 1, .36, 1) forwards;
      will-change: transform, opacity, filter;
    }
.wotknot-widget .hero__cover-layer--back{
      --cover-x: -5.2%;
      --cover-y: -2.4%;
      --cover-rotate: -2.35deg;
      z-index: 0;
      animation-delay: .12s;
    }
.wotknot-widget .hero__cover-layer--middle{
      --cover-x: 4.1%;
      --cover-y: -1.15%;
      --cover-rotate: 1.7deg;
      z-index: 1;
      animation-delay: .62s;
    }
.wotknot-widget .hero__cover-layer--front{
      --cover-x: 0%;
      --cover-y: 1.8%;
      z-index: 2;
      animation-delay: 1.12s;
      box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, .42);
    }
@keyframes heroCoverSettle{
      0% {
        opacity: 0;
        filter: blur(4px);
        transform: translate(var(--cover-x), var(--cover-y)) translate3d(0, 5.4rem, 0) rotate(calc(var(--cover-rotate) * .4)) scale(.955);
      }
      34% { opacity: .88; }
      72% {
        opacity: 1;
        filter: blur(0);
        transform: translate(var(--cover-x), var(--cover-y)) translate3d(0, -.38rem, 0) rotate(var(--cover-rotate)) scale(1.006);
      }
      100% {
        opacity: 1;
        filter: blur(0);
        transform: translate(var(--cover-x), var(--cover-y)) translate3d(0, 0, 0) rotate(var(--cover-rotate)) scale(1);
      }
    }
.wotknot-widget .hero__tagline{
      position: absolute;
      z-index: 4;
      left: var(--gutter);
      bottom: clamp(2.5rem, 5.4vh, 3.8rem);
      width: 18ch;
      margin: 0;
      font-family: var(--serif);
      font-size: clamp(.78rem, .95vw, .96rem);
      font-style: italic;
      line-height: 1.35;
    }
.wotknot-widget .hero__featuring{
      position: absolute;
      z-index: 4;
      left: 49%;
      bottom: clamp(2.45rem, 5.2vh, 3.7rem);
      width: 15ch;
      transform: translateX(-50%);
      text-align: right;
      font-family: var(--serif);
      font-size: clamp(.58rem, .65vw, .72rem);
      font-style: italic;
      line-height: 1.42;
      color: var(--paper-dim);
    }
.wotknot-widget .hero__featuring strong{
      display: block;
      margin-bottom: .38rem;
      font-family: var(--mono);
      font-size: .5rem;
      font-style: normal;
      font-weight: 400;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: rgba(245, 243, 237, .34);
    }
.wotknot-widget .feature{
      position: relative;
      min-height: 100svh;
      overflow: hidden;
      margin-top: clamp(2.75rem, 5vw, 5rem);
      padding: clamp(5rem, 8vw, 7.5rem) var(--gutter) clamp(4rem, 6vw, 5.5rem);
      background:
        radial-gradient(ellipse at 72% 47%, rgba(255, 240, 198, .085), transparent 22%),
        radial-gradient(circle at 17% 33%, rgba(255, 255, 255, .032), transparent 30%),
        linear-gradient(118deg, #111 0%, #090909 54%, #030303 100%);
    }
.wotknot-widget .feature::before{
      content: "";
      position: absolute;
      inset: 0;
      pointer-events: none;
      opacity: .42;
      background-image:
        linear-gradient(115deg, transparent 0 47%, rgba(255, 240, 198, .025) 47.15% 47.5%, transparent 47.65%),
        radial-gradient(circle, rgba(255, 240, 198, .12) 0 1px, transparent 1.25px);
      background-size: 100% 100%, 25px 25px;
      -webkit-mask-image: linear-gradient(90deg, transparent 4%, transparent 34%, #000 59%, transparent 100%);
      mask-image: linear-gradient(90deg, transparent 4%, transparent 34%, #000 59%, transparent 100%);
    }
.wotknot-widget .feature::after{
      content: "06 / CREATIVE VOICES";
      position: absolute;
      right: clamp(1.5rem, 4vw, 4rem);
      bottom: clamp(1.25rem, 2.5vw, 2.5rem);
      pointer-events: none;
      font-family: var(--mono);
      font-size: clamp(.56rem, .68vw, .7rem);
      letter-spacing: .22em;
      color: rgba(255, 240, 198, .2);
    }
.wotknot-widget .feature__desktop{
      --feature-column-gap: clamp(46px, 5.3vw, 100px);
      position: relative;
      z-index: 1;
      width: min(92vw, 1240px);
      min-height: calc(100svh - clamp(9rem, 14vw, 12rem));
      margin: 0 auto;
      display: grid;
      grid-template-columns: minmax(220px, 34%) minmax(0, 1fr);
      align-items: center;
      justify-content: center;
      gap: var(--feature-column-gap);
    }
.wotknot-widget .feature__desktop::before{
      content: "";
      position: absolute;
      top: 50%;
      right: -3vw;
      width: min(62vw, 940px);
      aspect-ratio: 1;
      border-radius: 50%;
      transform: translateY(-50%);
      pointer-events: none;
      opacity: .48;
      background:
        radial-gradient(circle at center, transparent 0 30%, rgba(255,240,198,.035) 30.2% 30.35%, transparent 30.55% 47%, rgba(255,240,198,.025) 47.2% 47.34%, transparent 47.55%),
        conic-gradient(from 205deg, transparent 0 19%, rgba(255,240,198,.045) 22%, transparent 27% 65%, rgba(255,255,255,.025) 69%, transparent 74% 100%);
    }
.wotknot-widget .feature__desktop::after{
      content: "W / 01—06";
      position: absolute;
      top: 8%;
      right: 5vw;
      pointer-events: none;
      font-family: var(--mono);
      font-size: clamp(.58rem, .74vw, .76rem);
      letter-spacing: .24em;
      color: rgba(255, 240, 198, .16);
    }
.wotknot-widget .feature__copy{
      position: relative;
      z-index: 12;
      width: 100%;
      margin: 0;
      padding: clamp(.4rem, 1vw, 1rem) 0;
    }
.wotknot-widget .eyebrow{
      display: flex;
      align-items: center;
      gap: .45rem;
      margin-bottom: clamp(.75rem, 1.4vw, 1.25rem);
      font-family: var(--mono);
      font-size: .58rem;
      letter-spacing: .12em;
      text-transform: uppercase;
      color: var(--paper-dim);
    }
.wotknot-widget .eyebrow::before{
      content: "";
      width: 4px;
      height: 4px;
      border-radius: 50%;
      background: var(--paper);
    }
.wotknot-widget .feature__names{
      display: grid;
      gap: .08em;
      width: 100%;
      margin: 0;
      padding: 0;
      list-style: none;
      font-family: var(--sans);
      font-size: clamp(1.72rem, 2.34vw, 2.66rem);
      font-weight: 600;
      line-height: 1.10;
      letter-spacing: -.042em;
    }
.wotknot-widget .feature__name{
      color: rgba(245, 243, 237, .34);
      opacity: 1;
      transition:
        color .48s cubic-bezier(.16,1,.3,1),
        transform .66s cubic-bezier(.16,1,.3,1),
        font-weight .48s cubic-bezier(.16,1,.3,1);
    }
.wotknot-widget .feature__name:hover,
.wotknot-widget .feature__name:focus-within{ color: var(--cream); }
.wotknot-widget .feature__name.is-active{
      color: var(--cream);
      opacity: 1;
      font-weight: 600;
      transform: translateX(.1em);
    }
.wotknot-widget .feature__controls{
      display: flex;
      gap: .48rem;
      margin-top: clamp(.85rem, 1.8vw, 1.45rem);
    }
.wotknot-widget .feature__arrow{
      width: 38px;
      height: 38px;
      border: 1px solid rgba(255, 240, 198, .7);
      border-radius: 50%;
      background: transparent;
      color: var(--cream);
      cursor: pointer;
      transition: background .25s ease, color .25s ease, transform .25s ease, opacity .25s ease;
    }
.wotknot-widget .feature__arrow:hover:not(:disabled){ background: var(--cream); color: var(--ink); transform: translateY(-2px); }
.wotknot-widget .feature__arrow:disabled{
      opacity: .24;
      cursor: default;
      border-color: rgba(255, 240, 198, .34);
      color: rgba(255, 240, 198, .5);
      transform: none;
    }
.wotknot-widget .feature__viewport{
      --active-card-w: clamp(240px, 27vw, 390px);
      position: relative;
      min-width: 0;
      min-height: clamp(430px, 62vh, 620px);
      overflow: hidden;
      isolation: isolate;
      margin: 0;
    }
.wotknot-widget .feature__track{
      position: absolute;
      inset: 0;
      transform: none !important;
    }
.wotknot-widget .artist-card{
      position: absolute;
      top: 50%;
      left: 110%;
      width: var(--active-card-w);
      aspect-ratio: 4 / 5;
      margin: 0;
      overflow: hidden;
      border: 1px solid rgba(255, 240, 198, .72);
      background: #111;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-50%) scale(.76);
      transform-origin: left center;
      filter: grayscale(1) brightness(.58) contrast(1.04);
      will-change: transform, opacity, filter;
      backface-visibility: hidden;
      contain: layout paint;
    }
.wotknot-widget .artist-card img{
      position: relative;
      z-index: 1;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.wotknot-widget .artist-card__progressive-blur{
      position: absolute;
      inset: 0;
      z-index: 2;
      opacity: 0;
      pointer-events: none;
      background: linear-gradient(90deg, rgba(7,7,10,0) 0%, rgba(7,7,10,.025) 34%, rgba(7,7,10,.13) 100%);
      -webkit-backdrop-filter: blur(8px);
      backdrop-filter: blur(8px);
      -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 21%, rgba(0,0,0,.62) 64%, #000 100%);
      mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.12) 21%, rgba(0,0,0,.62) 64%, #000 100%);
      transition: none;
    }
.wotknot-widget .artist-card.is-active{
      z-index: 9;
      left: 0;
      opacity: 1;
      pointer-events: auto;
      transform: translateY(-50%) scale(1);
      filter: none;
    }
/* The next portrait is a smaller B&W preparation state, exactly 15px
       from the active portrait. Its masked blur strengthens left-to-right. */
.wotknot-widget .artist-card.is-next{
      z-index: 6;
      left: calc(var(--active-card-w) + 15px);
      opacity: .86;
      pointer-events: none;
      transform: translateY(-50%) scale(.76);
      filter: grayscale(1) brightness(.73) contrast(1.06);
    }
.wotknot-widget .artist-card.is-next .artist-card__progressive-blur{ opacity: 1; }
.wotknot-widget .artist-card.is-previous{
      z-index: 2;
      left: -12%;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-50%) scale(.3);
      filter: grayscale(1) brightness(.25) contrast(1.04);
    }
.wotknot-widget .artist-card.is-hidden{
      z-index: 1;
      left: 110%;
      opacity: 0;
      pointer-events: none;
      transform: translateY(-50%) scale(.76);
      filter: grayscale(1) brightness(.58) contrast(1.04);
    }
.wotknot-widget .artist-card--end{
      display: grid;
      place-items: center;
      background:
        radial-gradient(circle at 50% 38%, rgba(255,240,198,.12), transparent 30%),
        linear-gradient(145deg, #181818, #080808 72%);
    }
.wotknot-widget .artist-card--end .artist-card__end-content{
      position: relative;
      z-index: 1;
      display: grid;
      justify-items: center;
      gap: clamp(.8rem, 1.5vw, 1.15rem);
      width: 100%;
      padding: 15%;
      text-align: center;
    }
.wotknot-widget .artist-card--end img{
      width: clamp(58px, 31%, 112px);
      height: auto;
      object-fit: contain;
      filter: none;
    }
.wotknot-widget .artist-card--end figcaption{
      display: grid;
      gap: .35rem;
      font-family: var(--sans);
      text-transform: uppercase;
    }
.wotknot-widget .artist-card--end figcaption span{
      font-size: clamp(.9rem, 1.2vw, 1.15rem);
      font-weight: 500;
      letter-spacing: -.045em;
    }
.wotknot-widget .artist-card--end figcaption small{
      font-family: var(--mono);
      font-size: clamp(.48rem, .58vw, .62rem);
      font-weight: 400;
      letter-spacing: .18em;
      color: var(--paper-dim);
    }
.wotknot-widget .artist-card--end.is-next{ transform: translateY(-50%) scale(.66); }
@media (min-width: 821px) and (prefers-reduced-motion: no-preference){
.wotknot-widget .feature__copy .eyebrow,
.wotknot-widget .feature__copy .feature__name,
.wotknot-widget .feature__copy .feature__controls{
        opacity: 0;
        transform: translateY(18px);
      }
.wotknot-widget .feature.is-feature-entered .feature__copy .eyebrow,
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name,
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__controls{
        opacity: 1;
        transform: none;
        transition:
          opacity .78s cubic-bezier(.16,1,.3,1),
          transform .9s cubic-bezier(.16,1,.3,1),
          color .48s cubic-bezier(.16,1,.3,1),
          font-weight .48s cubic-bezier(.16,1,.3,1);
      }
.wotknot-widget .feature.is-feature-entered .feature__copy .eyebrow{ transition-delay: .06s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name:nth-child(1){ transition-delay: .12s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name:nth-child(2){ transition-delay: .17s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name:nth-child(3){ transition-delay: .22s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name:nth-child(4){ transition-delay: .27s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name:nth-child(5){ transition-delay: .32s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__name:nth-child(6){ transition-delay: .37s; }
.wotknot-widget .feature.is-feature-entered .feature__copy .feature__controls{ transition-delay: .43s; }
.wotknot-widget .feature.is-feature-entered .feature__name.is-active{ transform: translateX(.1em); }
}
/* First entrance: active arrives first, then the smaller B&W preview. */
.wotknot-widget .feature:not(.is-feature-entered) .artist-card.is-active,
.wotknot-widget .feature:not(.is-feature-entered) .artist-card.is-next{
      left: 110%;
      opacity: 0;
      transform: translateY(-50%) scale(.76);
      filter: grayscale(1) brightness(.58) contrast(1.04);
    }
.wotknot-widget .feature.is-feature-entered:not(.is-slider-ready) .artist-card.is-active{
      transition:
        left 1.45s cubic-bezier(.22,1,.36,1),
        transform 1.45s cubic-bezier(.22,1,.36,1),
        opacity 1.05s cubic-bezier(.22,1,.36,1),
        filter 1.25s cubic-bezier(.22,1,.36,1);
    }
.wotknot-widget .feature.is-feature-entered:not(.is-slider-ready) .artist-card.is-next{
      transition:
        left 1.42s cubic-bezier(.22,1,.36,1) .24s,
        transform 1.42s cubic-bezier(.22,1,.36,1) .24s,
        opacity 1.05s cubic-bezier(.22,1,.36,1) .24s,
        filter 1.22s cubic-bezier(.22,1,.36,1) .24s;
    }
.wotknot-widget .feature.is-feature-entered:not(.is-slider-ready) .artist-card.is-next .artist-card__progressive-blur{
      transition-delay: .4s;
    }
.wotknot-widget .feature__mobile{ display: none; }
/* Desktop scrollytelling: six artist states, one continuous sticky stage.
       IntersectionObserver only activates the work near the section; scroll
       progress is read in requestAnimationFrame and reuses the manual carousel. */
@media (min-width: 821px) and (prefers-reduced-motion: no-preference){
.wotknot-widget .feature{
        height: 600svh;
        min-height: 600svh;
        padding-block: 0;
        overflow: visible;
      }
.wotknot-widget .feature__desktop{
        position: sticky;
        top: 0;
        height: 100svh;
        min-height: 100svh;
        padding-block: clamp(4.5rem, 7vw, 7rem);
      }
}
/* ============================================================
       Across Cultures — Nocturne Editorial
       All selectors are scoped with the wkc- prefix.
       ============================================================ */
.wotknot-widget .culture-newsletter-stack{
      position: relative;
      isolation: isolate;
      background: var(--ink);
    }
.wotknot-widget .wkc-cultures{
      --wkc-ink: #07070a;
      --wkc-paper: #f4efe6;
      --wkc-paper-dim: #c9c2b3;
      --wkc-rule: rgba(244, 239, 230, .12);
      --wkc-muted: rgba(244, 239, 230, .55);
      --wkc-orange: #ff6a1a;
      --wkc-ease-out: cubic-bezier(.16, 1, .3, 1);
      --wkc-ease-editorial: cubic-bezier(.77, 0, .18, 1);
      position: relative;
      bottom: auto;
      z-index: 1;
      padding: clamp(6rem, 12vh, 10rem) var(--gutter) clamp(4rem, 8vh, 7rem);
      overflow: hidden;
      border-bottom: 1px solid var(--wkc-rule);
      background: var(--wkc-ink);
    }
.wotknot-widget .wkc-head{
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 2.5rem;
      margin-bottom: clamp(3rem, 7vh, 5.5rem);
    }
.wotknot-widget .wkc-eyebrow{
      display: flex;
      align-items: center;
      gap: .9rem;
      margin: 0 0 clamp(1.25rem, 3vh, 2rem);
      font-family: var(--mono);
      font-size: clamp(.62rem, .7vw, .72rem);
      letter-spacing: .32em;
      text-transform: uppercase;
      color: var(--wkc-muted);
    }
.wotknot-widget .wkc-eyebrow::before{
      content: "";
      width: 2.4rem;
      height: 1px;
      background: var(--wkc-paper-dim);
    }
.wotknot-widget .wkc-title{
      margin: 0;
      font-family: var(--sans);
      font-weight: 500;
      font-size: clamp(2.5rem, 7vw, 6rem);
      line-height: .98;
      letter-spacing: -.03em;
      text-wrap: balance;
    }
.wotknot-widget .wkc-title .wkc-line{
      display: block;
      overflow: hidden;
    }
.wotknot-widget .wkc-title .wkc-line > span{ display: inline-block; }
.wotknot-widget .wkc-dek{
      max-width: 26ch;
      margin: 0;
      padding-bottom: .4rem;
      font-family: var(--serif);
      font-style: italic;
      font-size: clamp(1rem, 1.4vw, 1.3rem);
      line-height: 1.55;
      color: var(--wkc-paper-dim);
      text-align: right;
    }
.wotknot-widget .wkc-row{
      display: flex;
      border-top: 1px solid var(--wkc-rule);
      border-bottom: 1px solid var(--wkc-rule);
    }
.wotknot-widget .wkc-panel{
      position: relative;
      flex: 1 1 0;
      min-width: 0;
      min-height: clamp(24rem, 62vh, 34rem);
      padding: clamp(1.5rem, 2.5vw, 2.5rem);
      display: flex;
      flex-direction: column;
      overflow: hidden;
      border-left: 1px solid var(--wkc-rule);
      transition: flex-basis .9s var(--wkc-ease-editorial), flex-grow .9s var(--wkc-ease-editorial);
    }
.wotknot-widget .wkc-panel:first-child{ border-left: 0; }
@media (hover: hover) and (min-width: 861px){
.wotknot-widget .wkc-row:hover .wkc-panel{ flex-grow: .85; }
.wotknot-widget .wkc-row .wkc-panel:hover{ flex-grow: 1.6; }
}
.wotknot-widget .wkc-media{
      position: absolute;
      inset: 0;
      z-index: 0;
      pointer-events: none;
    }
.wotknot-widget .wkc-media img{
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
.wotknot-widget .wkc-media .wkc-img-mono{
      filter: grayscale(1) brightness(.32) contrast(1.05);
      transform: scale(1.04);
      transition: transform 1.2s var(--wkc-ease-out);
    }
.wotknot-widget .wkc-media .wkc-img-colour{
      filter: brightness(.72) saturate(1.02);
      transition: clip-path .9s var(--wkc-ease-editorial);
    }
/* The colour curtain travels toward the panel(s) giving up space. */
.wotknot-widget .wkc-panel:nth-child(1) .wkc-img-colour{ clip-path: inset(0 100% 0 0); }
.wotknot-widget .wkc-panel:nth-child(2) .wkc-img-colour{ clip-path: inset(0 50% 0 50%); }
.wotknot-widget .wkc-panel:nth-child(3) .wkc-img-colour{ clip-path: inset(0 0 0 100%); }
.wotknot-widget .wkc-panel:hover .wkc-img-mono,
.wotknot-widget .wkc-panel:focus-within .wkc-img-mono{ transform: scale(1); }
.wotknot-widget .wkc-panel:hover .wkc-img-colour,
.wotknot-widget .wkc-panel:focus-within .wkc-img-colour{ clip-path: inset(0); }
.wotknot-widget .wkc-media::after{
      content: "";
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(7, 7, 10, .78) 0%, rgba(7, 7, 10, .16) 52%, rgba(7, 7, 10, .34) 100%);
    }
.wotknot-widget .wkc-meta{
      position: relative;
      z-index: 1;
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      font-family: var(--mono);
      font-size: clamp(.62rem, .7vw, .72rem);
      letter-spacing: .28em;
      text-transform: uppercase;
      color: var(--wkc-muted);
    }
.wotknot-widget .wkc-clock{
      letter-spacing: .18em;
      font-variant-numeric: tabular-nums;
    }
.wotknot-widget .wkc-stack-city,
.wotknot-widget .wkc-flag,
.wotknot-widget .wkc-panel--mark{ display: none; }
.wotknot-widget .wkc-panel-foot{
      position: relative;
      z-index: 1;
      margin-top: auto;
      display: flex;
      flex-direction: column;
      gap: .9rem;
    }
.wotknot-widget .wkc-city{
      margin: 0;
      font-family: var(--sans);
      font-weight: 500;
      font-size: clamp(1.6rem, 3.2vw, 3rem);
      line-height: 1.05;
      letter-spacing: -.02em;
    }
.wotknot-widget .wkc-panel-dek{
      max-width: 34ch;
      margin: 0;
      font-size: .9rem;
      line-height: 1.55;
      color: var(--wkc-paper-dim);
      opacity: 0;
      transform: translateY(.6rem);
      transition: opacity .6s var(--wkc-ease-out) .15s, transform .6s var(--wkc-ease-out) .15s;
    }
.wotknot-widget .wkc-panel:hover .wkc-panel-dek,
.wotknot-widget .wkc-panel:focus-within .wkc-panel-dek{
      opacity: 1;
      transform: none;
    }
.wotknot-widget .wkc-link{
      position: relative;
      z-index: 3;
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      width: fit-content;
      padding-bottom: .35rem;
      border-bottom: 1px solid var(--wkc-rule);
      font-family: var(--mono);
      font-size: clamp(.62rem, .7vw, .72rem);
      letter-spacing: .28em;
      text-transform: uppercase;
      color: var(--wkc-paper);
      transition: border-color .4s var(--wkc-ease-out), color .4s var(--wkc-ease-out);
    }
.wotknot-widget .wkc-link svg{ transition: transform .4s var(--wkc-ease-out); }
.wotknot-widget .wkc-link:hover{ border-color: var(--wkc-orange); color: var(--wkc-orange); }
.wotknot-widget .wkc-link:hover svg{ transform: translateX(.3rem); }
.wotknot-widget .wkc-link:focus-visible{ outline: 1px solid var(--wkc-orange); outline-offset: 4px; }
.wotknot-widget .wkc-panel > .wkc-hit{
      position: absolute;
      inset: 0;
      z-index: 2;
    }
.wotknot-widget .wkc-panel > .wkc-hit:focus-visible{ outline: 1px solid var(--wkc-paper); outline-offset: -6px; }
.wotknot-widget .js .wkc-reveal{
      opacity: 0;
      transform: translateY(2rem);
      transition: opacity .9s var(--wkc-ease-out), transform .9s var(--wkc-ease-out);
    }
.wotknot-widget .js .wkc-reveal.wkc-in{ opacity: 1; transform: none; }
.wotknot-widget .js .wkc-title .wkc-line > span{
      transform: translateY(110%);
      transition: transform 1s var(--wkc-ease-editorial);
    }
.wotknot-widget .js .wkc-title.wkc-in .wkc-line > span{ transform: none; }
.wotknot-widget .js .wkc-title.wkc-in .wkc-line:nth-child(2) > span{ transition-delay: .1s; }
.wotknot-widget .js .wkc-panel.wkc-reveal:nth-child(2){ transition-delay: .12s; }
.wotknot-widget .js .wkc-panel.wkc-reveal:nth-child(3){ transition-delay: .24s; }
@media (prefers-reduced-motion: reduce){
.wotknot-widget .js .wkc-reveal,
.wotknot-widget .js .wkc-title .wkc-line > span{
        opacity: 1;
        transform: none;
        transition: none;
      }
.wotknot-widget .wkc-panel,
.wotknot-widget .wkc-media .wkc-img-mono,
.wotknot-widget .wkc-media .wkc-img-colour{ transition: none; }
.wotknot-widget .wkc-media .wkc-img-colour{
        clip-path: inset(0);
        opacity: 0;
        transition: opacity .3s linear;
      }
.wotknot-widget .wkc-panel:hover .wkc-img-colour,
.wotknot-widget .wkc-panel:focus-within .wkc-img-colour{ opacity: 1; }
}
@media (min-width: 861px){
.wotknot-widget .culture-newsletter-stack .wkc-cultures{
        position: sticky;
        top: 0;
        z-index: 1;
        height: 100svh;
        min-height: 720px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-block: clamp(2.75rem, 5vh, 4.75rem);
      }
.wotknot-widget .culture-newsletter-stack .wkc-head{
        flex: 0 0 auto;
        margin-bottom: clamp(1.75rem, 3.5vh, 3.25rem);
      }
.wotknot-widget .culture-newsletter-stack .wkc-row{
        flex: 1 1 auto;
        min-height: 0;
      }
.wotknot-widget .culture-newsletter-stack .wkc-panel{ min-height: 0; }
.wotknot-widget .culture-newsletter-stack .newsletter{
        position: relative;
        z-index: 5;
        box-shadow: 0 -2rem 5rem rgba(0,0,0,.38);
      }
}
.wotknot-widget .newsletter{
      position: relative;
      z-index: 1;
      padding: clamp(5rem, 9vw, 9rem) var(--gutter) clamp(4rem, 7vw, 6rem);
      background: #0a0a0a;
      border-top: 1px solid var(--rule);
    }
.wotknot-widget .newsletter__head{
      display: grid;
      grid-template-columns: minmax(0, 1.2fr) minmax(280px, .8fr);
      gap: clamp(2rem, 7vw, 7rem);
      align-items: end;
      padding-bottom: clamp(3rem, 6vw, 5rem);
    }
.wotknot-widget .newsletter h2{
      margin: 0;
      max-width: 10ch;
      font-family: var(--sans);
      font-size: clamp(3rem, 8vw, 8rem);
      font-weight: 500;
      line-height: .9;
      letter-spacing: -.07em;
    }
.wotknot-widget .newsletter h2 em{ font-family: var(--serif); font-weight: 400; color: var(--cream); }
.wotknot-widget .newsletter-form{
      display: grid;
      grid-template-columns: minmax(0, 1fr) auto;
      align-items: center;
      border-bottom: 1px solid rgba(245, 243, 237, .38);
    }
.wotknot-widget .newsletter-form input{
      min-width: 0;
      padding: .9rem 0;
      border: 0;
      outline: 0;
      color: var(--paper);
      background: transparent;
    }
.wotknot-widget .newsletter-form input::placeholder{ color: var(--paper-dim); }
.wotknot-widget .newsletter-form button{
      padding: .8rem 0 .8rem 1rem;
      border: 0;
      background: transparent;
      font-family: var(--mono);
      font-size: .67rem;
      letter-spacing: .14em;
      text-transform: uppercase;
      cursor: pointer;
    }
.wotknot-widget .newsletter-form button:hover{ color: var(--cream); }
.wotknot-widget .newsletter-form__status{
      grid-column: 1 / -1;
      margin: .9rem 0 0;
      padding-bottom: .9rem;
      font-family: var(--mono);
      font-size: .72rem;
      color: var(--cream);
    }
.wotknot-widget [data-reveal]{
      opacity: 0;
      transform: translateY(24px);
      transition: opacity .8s var(--ease), transform .9s var(--ease);
    }
.wotknot-widget [data-reveal].is-visible{ opacity: 1; transform: none; }
.wotknot-widget .visually-hidden{
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      padding: 0 !important;
      margin: -1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
      border: 0 !important;
    }
@media (min-width: 821px) and (max-width: 1100px){
.wotknot-widget .feature__desktop{
        width: min(94vw, 980px);
        grid-template-columns: minmax(210px, 34%) minmax(0, 1fr);
        --feature-column-gap: clamp(36px, 5vw, 62px);
      }
.wotknot-widget .feature__viewport{ --active-card-w: clamp(235px, 27vw, 300px); }
.wotknot-widget .feature__names{ font-size: clamp(1.62rem, 2.78vw, 2.24rem); }
}
@media (min-width: 821px) and (max-height: 820px){
.wotknot-widget .hero__wordmark{ top: 50%; font-size: min(11.6vw, 10.5rem); }
.wotknot-widget .hero__cover-stack{ right: 5vw; bottom: 4.5vh; width: clamp(128px, 12vw, 188px); }
.wotknot-widget .hero__tagline{ bottom: 4.5vh; }
.wotknot-widget .hero__featuring{ bottom: 4.35vh; }
.wotknot-widget .feature__viewport{
        --active-card-w: min(26.5vw, 370px);
        min-height: min(69vh, 575px);
      }
}
@media (max-width: 820px){
.wotknot-widget .hero{ min-height: 100svh; }
.wotknot-widget .hero::before{
        background-position: center top;
        background-size: cover;
      }
.wotknot-widget .hero::after{ background: linear-gradient(to bottom, rgba(0,0,0,.02), rgba(0,0,0,.12) 48%, rgba(0,0,0,.5)); }
.wotknot-widget .hero__wordmark{
        top: 43.5%;
        left: 5.2vw;
        transform: translateY(-50%);
        font-size: 15.5vw;
        font-weight: 400;
        line-height: .84;
        letter-spacing: -.08em;
      }
.wotknot-widget .hero__featuring{ display: none; }
.wotknot-widget .hero__cover-stack{
        top: auto;
        left: auto;
        right: 8vw;
        bottom: 5.8vh;
        width: clamp(104px, 31vw, 145px);
        transform: none;
        filter: drop-shadow(0 1rem 1.6rem rgba(0, 0, 0, .5));
      }
.wotknot-widget .hero__cover-layer--back{ transform: translate(-5%, -2.2%) rotate(-2.3deg); }
.wotknot-widget .hero__cover-layer--middle{ transform: translate(4%, -1%) rotate(1.65deg); }
.wotknot-widget .hero__cover-layer--front{ transform: translate(0, 1.8%); }
.wotknot-widget .hero__tagline{
        left: 7vw;
        bottom: 8.5vh;
        width: 17ch;
        font-size: clamp(.72rem, 3.2vw, .9rem);
      }
.wotknot-widget .feature{
        height: auto;
        min-height: 0;
        margin-top: clamp(3.5rem, 12vw, 5.5rem);
        padding: clamp(4rem, 11vw, 5.5rem) 0 clamp(2.75rem, 8vw, 4rem);
        overflow: hidden;
        background: #020202;
      }
.wotknot-widget .feature::before,
.wotknot-widget .feature::after{ display: none; }
.wotknot-widget .feature__desktop{ display: none; }
.wotknot-widget .feature__mobile{
        position: relative;
        top: auto;
        display: block;
        width: 100%;
        height: clamp(35rem, 145vw, 44rem);
        min-height: 0;
        overflow: hidden;
        background:
          radial-gradient(circle at 78% 23%, rgba(255, 240, 198, .06), transparent 27%),
          radial-gradient(circle at 18% 74%, rgba(255, 255, 255, .025), transparent 28%),
          linear-gradient(180deg, #070707 0%, #020202 100%);
      }
.wotknot-widget .feature__mobile::before{
        content: "FEATURED / 01—06";
        position: absolute;
        left: 7.5vw;
        top: 0;
        z-index: 12;
        font-family: var(--mono);
        font-size: clamp(.48rem, 2.15vw, .58rem);
        letter-spacing: .2em;
        color: rgba(255,240,198,.34);
      }
.wotknot-widget .feature__mobile::after{
        content: "WOTKNOT";
        position: absolute;
        right: -4vw;
        top: 131vw;
        z-index: 1;
        font-family: var(--sans);
        font-size: 18vw;
        font-weight: 300;
        line-height: 1;
        letter-spacing: -.08em;
        color: rgba(255,240,198,.025);
      }
.wotknot-widget .mobile-collage{
        position: absolute;
        inset: 0;
        z-index: 3;
      }
.wotknot-widget .mobile-collage figure{
        position: absolute;
        margin: 0;
        overflow: hidden;
        background: #151515;
        border: 1px solid rgba(255,240,198,.18);
        box-shadow: 0 3.4vw 7.5vw -3.6vw rgba(0, 0, 0, .82);
        opacity: 0;
        will-change: transform, opacity;
        backface-visibility: hidden;
      }
.wotknot-widget .mobile-collage img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        filter: grayscale(1) contrast(1.04);
        transition: filter .62s cubic-bezier(.16,1,.3,1), opacity .62s cubic-bezier(.16,1,.3,1);
      }
.wotknot-widget .feature__mobile.has-mobile-selection .mobile-collage figure:not(.is-mobile-selected) img{
        filter: grayscale(1) brightness(.52) contrast(1.02);
        opacity: .62;
      }
.wotknot-widget .feature__mobile.has-mobile-selection .mobile-collage figure.is-mobile-selected img{
        filter: grayscale(0) brightness(1) contrast(1.02);
        opacity: 1;
      }
/* Compact editorial composition. Width-relative coordinates keep the
         approved arrangement consistent on short and tall phones. */
.wotknot-widget .mobile-collage figure[data-mobile-image="1"]{ left: 10.5vw; top: 14.5vw; width: 24.5vw; aspect-ratio: 2 / 3; z-index: 5; }
.wotknot-widget .mobile-collage figure[data-mobile-image="2"]{ left: 39.3vw; top: 30vw; width: 24.2vw; aspect-ratio: 2 / 3; z-index: 4; }
.wotknot-widget .mobile-collage figure[data-mobile-image="3"]{ right: 5.8vw; top: 10.8vw; width: 28vw; aspect-ratio: 2 / 3; z-index: 8; }
.wotknot-widget .mobile-collage figure[data-mobile-image="4"]{ right: 7.5vw; top: 55.2vw; width: 24.2vw; aspect-ratio: 2 / 3; z-index: 7; }
.wotknot-widget .mobile-collage figure[data-mobile-image="5"]{ left: 39.3vw; top: 104.8vw; width: 24.2vw; aspect-ratio: 2 / 3; z-index: 6; }
.wotknot-widget .mobile-collage figure[data-mobile-image="6"]{ right: 5.8vw; top: 96vw; width: 28vw; aspect-ratio: 2 / 3; z-index: 5; }
.wotknot-widget .mobile-names{
        position: absolute;
        z-index: 10;
        left: 7.6vw;
        top: 55.5vw;
        width: 77vw;
        margin: 0;
        padding: 0;
        list-style: none;
        font-family: var(--sans);
        font-size: clamp(1.62rem, 8.6vw, 2.55rem);
        font-weight: 500;
        line-height: 1.12;
        letter-spacing: -.048em;
        opacity: 1;
        transform: none;
      }
.wotknot-widget .mobile-names li{ margin: 0; padding: 0; }
.wotknot-widget .mobile-names a{
        all: unset;
        display: block;
        width: fit-content;
        cursor: pointer;
        color: var(--paper);
        transition: color .42s cubic-bezier(.16,1,.3,1), opacity .42s cubic-bezier(.16,1,.3,1), transform .42s cubic-bezier(.16,1,.3,1);
      }
.wotknot-widget .mobile-names a:hover,
.wotknot-widget .mobile-names a:focus-visible{ color: var(--cream) !important; }
.wotknot-widget .wkc-cultures{
        padding: clamp(5rem, 12vw, 7rem) 0 clamp(4rem, 10vw, 6rem);
        overflow: visible;
      }
.wotknot-widget .wkc-head{
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
        padding-inline: 1.25rem;
      }
.wotknot-widget .wkc-dek{ padding-bottom: 0; text-align: left; }
.wotknot-widget .wkc-row{
        position: relative;
        display: block;
        padding: 0 1.25rem 64svh;
        border: 0;
      }
.wotknot-widget .wkc-panel{
        --wkc-stack-index: 0;
        position: sticky;
        top: calc(4.5rem + (var(--wkc-stack-index) * 2.35rem));
        z-index: calc(20 + var(--wkc-stack-index));
        width: 100%;
        min-height: 0;
        height: auto;
        aspect-ratio: 1 / 1;
        margin: 0 0 clamp(6.5rem, 22vw, 9rem);
        padding: 1.2rem;
        border: 1px solid rgba(244,239,230,.16);
        border-radius: 2px;
        background: #0a0a0d;
        box-shadow: 0 2.2rem 4.8rem -2.7rem rgba(0,0,0,.92);
        transform-origin: 50% 0%;
        will-change: transform;
      }
.wotknot-widget .wkc-panel:first-child{ border: 1px solid rgba(244,239,230,.16); }
.wotknot-widget .wkc-panel:last-child{ margin-bottom: 0; }
.wotknot-widget .wkc-media .wkc-img-colour{ display: none; }
.wotknot-widget .wkc-media .wkc-img-mono{
        filter: grayscale(1) brightness(.38) contrast(1.04) blur(1px);
        transform: scale(1.045);
        transition: none;
      }
.wotknot-widget .wkc-media::after{
        background: linear-gradient(to top, rgba(7,7,10,.72), rgba(7,7,10,.08) 60%, rgba(7,7,10,.24));
      }
.wotknot-widget .wkc-panel-dek{ opacity: 1; transform: none; }
.wotknot-widget .wkc-city{
        position: relative;
        z-index: 4;
        transform-origin: left top;
        will-change: transform;
      }
.wotknot-widget .wkc-panel-dek,
.wotknot-widget .wkc-link{ will-change: transform, opacity; }
.wotknot-widget .wkc-meta{
        position: relative;
        min-height: 1.4rem;
        display: block;
      }
.wotknot-widget .wkc-code,
.wotknot-widget .wkc-stack-city,
.wotknot-widget .wkc-clock,
.wotknot-widget .wkc-flag{
        position: absolute;
        top: 0;
        will-change: transform, opacity;
      }
.wotknot-widget .wkc-code,
.wotknot-widget .wkc-stack-city{ left: 0; }
.wotknot-widget .wkc-flag{ display: block; }
.wotknot-widget .wkc-stack-city{ display: none !important; }
.wotknot-widget .wkc-clock{ right: 0; }
.wotknot-widget .wkc-flag{
        right: 0;
        width: 1.55rem;
        height: 1.05rem;
        object-fit: cover;
        border: 1px solid rgba(244,239,230,.28);
        opacity: 0;
        transform: translateY(.2rem) scale(.78);
      }
.wotknot-widget .wkc-panel-foot,
.wotknot-widget .wkc-media{ will-change: transform, opacity, filter; }
.wotknot-widget .wkc-panel--mark{
        top: 4.5rem;
        z-index: 90;
        display: grid;
        place-items: center;
        min-height: 0;
        height: auto;
        aspect-ratio: 1 / 1;
        margin-bottom: 0;
        overflow: hidden;
        background:
          radial-gradient(circle at 50% 44%, rgba(255,240,198,.15), transparent 28%),
          linear-gradient(145deg, #151519, #050507 76%);
        box-shadow: 0 2.8rem 6rem -2.5rem rgba(0,0,0,.98);
      }
.wotknot-widget .wkc-panel--mark::before{
        content: "";
        position: absolute;
        inset: 1rem;
        border: 1px solid rgba(244,239,230,.08);
        pointer-events: none;
      }
.wotknot-widget .wkc-mark-card{
        position: relative;
        z-index: 2;
        display: grid;
        justify-items: center;
        gap: 1rem;
        text-align: center;
      }
.wotknot-widget .wkc-mark-card img{
        width: clamp(72px, 24vw, 112px);
        height: auto;
        object-fit: contain;
      }
.wotknot-widget .wkc-mark-card span{
        font-family: var(--mono);
        font-size: .62rem;
        letter-spacing: .22em;
        text-transform: uppercase;
        color: var(--wkc-muted);
      }
.wotknot-widget .culture-newsletter-stack .newsletter{
        position: relative;
        z-index: 120;
        margin-top: -46svh;
        padding-top: calc(clamp(5rem, 9vw, 9rem) + 46svh);
        padding-inline: 1.25rem;
        box-shadow: 0 -2.5rem 5rem rgba(0,0,0,.42);
      }
.wotknot-widget .newsletter__head{ grid-template-columns: 1fr; }
.wotknot-widget .newsletter h2{ max-width: 9ch; }
.wotknot-widget .newsletter-form{ margin-top: 1rem; }
}
@media (max-width: 430px){
.wotknot-widget .hero__tagline{ bottom: 8vh; }
.wotknot-widget .hero__cover-stack{ bottom: 6vh; }
.wotknot-widget .newsletter-form{ grid-template-columns: 1fr; }
.wotknot-widget .newsletter-form button{ padding-left: 0; text-align: left; }
}
@media (prefers-reduced-motion: reduce){

.wotknot-widget [data-reveal]{ opacity: 1; transform: none; }
.wotknot-widget .feature__copy .eyebrow,
.wotknot-widget .feature__copy .feature__name,
.wotknot-widget .feature__copy .feature__controls{ opacity: 1 !important; transform: none !important; }
.wotknot-widget .mobile-collage figure,
.wotknot-widget .mobile-names{ opacity: 1 !important; transform: none !important; }
}
/* v18 — scroll-scrubbed Featuring choreography */
@media (min-width: 821px) and (prefers-reduced-motion: no-preference){
.wotknot-widget .feature{
        height: 500svh;
        min-height: 500svh;
      }
.wotknot-widget .feature__desktop{
        position: sticky;
        top: 0;
        height: 100svh;
        min-height: 100svh;
      }
.wotknot-widget .artist-card,
.wotknot-widget .artist-card__progressive-blur{
        transition: none !important;
      }
.wotknot-widget .feature__name{
        cursor: default;
        user-select: none;
      }
}
@media (max-width: 820px) and (prefers-reduced-motion: no-preference){
.wotknot-widget .feature{
        height: auto;
        min-height: 0;
        overflow: hidden;
      }
.wotknot-widget .feature__mobile{
        position: relative;
        top: auto;
        height: clamp(35rem, 145vw, 44rem);
        min-height: 0;
        overflow: hidden;
      }
.wotknot-widget .mobile-collage figure{ transition: none !important; }
.wotknot-widget .mobile-collage img{
        transition: filter .36s cubic-bezier(.16,1,.3,1), opacity .36s cubic-bezier(.16,1,.3,1);
      }
}
/* v23 — timing alignment, simplified locations, bounded newsletter cover */
.wotknot-widget .feature__names{ line-height: 1.24; }
/* Desktop location panels remain equal, monochrome and calm. */
.wotknot-widget .wkc-panel{
      flex: 1 1 0;
      transition: none;
    }
.wotknot-widget .wkc-media .wkc-img-colour{ display: none !important; }
.wotknot-widget .wkc-media .wkc-img-mono{
      filter: grayscale(1) brightness(.42) contrast(1.05);
      transform: scale(1.02);
      transition: none;
    }
.wotknot-widget .wkc-panel-dek{
      opacity: 1;
      transform: none;
      transition: none;
    }
@media (hover:hover) and (min-width:861px){
.wotknot-widget .wkc-row:hover .wkc-panel,
.wotknot-widget .wkc-row .wkc-panel:hover{ flex-grow: 1; }
.wotknot-widget .wkc-panel:hover .wkc-img-mono,
.wotknot-widget .wkc-panel:focus-within .wkc-img-mono{ transform: scale(1.02); }
}
/* The heading scrolls normally. Only the cards remain while newsletter
       climbs over them, and the overlap is bounded to this combined block. */
@media (min-width:861px){
.wotknot-widget .culture-newsletter-stack .wkc-cultures{
        position: relative;
        top: auto;
        height: auto;
        min-height: 0;
        display: block;
        padding-block: clamp(5rem, 9vw, 8rem) 65vh;
      }
.wotknot-widget .culture-newsletter-stack .wkc-head{
        margin-bottom: clamp(3rem, 7vh, 5.5rem);
      }
.wotknot-widget .culture-newsletter-stack .wkc-row{
        position: sticky;
        top: clamp(5rem, 10vh, 8rem);
        height: min(70vh, 34rem);
        min-height: 28rem;
      }
.wotknot-widget .culture-newsletter-stack .wkc-panel{ min-height: 100%; }
.wotknot-widget .culture-newsletter-stack .newsletter{
        position: relative;
        z-index: 5;
        margin-top: -65vh;
        padding-top: clamp(5rem, 9vw, 9rem);
        box-shadow: 0 -2rem 5rem rgba(0,0,0,.38);
      }
}
@media (max-width:820px){
.wotknot-widget .feature{
        padding: clamp(3.5rem, 9vw, 4.5rem) 0 0;
      }
.wotknot-widget .feature__mobile{
        height: clamp(34rem, 142vw, 43rem);
      }
.wotknot-widget .wkc-cultures{
        padding-top: clamp(3.25rem, 9vw, 4.5rem);
      }
.wotknot-widget .wkc-row{
        padding-bottom: 58svh;
      }
.wotknot-widget .wkc-media .wkc-img-mono{
        filter: grayscale(1) brightness(.62) contrast(1.05);
        transform: scale(1.025);
      }
.wotknot-widget .wkc-panel--mark{
        top: 4.5rem;
        z-index: 100;
      }
.wotknot-widget .culture-newsletter-stack .newsletter{
        position: relative;
        z-index: 120;
        margin-top: -58svh;
        padding: clamp(5rem, 12vw, 7rem) 1.25rem clamp(4rem, 10vw, 6rem);
        box-shadow: 0 -2.5rem 5rem rgba(0,0,0,.48);
      }
}
/* ===== Jamz FR launch: announcement bar ===== */
/* ===== Jamz FR launch: inline feature CTA ===== */
.wotknot-widget .wk-feature-cta{
      display: inline-flex;
      align-items: center;
      gap: .6rem;
      width: fit-content;
      margin-top: clamp(1.1rem, 2vw, 1.6rem);
      padding: .7rem 1.15rem;
      border: 1px solid rgba(255, 240, 198, .7);
      border-radius: 999px;
      font-family: var(--mono);
      font-size: clamp(.58rem, .72vw, .68rem);
      letter-spacing: .18em;
      line-height: 1.25;
      text-transform: uppercase;
      color: var(--cream);
      transition: background .25s ease, color .25s ease, transform .25s ease;
    }
.wotknot-widget .wk-feature-cta:hover{
      background: var(--cream);
      color: var(--ink);
      transform: translateY(-2px);
    }
.wotknot-widget .wk-feature-cta svg{
      width: 15px;
      height: 15px;
      flex: 0 0 15px;
    }
/* ===== v25 motion and interaction refinements ===== */
.wotknot-widget .hero__wordmark{
      animation: wkHeroWordmarkIn 1.15s cubic-bezier(.16,1,.3,1) .08s both;
    }
.wotknot-widget .hero__tagline{
      animation: wkHeroTextIn 1.05s cubic-bezier(.16,1,.3,1) .48s both;
    }
.wotknot-widget .hero__featuring{
      animation: wkHeroFeaturingIn 1.05s cubic-bezier(.16,1,.3,1) .72s both;
    }
@keyframes wkHeroWordmarkIn{
      from { opacity: 0; filter: blur(9px); }
      to { opacity: 1; filter: blur(0); }
    }
@keyframes wkHeroTextIn{
      from { opacity: 0; transform: translate3d(0, 18px, 0); filter: blur(5px); }
      to { opacity: 1; transform: translate3d(0, 0, 0); filter: blur(0); }
    }
@keyframes wkHeroFeaturingIn{
      from { opacity: 0; transform: translate3d(-50%, 18px, 0); filter: blur(5px); }
      to { opacity: 1; transform: translate3d(-50%, 0, 0); filter: blur(0); }
    }
@media (min-width: 821px) and (prefers-reduced-motion: no-preference){
.wotknot-widget .feature__copy .wk-feature-cta{
        opacity: 0;
        transform: translateY(18px);
      }
.wotknot-widget .feature.is-feature-entered .feature__copy .wk-feature-cta{
        opacity: 1;
        transform: none;
        transition:
          opacity .78s cubic-bezier(.16,1,.3,1) .49s,
          transform .9s cubic-bezier(.16,1,.3,1) .49s,
          background .25s ease,
          color .25s ease;
      }
}
.wotknot-widget .wk-feature-cta-mobile-wrap{ display: none; }
/* Desktop locations stay equal and monochrome. Descriptions are editorial
       details revealed only on hover/focus, not permanent body copy. */
.wotknot-widget .wkc-panel-dek{
      opacity: 0;
      transform: translateY(.65rem);
      transition: opacity .55s cubic-bezier(.16,1,.3,1), transform .65s cubic-bezier(.16,1,.3,1);
    }
.wotknot-widget .wkc-panel:hover .wkc-panel-dek,
.wotknot-widget .wkc-panel:focus-within .wkc-panel-dek{
      opacity: 1;
      transform: none;
    }
@media (max-width: 820px){
.wotknot-widget .feature{
        padding-bottom: 0;
      }
.wotknot-widget .feature__mobile{
        height: clamp(34rem, 142vw, 43rem);
      }
.wotknot-widget .feature.is-feature-entered .mobile-names{
        animation: wkMobileNamesIn .9s cubic-bezier(.16,1,.3,1) .12s both;
      }
@keyframes wkMobileNamesIn{
        from { opacity: 0; transform: translate3d(0, 18px, 0); }
        to { opacity: 1; transform: none; }
      }
.wotknot-widget .wk-feature-cta-mobile-wrap{
        position: relative;
        z-index: 18;
        display: block;
        padding: .75rem 1.25rem clamp(2.4rem, 8vw, 3.5rem);
        background: #020202;
      }
.wotknot-widget .wk-feature-cta-mobile{
        display: grid;
        grid-template-columns: auto minmax(0, 1fr) auto;
        align-items: center;
        gap: .9rem;
        width: 100%;
        padding: .9rem 1rem;
        border: 1px solid rgba(255,240,198,.36);
        background:
          linear-gradient(110deg, rgba(255,240,198,.075), transparent 44%),
          rgba(14,14,16,.92);
        box-shadow: 0 1.25rem 2.8rem -1.8rem rgba(0,0,0,.92);
        color: var(--paper);
        font-family: var(--mono);
        -webkit-tap-highlight-color: transparent;
      }
.wotknot-widget .wk-feature-cta-mobile__play{
        display: grid;
        place-items: center;
        width: 2.65rem;
        height: 2.65rem;
        border-radius: 50%;
        background: #ff2d20;
        color: #fff;
        box-shadow: 0 0 0 5px rgba(255,45,32,.10);
      }
.wotknot-widget .wk-feature-cta-mobile__play svg{ width: 1.25rem; height: 1.25rem; }
.wotknot-widget .wk-feature-cta-mobile__copy{ display: grid; gap: .18rem; min-width: 0; }
.wotknot-widget .wk-feature-cta-mobile__copy small{
        font-size: .52rem;
        font-weight: 400;
        letter-spacing: .2em;
        text-transform: uppercase;
        color: var(--cream);
      }
.wotknot-widget .wk-feature-cta-mobile__copy strong{
        overflow: hidden;
        font-family: var(--sans);
        font-size: clamp(.82rem, 3.4vw, 1rem);
        font-weight: 500;
        letter-spacing: -.025em;
        text-overflow: ellipsis;
        white-space: nowrap;
      }
.wotknot-widget .wk-feature-cta-mobile__arrow{
        font-size: 1rem;
        color: var(--cream);
        transition: transform .3s cubic-bezier(.16,1,.3,1);
      }
.wotknot-widget .wk-feature-cta-mobile:active .wk-feature-cta-mobile__arrow{ transform: translate(2px, -2px); }
/* Four equal cards in one natural sticky stack. The logo card is the
         fourth layer, not a cover that shrinks or hides the first three. */
.wotknot-widget .wkc-row{
        padding-bottom: 52svh;
      }
.wotknot-widget .wkc-panel,
.wotknot-widget .wkc-panel--mark{
        position: sticky;
        top: calc(4.5rem + (var(--wkc-stack-index) * 2.35rem));
        z-index: calc(20 + var(--wkc-stack-index));
        width: 100%;
        aspect-ratio: 1 / 1;
        min-height: 0;
        height: auto;
        margin: 0 0 clamp(6.5rem, 22vw, 9rem);
        transform: none;
        opacity: 1;
      }
.wotknot-widget .wkc-panel--mark{
        display: grid;
        place-items: center;
        margin-bottom: 0;
      }
/* Start atmospheric and monochrome; become clean and sharp when stacked. */
.wotknot-widget .wkc-media .wkc-img-mono{
        filter: grayscale(1) brightness(.34) contrast(1.05) blur(2.2px);
        transform: scale(1.04);
      }
.wotknot-widget .wkc-panel-dek{
        opacity: 0;
        transform: translateY(.65rem);
        pointer-events: none;
      }
.wotknot-widget .culture-newsletter-stack .newsletter{
        z-index: 120;
        margin-top: -52svh;
        padding-top: clamp(5rem, 12vw, 7rem);
        box-shadow: 0 -2.5rem 5rem rgba(0,0,0,.48);
      }
}
/* ===== v26 final refinements ===== */
/* The hero wordmark is present immediately; only supporting copy animates. */
.wotknot-widget .hero__wordmark{ animation: none !important; }
/* The three issues arrive oldest-to-latest at half-second intervals. Once
       settled, hover/focus gathers them into one precise editorial file. */
.wotknot-widget .hero__cover-stack.is-magazine-ready .hero__cover-layer{
      animation: none;
      opacity: 1;
      filter: blur(0);
      transform: translate(var(--cover-x), var(--cover-y)) rotate(var(--cover-rotate)) scale(1);
      transition: transform .72s cubic-bezier(.16,1,.3,1), box-shadow .72s cubic-bezier(.16,1,.3,1);
    }
.wotknot-widget .hero__cover-stack.is-magazine-ready:hover .hero__cover-layer,
.wotknot-widget .hero__cover-stack.is-magazine-ready:focus-visible .hero__cover-layer,
.wotknot-widget .hero__cover-stack.is-arranging .hero__cover-layer{
      transform: translate3d(0,0,0) rotate(0deg) scale(1);
    }
.wotknot-widget .hero__cover-stack.is-magazine-ready:hover .hero__cover-layer--front,
.wotknot-widget .hero__cover-stack.is-magazine-ready:focus-visible .hero__cover-layer--front{
      box-shadow: 0 1.65rem 3.2rem rgba(0,0,0,.5);
    }
/* The removed footer accent must not reserve any visual space. */
/* Locations remain equal, clear, sharp and monochrome at every state. */
.wotknot-widget .wkc-media .wkc-img-mono{
      filter: grayscale(1) brightness(.42) contrast(1.05) !important;
      transform: scale(1.02) !important;
    }
.wotknot-widget .wkc-media{ transform: none !important; }
/* Desktop flags are a restrained hover/focus detail. */
@media (min-width: 861px){
.wotknot-widget .wkc-meta{ padding-right: 0; }
.wotknot-widget .wkc-flag{
        display: block;
        position: absolute;
        top: 1.45rem;
        right: 0;
        width: 2.15rem;
        height: 1.4rem;
        object-fit: cover;
        border: 1px solid rgba(244,239,230,.32);
        box-shadow: 0 .45rem 1.2rem rgba(0,0,0,.34);
        opacity: 0;
        transform: translate3d(0,-.35rem,0) scale(.72);
        transition: opacity .42s cubic-bezier(.16,1,.3,1), transform .58s cubic-bezier(.16,1,.3,1);
      }
.wotknot-widget .wkc-panel:hover .wkc-flag,
.wotknot-widget .wkc-panel:focus-within .wkc-flag{
        opacity: 1;
        transform: translate3d(0,0,0) scale(1);
      }
/* The three-column row remains in place only for the newsletter climb. */
.wotknot-widget .culture-newsletter-stack{ --wkc-newsletter-climb: min(62vh, 36rem); }
.wotknot-widget .culture-newsletter-stack .wkc-cultures{
        overflow: visible;
        padding-bottom: var(--wkc-newsletter-climb);
      }
.wotknot-widget .culture-newsletter-stack .wkc-row{
        position: sticky;
        top: clamp(5rem,10vh,8rem);
      }
.wotknot-widget .culture-newsletter-stack .newsletter{
        position: relative;
        z-index: 20;
        margin-top: calc(-1 * var(--wkc-newsletter-climb));
        background: #0a0a0a;
        box-shadow: 0 -2rem 5rem rgba(0,0,0,.42);
      }
}
@media (max-width: 820px){
/* No blur/dimming transformation and no descriptions on touch layouts. */
.wotknot-widget .wkc-media .wkc-img-mono{
        filter: grayscale(1) brightness(.42) contrast(1.05) !important;
        transform: scale(1.02) !important;
      }
.wotknot-widget .wkc-panel-dek{ display: none !important; }
/* All four square cards use the same stacking geometry. The fourth card
         reaches its complete fourth stage before the newsletter enters. */
.wotknot-widget .culture-newsletter-stack{ --wkc-newsletter-climb: min(56svh, 29rem); }
.wotknot-widget .wkc-cultures{ padding-bottom: 0; }
.wotknot-widget .wkc-row{
        padding-bottom: var(--wkc-newsletter-climb);
      }
.wotknot-widget .wkc-panel,
.wotknot-widget .wkc-panel--mark{
        top: calc(4.5rem + (var(--wkc-stack-index) * 2.35rem)) !important;
        z-index: calc(20 + var(--wkc-stack-index)) !important;
        width: 100%;
        aspect-ratio: 1 / 1;
        min-height: 0;
        height: auto;
      }
.wotknot-widget .wkc-panel--mark{
        margin-bottom: 0;
        padding: 1.2rem;
      }
.wotknot-widget .culture-newsletter-stack .newsletter{
        position: relative;
        z-index: 120;
        margin-top: calc(-1 * var(--wkc-newsletter-climb));
        padding-top: clamp(5rem,12vw,7rem);
        background: #0a0a0a;
        box-shadow: 0 -2.5rem 5rem rgba(0,0,0,.48);
      }
}


/* v2 separate section widget composition */
.wkw-home-section{background:var(--ink);color:var(--paper)}
.wkw-composed-culture-newsletter{position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);isolation:isolate;background:var(--ink)}
.wkw-composed-culture-newsletter > .culture-newsletter-stack{position:relative;isolation:isolate;background:var(--ink)}
.wkw-composed-culture-newsletter .elementor-widget{margin:0}
.wkw-composed-culture-newsletter .wotknot-widget{width:100%;max-width:100%;margin-left:0}
.wkw-home-section[data-animations="0"] .hero__cover-layer{opacity:1;filter:none;animation:none;transform:translate(var(--cover-x),var(--cover-y)) rotate(var(--cover-rotate)) scale(1)}
.wkw-home-section[data-animations="0"] .wkc-reveal,
.wkw-home-section[data-animations="0"] .wkc-title .wkc-line > span,
.wkw-home-section[data-animations="0"] [data-reveal],
.wkw-home-section[data-animations="0"] .feature__copy .eyebrow,
.wkw-home-section[data-animations="0"] .feature__copy .feature__name,
.wkw-home-section[data-animations="0"] .feature__copy .feature__controls{opacity:1!important;transform:none!important;transition:none!important}
.wkw-newsletter-shortcode{width:100%}

/* v2.2.0: real artist-page links across desktop and mobile. */
.wotknot-widget .feature__name-link{
  display: block;
  width: fit-content;
  color: inherit;
  text-decoration: none;
}
.wotknot-widget .artist-card__link{
  position: absolute;
  inset: 0;
  z-index: 4;
  display: block;
  cursor: pointer;
}
.wotknot-widget .artist-card__link:focus-visible{
  outline: 2px solid var(--cream);
  outline-offset: -5px;
}

/* Featured Creatives interaction corrections. */
.wotknot-widget .feature__arrow{
  display:grid;
  place-items:center;
  padding:0;
  line-height:1;
  text-align:center;
  appearance:none;
  -webkit-appearance:none;
}
.wotknot-widget .feature__arrow svg{
  display:block;
  width:17px;
  height:17px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
  pointer-events:none;
}
.wotknot-widget .feature__name-link{
  pointer-events:none;
  cursor:default;
}
.wotknot-widget .feature__name.is-active .feature__name-link{
  pointer-events:auto;
  cursor:pointer;
}
.wotknot-widget .artist-card__link{
  pointer-events:none;
  cursor:default;
}
.wotknot-widget .artist-card.is-active .artist-card__link{
  pointer-events:auto;
  cursor:pointer;
}
.wotknot-widget .mobile-names a{touch-action:manipulation}
.wotknot-widget .mobile-names a.is-mobile-active{color:var(--cream)!important}

/* Fluent Forms rendered with the original newsletter template design. */
.wotknot-widget .wkw-newsletter-fluent .frm-fluent-form,
.wotknot-widget .wkw-newsletter-fluent .frm-fluent-form > fieldset{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:0;
  width:100%;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-bottom:1px solid rgba(245,243,237,.38)!important;
  background:transparent!important;
}
.wotknot-widget .wkw-newsletter-fluent .frm-fluent-form > fieldset{grid-column:1/-1}
.wotknot-widget .wkw-newsletter-fluent .ff-el-group{min-width:0;margin:0!important;padding:0!important}
.wotknot-widget .wkw-newsletter-fluent .ff-el-group:not(.ff_submit_btn_wrapper){grid-column:1}
.wotknot-widget .wkw-newsletter-fluent .ff_submit_btn_wrapper{grid-column:2;grid-row:1}
.wotknot-widget .wkw-newsletter-fluent .ff-el-input--label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.wotknot-widget .wkw-newsletter-fluent .ff-el-form-control,
.wotknot-widget .wkw-newsletter-fluent input[type="email"],
.wotknot-widget .wkw-newsletter-fluent input[type="text"]{
  width:100%!important;
  min-width:0!important;
  height:auto!important;
  padding:.9rem 0!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  color:var(--paper)!important;
  background:transparent!important;
}
.wotknot-widget .wkw-newsletter-fluent input::placeholder{color:var(--paper-dim)!important;opacity:1}
.wotknot-widget .wkw-newsletter-fluent .ff-btn-submit{
  width:auto!important;
  min-width:0!important;
  margin:0!important;
  padding:.8rem 0 .8rem 1rem!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:transparent!important;
  color:var(--paper)!important;
  font-family:var(--mono)!important;
  font-size:.67rem!important;
  font-weight:400!important;
  letter-spacing:.14em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
  cursor:pointer!important;
}
.wotknot-widget .wkw-newsletter-fluent .ff-btn-submit:hover{color:var(--cream)!important;background:transparent!important}
.wotknot-widget .wkw-newsletter-fluent .ff-el-is-error .ff-el-form-control{border:0!important;box-shadow:none!important}
.wotknot-widget .wkw-newsletter-fluent .error,
.wotknot-widget .wkw-newsletter-fluent .text-danger,
.wotknot-widget .wkw-newsletter-fluent .ff-message-success,
.wotknot-widget .wkw-newsletter-fluent .ff-errors-in-stack{
  grid-column:1/-1;
  margin:.8rem 0 0!important;
  padding:0 0 .8rem!important;
  border:0!important;
  box-shadow:none!important;
  background:transparent!important;
  font-family:var(--mono)!important;
  font-size:.72rem!important;
  line-height:1.5!important;
  color:var(--cream)!important;
}
@media(max-width:680px){
  .wotknot-widget .wkw-newsletter-fluent .frm-fluent-form,
  .wotknot-widget .wkw-newsletter-fluent .frm-fluent-form > fieldset{grid-template-columns:minmax(0,1fr) auto}
}
.wotknot-widget .feature__name{pointer-events:none}
.wotknot-widget .feature__name.is-active{pointer-events:auto}