/* WOTKNOT Stories archive and search presentation v2.6.0 */
.wkw-stories-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);
  --ease-editorial:cubic-bezier(.77,0,.18,1);
  --gutter:clamp(1.25rem,4vw,4rem);
  width:100%;
  overflow:hidden;
  color:var(--paper);
  background:var(--ink);
  font-family:"Inter",sans-serif;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.wkw-stories-widget *,.wkw-stories-widget *::before,.wkw-stories-widget *::after{box-sizing:border-box}
.wkw-stories-widget img{display:block;width:100%}
.wkw-stories-widget a{color:inherit;text-decoration:none}
.wkw-stories-widget button{font:inherit;color:inherit}
.wkw-stories-widget .sto-eyebrow{display:flex;align-items:center;gap:.9rem;margin:0;font-family:var(--mono);font-size:clamp(.6rem,.7vw,.72rem);letter-spacing:.3em;text-transform:uppercase;color:var(--paper-dim)}
.wkw-stories-widget .sto-eyebrow::before{content:"";width:2.4rem;height:1px;background:var(--paper-dim)}

.wkw-stories-widget .sto-hero{position:relative;min-height:52svh;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(6rem,14vh,10rem) var(--gutter) clamp(2.5rem,5vh,4rem);overflow:hidden}
.wkw-stories-widget .sto-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 30%,rgba(255,240,198,.05),transparent 28%),radial-gradient(circle at 18% 85%,rgba(255,255,255,.025),transparent 30%)}
.wkw-stories-widget .sto-hero .sto-eyebrow{position:relative;margin-bottom:clamp(1.4rem,3vh,2.2rem)}
.wkw-stories-widget .sto-hero__title{position:relative;margin:0 0 clamp(1.25rem,3vh,2rem);font-family:var(--sans);font-size:clamp(3.2rem,11.5vw,11rem);font-weight:400;line-height:.88;letter-spacing:-.065em;text-transform:uppercase;overflow-wrap:anywhere}
.wkw-stories-widget .sto-hero__title>span{display:block}
.wkw-stories-widget .sto-hero__title em{font-family:var(--serif);font-style:italic;font-weight:400;text-transform:none;letter-spacing:-.02em;color:var(--cream)}
.wkw-stories-widget .sto-hero__title .sto-mask{display:inline-block;overflow:hidden;vertical-align:bottom}
.wkw-stories-widget .sto-hero__title .sto-char{display:inline-block;will-change:transform}
.wkw-stories-widget.sto-js .sto-hero__title .sto-char{transform:translateY(112%);transition:transform .95s var(--ease-editorial);transition-delay:var(--d,0s)}
.wkw-stories-widget .sto-hero.is-in .sto-char{transform:none}
.wkw-stories-widget .sto-hero__dek{position:relative;max-width:40ch;margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(.95rem,1.3vw,1.2rem);line-height:1.55;color:var(--paper-dim)}
.wkw-stories-widget.sto-js .sto-hero__dek{opacity:0;transform:translateY(1.2rem);transition:opacity .9s var(--ease) .5s,transform .9s var(--ease) .5s}
.wkw-stories-widget .sto-hero.is-in .sto-hero__dek{opacity:1;transform:none}

.wkw-stories-widget .sto-filters{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:clamp(.8rem,1.8vw,1.5rem);padding:.9rem var(--gutter);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);background:rgba(5,5,5,.88);-webkit-backdrop-filter:blur(18px) saturate(1.6);backdrop-filter:blur(18px) saturate(1.6);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}
.wkw-stories-widget .sto-filters::-webkit-scrollbar{display:none}
.wkw-stories-widget .sto-filter{position:relative;z-index:1;flex:0 0 auto;padding:.5rem .95rem;border:0;border-radius:999px;background:transparent;font-family:var(--mono);font-size:clamp(.54rem,.66vw,.66rem);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim);transition:color .35s ease;white-space:nowrap}
.wkw-stories-widget .sto-filter:hover{color:var(--cream)}
.wkw-stories-widget .sto-filter[aria-pressed="true"]{color:var(--ink)}
.wkw-stories-widget .sto-filter-pill{position:absolute;z-index:0;top:.9rem;left:0;height:calc(100% - 1.8rem);border-radius:999px;background:var(--cream);opacity:0;pointer-events:none;will-change:transform,width;transition:transform .55s var(--ease-editorial),width .55s var(--ease-editorial),opacity .3s ease}
.wkw-stories-widget .sto-filters.is-ready .sto-filter-pill{opacity:1}

.wkw-stories-widget .sto-pinned{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(2.25rem,6vw,6rem);padding:clamp(4rem,9vh,7rem) var(--gutter);border-bottom:1px solid var(--rule);overflow:hidden}
.wkw-stories-widget .sto-pinned__media{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid var(--rule);background:#111}
.wkw-stories-widget.sto-js .sto-pinned__media{clip-path:inset(0 100% 0 0);transition:clip-path 1.2s var(--ease-editorial)}
.wkw-stories-widget .sto-pinned.sto-in .sto-pinned__media{clip-path:inset(0)}
.wkw-stories-widget .sto-pinned__media img{position:absolute;inset:-8% 0;width:100%;height:116%;object-fit:cover;will-change:transform}
.wkw-stories-widget .sto-pinned__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(5,5,5,.45));pointer-events:none}
.wkw-stories-widget .sto-pinned__tag{position:absolute;bottom:1rem;left:1rem;z-index:2;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:999px;background:var(--cream);color:var(--ink);font-family:var(--mono);font-size:.5rem;letter-spacing:.2em;text-transform:uppercase}
.wkw-stories-widget .sto-pinned__tag::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink)}
.wkw-stories-widget .sto-pinned__copy{display:grid;gap:clamp(1rem,2.2vh,1.5rem)}
.wkw-stories-widget .sto-pinned__cat{font-family:var(--mono);font-size:clamp(.54rem,.66vw,.66rem);letter-spacing:.26em;text-transform:uppercase;color:var(--paper-dim)}
.wkw-stories-widget .sto-pinned__title{margin:0;font-family:var(--sans);font-size:clamp(1.8rem,4.4vw,4rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere}
.wkw-stories-widget .sto-pinned__title .sto-line{display:block;overflow:hidden}
.wkw-stories-widget .sto-pinned__title .sto-line>span{display:block}
.wkw-stories-widget.sto-js .sto-pinned__title .sto-line>span{transform:translateY(112%);transition:transform 1s var(--ease-editorial)}
.wkw-stories-widget .sto-pinned.sto-in .sto-pinned__title .sto-line>span{transform:none}
.wkw-stories-widget .sto-pinned__excerpt{margin:0;max-width:42ch;font-size:clamp(.88rem,1vw,1rem);line-height:1.7;color:var(--paper-dim)}
.wkw-stories-widget.sto-js .sto-pinned__excerpt{opacity:0;transform:translateY(1rem);transition:opacity .8s var(--ease) .2s,transform .8s var(--ease) .2s}
.wkw-stories-widget .sto-pinned.sto-in .sto-pinned__excerpt{opacity:1;transform:none}
.wkw-stories-widget .sto-pinned__meta{display:flex;align-items:baseline;gap:1rem;font-family:var(--mono);font-size:clamp(.52rem,.62vw,.62rem);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-dim)}
.wkw-stories-widget.sto-js .sto-pinned__meta{opacity:0;transition:opacity .7s ease .35s}
.wkw-stories-widget .sto-pinned.sto-in .sto-pinned__meta{opacity:1}
.wkw-stories-widget .sto-pinned__cta{display:inline-flex;align-items:center;gap:.6rem;width:max-content;padding-bottom:.35rem;border-bottom:1px solid rgba(255,240,198,.5);font-family:var(--mono);font-size:clamp(.58rem,.7vw,.7rem);letter-spacing:.24em;text-transform:uppercase;color:var(--cream);transition:color .35s ease,border-color .35s ease}
.wkw-stories-widget .sto-pinned__cta svg{transition:transform .4s var(--ease)}
.wkw-stories-widget .sto-pinned__cta:hover{color:var(--paper);border-color:var(--paper)}
.wkw-stories-widget .sto-pinned__cta:hover svg{transform:translateX(.3rem)}
.wkw-stories-widget .sto-pinned__hit{position:absolute;inset:0;z-index:3}
.wkw-stories-widget .sto-pinned__hit:focus-visible{outline:1px solid var(--cream);outline-offset:-5px}

.wkw-stories-widget .sto-grid-wrap{padding:clamp(3rem,7vh,5.5rem) var(--gutter) clamp(4rem,8vh,6rem)}
.wkw-stories-widget .sto-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,3vw,2.75rem) clamp(1.25rem,2.5vw,2.25rem)}
.wkw-stories-widget .sto-card{position:relative;display:grid;gap:.9rem;will-change:transform;transition:transform .6s var(--ease)}
.wkw-stories-widget.sto-js .sto-card{opacity:0;transform:translateY(2.4rem)}
.wkw-stories-widget .sto-card.sto-in{opacity:1;transform:none;transition:opacity .9s var(--ease),transform .6s var(--ease)}
.wkw-stories-widget .sto-card__media{position:relative;aspect-ratio:4/5;overflow:hidden;border:1px solid var(--rule);background:#111;transition:border-color .45s ease}
.wkw-stories-widget .sto-card__media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.58) contrast(1.04);transform:scale(1.06);transition:filter .8s var(--ease),transform 1.1s var(--ease)}
.wkw-stories-widget .sto-card:hover .sto-card__media img,.wkw-stories-widget .sto-card:focus-within .sto-card__media img{filter:none;transform:scale(1)}
.wkw-stories-widget .sto-card:hover .sto-card__media,.wkw-stories-widget .sto-card:focus-within .sto-card__media{border-color:rgba(255,245,210,.74)}
.wkw-stories-widget .sto-card__cat{font-family:var(--mono);font-size:clamp(.5rem,.6vw,.6rem);letter-spacing:.24em;text-transform:uppercase;color:var(--paper-dim)}
.wkw-stories-widget .sto-card__title{margin:0;font-family:var(--sans);font-size:clamp(1.05rem,1.4vw,1.35rem);font-weight:500;line-height:1.18;letter-spacing:-.03em;transition:color .35s ease;overflow-wrap:anywhere}
.wkw-stories-widget .sto-card:hover .sto-card__title,.wkw-stories-widget .sto-card:focus-within .sto-card__title{color:var(--cream)}
.wkw-stories-widget .sto-card__meta{display:flex;align-items:baseline;gap:.8rem;font-family:var(--mono);font-size:clamp(.48rem,.58vw,.58rem);letter-spacing:.18em;text-transform:uppercase;color:var(--paper-dim)}
.wkw-stories-widget .sto-card__hit{position:absolute;inset:0;z-index:2}
.wkw-stories-widget .sto-card__hit:focus-visible{outline:1px solid var(--cream);outline-offset:4px}
.wkw-stories-widget .sto-card:hover{transform:translateY(-.45rem)}

.wkw-stories-widget .sto-pagination{display:flex;align-items:center;justify-content:center;gap:.55rem;flex-wrap:wrap;margin-top:clamp(2.5rem,6vh,4.5rem);padding-top:clamp(1.5rem,3vh,2.5rem);border-top:1px solid var(--rule)}
.wkw-stories-widget .sto-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:2.7rem;height:2.7rem;padding:0 .85rem;border:1px solid var(--rule);border-radius:999px;font-family:var(--mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--paper-dim);transition:color .3s ease,border-color .3s ease,background .3s ease}
.wkw-stories-widget .sto-pagination a.page-numbers:hover{color:var(--cream);border-color:rgba(255,240,198,.55)}
.wkw-stories-widget .sto-pagination .current{background:var(--cream);border-color:var(--cream);color:var(--ink)}

.wkw-stories-widget .sto-empty{display:grid;justify-items:start;gap:1rem;padding:clamp(4rem,10vh,8rem) var(--gutter);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.wkw-stories-widget .sto-empty h2{margin:0;font-family:var(--sans);font-size:clamp(2rem,5vw,4.5rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-transform:uppercase}
.wkw-stories-widget .sto-empty p{max-width:42ch;margin:0;color:var(--paper-dim);line-height:1.7}
.wkw-stories-widget .sto-empty a{display:inline-flex;padding-bottom:.35rem;border-bottom:1px solid var(--cream);font-family:var(--mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--cream)}

.wkw-stories-widget .sto-handoff{display:grid;justify-items:center;gap:clamp(1.75rem,4vh,2.75rem);padding:clamp(4rem,10vh,7.5rem) var(--gutter) clamp(5rem,11vh,8rem);text-align:center;border-top:1px solid var(--rule)}
.wkw-stories-widget .sto-handoff__line{margin:0;max-width:22ch;font-family:var(--sans);font-size:clamp(1.65rem,3.6vw,3.4rem);font-weight:400;line-height:1.14;letter-spacing:-.04em;text-wrap:balance}
.wkw-stories-widget .sto-handoff__line em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--cream)}
.wkw-stories-widget .sto-magnetic{position:relative;display:inline-flex;align-items:center;gap:.8rem;padding:1.05rem 1.9rem;border:1px solid rgba(255,240,198,.7);border-radius:999px;font-family:var(--mono);font-size:clamp(.58rem,.72vw,.7rem);letter-spacing:.22em;text-transform:uppercase;color:var(--cream);overflow:hidden;isolation:isolate;transition:color .35s ease;will-change:transform}
.wkw-stories-widget .sto-magnetic::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--cream);transform:translateY(101%);transition:transform .55s var(--ease-editorial)}
.wkw-stories-widget .sto-magnetic:hover{color:var(--ink)}
.wkw-stories-widget .sto-magnetic:hover::before{transform:none}
.wkw-stories-widget .sto-magnetic svg{transition:transform .4s var(--ease)}
.wkw-stories-widget .sto-magnetic:hover svg{transform:translateX(.3rem)}
.wkw-stories-widget.sto-js .sto-reveal{opacity:0;transform:translateY(2rem);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.wkw-stories-widget .sto-reveal.sto-in{opacity:1;transform:none}

@media(max-width:900px){
  .wkw-stories-widget .sto-pinned{grid-template-columns:1fr!important;gap:2.25rem}
  .wkw-stories-widget .sto-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .wkw-stories-widget .sto-grid{grid-template-columns:1fr}
  .wkw-stories-widget .sto-filter-pill{top:.9rem}
}
@media(prefers-reduced-motion:reduce){
  .wkw-stories-widget .sto-hero__title .sto-char,.wkw-stories-widget .sto-pinned__title .sto-line>span{transform:none!important;transition:none!important}
  .wkw-stories-widget .sto-hero__dek,.wkw-stories-widget .sto-pinned__excerpt,.wkw-stories-widget .sto-pinned__meta,.wkw-stories-widget .sto-reveal,.wkw-stories-widget .sto-card{opacity:1!important;transform:none!important;transition:none!important}
  .wkw-stories-widget .sto-pinned__media{clip-path:inset(0)!important;transition:none!important}
  .wkw-stories-widget .sto-card__media img{filter:none;transform:none;transition:none}
  .wkw-stories-widget .sto-filter-pill,.wkw-stories-widget .sto-magnetic,.wkw-stories-widget .sto-magnetic::before{transition:none}
  .wkw-stories-widget .sto-card:hover{transform:none}
}