/** 
   CSS:     VARIABLES; 
   TARGET:  Psychoanalytic Inquiry Newsletter;
		DESC:   Global CSS variables for light and dark modes; 
*/
:root {
  /* COLORS; */
  --black:	#000;
  --white: #FFF;
  /* Blues; */
  --clr-cur-back: #0559A9;
  --clr-cur-jour: #B0B5DA;
  --clr-cur-inqu: var(--white);
  --clr-cur-vert: #2B66AF;
  --clr-cur-hdrs: #253977;
  /* Greys; */
  --clr-old-back: #5B78A4;
  --clr-old-jour: #C8CBE6;
  --clr-old-inqu: #FFFEFF;
  --clr-old-vert: #6781A8;
  --clr-old-hdrs: #3D5262;
  --clr-old-hd90: #5B6679;
  --clr-old-bdrk: #486084;
  --clr-col-rule: #C8CBE6;
  --clr-art-text: #17202B;
  /* Accent; */
  --accent: #FF5E1A;
  /* Standard; */
  --foreground: var(--clr-art-text);
  --background: var(--white);
  --clr-header: var(--clr-cur-back);
  --clr-footer: var(--clr-old-bdrk);
  --clr-dimmed: #FFFA;
  /* MEASURES; */
  /* Header Scaling (Default); */
  --mea-flexdir: column;
  --mea-flexali: flex-start;
  --mea-flexjus: center;
  --mea-headpad: 0 1.5em;
  --mea-headspace: 160px;
  --mea-pi-logo: 96px;
  --mea-tagline: 1.3em;
  --mea-tagsize: 1.3em;
  --mea-tagwidt: 300px;
  --mea-tagalig: left;
  --mea-tagmarg: 0 3em 0 0;
  --mea-tagline-margin: 1em 0 0 0;
  --mea-tagline-opacity: 1;
  --mea-issue: 12px;
  --mea-ftrhgt: 64px;
  --fs-scaling:	1;
  --anim-time:	250ms;
}

html.scrolled {
  /* Measures: Header Scaling (Scrolled); */
  --mea-flexdir: row;
  --mea-flexali: center;
  --mea-flexjus: space-between;
  --mea-headpad: 0 0.5em 0 0.875em;
  --mea-headspace: 84px;
  --mea-pi-logo: 64px;
  --mea-tagline: 0.9em;
  --mea-tagsize: 0.9em;
  --mea-tagwidt: 200px;
  --mea-tagalig: right;
  --mea-tagmarg: 0 2em 0 0;
  --mea-tagline-margin: 0;
  --mea-tagline-opacity: 0;
  --mea-issue: 8px;
}

.darkmode {
  --foreground: #BBB;
  --background: #111;
  --clr-col-rule: #555;
  --clr-header: #4D6FA4;
  --clr-cur-back:	#033d73;
}

/** 
   CSS:     FONTS; 
   TARGET:  Psychoanalytic Inquiry Newsletter;
   DESC:    Define variables and CSS for fonts;
            May include local font files;
*/
:root {
  --fg: "Cormorant Garamond","Times New Roman",Times,sans-serif;
  --fo: "Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;
  --ff: var(--fg);
  --fs-base: 1.2em;
  --ln-hght: 1.15;
}

body.sans {
  --ff: var(--fo);
  --fs-base: 0.96em;
  --ln-hght: 1.35;
}

/**
 * --------------------------------------------------------------------
 * TJE Custom CSS Reset;
 * --------------------------------------------------------------------
 * Desc:      CSS Reset and normalization across different browsers, 
 *            Adds some additional mods for TJE;
 * 
 * Author:    TJE Design
 * Version:   2022-12-30;
 * Credits:   Modified and extended from normalize.css 8.0.1
 *            https://necolas.github.io/normalize.css/
 *            
 *            elad2412 1.8.2
 *            https://github.com/elad2412/the-new-css-reset
 * --------------------------------------------------------------------
 */
*:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) {
  all: unset;
  display: revert;
}

:where([hidden]) {
  display: none;
}

:where([contenteditable]:not([contenteditable=false])) {
  -moz-user-modify: read-write;
  -webkit-user-modify: read-write;
  overflow-wrap: break-word;
  -webkit-line-break: after-white-space;
  -webkit-user-select: auto;
}

:where([draggable=true]) {
  -webkit-user-drag: element;
}

:where(dialog:modal) {
  all: revert;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

@media (-webkit-min-device-pixel-ratio: 1.25) {
  html {
    font-size: 100% !important;
  }
}
body {
  display: block;
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-size: 1em;
  font-weight: 400;
  font-variant-ligatures: common-ligatures;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: auto;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  all: revert;
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

a, button {
  cursor: revert;
}

abbr[title] {
  border-bottom: none;
  text-decoration: none;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  max-inline-size: 100%;
  max-block-size: 100%;
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0; /* 3 */
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input, textarea {
  -webkit-user-select: auto;
}

input[type=date],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
  text-align: left;
}

/* Remove focus line for mouse, leave for keyboard; */
:focus:not(:focus-visible) {
  outline: none;
}

::placeholder {
  color: unset;
}

textarea {
  overflow: auto;
  white-space: revert;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

meter {
  -webkit-appearance: revert;
  appearance: revert;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

/* SASS MIXINS                    */
/* Convenience */
/** 
   CSS:     STRUCTURAL; 
   TARGET:  Psychoanalytic Inquiry Newsletter;
*/
html, body {
  height: 100%;
  min-height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-width: 320px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.pi {
  /* Page; */
  /* Header: Page; */
  /* Main | Main; */
  /* Section | Main: Page; */
  /* Article | Section | Main: Page; */
  /* Video; */
  /* Footer; */
}
.pi-layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr auto;
  grid-template-areas: "main" "footer";
  min-height: calc(100vh - var(--mea-headspace));
  margin: 0;
  padding: var(--mea-headspace) 0 0 0;
  overflow: hidden;
}
.pi-header {
  position: fixed;
  display: flex;
  flex: 0 0 100%;
  inset: 0 0 var(--mea-headspace) 0;
  height: var(--mea-headspace);
}
.pi-main {
  display: flex;
  flex-direction: column;
  flex: 1;
  grid-area: main;
  top: 0;
  margin: 0;
  padding: 0;
  overflow: auto !important;
}
.pi-section {
  width: 90vw;
  margin: 0 auto;
  padding: 0.5em 1em 1em 1em;
}
.pi-article {
  padding-top: 1em;
  margin-bottom: 2.5em;
}
.pi-video__container {
  display: block;
}
.pi-footer {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1;
  height: var(--mea-ftrhgt);
  padding: 1em 0;
}

/* Tablets; */
@media screen and (min-width: 48em) {
  .pi {
    /* Header: Page; */
  }
}
/* Tablet; */
@media screen and (min-width: 48em) {
  .pi-section {
    width: 90vw;
    margin: 0 auto;
    padding: 0.5em 1em 1em 1em;
  }
}
/* Desktop; */
@media screen and (min-width: 64.01em) {
  .pi-section {
    width: 80vw;
    min-width: 1152px;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0.5em 1em 1em 1em;
  }
  .pi-video__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 2em;
  }
}
/* High-res Desktop; */
@media screen and (min-width: 120em) {
  .pi-section {
    width: 74vw;
    margin: 0 auto;
    padding: 0.5em 1.5em 1.5em 1.5em;
  }
  .pi-video__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 2em;
  }
}
/** 
		CSS:     PRESENTATIONAL; 
		TARGET:  Psychoanalytic Inquiry Newsletter;
*/
body {
  color: var(--foreground);
  font-family: var(--ff);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: contextual;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  line-height: var(--ln-hght);
  hyphens: manual;
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  background: var(--background);
}

h1, h2, h3 {
  color: var(--clr-header);
  font-family: var(--ff);
  letter-spacing: -0.0175rem;
  line-height: 1;
}

h2 {
  font-size: 1.6em;
}

h3 {
  font-size: 1.4em;
}

.pi {
  /* Header: Page; */
  /* Section | Main: Page; */
  /* Article | Section | Main: Page; */
  /* Text; */
  /* Blockquotes; */
  /* Lists; */
  /* Images; */
  /* Video; */
  /* Footer; */
  /* SHARED; */
  /* Time: Set in datetime attribute, style adds after; */
}
.pi-header {
  display: flex;
  flex-direction: var(--mea-flexdir);
  align-items: var(--mea-flexali);
  justify-content: var(--mea-flexjus);
  padding: var(--mea-headpad);
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
  background-color: var(--clr-cur-back);
  background-image: url("../assets/img/shr/lgo-pi-dark-180x400.svg");
  background-repeat: no-repeat;
  background-position: 100% 50%;
  transition: all var(--anim-time) ease-in-out;
}
.pi-header__logo {
  /* Use margin-top to valign ignoring Q-tail; */
  height: var(--mea-pi-logo);
  min-height: var(--mea-pi-logo);
  max-height: var(--mea-pi-logo);
  margin-top: 0.5em;
  aspect-ratio: 20/9;
  background: transparent url(../assets/img/shr/lgo-pi-lite-400x180.svg) 50% 50% no-repeat;
  transition: inherit;
}
.pi-header__tagline {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: var(--mea-tagwidt);
  height: var(--mea-tagline);
  margin: var(--mea-tagmarg);
  padding: 0;
  color: var(--clr-dimmed);
  font-family: var(--fg);
  font-size: var(--mea-tagsize);
  font-weight: 500;
  letter-spacing: 0.3em;
  line-height: 1;
  text-align: var(--mea-tagalig);
  text-transform: uppercase;
  user-select: none;
  opacity: 1;
  transition: all var(--anim-time) ease-in-out;
}
.pi-header__tagline .btn-toggle {
  display: flex;
  align-items: center;
  height: 28px;
  justify-content: center;
  letter-spacing: 0;
}
.pi-header__tagline .btn-toggle svg {
  margin-right: 10px;
  height: 16px;
  width: 16px;
}
.pi-section {
  font-size: var(--fs-base);
}
.pi-section__header {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  font-weight: 300;
  letter-spacing: -0.0125em;
  line-height: 1.15;
}
.pi-article {
  padding-top: 1em;
  margin-bottom: 2.5em;
  box-shadow: 0 -0.05em 0 0 var(--clr-col-rule);
}
.pi-article:nth-of-type(1) {
  padding-top: 0;
  box-shadow: none;
}
.pi-article__header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1.2;
  line-height: 1.15;
}
.pi-article__header--tease {
  font-size: 1.5em;
  font-weight: 300;
}
.pi-article__header--main {
  max-width: 65%;
  font-size: 1em;
  font-weight: 500;
  line-height: 1.15;
}
.pi-article__byline {
  margin: 0 0 1.5em 0;
  font-size: 0.9em;
  font-style: italic;
}
.pi-article__byline::before {
  content: "By ";
}
.pi-article__editor {
  margin: 0.5em 0 1.5em 0;
}
.pi-article__editor--lbl:after {
  content: ": ";
}
.pi-article__editor--val {
  font-weight: 600;
}
.pi-article__content {
  column-count: 1;
  column-gap: 0;
  column-rule: none;
}
.pi-article > .pi-text:first-child {
  margin: 0 0 0.5em 0;
  font-size: 1.2em;
  line-height: 1.2;
}
.pi-text {
  margin: 0 0 1.15em 0;
  color: var(--foreground);
  font-family: var(--ff);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: contextual;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  line-height: var(--ln-hght);
  hyphens: manual;
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  font-size: 1.1em;
}
.pi-text--img {
  margin: 0 0 1em 0;
}
.pi-em {
  font-style: italic;
}
.pi-strong {
  font-weight: 700;
}
.pi-blockquote {
  position: relative;
  color: var(--foreground);
  font-family: var(--ff);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: contextual;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  line-height: var(--ln-hght);
  hyphens: manual;
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
  margin: 0 0 1.15em 0;
  padding: 0 1em;
}
.pi-blockquote::before {
  content: "";
  position: absolute;
  inset: 0;
  box-shadow: -4px 0 0 0 #DDD;
}
.pi-list {
  margin: 0 0 1.15em 0;
}
.pi-list__item {
  list-style-type: square;
  margin: 0 0 1.15em 1em;
  color: var(--foreground);
  font-family: var(--ff);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: contextual;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  line-height: var(--ln-hght);
  hyphens: manual;
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
.pi-list.pi-topic-list .pi-list__item {
  margin-bottom: 0.5em;
}
.pi-list--num {
  list-style-type: decimal;
}
.pi-list--num > .pi-list__item {
  list-style-type: decimal;
  color: var(--foreground);
  font-family: var(--ff);
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-variant-ligatures: contextual;
  font-variant-numeric: lining-nums;
  font-weight: 400;
  line-height: var(--ln-hght);
  hyphens: manual;
  text-rendering: optimizeLegibility;
  text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;
}
.pi-list--num > .pi-list__item::marker {
  font-variant-numeric: lining-nums;
}
.pi-list-ordinal .pi-list-bulleted {
  margin: 0.5em 0 1em 0;
}
.pi-paper__header {
  font-size: calc(var(--fs-base) + 0.1em);
  font-weight: 600;
}
.pi-paper__author {
  margin-bottom: 0.5em;
  font-size: var(--fs-base);
  font-style: italic;
  font-weight: 600;
}
.pi-figure {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 92%;
  margin: 0.5em 0 1em 0;
}
.pi-figure.pi-image--sml {
  height: 140px;
}
.pi-figure.pi-image--tny {
  height: 100px;
}
.pi-video {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.pi-video > video {
  width: 360px;
  height: 225px;
}
.pi-video__container {
  column-span: all;
  margin: 2em 0;
  padding: 2em 0;
  box-shadow: 0 5px 0 0 var(--clr-cur-back), 0 -5px 0 0 var(--clr-cur-back);
}
.pi-video__caption {
  display: block;
  max-width: 640px;
  margin: 0.5em auto 0 auto;
  font-size: 1em;
  font-style: italic;
  text-align: center;
}
.pi-video__description {
  padding: 0;
}
.pi-video__header {
  font-size: 1.3;
  font-weight: 500;
  line-height: 1.15;
}
.pi-video__subheader {
  margin-bottom: 1em;
  color: var(--foreground);
  font-size: 1.1;
  font-weight: 600;
  line-height: 1.15;
}
.pi-video__instructions {
  display: block;
  margin-top: 0.5em;
  color: var(--clr-header);
  font-size: 1em;
  font-style: normal;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
.pi-footer {
  background: var(--clr-footer);
}
.pi-footer__copyright {
  margin: 0;
  padding: 0;
  color: var(--white);
  font-family: var(--fg);
  font-size: 0.9em;
  font-weight: 400;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
.pi-time::after {
  content: attr(datetime);
}

/* Tablets; */
@media screen and (min-width: 48em) {
  :root {
    /* MEASURES; */
    /* Header Scaling (Default); */
    --mea-flexdir: row;
    --mea-flexali: center;
    --mea-flexjus: space-between;
    --mea-headpad: 0 3em;
    --mea-headspace: 220px;
    --mea-pi-logo: 144px;
    --mea-tagline: 1.3em;
    --mea-tagsize: 1.3em;
    --mea-tagwidt: 300px;
    --mea-tagmarg: 0 3em 0 0;
    --mea-tagalig: right;
    --mea-tagline-margin: 1em 0 0 0;
    --mea-tagline-opacity: 1;
    --mea-issue: 12px;
    --mea-ftrhgt: 64px;
    --fs-scaling:	1;
    --anim-time:	250ms;
  }
  html.scrolled {
    /* Measures: Header Scaling (Scrolled); */
    --mea-flexdir: row;
    --mea-flexali: center;
    --mea-flexjus: space-between;
    --mea-headpad: 0 1em;
    --mea-headspace: 96px;
    --mea-pi-logo: 72px;
    --mea-tagline: 0.9em;
    --mea-tagsize: 0.9em;
    --mea-tagmarg: 0 3em 0 0;
    --mea-tagalig: right;
    --mea-tagline-margin: 0;
    --mea-tagline-opacity: 0;
    --mea-issue: 8px;
  }
  .pi-article__content {
    column-count: 2;
    column-gap: 2em;
  }
  .pi-article__content--cols0 {
    column-count: 1;
    column-gap: 0;
    column-rule: none;
  }
  .pi-video > video {
    width: 640px;
    height: 400px;
  }
  .pi-video__container {
    column-span: all;
    margin: 2em 0;
    padding: 2em 0;
    box-shadow: 0 5px 0 0 var(--clr-cur-back), 0 -5px 0 0 var(--clr-cur-back);
  }
}
/* Desktop; */
@media screen and (min-width: 64.01em) {
  :root {
    /* MEASURES; */
    /* Header Scaling (Default); */
    --mea-flexdir: row;
    --mea-flexali: center;
    --mea-flexjus: space-between;
    --mea-headpad: 0 3em;
    --mea-headspace: 220px;
    --mea-pi-logo: 144px;
    --mea-tagline: 1.3em;
    --mea-tagsize: 1.3em;
    --mea-tagwidt: 300px;
    --mea-tagmarg: 0 3em 0 0;
    --mea-tagalig: right;
    --mea-tagline-margin: 1em 0 0 0;
    --mea-tagline-opacity: 1;
    --mea-issue: 12px;
    --mea-ftrhgt: 64px;
    --fs-scaling:	1;
    --anim-time:	250ms;
  }
  html.scrolled {
    /* Measures: Header Scaling (Scrolled); */
    --mea-flexdir: row;
    --mea-flexali: center;
    --mea-flexjus: space-between;
    --mea-headpad: 0 1em;
    --mea-headspace: 96px;
    --mea-pi-logo: 72px;
    --mea-tagline: 0.9em;
    --mea-tagsize: 0.9em;
    --mea-tagmarg: 0 3em 0 0;
    --mea-tagalig: right;
    --mea-tagline-margin: 0;
    --mea-tagline-opacity: 0;
    --mea-issue: 8px;
  }
  .pi-article__header {
    font-size: 1.5;
  }
  .pi-article__header--tease {
    font-size: 1.2em;
  }
  .pi-article__content {
    column-count: 3;
    column-gap: 3em;
    column-rule: 0.055em solid var(--clr-col-rule);
  }
  .pi-article__content--cols0 {
    column-count: 1;
    column-gap: 0;
    column-rule: none;
  }
  .pi-article-video > video {
    width: 720px;
    height: 450px;
  }
}
/* High-res Desktop; */
@media screen and (min-width: 120em) {
  :root {
    /* MEASURES; */
    /* Header Scaling (Default); */
    --mea-flexdir: row;
    --mea-flexali: center;
    --mea-flexjus: space-between;
    --mea-headpad: 0 3em;
    --mea-headspace: 220px;
    --mea-pi-logo: 144px;
    --mea-tagline: 1.3em;
    --mea-tagsize: 1.3em;
    --mea-tagwidt: 300px;
    --mea-tagmarg: 0 3em 0 0;
    --mea-tagalig: right;
    --mea-tagline-margin: 1em 0 0 0;
    --mea-tagline-opacity: 1;
    --mea-issue: 12px;
    --mea-ftrhgt: 64px;
    --fs-scaling:	1;
    --anim-time:	250ms;
  }
  html.scrolled {
    /* Measures: Header Scaling (Scrolled); */
    --mea-flexdir: row;
    --mea-flexali: center;
    --mea-flexjus: space-between;
    --mea-headpad: 0 1em;
    --mea-headspace: 96px;
    --mea-pi-logo: 72px;
    --mea-tagline: 0.9em;
    --mea-tagsize: 0.9em;
    --mea-tagmarg: 0 3em 0 0;
    --mea-tagalig: right;
    --mea-tagline-margin: 0;
    --mea-tagline-opacity: 0;
    --mea-issue: 8px;
  }
  .pi-article__content {
    column-count: 4;
    column-gap: 3em;
    column-rule: 0.055em solid var(--clr-col-rule);
  }
  .pi-article__content--cols0 {
    column-count: 1;
    column-gap: 0;
    column-rule: none;
  }
  .pi-video > video {
    width: 720px;
    height: 450px;
  }
}
/*# sourceMappingURL=main.css.map */