/* WOTKNOT dynamic page widget v2.8.0 */
.wkw-dynamic-page-widget{
  --wpg-ink:#050505;
  --wpg-panel:#0d0d0d;
  --wpg-paper:#f5f3ed;
  --wpg-paper-dim:rgba(245,243,237,.65);
  --wpg-cream:#fff0c6;
  --wpg-rule:rgba(245,243,237,.16);
  --wpg-mono:"JetBrains Mono",monospace;
  --wpg-sans:"Montserrat","Inter",sans-serif;
  --wpg-serif:"Bodoni Moda",Georgia,serif;
  --wpg-ease:cubic-bezier(.16,1,.3,1);
  --wpg-editorial:cubic-bezier(.77,0,.18,1);
  --wpg-gutter:clamp(1.25rem,4vw,4rem);
  color:var(--wpg-paper);
  background:var(--wpg-ink);
}
.wkw-dynamic-page-widget .wpg-shell{
  min-height:100vh;
  background:
    radial-gradient(circle at 82% 10%,rgba(255,240,198,.05),transparent 28rem),
    radial-gradient(circle at 10% 65%,rgba(255,255,255,.025),transparent 30rem),
    var(--wpg-ink);
}
.wkw-dynamic-page-widget .wpg-progress{
  position:fixed;
  inset:0 0 auto;
  z-index:120;
  height:2px;
  pointer-events:none;
}
.wkw-dynamic-page-widget .wpg-progress__bar{
  width:100%;
  height:100%;
  background:linear-gradient(90deg,var(--wpg-cream),rgba(255,240,198,.28));
  transform:scaleX(0);
  transform-origin:left center;
}
.wkw-dynamic-page-widget .wpg-hero{
  min-height:58svh;
  display:grid;
  align-content:end;
  gap:clamp(1.4rem,3vh,2.2rem);
  padding:clamp(7rem,15vh,10rem) var(--wpg-gutter) clamp(3rem,7vh,5rem);
  border-bottom:1px solid var(--wpg-rule);
  overflow:hidden;
}
.wkw-dynamic-page-widget .wpg-breadcrumb{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.25rem;
  font-family:var(--wpg-mono);
  font-size:clamp(.56rem,.66vw,.68rem);
  letter-spacing:.2em;
  text-transform:uppercase;
  color:var(--wpg-paper-dim);
}
.wkw-dynamic-page-widget .wpg-breadcrumb::before{
  content:"";
  width:2.4rem;
  height:1px;
  margin-right:.65rem;
  background:var(--wpg-paper-dim);
}
.wkw-dynamic-page-widget .wpg-breadcrumb a{transition:color .3s ease}
.wkw-dynamic-page-widget .wpg-breadcrumb a:hover{color:var(--wpg-cream)}
.wkw-dynamic-page-widget .wpg-breadcrumb__separator{opacity:.45;white-space:pre}
.wkw-dynamic-page-widget .wpg-title{
  max-width:13ch;
  margin:0;
  font-family:var(--wpg-sans);
  font-size:clamp(3rem,9.5vw,9rem);
  font-weight:400;
  line-height:.91;
  letter-spacing:-.062em;
  text-transform:uppercase;
  text-wrap:balance;
  transform:translateY(110%);
  opacity:0;
  transition:transform 1.05s var(--wpg-editorial),opacity .8s ease;
}
.wkw-dynamic-page-widget .wpg-hero.is-in .wpg-title{transform:none;opacity:1}
.wkw-dynamic-page-widget .wpg-hero__foot{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);
  align-items:end;
  gap:clamp(2rem,6vw,6rem);
  opacity:0;
  transform:translateY(1.2rem);
  transition:opacity .9s var(--wpg-ease) .28s,transform .9s var(--wpg-ease) .28s;
}
.wkw-dynamic-page-widget .wpg-hero.is-in .wpg-hero__foot{opacity:1;transform:none}
.wkw-dynamic-page-widget .wpg-hero__foot--meta-only{grid-template-columns:1fr}
.wkw-dynamic-page-widget .wpg-dek{
  max-width:46ch;
  margin:0;
  font-family:var(--wpg-serif);
  font-size:clamp(1.05rem,1.7vw,1.45rem);
  font-style:italic;
  line-height:1.55;
  color:var(--wpg-paper-dim);
}
.wkw-dynamic-page-widget .wpg-updated{
  justify-self:end;
  margin:0;
  font-family:var(--wpg-mono);
  font-size:clamp(.54rem,.64vw,.66rem);
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--wpg-paper-dim);
}
.wkw-dynamic-page-widget .wpg-featured{
  display:block;
  width:calc(100% - (var(--wpg-gutter) * 2));
  max-width:1180px;
  margin:clamp(3rem,7vh,5rem) auto 0;
}
.wkw-dynamic-page-widget .wpg-featured__frame{
  aspect-ratio:16 / 8;
  overflow:hidden;
  border:1px solid var(--wpg-rule);
  background:#111;
  clip-path:inset(0 0 100% 0);
  transition:clip-path 1.2s var(--wpg-editorial);
}
.wkw-dynamic-page-widget .wpg-featured.is-in .wpg-featured__frame{clip-path:inset(0)}
.wkw-dynamic-page-widget .wpg-featured img{width:100%;height:100%;object-fit:cover}
.wkw-dynamic-page-widget .wpg-featured figcaption{
  margin-top:.8rem;
  font-family:var(--wpg-mono);
  font-size:.54rem;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--wpg-paper-dim);
}
.wkw-dynamic-page-widget .wpg-layout{
  width:min(calc(100% - (var(--wpg-gutter) * 2)),1180px);
  margin:0 auto;
  padding:clamp(4rem,9vh,7rem) 0 clamp(5rem,11vh,9rem);
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(170px,.3fr);
  align-items:start;
  gap:clamp(2rem,6vw,6rem);
}
.wkw-dynamic-page-widget .wpg-prose{
  width:100%;
  max-width:780px;
  color:rgba(245,243,237,.82);
  overflow-wrap:anywhere;
}
.wkw-dynamic-page-widget .wpg-prose>*:first-child{margin-top:0}
.wkw-dynamic-page-widget .wpg-prose p,
.wkw-dynamic-page-widget .wpg-prose li{
  font-size:clamp(.98rem,1.12vw,1.1rem);
  line-height:1.85;
}
.wkw-dynamic-page-widget .wpg-prose p{margin:0 0 1.55em}
.wkw-dynamic-page-widget .wpg-prose--dropcap>p:first-of-type::first-letter{
  float:left;
  margin:.08em .12em 0 0;
  font-family:var(--wpg-sans);
  font-size:4.2em;
  font-weight:300;
  line-height:.76;
  color:var(--wpg-cream);
}
.wkw-dynamic-page-widget .wpg-prose h2,
.wkw-dynamic-page-widget .wpg-prose h3{
  scroll-margin-top:7rem;
  font-family:var(--wpg-sans);
  color:var(--wpg-paper);
  letter-spacing:-.04em;
}
.wkw-dynamic-page-widget .wpg-prose h2{
  margin:clamp(3.3rem,7vh,5.5rem) 0 1.25rem;
  font-size:clamp(1.9rem,3.8vw,3.5rem);
  font-weight:500;
  line-height:1;
  text-transform:uppercase;
}
.wkw-dynamic-page-widget .wpg-prose h3{
  margin:2.6rem 0 1rem;
  font-size:clamp(1.2rem,1.8vw,1.6rem);
  font-weight:500;
  line-height:1.2;
}
.wkw-dynamic-page-widget .wpg-prose h4,
.wkw-dynamic-page-widget .wpg-prose h5,
.wkw-dynamic-page-widget .wpg-prose h6{font-family:var(--wpg-sans);color:var(--wpg-paper)}
.wkw-dynamic-page-widget .wpg-prose a{color:var(--wpg-cream);border-bottom:1px solid rgba(255,240,198,.48)}
.wkw-dynamic-page-widget .wpg-prose strong{color:var(--wpg-paper)}
.wkw-dynamic-page-widget .wpg-prose ul,
.wkw-dynamic-page-widget .wpg-prose ol{margin:0 0 1.8rem;padding-left:1.4rem}
.wkw-dynamic-page-widget .wpg-prose li{margin-bottom:.7rem;padding-left:.3rem}
.wkw-dynamic-page-widget .wpg-prose blockquote{
  margin:clamp(2.5rem,6vh,4.5rem) 0;
  padding:1.3rem 0 1.3rem clamp(1.2rem,3vw,2rem);
  border-left:1px solid var(--wpg-cream);
  font-family:var(--wpg-serif);
  font-size:clamp(1.25rem,2.3vw,2rem);
  font-style:italic;
  color:var(--wpg-cream);
}
.wkw-dynamic-page-widget .wpg-prose img{height:auto;border:1px solid var(--wpg-rule)}
.wkw-dynamic-page-widget .wpg-prose table{width:100%;border-collapse:collapse;margin:2rem 0}
.wkw-dynamic-page-widget .wpg-prose th,
.wkw-dynamic-page-widget .wpg-prose td{padding:.85rem;border:1px solid var(--wpg-rule);text-align:left}
.wkw-dynamic-page-widget .wpg-prose th{font-family:var(--wpg-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--wpg-cream)}
.wkw-dynamic-page-widget .wpg-outline{
  position:sticky;
  top:6rem;
  padding-left:1.25rem;
  border-left:1px solid var(--wpg-rule);
}
.wkw-dynamic-page-widget .wpg-outline[hidden]{display:none}
.wkw-dynamic-page-widget .wpg-outline__label{
  display:block;
  margin-bottom:1rem;
  font-family:var(--wpg-mono);
  font-size:.54rem;
  letter-spacing:.22em;
  text-transform:uppercase;
  color:var(--wpg-paper-dim);
}
.wkw-dynamic-page-widget .wpg-outline__list{display:grid;gap:.8rem;margin:0;padding:0;list-style:none}
.wkw-dynamic-page-widget .wpg-outline__list a{
  display:block;
  font-family:var(--wpg-mono);
  font-size:clamp(.52rem,.62vw,.62rem);
  line-height:1.45;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(245,243,237,.4);
  transition:color .3s ease,transform .3s var(--wpg-ease);
}
.wkw-dynamic-page-widget .wpg-outline__list a:hover,
.wkw-dynamic-page-widget .wpg-outline__list a.is-active{color:var(--wpg-cream);transform:translateX(.25rem)}
.js .wkw-dynamic-page-widget .wpg-reveal{opacity:0;transform:translateY(2rem);transition:opacity .9s var(--wpg-ease),transform .9s var(--wpg-ease)}
.js .wkw-dynamic-page-widget .wpg-reveal.is-in{opacity:1;transform:none}
@media(max-width:820px){
  .wkw-dynamic-page-widget .wpg-layout{grid-template-columns:1fr}
  .wkw-dynamic-page-widget .wpg-outline{position:static;order:-1;padding:0 0 1rem;border-left:0;border-bottom:1px solid var(--wpg-rule)}
  .wkw-dynamic-page-widget .wpg-outline__list{display:flex;overflow-x:auto;gap:1.2rem;scrollbar-width:none}
  .wkw-dynamic-page-widget .wpg-outline__list::-webkit-scrollbar{display:none}
  .wkw-dynamic-page-widget .wpg-outline__list li{flex:0 0 auto}
}
@media(max-width:640px){
  .wkw-dynamic-page-widget .wpg-hero__foot{grid-template-columns:1fr}
  .wkw-dynamic-page-widget .wpg-updated{justify-self:start}
  .wkw-dynamic-page-widget .wpg-featured__frame{aspect-ratio:4 / 5}
}
@media(prefers-reduced-motion:reduce){
  .wkw-dynamic-page-widget .wpg-title,
  .wkw-dynamic-page-widget .wpg-hero__foot,
  .js .wkw-dynamic-page-widget .wpg-reveal{opacity:1;transform:none;transition:none}
  .wkw-dynamic-page-widget .wpg-featured__frame{clip-path:inset(0);transition:none}
}

/* WOTKNOT Widgets v2.8.2: contain all dynamic-page content on narrow screens. */
.elementor-widget-wotknot-dynamic-page,
.elementor-widget-wotknot-dynamic-page > .elementor-widget-container,
.wkw-dynamic-page-widget,
.wkw-dynamic-page-widget .wpg-shell,
.wkw-dynamic-page-widget .wpg-hero,
.wkw-dynamic-page-widget .wpg-layout,
.wkw-dynamic-page-widget .wpg-prose{
  min-width:0;
  max-width:100%;
}
.elementor-widget-wotknot-dynamic-page,
.elementor-widget-wotknot-dynamic-page > .elementor-widget-container,
.wkw-dynamic-page-widget,
.wkw-dynamic-page-widget .wpg-shell{
  width:100%;
  overflow-x:clip;
}
.wkw-dynamic-page-widget .wpg-breadcrumb,
.wkw-dynamic-page-widget .wpg-title,
.wkw-dynamic-page-widget .wpg-dek,
.wkw-dynamic-page-widget .wpg-updated{
  min-width:0;
  max-width:100%;
  overflow-wrap:anywhere;
}
.wkw-dynamic-page-widget .wpg-featured{
  width:min(calc(100% - (var(--wpg-gutter) * 2)),1180px);
  max-width:calc(100% - (var(--wpg-gutter) * 2));
}
.wkw-dynamic-page-widget .wpg-prose img,
.wkw-dynamic-page-widget .wpg-prose video,
.wkw-dynamic-page-widget .wpg-prose iframe,
.wkw-dynamic-page-widget .wpg-prose embed,
.wkw-dynamic-page-widget .wpg-prose object,
.wkw-dynamic-page-widget .wpg-prose svg,
.wkw-dynamic-page-widget .wpg-prose figure{
  max-width:100%;
}
.wkw-dynamic-page-widget .wpg-prose iframe,
.wkw-dynamic-page-widget .wpg-prose video,
.wkw-dynamic-page-widget .wpg-prose embed,
.wkw-dynamic-page-widget .wpg-prose object{
  width:100%;
}
.wkw-dynamic-page-widget .wpg-prose pre,
.wkw-dynamic-page-widget .wpg-prose .wp-block-code{
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.wkw-dynamic-page-widget .wpg-prose table,
.wkw-dynamic-page-widget .wpg-prose .wp-block-table{
  display:block;
  width:100%;
  max-width:100%;
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
}
.wkw-dynamic-page-widget .wpg-prose .alignwide,
.wkw-dynamic-page-widget .wpg-prose .alignfull,
.wkw-dynamic-page-widget .wpg-prose .wp-block-image,
.wkw-dynamic-page-widget .wpg-prose .wp-block-gallery,
.wkw-dynamic-page-widget .wpg-prose .wp-block-cover,
.wkw-dynamic-page-widget .wpg-prose .wp-block-media-text{
  width:100%;
  max-width:100%;
  margin-left:0;
  margin-right:0;
}
.wkw-dynamic-page-widget .wpg-prose *{
  min-width:0;
}
@media(max-width:640px){
  .wkw-dynamic-page-widget{--wpg-gutter:1rem}
  .wkw-dynamic-page-widget .wpg-hero{
    width:100%;
    padding-left:max(1rem,env(safe-area-inset-left));
    padding-right:max(1rem,env(safe-area-inset-right));
  }
  .wkw-dynamic-page-widget .wpg-title{
    max-width:100%;
    font-size:clamp(2.4rem,14vw,4.8rem);
    line-height:.94;
    letter-spacing:-.052em;
    word-break:break-word;
  }
  .wkw-dynamic-page-widget .wpg-layout{
    width:calc(100% - 2rem);
    gap:2rem;
  }
  .wkw-dynamic-page-widget .wpg-outline{
    width:100%;
    max-width:100%;
    overflow:hidden;
  }
  .wkw-dynamic-page-widget .wpg-outline__list{
    width:100%;
    max-width:100%;
    overscroll-behavior-x:contain;
  }
  .wkw-dynamic-page-widget .wpg-featured{
    width:calc(100% - 2rem);
    max-width:calc(100% - 2rem);
  }
}
