/* WOTKNOT Widgets global assets v2.0.0 */
.wotknot-widget {
  --ink:#050505;--ink-soft:#101010;--paper:#f5f3ed;--paper-dim:rgba(245,243,237,.65);
  --cream:#fff0c6;--rule:rgba(245,243,237,.16);--mono:"JetBrains Mono",monospace;
  --sans:"Montserrat","Inter",sans-serif;--serif:"Bodoni Moda",Georgia,serif;
  --ease:cubic-bezier(.16,1,.3,1);--gutter:clamp(1.25rem,4vw,4rem);
}
.wkw-site-header { position:relative; z-index:1000; height:0; background:transparent; }
.wkw-site-header.no-home-hero .site-logo-target { opacity:1; pointer-events:auto; }
.wkw-site-header.no-home-hero .hero-logo-fixed { display:none; }
body.wkw-menu-open { overflow:hidden; }
body.wkw-menu-open .wkw-site-header .menu-toggle::before { top:20px; width:21px; transform:rotate(45deg); }
body.wkw-menu-open .wkw-site-header .menu-toggle::after { top:20px; width:21px; transform:rotate(-45deg); }
body.wkw-menu-open .wkw-site-header .menu-panel { visibility:visible; pointer-events:auto; transition-delay:0s; }
body.wkw-menu-open .wkw-site-header .menu-panel::before { opacity:1; }
body.wkw-menu-open .wkw-site-header .menu-panel__inner { transform:translateX(0); }
body.wkw-menu-open .wkw-site-header .hero-logo-fixed { opacity:0!important; pointer-events:none; }
html.wkw-logo-motion-ready .wkw-site-header .hero-logo-fixed { opacity:1; pointer-events:auto; }
html.wkw-logo-motion-ready .wkw-homepage .hero__wordmark { opacity:0; }
.wkw-site-footer { background:#0a0a0a; }
/* WOTKNOT Widgets v1.1.0 */
.elementor-widget-wotknot-homepage-content > .elementor-widget-container{ overflow: visible; }
.wotknot-widget{
  position: relative;
  display: block;
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  isolation: isolate;
  color: var(--paper);
  background: var(--ink);
}
.elementor-editor-active .wotknot-widget{ width: 100%; max-width: 100%; margin-left: 0; }
.elementor-editor-active .wotknot-widget .wkc-reveal,
.elementor-editor-active .wotknot-widget [data-reveal],
.elementor-editor-active .wotknot-widget .feature__copy .eyebrow,
.elementor-editor-active .wotknot-widget .feature__copy .feature__name,
.elementor-editor-active .wotknot-widget .feature__copy .feature__controls{
  opacity: 1 !important;
  transform: none !important;
}
.wotknot-widget{
      --ink: #050505;
      --ink-soft: #101010;
      --paper: #f5f3ed;
      --paper-dim: rgba(245, 243, 237, .65);
      --cream: #fff0c6;
      --rule: rgba(245, 243, 237, .16);
      --mono: "JetBrains Mono", monospace;
      --sans: "Montserrat", "Inter", sans-serif;
      --serif: "Bodoni Moda", Georgia, serif;
      --ease: cubic-bezier(.16, 1, .3, 1);
      --gutter: clamp(1.25rem, 4vw, 4rem);
    }
.wotknot-widget *,
.wotknot-widget *::before,
.wotknot-widget *::after{ box-sizing: border-box; }
body.wkw-menu-open{ overflow: hidden; }
.wotknot-widget img{ display: block; width: 100%; }
.wotknot-widget a{ color: inherit; text-decoration: none; }
.wotknot-widget button,
.wotknot-widget input{ font: inherit; }
.wotknot-widget button{ color: inherit; }
.wotknot-widget ::selection{ background: var(--cream); color: var(--ink); }
.wotknot-widget :focus-visible{ outline: 2px solid var(--cream); outline-offset: 4px; }
.wotknot-widget .site-header{
      position: fixed;
      inset: 0 0 auto;
      z-index: 100;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      padding: 1.2rem var(--gutter);
      mix-blend-mode: difference;
      pointer-events: none;
    }
.wotknot-widget .site-logo-target{
      display: block;
      margin-top: .18rem;
      color: var(--paper);
      font-family: var(--sans);
      font-size: clamp(1rem, 1.3vw, 1.25rem);
      font-weight: 400;
      line-height: .82;
      letter-spacing: -.08em;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
    }
.wotknot-widget .hero-logo-fixed{
      position: fixed;
      top: 0;
      left: 0;
      z-index: 110;
      display: block;
      color: var(--paper);
      font-family: var(--sans);
      font-weight: 400;
      line-height: .82;
      letter-spacing: -.08em;
      white-space: nowrap;
      opacity: 0;
      pointer-events: none;
      transform-origin: left top;
      will-change: transform;
      mix-blend-mode: difference;
      transition: opacity .2s ease;
    }
html.wkw-logo-motion-ready .wotknot-widget .hero-logo-fixed{ opacity: 1; pointer-events: auto; }
html.wkw-logo-motion-ready .wotknot-widget .hero__wordmark{ opacity: 0; }
body.wkw-menu-open .wotknot-widget .hero-logo-fixed{ opacity: 0 !important; pointer-events: none; }
.wotknot-widget .menu-toggle{
      position: relative;
      width: 42px;
      height: 42px;
      padding: 0;
      border: 0;
      background: transparent;
      cursor: pointer;
      pointer-events: auto;
    }
.wotknot-widget .menu-toggle::before,
.wotknot-widget .menu-toggle::after{
      content: "";
      position: absolute;
      right: 5px;
      width: 21px;
      height: 1.5px;
      background: var(--paper);
      transform-origin: center;
      transition: top .35s var(--ease), transform .35s var(--ease), width .35s var(--ease);
    }
.wotknot-widget .menu-toggle::before{ top: 15px; }
.wotknot-widget .menu-toggle::after{ top: 23px; width: 15px; }
body.wkw-menu-open .wotknot-widget .menu-toggle::before{ top: 20px; width: 21px; transform: rotate(45deg); }
body.wkw-menu-open .wotknot-widget .menu-toggle::after{ top: 20px; width: 21px; transform: rotate(-45deg); }
.wotknot-widget .menu-panel{
      position: fixed;
      inset: 0;
      z-index: 90;
      display: grid;
      justify-items: end;
      visibility: hidden;
      pointer-events: none;
      transition: visibility 0s linear .65s;
    }
.wotknot-widget .menu-panel::before{
      content: "";
      position: absolute;
      inset: 0;
      background: rgba(0, 0, 0, .56);
      opacity: 0;
      transition: opacity .45s ease;
    }
.wotknot-widget .menu-panel__inner{
      position: relative;
      width: min(100%, 480px);
      height: 100%;
      padding: clamp(6rem, 14vh, 8rem) clamp(1.5rem, 6vw, 3.5rem) 2.5rem;
      background: #0d0d0f;
      transform: translateX(102%);
      transition: transform .65s var(--ease);
      display: flex;
      flex-direction: column;
    }
body.wkw-menu-open .wotknot-widget .menu-panel{ visibility: visible; pointer-events: auto; transition-delay: 0s; }
body.wkw-menu-open .wotknot-widget .menu-panel::before{ opacity: 1; }
body.wkw-menu-open .wotknot-widget .menu-panel__inner{ transform: translateX(0); }
.wotknot-widget .menu-list{ list-style: none; margin: 0; padding: 0; }
.wotknot-widget .menu-list li{ overflow: hidden; }
.wotknot-widget .menu-list a{
      display: flex;
      align-items: flex-start;
      justify-content: space-between;
      padding: .15rem 0;
      font-family: var(--sans);
      font-size: clamp(2.3rem, 8vw, 4rem);
      font-weight: 300;
      line-height: 1.08;
      letter-spacing: -.045em;
      text-transform: uppercase;
      transition: color .25s ease, transform .35s var(--ease);
    }
.wotknot-widget .menu-list a::after{
      content: attr(data-index);
      padding-top: .6em;
      font-family: var(--mono);
      font-size: .68rem;
      letter-spacing: .1em;
      color: var(--cream);
    }
.wotknot-widget .menu-list a:hover{ color: var(--cream); transform: translateX(.2rem); }
.wotknot-widget .menu-socials{
      margin-top: auto;
      padding-top: 1.5rem;
      border-top: 1px solid var(--rule);
      display: flex;
      gap: 1.2rem;
      flex-wrap: wrap;
      font-family: var(--mono);
      font-size: .72rem;
      letter-spacing: .08em;
      text-transform: uppercase;
      color: var(--paper-dim);
    }
/* The next portrait is a smaller B&W preparation state, exactly 15px
       from the active portrait. Its masked blur strengthens left-to-right. */
/* First entrance: active arrives first, then the smaller B&W preview. */
/* 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. */
/* ============================================================
       Across Cultures — Nocturne Editorial
       All selectors are scoped with the wkc- prefix.
       ============================================================ */
/* The colour curtain travels toward the panel(s) giving up space. */
.wotknot-widget .footer{
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: 2fr 1fr 1fr;
      gap: 2rem;
      padding: clamp(3rem, 6vw, 5rem) var(--gutter) 2rem;
      border-top: 1px solid var(--rule);
      background: #0a0a0a;
    }
.wotknot-widget .footer h3{
      margin: 0 0 1rem;
      font-family: var(--mono);
      font-size: .66rem;
      font-weight: 400;
      letter-spacing: .16em;
      text-transform: uppercase;
      color: var(--paper-dim);
    }
.wotknot-widget .footer__creative-line{
      display: block;
      width: clamp(3.5rem, 7vw, 6.5rem);
      height: 1px;
      margin: .2rem 0 1.35rem;
      background: linear-gradient(90deg, var(--cream), rgba(255, 240, 198, .08));
      transform-origin: left center;
    }
.wotknot-widget .footer__about{
      max-width: 40ch;
      margin: 0;
      font-family: var(--serif);
      font-size: clamp(1.15rem, 1.6vw, 1.5rem);
      font-style: italic;
      line-height: 1.5;
    }
.wotknot-widget .footer ul{ list-style: none; margin: 0; padding: 0; display: grid; gap: .55rem; }
.wotknot-widget .footer a:hover{ color: var(--cream); }
.wotknot-widget .footer__bottom{
      grid-column: 1 / -1;
      display: flex;
      justify-content: space-between;
      gap: 1rem;
      margin-top: 2.5rem;
      padding-top: 1.5rem;
      border-top: 1px solid var(--rule);
      font-family: var(--mono);
      font-size: .62rem;
      letter-spacing: .1em;
      text-transform: uppercase;
      color: var(--paper-dim);
    }
.wotknot-widget .footer__wordmark{
      grid-column: 1 / -1;
      position: relative;
      overflow: hidden;
      margin-top: clamp(1rem, 4vw, 3rem);
      font-family: var(--sans);
      font-size: clamp(5rem, 21vw, 20rem);
      font-weight: 300;
      line-height: .72;
      letter-spacing: -.075em;
      color: rgba(245, 243, 237, .13);
      white-space: nowrap;
      user-select: none;
      -webkit-mask-image: linear-gradient(180deg, #000 4%, rgba(0,0,0,.92) 42%, rgba(0,0,0,.35) 76%, transparent 100%);
      mask-image: linear-gradient(180deg, #000 4%, rgba(0,0,0,.92) 42%, rgba(0,0,0,.35) 76%, transparent 100%);
    }
.wotknot-widget .footer__wordmark-track{
      display: flex;
      width: max-content;
      will-change: transform;
      animation: footerWordmarkMove 72s linear infinite;
    }
.wotknot-widget .footer__wordmark-track span{
      display: block;
      flex: 0 0 auto;
      padding-right: .18em;
    }
@keyframes footerWordmarkMove{
      to { transform: translate3d(-50%, 0, 0); }
    }
@media (max-width: 820px){
.wotknot-widget .site-header{ padding: .7rem 1rem; }
.wotknot-widget .site-logo-target{ margin-top: .25rem; font-size: 1rem; }
/* Compact editorial composition. Width-relative coordinates keep the
         approved arrangement consistent on short and tall phones. */
.wotknot-widget .footer{ grid-template-columns: 1fr 1fr; padding-inline: 1.25rem; }
.wotknot-widget .footer > div:first-child{ grid-column: 1 / -1; }
.wotknot-widget .footer__bottom{ flex-direction: column; }
}
@media (prefers-reduced-motion: reduce){
.wotknot-widget *,
.wotknot-widget *::before,
.wotknot-widget *::after{ animation-duration: .001ms !important; transition-duration: .001ms !important; }
.wotknot-widget .footer__wordmark-track{ animation: none !important; }
}
/* v18 — scroll-scrubbed Featuring choreography */
/* v23 — timing alignment, simplified locations, bounded newsletter cover */
/* Desktop location panels remain equal, monochrome and calm. */
/* The heading scrolls normally. Only the cards remain while newsletter
       climbs over them, and the overlap is bounded to this combined block. */
/* ===== Jamz FR launch: announcement bar ===== */
.wotknot-widget .wk-anno{
      position: fixed;
      inset: 0 0 auto;
      z-index: 200;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: .9rem;
      min-height: 2.4rem;
      padding: .6rem var(--gutter);
      background: var(--ink-soft);
      border-bottom: 1px solid var(--rule);
      font-family: var(--mono);
      font-size: clamp(.6rem, .78vw, .72rem);
      letter-spacing: .14em;
      text-transform: uppercase;
      transform: translateY(-101%);
      transition: transform .6s var(--ease);
    }
.wotknot-widget .wk-anno.is-in{ transform: translateY(0); }
.wotknot-widget .wk-anno__msg{
      display: flex;
      align-items: center;
      gap: .7rem;
      margin: 0;
      color: var(--paper);
    }
.wotknot-widget .wk-anno__live{
      display: inline-flex;
      align-items: center;
      gap: .4rem;
      color: var(--cream);
      white-space: nowrap;
    }
.wotknot-widget .wk-anno__dot{
      width: 6px;
      height: 6px;
      flex: 0 0 6px;
      border-radius: 50%;
      background: #ff3b30;
      box-shadow: 0 0 0 0 rgba(255, 59, 48, .6);
      animation: wkAnnoPulse 1.8s ease-out infinite;
    }
@keyframes wkAnnoPulse{
      0% { box-shadow: 0 0 0 0 rgba(255, 59, 48, .55); }
      70% { box-shadow: 0 0 0 6px rgba(255, 59, 48, 0); }
      100% { box-shadow: 0 0 0 0 rgba(255, 59, 48, 0); }
    }
.wotknot-widget .wk-anno__cta{
      display: inline-flex;
      align-items: center;
      gap: .35rem;
      color: var(--cream);
      border-bottom: 1px solid rgba(255, 240, 198, .5);
      padding-bottom: 1px;
      white-space: nowrap;
      transition: opacity .25s ease;
    }
.wotknot-widget .wk-anno__cta:hover{ opacity: .7; }
.wotknot-widget .wk-anno__close{
      position: absolute;
      right: var(--gutter);
      width: 24px;
      height: 24px;
      display: grid;
      place-items: center;
      padding: 0;
      border: 0;
      background: transparent;
      color: var(--paper-dim);
      cursor: pointer;
      font-size: 1rem;
      line-height: 1;
      transition: color .25s ease;
    }
.wotknot-widget .wk-anno__close:hover{ color: var(--paper); }
body.wk-anno-open .wotknot-widget .site-header{
      top: var(--wk-anno-height, 2.4rem);
      transition: top .6s var(--ease);
    }
@media (max-width: 640px){
.wotknot-widget .wk-anno{
        justify-content: flex-start;
        padding-right: 3.5rem;
      }
.wotknot-widget .wk-anno__msg{
        flex-wrap: wrap;
        column-gap: .55rem;
        row-gap: .3rem;
      }
}
@media (prefers-reduced-motion: reduce){
.wotknot-widget .wk-anno{ transition: none; }
.wotknot-widget .wk-anno__dot{ animation: none; }
}
/* ===== Jamz FR launch: inline feature CTA ===== */
/* ===== v25 motion and interaction refinements ===== */
.wotknot-widget .footer__intro[data-reveal] .footer__creative-line{
      transform: scaleX(0);
      transition: transform 1s cubic-bezier(.16,1,.3,1) .12s;
    }
.wotknot-widget .footer__intro[data-reveal].is-visible .footer__creative-line{ transform: scaleX(1); }
/* Desktop locations stay equal and monochrome. Descriptions are editorial
       details revealed only on hover/focus, not permanent body copy. */
@media (max-width: 820px){
/* 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. */
/* Start atmospheric and monochrome; become clean and sharp when stacked. */
}
/* ===== v26 final refinements ===== */
/* The hero wordmark is present immediately; only supporting copy animates. */
/* The three issues arrive oldest-to-latest at half-second intervals. Once
       settled, hover/focus gathers them into one precise editorial file. */
/* The removed footer accent must not reserve any visual space. */
.wotknot-widget .footer__creative-line{ display: none !important; }
/* Locations remain equal, clear, sharp and monochrome at every state. */
/* Desktop flags are a restrained hover/focus detail. */
@media (min-width: 861px){
/* The three-column row remains in place only for the newsletter climb. */
}
@media (max-width: 820px){
/* No blur/dimming transformation and no descriptions on touch layouts. */
/* All four square cards use the same stacking geometry. The fourth card
         reaches its complete fourth stage before the newsletter enters. */
}


/* v2 standalone global widgets */
.elementor-widget-wotknot-announcement > .elementor-widget-container,
.elementor-widget-wotknot-header > .elementor-widget-container{overflow:visible!important}
.wkw-announcement-widget{height:0;position:relative;z-index:1200;background:transparent}
.wkw-announcement-widget[hidden]{display:block}
.wkw-announcement-widget[hidden] .wk-anno{visibility:hidden;opacity:0;pointer-events:none}
.wkw-announcement-widget:not([hidden]) .wk-anno{visibility:visible}
.wkw-site-header[data-logo-motion="0"] .hero-logo-fixed{display:none!important}
.wkw-site-header[data-logo-motion="0"] .site-logo-target{opacity:1!important;pointer-events:auto!important}

/* WOTKNOT Widgets header corrections v2.1.0 */
.elementor-widget-wotknot-header,
.elementor-widget-wotknot-header > .elementor-widget-container{
  min-height:0;
  border:0;
  box-shadow:none;
}
.wkw-site-header .site-header{
  left:calc(50% - 50vw);
  right:auto;
  width:100vw;
  max-width:none;
  padding:0;
  display:block;
  border:0;
  box-shadow:none;
}
.wkw-site-header .site-header__inner{
  width:100%;
  max-width:none;
  min-height:64px;
  margin:0 auto;
  padding:1.2rem var(--gutter);
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  pointer-events:none;
  border:0;
  box-shadow:none;
}
.wkw-site-header .site-header__inner .site-logo-target,
.wkw-site-header .site-header__inner .menu-toggle{
  pointer-events:auto;
}
.wkw-site-header .site-logo-target--image{
  margin-top:0;
  line-height:1;
}
.wkw-site-header .site-logo-target--image img{
  display:block;
  width:clamp(96px,8vw,150px);
  height:auto;
  max-height:48px;
  object-fit:contain;
  object-position:left center;
}
.wkw-site-header .hero-logo-fixed{
  left:calc(50% - 50vw);
}
.wkw-site-header .menu-panel{
  left:calc(50% - 50vw);
  right:auto;
  width:100vw;
  max-width:none;
  border:0;
  box-shadow:none;
}
.wkw-site-header .menu-list--no-index > li > a::after{
  display:none;
}
.wkw-site-header .menu-list .sub-menu{
  list-style:none;
  margin:.4rem 0 .95rem;
  padding:0 0 0 clamp(.8rem,2vw,1.5rem);
}
.wkw-site-header .menu-list .sub-menu li{
  overflow:visible;
}
.wkw-site-header .menu-list .sub-menu a{
  justify-content:flex-start;
  padding:.2rem 0;
  font-size:clamp(1rem,2vw,1.4rem);
  font-weight:400;
  line-height:1.25;
  letter-spacing:-.02em;
  opacity:.68;
}
.wkw-site-header .menu-list .sub-menu a::after{
  display:none;
}
.wkw-site-header .menu-list .sub-menu a:hover,
.wkw-site-header .menu-list .current-menu-item > a,
.wkw-site-header .menu-list .current-menu-ancestor > a{
  opacity:1;
  color:var(--cream);
}
body.admin-bar .wkw-site-header .site-header{
  top:32px;
}
body.admin-bar.wk-anno-open .wkw-site-header .site-header{
  top:calc(32px + var(--wk-anno-height, 2.4rem));
}
@media (max-width:820px){
  .wkw-site-header .site-header{
    padding:0;
  }
  .wkw-site-header .site-header__inner{
    min-height:56px;
    padding:.7rem 1rem;
  }
}
@media (max-width:782px){
  body.admin-bar .wkw-site-header .site-header{
    top:46px;
  }
  body.admin-bar.wk-anno-open .wkw-site-header .site-header{
    top:calc(46px + var(--wk-anno-height, 2.4rem));
  }
}

/* v2.2.0: WordPress-backed header and footer menu sources. */
.wotknot-widget .menu-socials{
  list-style: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
}
.wotknot-widget .menu-socials li{
  margin: 0;
  padding: 0;
}
.wotknot-widget .menu-socials a{
  color: inherit;
  text-decoration: none;
}
.wotknot-widget .footer__menu .sub-menu{
  margin-top: .45rem;
  padding-left: .85rem;
  opacity: .78;
}
.wotknot-widget .footer__bottom--menu{
  display: block;
}
.wotknot-widget .footer .footer__bottom-menu{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}
.wotknot-widget .footer__bottom-menu li{
  margin: 0;
  padding: 0;
}
.wotknot-widget .footer__bottom a{
  color: inherit;
  text-decoration: none;
}
@media (max-width: 820px){
  .wotknot-widget .footer .footer__bottom-menu{
    align-items: flex-start;
    flex-direction: column;
  }
}

/* Fluent Forms integration shared by all WOTKNOT page widgets. */
.wotknot-widget .wkw-fluent-form,
.wotknot-widget .wkw-fluent-form .fluentform,
.wotknot-widget .wkw-fluent-form .frm-fluent-form{width:100%}
.wotknot-widget .wkw-fluent-form .ff-el-group{margin-bottom:0}
.wotknot-widget .wkw-fluent-form .ff-el-input--label{margin:0}
.wotknot-widget .wkw-fluent-form .ff-el-input--label label{font:inherit;color:inherit}
.wotknot-widget .wkw-fluent-form input,
.wotknot-widget .wkw-fluent-form textarea,
.wotknot-widget .wkw-fluent-form select,
.wotknot-widget .wkw-fluent-form button{font:inherit}
.wotknot-widget .wkw-form-placeholder{padding:1rem;border:1px dashed rgba(245,243,237,.3);font-family:var(--mono);font-size:.72rem;line-height:1.5;color:var(--paper-dim)}

/* WOTKNOT Widgets v2.8.1: standard header controls and search overlay. */
body.wkw-menu-open,
body.wkw-search-open{overflow:hidden}
body.wkw-menu-open .wkw-site-header .site-logo-target,
body.wkw-menu-open .wkw-site-header .hero-logo-fixed,
body.wkw-search-open .wkw-site-header .site-logo-target,
body.wkw-search-open .wkw-site-header .hero-logo-fixed{
  opacity:0!important;
  visibility:hidden;
  pointer-events:none!important;
}
.wkw-site-header .site-logo-target,
.wkw-site-header .hero-logo-fixed{
  transition:opacity .25s ease,visibility .25s ease;
}
.wkw-site-header .site-header__actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:6px;
  pointer-events:auto;
}
.wkw-site-header .menu-toggle,
.wkw-site-header .search-toggle{
  position:relative;
  flex:0 0 44px;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
  color:var(--paper);
  cursor:pointer;
  pointer-events:auto;
  transition:color .25s ease,background .25s ease,transform .3s var(--ease);
}
.wkw-site-header .menu-toggle:hover,
.wkw-site-header .search-toggle:hover{
  color:var(--cream);
  background:rgba(245,243,237,.07);
}
.wkw-site-header .menu-toggle:active,
.wkw-site-header .search-toggle:active{transform:scale(.94)}
.wkw-site-header .menu-toggle::before,
.wkw-site-header .menu-toggle::after{content:none!important;display:none!important}
.wkw-site-header .header-action-icon{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  opacity:1;
  transform:scale(1) rotate(0deg);
  transition:opacity .25s ease,transform .35s var(--ease);
}
.wkw-site-header .header-action-icon svg{
  display:block;
  width:22px;
  height:22px;
  overflow:visible;
}
.wkw-site-header .menu-toggle__icon{width:22px;height:22px}
.wkw-site-header .header-action-icon--close{
  opacity:0;
  transform:scale(.72) rotate(-35deg);
}
body.wkw-menu-open .wkw-site-header .menu-toggle .header-action-icon--default,
body.wkw-search-open .wkw-site-header .search-toggle .header-action-icon--default{
  opacity:0;
  transform:scale(.72) rotate(35deg);
}
body.wkw-menu-open .wkw-site-header .menu-toggle .header-action-icon--close,
body.wkw-search-open .wkw-site-header .search-toggle .header-action-icon--close{
  opacity:1;
  transform:scale(1) rotate(0deg);
}
.wkw-site-header .search-panel{
  position:fixed;
  left:calc(50% - 50vw);
  top:0;
  z-index:95;
  width:100vw;
  height:100svh;
  display:grid;
  align-items:center;
  padding:clamp(6rem,14vh,10rem) var(--gutter) clamp(2rem,5vh,4rem);
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  background:#050505;
  color:var(--paper);
  transition:opacity .45s ease,visibility 0s linear .45s;
}
body.wkw-search-open .wkw-site-header .search-panel{
  visibility:visible;
  opacity:1;
  pointer-events:auto;
  transition-delay:0s;
}
body.wkw-search-open .wkw-site-header .menu-panel{
  visibility:hidden!important;
  pointer-events:none!important;
}
.wkw-site-header .search-panel__inner{
  width:min(100%,1180px);
  margin:0 auto;
  transform:translateY(1.5rem);
  opacity:0;
  transition:transform .7s var(--ease),opacity .55s ease;
}
body.wkw-search-open .wkw-site-header .search-panel__inner{
  transform:none;
  opacity:1;
}
.wkw-site-header .search-panel__eyebrow{
  display:flex;
  align-items:center;
  gap:.9rem;
  margin:0 0 clamp(2rem,5vh,3.5rem);
  font-family:var(--mono);
  font-size:clamp(.58rem,.68vw,.7rem);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--paper-dim);
}
.wkw-site-header .search-panel__eyebrow::before{
  content:"";
  width:2.4rem;
  height:1px;
  background:var(--paper-dim);
}
.wkw-site-header .search-panel__field{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:end;
  gap:clamp(1rem,3vw,2.5rem);
  padding-bottom:clamp(.8rem,2vh,1.25rem);
  border-bottom:1px solid var(--cream);
}
.wkw-site-header .search-panel__input{
  min-width:0;
  width:100%;
  padding:0;
  border:0;
  outline:0;
  background:transparent;
  color:var(--paper);
  font-family:var(--sans);
  font-size:clamp(2rem,7vw,6rem);
  font-weight:300;
  line-height:1.05;
  letter-spacing:-.055em;
}
.wkw-site-header .search-panel__input::placeholder{color:rgba(245,243,237,.2)}
.wkw-site-header .search-panel__submit{
  display:inline-flex;
  align-items:center;
  gap:.75rem;
  padding:.9rem 1.25rem;
  border:1px solid var(--cream);
  border-radius:999px;
  background:transparent;
  color:var(--cream);
  font-family:var(--mono);
  font-size:clamp(.56rem,.68vw,.68rem);
  letter-spacing:.2em;
  text-transform:uppercase;
  cursor:pointer;
  transition:background .3s ease,color .3s ease,transform .35s var(--ease);
}
.wkw-site-header .search-panel__submit:hover{
  background:var(--cream);
  color:var(--ink);
  transform:translateY(-2px);
}
.wkw-site-header .search-panel__hint{
  margin:1rem 0 0;
  font-family:var(--mono);
  font-size:.54rem;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:var(--paper-dim);
}
.wkw-site-header .screen-reader-text{
  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(max-width:640px){
  .wkw-site-header .site-header__actions{gap:2px}
  .wkw-site-header .menu-toggle,
  .wkw-site-header .search-toggle{flex-basis:40px;width:40px;height:40px}
  .wkw-site-header .header-action-icon svg{width:20px;height:20px}
  .wkw-site-header .search-panel__field{grid-template-columns:1fr}
  .wkw-site-header .search-panel__submit{justify-self:start}
}

/* WOTKNOT Widgets v2.8.2: optically aligned SVG header controls. */
.wkw-site-header .site-header__actions{
  gap:2px;
}
.wkw-site-header .menu-toggle,
.wkw-site-header .search-toggle{
  flex-basis:40px;
  width:40px;
  height:44px;
  border-radius:0;
}
.wkw-site-header .header-action-icon svg{
  width:24px;
  height:24px;
}
.wkw-site-header .menu-toggle__icon svg{
  transform:translateX(1px);
}
.wkw-site-header .search-toggle__icon svg{
  transform:translateX(-1px);
}
.wkw-site-header.is-menu-open .site-logo-target,
.wkw-site-header.is-menu-open .hero-logo-fixed,
.wkw-site-header.is-search-open .site-logo-target,
.wkw-site-header.is-search-open .hero-logo-fixed{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
@media(max-width:640px){
  .wkw-site-header .site-header__actions{gap:0}
  .wkw-site-header .menu-toggle,
  .wkw-site-header .search-toggle{width:38px;flex-basis:38px;height:42px}
  .wkw-site-header .header-action-icon svg{width:22px;height:22px}
}


/* WOTKNOT Widgets v2.8.3: shared optical box for header SVG actions. */
.wkw-site-header .site-header__actions{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:40px;
  align-items:center;
  justify-content:end;
  gap:2px;
}
.wkw-site-header .menu-toggle,
.wkw-site-header .search-toggle{
  width:40px;
  min-width:40px;
  height:40px;
  min-height:40px;
  flex:none;
  align-self:center;
  line-height:0;
}
.wkw-site-header .header-action-icon,
.wkw-site-header .menu-toggle__icon,
.wkw-site-header .search-toggle__icon{
  inset:0;
  width:100%;
  height:100%;
}
.wkw-site-header .header-action-icon svg,
.wkw-site-header .menu-toggle__icon svg,
.wkw-site-header .search-toggle__icon svg{
  position:absolute;
  top:50%;
  left:50%;
  display:block;
  width:22px;
  height:22px;
  margin:0;
  transform:translate(-50%,-50%);
  transform-origin:center;
  overflow:visible;
}
.wkw-site-header .menu-toggle__icon svg,
.wkw-site-header .search-toggle__icon svg{
  transform:translate(-50%,-50%);
}
@media(max-width:640px){
  .wkw-site-header .site-header__actions{
    grid-auto-columns:38px;
    gap:0;
  }
  .wkw-site-header .menu-toggle,
  .wkw-site-header .search-toggle{
    width:38px;
    min-width:38px;
    height:38px;
    min-height:38px;
  }
  .wkw-site-header .header-action-icon svg,
  .wkw-site-header .menu-toggle__icon svg,
  .wkw-site-header .search-toggle__icon svg{
    width:21px;
    height:21px;
  }
}

/* Editable creative credit, occupying the former editorial-tagline slot. */
.wotknot-widget .footer__credit{
  display:inline-flex;
  align-items:baseline;
  gap:.42rem;
  min-width:0;
  margin:0;
  font:inherit;
  letter-spacing:inherit;
  line-height:inherit;
  text-transform:inherit;
  white-space:nowrap;
  color:inherit;
}
.wotknot-widget .footer__credit a,
.wotknot-widget .footer__credit strong{
  position:relative;
  font-weight:500;
  color:var(--cream);
}
.wotknot-widget .footer__credit a::after{
  content:"";
  position:absolute;
  right:0;
  bottom:-.28rem;
  left:0;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right center;
  transition:transform .4s var(--ease);
}
.wotknot-widget .footer__credit a:hover::after,
.wotknot-widget .footer__credit a:focus-visible::after{
  transform:scaleX(1);
  transform-origin:left center;
}
@media(max-width:820px){
  .wotknot-widget .footer__credit{
    align-items:flex-start;
    flex-wrap:wrap;
    white-space:normal;
  }
}