/* PUBLISHED mvkm2fm3 */
/* FONTS */
@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;1,400&display=swap");

/* TOKENS */
:root {
--bd-page: #ffffff;
--bd-panel: #ffffff;
--bd-ink: #111111;
--bd-rule: #ffffff;
--bd-sans: "Helvetica Neue", "Helvetica Neue", Arial, sans-serif;
--bd-mono: "IBM Plex Mono", Menlo, Consolas, monospace;
--bd-w: 100%;
--bd-wt: 50px;
--bd-wr: 50px;
--bd-wb: 50px;
--bd-wl: 50px;
--bd-pad: 50px;
--bd-top: 25px;
--bd-cols: 12;
--bd-row: 8px;
--bd-gap: 0px;
--bd-indent: 0px;
--bd-label: 100px;
--bd-fs: 13px;
--bd-lh: 19px;
--bd-ms: 12px;
--bd-ml: 18px;
--bd-ls: 15px;
--bd-ll: 20px;
--bd-space: 32px;
--bd-head-x: 2;
--bd-head-space: 0px;
--bd-btn-font: var(--bd-sans);
--bd-btn-size: 24px;
--bd-btn-color: var(--bd-ink);
--bd-btn-top: 34px;
--bd-menu-top: var(--bd-menu-top);
--bd-btn-side: 34px;
--bd-nav-font: var(--bd-sans);
--bd-nav-size: var(--bd-fs);
--bd-nav-lh: var(--bd-lh);
--bd-nav-color: var(--bd-ink);
--bd-nav-indent: 28px;
--bd-nav-fade: 0.08;
--bd-nav-bg: transparent;
--bd-g-dur: 450ms;
--bd-g-ease: ease;
--bd-g-tease: 8deg;
--bd-g-open: 24deg;
}

/* RESET */
*,
*::before,
*::after {
box-sizing: border-box;
}
.bd-site {
display: flow-root;
margin: 0;
background: var(--bd-page);
color: var(--bd-ink);
font-family: var(--bd-sans);
font-size: var(--bd-fs);
line-height: var(--bd-lh);
font-weight: 400;
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
}
.bd-site a {
color: inherit;
text-decoration: none;
}
.bd-site img,
.bd-site video,
.bd-site iframe {
display: block;
max-width: 100%;
height: auto;
}
.bd-site p,
.bd-site ol,
.bd-site ul,
.bd-site figure,
.bd-site h1,
.bd-site h2,
.bd-site h3 {
margin: 0;
padding: 0;
font: inherit;
}
.bd-site ol,
.bd-site ul {
list-style: none;
}
.bd-site sup {
font-size: 0.6em;
line-height: 0;
vertical-align: 0.75em;
}

/* PANEL */
.bd-panel {
position: relative;
width: var(--bd-w);
max-width: 100%;
min-height: 100vh;
margin: 0 auto;
padding: var(--bd-wt) var(--bd-wr) var(--bd-wb) var(--bd-wl);
background: var(--bd-panel);
display: flex;
flex-direction: column;
}
.bd-main {
flex: 1;
counter-reset: bd-note;
transition: opacity 0.25s ease;
}

/* HEADER */
.bd-head {
padding-left: calc(100% * var(--bd-head-x) / var(--bd-cols));
margin-bottom: var(--bd-head-space);
}
.bd-num {
display: block;
margin-bottom: 30px;
}

/* GRID */
.bd-grid {
display: grid;
grid-template-columns: repeat(var(--bd-cols), minmax(0, 1fr));
grid-auto-rows: minmax(var(--bd-row), auto);
column-gap: var(--bd-gap);
}
.bd-el {
min-width: 0;
}

/* FLOW */
.bd-flow {
--bd-colw: calc((100% - (var(--bd-cols) - 1) * var(--bd-gap)) / var(--bd-cols));
display: flex;
flex-direction: column;
align-items: flex-start;
}
.bd-flow > .bd-el {
flex: none;
margin-left: calc(var(--x, 0) * (var(--bd-colw) + var(--bd-gap)));
width: calc(var(--w, var(--bd-cols)) * var(--bd-colw) + (var(--w, var(--bd-cols)) - 1) * var(--bd-gap));
}
.bd-flow > .bd-el + .bd-el {
margin-top: var(--bd-space);
}
.bd-flow > .bd-link {
width: auto;
max-width: calc(var(--w, var(--bd-cols)) * var(--bd-colw) + (var(--w, var(--bd-cols)) - 1) * var(--bd-gap));
}

/* COLUMNS */
.bd-cols {
display: grid;
align-items: start;
row-gap: var(--bd-space);
}
.bd-col {
min-width: 0;
}

/* TEXT */
.bd-text p + p {
margin-top: var(--bd-lh);
}
.bd-text.has-indent p + p {
margin-top: 0;
text-indent: var(--bd-indent);
}
.bd-text.is-mono {
font-family: var(--bd-mono);
font-size: var(--bd-ms);
line-height: var(--bd-ml);
}
.bd-text.is-small {
font-size: var(--bd-ms);
line-height: var(--bd-ml);
}
.bd-text.is-large {
font-size: var(--bd-ls);
line-height: var(--bd-ll);
}
.bd-text.is-center {
text-align: center;
}
.bd-text.is-right {
text-align: right;
}
.bd-text a {
border-bottom: 1px solid currentColor;
}

/* NOTES */
.bd-notes {
font-family: var(--bd-mono);
font-size: var(--bd-ms);
line-height: var(--bd-ml);
}
.bd-notes li {
position: relative;
overflow-wrap: anywhere;
padding-left: 3.2em;
counter-increment: bd-note;
}
.bd-notes li::before {
content: counter(bd-note) ".";
position: absolute;
left: 0;
top: 0;
}
.bd-notes a {
text-decoration: underline;
text-underline-offset: 3px;
}

/* LIST */
.bd-list h2 {
margin-bottom: 14px;
}
.bd-list li {
display: grid;
grid-template-columns: var(--bd-label) minmax(0, 1fr);
}
.bd-list li > span:first-child {
padding-right: 12px;
}

/* FIGURE */
.bd-figure img {
width: 100%;
}
.bd-figure.is-cover {
display: flex;
flex-direction: column;
}
.bd-figure.is-cover img {
flex: 1;
min-height: 0;
height: 100%;
object-fit: cover;
}
.bd-figure figcaption {
margin-top: 12px;
font-family: var(--bd-mono);
font-size: var(--bd-ms);
line-height: var(--bd-ml);
}

/* LINK */
.bd-link {
align-self: start;
justify-self: start;
}
.bd-link.is-underline {
border-bottom: 1px solid currentColor;
}
.bd-link.is-arrow::after {
content: " \2192";
}

/* EMBED */
.bd-embed {
position: relative;
align-self: start;
aspect-ratio: 16 / 9;
background: #000000;
}
.bd-embed iframe {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
border: 0;
}

/* RULE */
.bd-rule {
align-self: center;
width: 100%;
height: 0;
margin: 0;
border: 0;
border-top: 1px solid var(--bd-rule);
}

/* BURGER */
.bd-burger {
position: fixed;
top: calc(var(--bd-top) + var(--bd-btn-top));
right: max(0px, calc(50% - var(--bd-w) / 2 + var(--bd-btn-side)));
padding: 0;
border: 0;
background: none;
cursor: pointer;
color: var(--bd-btn-color);
font-family: var(--bd-btn-font);
font-size: var(--bd-btn-size);
line-height: 1;
text-transform: none;
z-index: 20;
transition: opacity 0.25s ease;
}
.bd-burger.is-left {
right: auto;
left: max(0px, calc(50% - var(--bd-w) / 2 + var(--bd-btn-side)));
}
.bd-burger svg {
display: block;
width: calc(var(--bd-btn-size) * 1.17);
height: var(--bd-btn-size);
}

/* MENU */
.bd-menu {
position: fixed;
top: calc(var(--bd-top) * 2);
left: calc(50% - var(--bd-w) / 2 + var(--bd-pad));
width: calc(var(--bd-w) - var(--bd-pad) * 2);
max-height: calc(100vh - var(--bd-top) * 3);
overflow-y: auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
color: var(--bd-nav-color);
font-family: var(--bd-nav-font);
font-size: var(--bd-nav-size);
line-height: var(--bd-nav-lh);
letter-spacing: 0em;
text-transform: none;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
z-index: 10;
}
.bd-menu-list {
flex: 1;
min-width: 0;
}
.bd-menu-head {
display: block;
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
letter-spacing: inherit;
text-transform: inherit;
text-align: left;
cursor: pointer;
}
.bd-menu-items {
display: none;
padding: 4px 0 10px var(--bd-nav-indent);
}
.bd-menu-group.is-open .bd-menu-items,
.bd-menu.is-open-all .bd-menu-items {
display: block;
}
.bd-menu-group.is-open .bd-menu-head {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
.bd-menu.is-open-all .bd-menu-head {
text-decoration: none;
cursor: default;
}
.bd-menu.is-flat .bd-menu-head {
display: none;
}
.bd-menu-group.is-plain .bd-menu-items {
display: block;
padding-left: 0;
}
.bd-menu.is-flat .bd-menu-items {
display: block;
padding: 0;
}
.bd-menu.is-flat .bd-menu-group + .bd-menu-group {
margin-top: var(--bd-nav-lh);
}
.bd-menu-head:hover,
.bd-menu a:hover {
opacity: 0.4;
}
.bd-menu.is-cur-dim a.is-current {
opacity: 0.4;
}
.bd-menu.is-cur-underline a.is-current {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 1px;
}
.bd-menu.is-cur-strike a.is-current {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.bd-menu.is-cur-arrow a.is-current::before {
content: "\2192\00a0";
}
.bd-menu-title {
flex: none;
margin-left: 16px;
text-align: right;
white-space: nowrap;
}
.bd-menu.is-title-left {
flex-direction: row-reverse;
}
.bd-menu.is-title-left .bd-menu-title {
margin: 0 16px 0 0;
text-align: left;
}
.bd-site::before {
content: "";
position: fixed;
inset: 0;
background: var(--bd-nav-bg);
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease;
z-index: 9;
}
.has-menu::before {
opacity: 1;
}
.has-menu .bd-menu {
opacity: 1;
pointer-events: auto;
}
.has-menu .bd-main,
.has-menu .bd-pager {
opacity: var(--bd-nav-fade);
}

/* PAGER */
.bd-pager {
display: grid;
grid-template-columns: calc(100% * var(--bd-head-x) / var(--bd-cols)) 1fr auto;
align-items: center;
margin-top: 120px;
padding-top: 14px;
border-top: 1px solid var(--bd-rule);
transition: opacity 0.25s ease;
}
.bd-pager a {
display: block;
width: 24px;
}
.bd-pager svg {
display: block;
width: 22px;
height: 22px;
}
.bd-pager-next {
grid-column: 3;
}

/* PAGE TITLE BLOCK */
.bd-ptitle.is-al-center {
text-align: center;
}
.bd-ptitle.is-al-right {
text-align: right;
}

/* MENU BLOCK */
.bd-pin {
position: relative;
}
.bd-menubtn {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: var(--mgap, 16px);
min-height: 1px;
}
.bd-menubtn.is-al-center {
justify-content: center;
}
.bd-menubtn.is-al-end {
justify-content: flex-end;
}
.bd-menubtn.is-al-spread {
justify-content: space-between;
}
.bd-menubtn.is-brand-after .bd-mbrand {
order: 2;
}
.bd-menubtn.is-brand-above {
flex-direction: column;
align-items: flex-start;
}
.bd-menubtn.is-brand-above.is-al-center {
align-items: center;
}
.bd-menubtn.is-brand-above.is-al-end {
align-items: flex-end;
}
.bd-mbrand {
display: block;
}
.bd-mlist ul {
margin: 0;
padding: 0;
list-style: none;
}
.bd-mlist a {
display: inline-block;
border-bottom: 1px solid transparent;
}
.bd-mlist.is-vertical li + li {
margin-top: var(--igap, 0px);
}
.bd-mlist.is-vertical .bd-mgroup + .bd-mgroup {
margin-top: var(--ggap, 20px);
}
.bd-mlist.is-horizontal,
.bd-mlist.is-horizontal ul {
display: flex;
flex-wrap: wrap;
}
.bd-mlist.is-horizontal {
gap: var(--ggap, 20px);
}
.bd-mlist.is-horizontal ul {
gap: var(--igap, 16px);
}
.bd-mlist.is-horizontal.has-heads .bd-mgroup {
display: flex;
gap: var(--igap, 16px);
}
.bd-mhead {
display: block;
margin-bottom: var(--hgap, 4px);
}
.bd-mlist.is-horizontal .bd-mhead {
margin-bottom: 0;
}
.bd-mlist.is-hov-underline a:hover,
.bd-mlist.is-cur-underline a.is-current {
border-bottom-color: currentColor;
}
.bd-mlist.is-hov-dim a:hover,
.bd-mlist.is-cur-dim a.is-current {
opacity: 0.4;
}
.bd-mlist.is-cur-strike a.is-current {
text-decoration: line-through;
text-decoration-thickness: 1px;
}
.bd-mlist.is-cur-arrow a.is-current::before {
content: "\2192\00a0";
}
.bd-flow > .bd-menubtn.is-corner-right,
.bd-flow > .bd-menubtn.is-corner-left {
position: absolute;
top: 0;
width: auto;
margin: 0;
z-index: 20;
}
.bd-flow > .bd-menubtn.is-corner-right {
right: 0;
left: auto;
}
.bd-flow > .bd-menubtn.is-corner-left {
left: 0;
}
.bd-burger.is-inline {
display: block;
position: relative;
top: auto;
right: auto;
left: auto;
}
.bd-pin .bd-el {
transition: opacity 0.25s ease;
}
.has-menu .bd-pin .bd-el:not(.bd-menubtn),
.has-menu .bd-mbrand {
opacity: var(--bd-nav-fade);
}
.bd-mbrand {
transition: opacity 0.25s ease;
}

/* BLOG POSTS */
.bd-posts {
display: grid;
grid-template-columns: repeat(var(--pcols, 3), minmax(0, 1fr));
column-gap: var(--pgap, 40px);
row-gap: var(--prow, 40px);
align-items: start;
}
.bd-posts.is-list {
grid-template-columns: minmax(0, 1fr);
}
.bd-posts.is-masonry {
display: block;
columns: var(--pcols, 3);
column-gap: var(--pgap, 40px);
}
.bd-posts.is-masonry .bd-post {
break-inside: avoid;
margin-bottom: var(--prow, 40px);
}
.bd-post-txt {
min-height: var(--pminh, 0px);
}
.bd-post {
display: flex;
flex-direction: column;
padding: var(--ppad, 0px);
background: var(--pbg, transparent);
transition: opacity 0.2s ease, transform 0.2s ease;
}
.bd-post-img {
display: block;
margin-bottom: var(--pimg-gap, 12px);
}
.bd-posts.is-img-bottom .bd-post-img {
order: 2;
margin: var(--pimg-gap, 12px) 0 0;
}
.bd-post img {
width: 100%;
aspect-ratio: var(--pratio, auto);
object-fit: cover;
}
.bd-post-txt,
.bd-post-t,
.bd-post-d,
.bd-post-m,
.bd-post-x {
display: block;
}
.bd-post-d,
.bd-post-m,
.bd-post-x {
margin-top: var(--pmgap, 8px);
}
.bd-post.is-featured {
grid-column: 1 / -1;
column-span: all;
}
.bd-post.is-featured.is-f-side {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: var(--pgap, 40px);
align-items: start;
}
.bd-post.is-featured.is-f-side .bd-post-img {
margin: 0;
}
.bd-posts.is-hov-dim .bd-post:hover {
opacity: 0.6;
}
.bd-posts.is-hov-lift .bd-post:hover {
transform: translateY(-3px);
}

/* ZINE CARDS — DEADPAN GESTURE: THE COVER SWINGS OPEN ON ITS STAPLED SPINE */
.bd-posts.is-zine .bd-post {
position: relative;
padding: 0;
background: none;
perspective: 900px;
}
.bd-post-cover {
display: contents;
}
.bd-posts.is-zine .bd-post-cover {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
height: 100%;
padding: var(--ppad, 0px);
background: var(--pbg, #eeeeee);
box-shadow: 2px 3px 0 rgba(0, 0, 0, 0.12);
transform-origin: left center;
transition: transform var(--bd-g-dur, 0.45s) var(--bd-g-ease, ease), box-shadow var(--bd-g-dur, 0.45s) var(--bd-g-ease, ease);
}
.bd-posts.is-zine.is-img-bottom .bd-post-cover .bd-post-img {
order: 2;
margin: var(--pimg-gap, 12px) 0 0;
}
.bd-post-page {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
padding: var(--ppad, 18px);
background: var(--ppage, #ffffff);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12);
}
.bd-posts.has-staples .bd-post-cover::before,
.bd-posts.has-staples .bd-post-cover::after {
content: "";
position: absolute;
left: 5px;
width: 2px;
height: 14px;
background: var(--pstaple, #555555);
}
.bd-posts.has-staples .bd-post-cover::before {
top: 22%;
}
.bd-posts.has-staples .bd-post-cover::after {
bottom: 22%;
}
.bd-posts.is-zine a.bd-post:hover {
opacity: 1;
transform: none;
}
@media (hover: hover) {
.bd-posts.is-zine a.bd-post:hover .bd-post-cover {
transform: rotateY(calc(var(--bd-g-tease, 8deg) * -1));
box-shadow: 5px 4px 0 rgba(0, 0, 0, 0.12);
}
}
.bd-posts.is-zine a.bd-post.is-open .bd-post-cover {
transform: rotateY(calc(var(--bd-g-open, 24deg) * -1));
box-shadow: 10px 6px 0 rgba(0, 0, 0, 0.12);
}
.bd-posts.is-zine .bd-post-cover {
backface-visibility: hidden;
}
.bd-posts.is-zine a.bd-post.is-unfold {
z-index: 5;
}
.bd-posts.is-zine a.bd-post.is-unfold .bd-post-cover {
transform: rotateY(-170deg);
box-shadow: none;
transition: transform 0.35s ease-in;
}
.bd-unfold {
position: fixed;
z-index: 100;
pointer-events: none;
box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
transition: left 0.38s ease-in-out, top 0.38s ease-in-out, width 0.38s ease-in-out, height 0.38s ease-in-out, background-color 0.38s ease;
}
@view-transition {
navigation: auto;
}
.bd-posts.is-zine .bd-post.is-featured.is-f-side {
display: block;
}
.bd-posts.is-zine .bd-post.is-featured.is-f-side .bd-post-cover {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
column-gap: var(--pgap, 40px);
}

/* TRACING PAPER CARDS — DEADPAN GESTURE: A FROSTED SHEET LIES ON THE POSTER, HOVER NUDGES IT, A TAP SLIDES IT AWAY */
.bd-posts.is-trace .bd-post {
position: relative;
display: block;
overflow: hidden;
aspect-ratio: var(--pratio, 3 / 4);
padding: 0;
background: var(--pbg, #e6e5e1);
}
.bd-posts.is-trace .bd-post.is-featured.is-f-side {
display: block;
}
.bd-posts.is-trace .bd-post-img {
position: absolute;
inset: 0;
margin: 0;
}
.bd-posts.is-trace .bd-post-img img {
width: 100%;
height: 100%;
aspect-ratio: auto;
object-fit: cover;
filter: blur(var(--tp-imgblur, 0px)) var(--tp-tone, brightness(1));
transform: scale(1.03);
}
.bd-post-paper {
position: absolute;
inset: var(--tp-inset, 0px);
z-index: 1;
display: flex;
flex-direction: column;
justify-content: var(--tp-just, flex-end);
padding: var(--tp-pad, 16px);
color: var(--tp-ink, #111111);
background: color-mix(in srgb, var(--tp-bg, #f4f3ef) var(--tp-a, 72%), transparent);
-webkit-backdrop-filter: blur(var(--tp-frost, 8px));
backdrop-filter: blur(var(--tp-frost, 8px));
box-shadow: inset 0 0 0 1px var(--tp-line, rgba(0, 0, 0, 0.08));
transform: rotate(var(--tp-tilt, 0deg));
transition: transform calc(var(--bd-g-dur, 450ms) * 1.2) var(--bd-g-ease, cubic-bezier(0.3, 0.7, 0.2, 1));
}
.bd-posts.is-trace a.bd-post:hover {
opacity: 1;
transform: none;
}
@media (hover: hover) {
.bd-posts.is-trace a.bd-post:hover .bd-post-paper {
transform: var(--tp-hover, translate(0%, -12%)) rotate(var(--tp-tilt, 0deg));
}
}
.bd-posts.is-trace a.bd-post.is-open .bd-post-paper {
transform: var(--tp-tap, translate(0%, -62%)) rotate(var(--tp-tilt, 0deg));
}
@media (prefers-reduced-motion: reduce) {
.bd-post-paper {
transition: none;
}
}

/* POST INFO */
.bd-postinfo-back {
margin-right: 0.6em;
}

/* QUOTE */
.bd-quote {
margin: 0;
}
.bd-quote.is-al-center {
text-align: center;
}
.bd-quote.is-al-right {
text-align: right;
}
.bd-quote.has-shadow {
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.09);
}
.bd-quote.has-line {
border-left: 1px solid currentColor;
}
.bd-quote p + p {
margin-top: var(--bd-lh);
}

/* FOLD-OUT LIST */
.bd-toggle summary {
list-style: none;
cursor: pointer;
}
.bd-toggle summary::-webkit-details-marker {
display: none;
}
.bd-toggle.is-mark-plus summary::before {
content: "+";
display: inline-block;
width: 1.8em;
}
.bd-toggle.is-mark-plus[open] summary::before {
content: "\2014";
}
.bd-toggle.is-mark-arrow summary::before {
content: "\2192";
display: inline-block;
width: 1.8em;
}
.bd-toggle.is-mark-arrow[open] summary::before {
content: "\2193";
}
.bd-toggle ul {
margin: var(--bd-lh) 0 0;
padding: 0 0 0 var(--tind, 0px);
list-style: none;
}
.bd-toggle li + li {
margin-top: var(--tgap, 0px);
}

/* PRODUCT */
.bd-product {
display: block;
margin: 0;
}
.bd-product img {
width: 100%;
}
.bd-product-t {
margin-top: 12px;
}
.bd-product.is-al-center {
text-align: center;
}
.bd-product.is-al-right {
text-align: right;
}
.bd-product-empty {
display: block;
padding: 40px 12px;
background: rgba(0, 0, 0, 0.04);
text-align: center;
}

/* PAGE ARROWS BLOCK */
.bd-pagerbar {
display: grid;
grid-template-columns: calc(100% * var(--bd-head-x) / var(--bd-cols)) 1fr auto;
align-items: center;
}
.bd-pagerbar.has-line {
padding-top: 14px;
border-top: 1px solid var(--bd-rule);
}
.bd-pagerbar a {
display: block;
width: 24px;
}
.bd-pagerbar svg {
display: block;
width: 22px;
height: 22px;
}
.bd-pagerbar-next {
grid-column: 3;
}
.bd-pagerbar.is-text {
display: block;
}
.bd-pagerbar.is-text.is-al-center {
text-align: center;
}
.bd-pagerbar.is-text.is-al-right {
text-align: right;
}
.bd-pagerbar.is-text a {
display: inline;
width: auto;
}
.bd-pagerbar.is-text a + a {
margin-left: 2em;
}


/* GALLERY */
.bd-gi {
--cols: 3;
--gut: 16px;
--rowh: 220px;
}
.bd-gi figure {
min-width: 0;
}
.bd-gi img {
width: 100%;
}
.bd-gi figcaption {
margin-top: 8px;
}
.bd-gallery.is-grid .bd-gi {
display: grid;
grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
gap: var(--gut);
}
.bd-gallery.is-columns .bd-gi {
column-count: var(--cols);
column-gap: var(--gut);
}
.bd-gallery.is-columns .bd-gi figure {
break-inside: avoid;
margin-bottom: var(--gut);
}
.bd-gallery.is-justify .bd-gi {
display: flex;
flex-wrap: wrap;
gap: var(--gut);
}
.bd-gallery.is-justify .bd-gi::after {
content: "";
flex-grow: 999;
}
.bd-gallery.is-justify .bd-gi figure {
flex-grow: var(--r);
flex-basis: calc(var(--r) * var(--rowh));
}
.bd-gallery.is-free .bd-gi {
position: relative;
height: 0;
}
.bd-gallery.is-free .bd-gi figure {
position: absolute;
}
.bd-gallery.is-slides .bd-gi {
display: grid;
}
.bd-gallery.is-slides .bd-gi figure {
grid-area: 1 / 1;
opacity: 0;
pointer-events: none;
transition: opacity 0.45s ease, transform 0.45s ease;
}
.bd-gallery.is-slides .bd-gi figure.is-on {
opacity: 1;
pointer-events: auto;
}
.bd-gallery.is-slide .bd-gi {
overflow: hidden;
}
.bd-gallery.is-slide .bd-gi figure {
opacity: 1;
transform: translateX(100%);
}
.bd-gallery.is-slide .bd-gi figure.is-on {
transform: translateX(0);
}
.bd-gallery.is-slide .bd-gi figure.is-past {
transform: translateX(-100%);
}
.bd-slide-nav {
display: flex;
align-items: center;
gap: 16px;
margin-top: 10px;
font-family: var(--bd-mono);
font-size: var(--bd-ms);
}
.bd-slide-nav button {
padding: 0;
border: 0;
background: none;
color: inherit;
font: inherit;
cursor: pointer;
}
.bd-gallery.has-zones .bd-gi {
cursor: e-resize;
}
.has-nocap figcaption {
display: none;
}
.has-zoom img {
cursor: zoom-in;
}

/* LIBRARY */
.bd-library {
--cols: 5;
--gut: 30px;
--ratio: 2 / 3;
}
.bd-lib-filter {
display: flex;
flex-wrap: wrap;
gap: 4px 10px;
margin-bottom: 40px;
font-size: 12px;
line-height: 18px;
}
.bd-lib-filter button {
padding: 0;
border: 0;
border-bottom: 1px solid transparent;
background: none;
color: inherit;
font: inherit;
cursor: pointer;
}
.bd-lib-filter button.is-on,
.bd-lib-filter button:hover {
border-bottom-color: currentColor;
}
.bd-lib-grid {
display: grid;
grid-template-columns: repeat(var(--cols), minmax(0, 1fr));
gap: var(--gut);
}
.bd-library .bd-lib-item {
display: block;
min-width: 0;
border-bottom: 0;
}
.bd-lib-cover {
position: relative;
display: block;
}
.bd-lib-item img,
.bd-lib-blank {
display: block;
width: 100%;
aspect-ratio: var(--ratio);
object-fit: cover;
background: #eeeeee;
}
.bd-lib-item img {
color: transparent;
font-size: 0;
}
.bd-lib-blank {
padding: 12px;
font-size: 12px;
line-height: 16px;
}
.bd-lib-t {
display: block;
margin-top: 8px;
font-size: 12px;
line-height: 16px;
}
.bd-lib-item.is-hidden {
display: none;
}
.bd-library:not(.is-book) a.bd-lib-item:hover img {
opacity: 0.85;
}
.bd-library.is-book .bd-lib-item {
perspective: 900px;
}
.bd-library.is-book .bd-lib-cover {
overflow: hidden;
border-radius: 0 var(--lib-r, 2px) var(--lib-r, 2px) 0;
transform-origin: left center;
transition: transform var(--bd-g-dur, 0.45s) var(--bd-g-ease, ease), box-shadow var(--bd-g-dur, 0.45s) var(--bd-g-ease, ease);
}
.bd-library.is-book .bd-lib-cover::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 0;
z-index: 1;
width: var(--spine-w, 10px);
background: linear-gradient(90deg, rgba(0, 0, 0, 0.28), rgba(255, 255, 255, 0.18) 45%, rgba(0, 0, 0, 0.12)), var(--spine, #8a8a8a);
}
.bd-library.is-book .bd-lib-cover::after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: var(--spine-w, 10px);
z-index: 1;
width: 3px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.18), transparent);
}
.bd-library.has-shadow .bd-lib-cover {
box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.16);
}
@media (hover: hover) {
.bd-library.is-hov-tilt a.bd-lib-item:hover .bd-lib-cover {
transform: rotateY(calc(var(--bd-g-tease, 8deg) * -1));
box-shadow: 6px 5px 12px rgba(0, 0, 0, 0.18);
}
.bd-library.is-hov-lift a.bd-lib-item:hover .bd-lib-cover {
transform: translateY(-2px);
}
}
.bd-library.is-hov-tilt a.bd-lib-item.is-open .bd-lib-cover {
transform: rotateY(calc(var(--bd-g-open, 24deg) * -1));
box-shadow: 14px 8px 18px rgba(0, 0, 0, 0.22);
}
.bd-library.is-hov-lift a.bd-lib-item.is-open .bd-lib-cover {
transform: translateY(-6px);
box-shadow: 4px 12px 18px rgba(0, 0, 0, 0.2);
}

/* ZOOM */
.bd-zoom {
position: fixed;
inset: 0;
z-index: 50;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 12px;
padding: 32px;
background: var(--bd-panel);
cursor: zoom-out;
}
.bd-zoom img {
max-width: 100%;
max-height: calc(100vh - 110px);
width: auto;
height: auto;
object-fit: contain;
}

/* PINS */
.bd-pin.is-fixed {
position: fixed;
left: 0;
right: 0;
z-index: 15;
pointer-events: none;
}
.bd-pin.is-fixed > div {
width: var(--bd-w);
max-width: 100%;
margin: 0 auto;
padding: 0 var(--bd-wr) 0 var(--bd-wl);
pointer-events: auto;
}
.bd-pin.is-fixed.is-top > div {
padding-top: var(--bd-wt);
}
.bd-pin.is-fixed.is-bottom > div {
padding-bottom: var(--bd-wb);
}
.bd-pin.is-fixed.is-top {
top: 0;
}
.bd-pin.is-fixed.is-bottom {
bottom: 0;
}
.bd-panel > .bd-pin.is-top {
margin-bottom: var(--bd-space);
}
.bd-panel > .bd-pin.is-bottom {
margin-top: var(--bd-space);
}

/* STACK */
.bd-stack {
margin-top: calc(var(--bd-space) * 2);
}

/* TYPE STYLES */
.bd-site,
.bd-ts-body,
.bd-list.is-body ul {
font-family: var(--bd-sans);
font-weight: 400;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
font-size: 13px;
line-height: 19px;
}
.bd-text.is-heading,
.bd-text.is-large,
.bd-ptitle.is-heading,
.bd-ts-heading,
.bd-list.is-heading ul {
font-family: var(--bd-sans);
font-weight: 400;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
font-size: 15px;
line-height: 20px;
}
.bd-text.is-small,
.bd-ptitle.is-small,
.bd-ts-small,
.bd-list.is-small ul {
font-family: var(--bd-sans);
font-weight: 400;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
font-size: 13px;
line-height: 19px;
}
.bd-text.is-caption,
.bd-ptitle.is-caption,
.bd-ts-caption,
.bd-figure figcaption,
.bd-gi figcaption,
.bd-zoom-cap,
.bd-list.is-caption ul {
font-family: var(--bd-sans);
font-weight: 400;
font-style: normal;
text-transform: none;
letter-spacing: 0em;
font-size: 12px;
line-height: 18px;
}
.bd-text.is-mono,
.bd-ptitle.is-mono,
.bd-ts-mono,
.bd-notes,
.bd-list.is-mono ul {
font-family: var(--bd-mono);
font-weight: 400;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0em;
font-size: 12px;
line-height: 18px;
}

/* MASTER */
.bd-flow > .bd-text {
--x: 0;
--w: 12;
}
.bd-flow > .bd-notes {
--x: 0;
--w: 12;
}
.bd-flow > .bd-figure {
--x: 0;
--w: 12;
}
.bd-flow > .bd-gallery {
--x: 0;
--w: 12;
}
.bd-flow > .bd-library {
--x: 0;
--w: 12;
}
.bd-flow > .bd-link {
--x: 0;
--w: 12;
}
.bd-flow > .bd-list {
--x: 0;
--w: 12;
}
.bd-flow > .bd-embed {
--x: 0;
--w: 12;
}
.bd-flow > .bd-html {
--x: 0;
--w: 12;
}
.bd-flow > .bd-rule {
--x: 0;
--w: 12;
}
.bd-flow > .bd-ptitle {
--x: 0;
--w: 12;
}
.bd-flow > .bd-menubtn {
--x: 0;
--w: 12;
}
.bd-flow > .bd-pagerbar {
--x: 0;
--w: 12;
}
.bd-flow > .bd-el + .bd-pagerbar {
margin-top: 120px;
}
.bd-flow > .bd-posts {
--x: 0;
--w: 12;
}
.bd-flow > .bd-postinfo {
--x: 0;
--w: 12;
}
.bd-flow > .bd-quote {
--x: 0;
--w: 12;
}
.bd-flow > .bd-toggle {
--x: 0;
--w: 12;
}
.bd-flow > .bd-product {
--x: 0;
--w: 12;
}

/* COLUMNS */
.bd-main .bd-cols {
grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
column-gap: 40px;
}
.bd-cols.bd-cl-aj2hm4y8 {
grid-template-columns: minmax(0, 6fr) minmax(0, 6fr);
column-gap: 40px;
}

/* HEADER + FOOTER */
.bd-panel > .bd-pin.bd-p-f0kgkfxt {
margin-bottom: 200px;
}

/* PAGE: HEADER */

.bd-e-83zud23g .bd-mlist {
font-size: 15px;
line-height: 22px;
}
.bd-e-83zud23g .bd-mbrand {
font-size: 20px;
line-height: 22px;
}
.bd-e-83zud23g {
--mgap: 25px;
--igap: 0px;
--ggap: 20px;
--hgap: 4px;
}

/* PAGE: JOURNAL */

.bd-e-5ygn83c2 .bd-post:not(.is-featured) .bd-post-t {
font-size: 15px;
line-height: 20px;
}
.bd-e-5ygn83c2 .bd-post-m,
.bd-e-5ygn83c2 .bd-post-d {
font-size: 12px;
line-height: 15px;
}
.bd-e-5ygn83c2.bd-posts .bd-post-img img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-5ygn83c2 {
--pcols: 3;
--pgap: 50px;
--prow: 50px;
--ppad: 0px;
--pminh: 80px;
--pimg-gap: 0px;
--pmgap: 10px;
--pratio: 1;
}

/* PAGE: HOW TO DESEED A WATERMELON FOR SAFE CONSUMPTION */
.bd-flow > .bd-e-el3path8 {
--x: 0;
--w: 12;
}
.bd-e-ating08e {
font-size: 15px;
line-height: 25px;
}
.bd-e-5mxm3w9z {
padding: 20px 40px;
text-align: left;
}
.bd-e-h5achvet img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-mormdgpt img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-lnhoc0om img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-0qzra7go img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-wa12r3y2 {
padding: 20px 20px;
text-align: left;
}
.bd-e-w1w37im6 img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-eiirm6n4 {
padding: 20px 20px;
text-align: left;
}
.bd-e-gf0pgah2 img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-m8huukvm {
font-size: 15px;
line-height: 20px;
}

/* PAGE: HANDALA AND THE FREEZE POINT */
.bd-flow > .bd-e-0q8ev202 {
--x: 0;
--w: 12;
}
.bd-e-9rdic408 {
font-size: 15px;
line-height: 25px;
}
.bd-e-nqzwc44d img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-7bxmml6l {
padding: 20px 20px;
text-align: left;
}
.bd-e-8m2pnbxi {
padding: 20px 20px;
text-align: left;
}
.bd-e-upcq3ppf img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-s1rse6sd img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-pmthshbb img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-mpcgkwml img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-1i1l34qx {
padding: 20px 20px;
text-align: left;
}
.bd-e-37cykksj {
font-size: 11px;
line-height: 16px;
}

/* PAGE: MILITANT IMPROVISATION */

.bd-e-fl97b2lk {
font-size: 15px;
line-height: 25px;
}
.bd-e-em4apitx img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-i613ey3y img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-675bn26y {
padding: 20px 20px;
text-align: left;
}
.bd-e-q1thynvg img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-ag59ru3d img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-o03ntekz {
padding: 20px 20px;
text-align: left;
}
.bd-e-q38oeegp img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-lwaxrbru {
padding: 20px 20px;
text-align: left;
}
.bd-e-jvxwreue {
font-size: 11px;
line-height: 16px;
}

/* PAGE: THE BOURGEOI’RTIST */

.bd-e-tzmj17f5 {
font-size: 15px;
line-height: 25px;
}
.bd-e-rkek5l01 img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-mgesbrg0 img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-cliy287r img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-gwebyrmd img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-4dop256w {
font-size: 11px;
line-height: 16px;
}

/* PAGE: ART IN TIMES OF CRISIS */

.bd-e-302epmue {
font-size: 15px;
line-height: 25px;
}
.bd-e-7ox0uwfv img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-twrdlimk img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-sx3aj3f0 {
padding: 20px 20px;
text-align: left;
}
.bd-e-2pcvyi4c img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-q5zxltfs img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-n957q76z {
padding: 20px 20px;
text-align: left;
}
.bd-e-b36wvb3y img {
mix-blend-mode: multiply;
--bd-ink-img: 1;
}
.bd-e-hox6tjmi {
font-size: 11px;
line-height: 16px;
}

/* PAGE: LIBRARY */

.bd-e-lb31qsc3 {
--cols: 5;
--gut: 30px;
--ratio: 2 / 3;
}
.bd-e-lb31qsc3 .bd-lib-cover img {
mix-blend-mode: difference;
}
.bd-e-lb31qsc3 {
--spine: #0ec800;
--spine-w: 10px;
--lib-r: 2px;
}

/* PAGE: ABOUT */

.bd-e-cjjty14h {
--tgap: 9px;
--tind: 6px;
}

/* PAGE: SUPPLY */

.bd-e-2xkm99iq .bd-product-t {
font-size: 11px;
line-height: 18px;
}
.bd-e-2xkm99iq {
text-align: center;
}
.bd-e-pw5i8g5x .bd-product-t {
font-size: 11px;
line-height: 18px;
}
.bd-e-pw5i8g5x {
text-align: center;
}

/* LAYERS */
:root {
--ly-menu-bg: rgba(255, 255, 255, 1);
--ly-menu-blur: 0px;
--ly-menu-w: 200px;
--ly-menu-pad: 40px;
--ly-menu-gap: 4px;
--ly-about-w: 600px;
--ly-about-pad: 40px;
--ly-index-bg: rgba(235, 235, 235, 0.3);
--ly-index-blur: 10px;
--ly-sliver: 130px;
--ly-dur: 320ms;
--ly-menu-dur: 320ms;
--ly-ease: cubic-bezier(.65,0,.35,1);
--ly-tilt: 0deg;
--ly-focus: 3.5px;
}
body.bd-layered {
height: 100%;
margin: 0;
overflow: hidden;
}
.bd-ly {
position: fixed;
inset: 0;
overflow: hidden;
}
.bd-ly-sheet {
position: absolute;
--lx: 0px;
--ly: 0px;
--lr: 0deg;
transform: translate3d(var(--lx), var(--ly), 0) rotate(var(--lr));
transition: transform var(--ly-dur) var(--ly-ease), box-shadow var(--ly-dur) var(--ly-ease), filter var(--ly-dur) var(--ly-ease);
will-change: transform;
}
.bd-ly-sheet.is-moving {
--lr: var(--ly-tilt);
}
.bd-ly-index.is-moving,
.bd-ly-menu.is-moving {
box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.06);
}
.bd-ly-sheet .bd-panel {
min-height: 0;
background: transparent;
}
.bd-ly-content {
inset: 0;
z-index: 1;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
background: var(--bd-page);
}
.bd-ly:not(.is-v-post) .bd-ly-content {
filter: blur(var(--ly-focus));
}
.bd-ly-art {
display: none;
}
.bd-ly-art.is-shown {
display: block;
}
.bd-ly-art > .bd-panel {
padding-left: calc(var(--ly-menu-w) + var(--bd-wl));
}
.bd-ly-index {
top: 0;
left: var(--ly-menu-w);
width: calc(100vw - var(--ly-menu-w));
height: 200%;
z-index: 2;
background: var(--ly-index-bg);
-webkit-backdrop-filter: blur(var(--ly-index-blur));
backdrop-filter: blur(var(--ly-index-blur));
box-shadow: none;
}
.bd-ly-half {
height: 50%;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
overscroll-behavior: contain;
}
.is-h-library .bd-ly-index {
--ly: -50%;
}
.is-v-post .bd-ly-index,
.is-tucked .bd-ly-index {
--lx: calc(var(--ly-sliver) - 100vw);
}
.bd-ly-sheet.bd-ly-index {
--lfy: 0deg;
--lfx: 0deg;
--lsx: 1;
--lsy: 1;
transform: translate3d(var(--lx), var(--ly), 0) rotate(var(--lr)) perspective(2400px) rotateY(var(--lfy)) rotateX(var(--lfx)) scale(var(--lsx), var(--lsy));
transform-origin: 0 50%;
}
.bd-ly-index.is-snap {
transition: none;
}
.is-clip.is-h-journal .bd-ly-index {
clip-path: inset(-40px -40px 50% -40px);
}
.is-clip.is-h-library .bd-ly-index {
clip-path: inset(50% -40px -40px -40px);
}
.is-t-fold.is-v-post .bd-ly-index,
.is-t-fold.is-tucked .bd-ly-index {
--lx: 0px;
--lfy: 84deg;
}
.is-t-squash.is-v-post .bd-ly-index,
.is-t-squash.is-tucked .bd-ly-index {
--lx: 0px;
--lsx: var(--ly-sqx, 0.04);
}
.is-t-drop.is-v-post .bd-ly-index,
.is-t-drop.is-tucked .bd-ly-index {
--lx: 0px;
--ly: calc(50% - var(--ly-sliver));
}
.is-t-drop.is-v-post.is-h-library .bd-ly-index,
.is-t-drop.is-tucked.is-h-library .bd-ly-index {
--ly: calc(0px - var(--ly-sliver));
}
.is-t-push.is-v-post .bd-ly-index,
.is-t-push.is-tucked .bd-ly-index {
--lx: calc(100vw - var(--ly-menu-w) - var(--ly-sliver));
}
.is-t-cut .bd-ly-index {
transition: none;
}
.is-t-rise.is-v-post .bd-ly-index,
.is-t-rise.is-tucked .bd-ly-index {
--lx: 0px;
--ly: calc(-50% + var(--ly-sliver));
}
.is-t-rise.is-v-post.is-h-library .bd-ly-index,
.is-t-rise.is-tucked.is-h-library .bd-ly-index {
--ly: calc(-100% + var(--ly-sliver));
}
.is-t-unfold .bd-ly-art.is-enter {
transform-origin: 50% 0;
animation: bd-ly-unfold var(--ly-dur) var(--ly-ease) both;
}
@keyframes bd-ly-unfold {
from {
transform: perspective(1600px) rotateX(-88deg);
}
to {
transform: none;
}
}
.bd-ly-menu {
top: 0;
left: 0;
width: 100vw;
height: 100%;
z-index: 3;
--lx: calc(var(--ly-menu-w) - 100vw);
background: var(--ly-menu-bg);
-webkit-backdrop-filter: blur(var(--ly-menu-blur));
backdrop-filter: blur(var(--ly-menu-blur));
box-shadow: none;
transition-duration: var(--ly-menu-dur);
}
.is-v-about .bd-ly-menu {
--lx: 0px;
}
.bd-ly-list {
position: absolute;
top: var(--bd-wt);
right: var(--ly-menu-pad);
width: calc(var(--ly-menu-w) - var(--ly-menu-pad) - 16px);
display: flex;
flex-direction: column;
align-items: flex-start;
gap: var(--ly-menu-gap);
margin: 0;
padding: 0;
list-style: none;
}
.bd-ly-a {
display: inline-flex;
gap: 10px;
white-space: nowrap;
}
.bd-ly-mk {
visibility: hidden;
}
.bd-ly-a.is-current .bd-ly-mk {
visibility: visible;
}
.bd-ly-mark {
position: absolute;
right: var(--ly-menu-pad);
bottom: var(--bd-wt);
}
.bd-ly-about {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: var(--ly-menu-w);
overflow-y: auto;
padding: 0 var(--ly-about-pad);
}
.bd-ly-about > .bd-panel {
max-width: var(--ly-about-w);
margin: 0;
padding-left: 0;
padding-right: 0;
}
@media (prefers-reduced-motion: reduce) {
.bd-ly-sheet {
transition-duration: 1ms;
}
}

/* CUSTOM */
/* TEXT */
.bd-text a {
border-bottom: 1px solid currentColor;
}
.bd-e-lb31qsc3 {
margin-bottom: 0;
}
.bd-e-83zud23g .bd-mbrand {
font-size: 30px;
}

/* MOBILE */
@media (max-width: 760px) {
:root {
--bd-top: 0px;
--bd-wt: 20px;
--bd-wr: 20px;
--bd-wb: 30px;
--bd-wl: 20px;
--bd-pad: 20px;
--bd-cols: 6;
--bd-gap: 0px;
--bd-indent: 0px;
--bd-label: 88px;
--bd-fs: 14px;
--bd-lh: 20px;
--bd-ms: 12px;
--bd-ml: 17px;
--bd-ls: 14px;
--bd-ll: 20px;
--bd-space: 24px;
--bd-head-x: 1;
--bd-head-space: 0px;
--bd-btn-top: 22px;
--bd-menu-top: var(--bd-menu-top);
--bd-btn-side: 18px;
--bd-nav-size: var(--bd-fs);
--bd-nav-lh: var(--bd-lh);
}
.bd-panel {
width: 100%;
min-height: 100vh;
}
.bd-num {
margin-bottom: 18px;
}
.bd-burger {
right: var(--bd-btn-side);
}
.bd-burger.is-left {
left: var(--bd-btn-side);
}
.bd-menu {
top: 24px;
left: var(--bd-pad);
width: calc(100% - var(--bd-pad) * 2 - 44px);
max-height: calc(100vh - 48px);
flex-direction: column-reverse;
justify-content: flex-end;
}
.bd-menu-list {
flex: none;
width: 100%;
}
.bd-menu-title {
margin: 0 0 var(--bd-lh);
text-align: left;
}
.bd-menu.is-title-left {
flex-direction: column-reverse;
}
.bd-menu.is-title-left .bd-menu-title {
margin: 0 0 var(--bd-lh);
}
.bd-pager {
margin-top: 80px;
}
.bd-zoom {
padding: 16px;
}
.bd-site,
.bd-ts-body,
.bd-list.is-body ul {
font-size: 14px;
line-height: 20px;
}
.bd-text.is-heading,
.bd-text.is-large,
.bd-ptitle.is-heading,
.bd-ts-heading,
.bd-list.is-heading ul {
font-size: 14px;
line-height: 20px;
}
.bd-text.is-small,
.bd-ptitle.is-small,
.bd-ts-small,
.bd-list.is-small ul {
font-size: 12px;
line-height: 17px;
}
.bd-text.is-caption,
.bd-ptitle.is-caption,
.bd-ts-caption,
.bd-figure figcaption,
.bd-gi figcaption,
.bd-zoom-cap,
.bd-list.is-caption ul {
font-size: 12px;
line-height: 17px;
}
.bd-text.is-mono,
.bd-ptitle.is-mono,
.bd-ts-mono,
.bd-notes,
.bd-list.is-mono ul {
font-size: 12px;
line-height: 17px;
}
/* MASTER */
.bd-flow > .bd-text {
--x: 0;
--w: 6;
}
.bd-flow > .bd-notes {
--x: 0;
--w: 6;
}
.bd-flow > .bd-figure {
--x: 0;
--w: 6;
}
.bd-flow > .bd-gallery {
--x: 0;
--w: 6;
}
.bd-flow > .bd-library {
--x: 0;
--w: 6;
}
.bd-flow > .bd-link {
--x: 0;
--w: 6;
}
.bd-flow > .bd-list {
--x: 0;
--w: 6;
}
.bd-flow > .bd-embed {
--x: 0;
--w: 6;
}
.bd-flow > .bd-html {
--x: 0;
--w: 6;
}
.bd-flow > .bd-rule {
--x: 0;
--w: 6;
}
.bd-flow > .bd-ptitle {
--x: 0;
--w: 6;
}
.bd-flow > .bd-menubtn {
--x: 0;
--w: 6;
}
.bd-flow > .bd-pagerbar {
--x: 0;
--w: 6;
}
.bd-flow > .bd-el + .bd-pagerbar {
margin-top: 80px;
}
.bd-flow > .bd-posts {
--x: 0;
--w: 6;
}
.bd-flow > .bd-postinfo {
--x: 0;
--w: 6;
}
.bd-flow > .bd-quote {
--x: 0;
--w: 6;
}
.bd-flow > .bd-toggle {
--x: 0;
--w: 6;
}
.bd-flow > .bd-product {
--x: 0;
--w: 6;
}
/* COLUMNS */
.bd-main .bd-cols {
grid-template-columns: minmax(0, 1fr);
column-gap: 24px;
}
.bd-cols.bd-cl-aj2hm4y8 {
grid-template-columns: minmax(0, 1fr);
column-gap: 24px;
}
/* HEADER + FOOTER */
.bd-panel > .bd-pin.bd-p-f0kgkfxt {
margin-bottom: 64px;
}
/* PAGE: HEADER */

.bd-e-83zud23g .bd-mlist {
font-size: 15px;
line-height: 22px;
}
.bd-e-83zud23g .bd-mbrand {
font-size: 20px;
line-height: 22px;
}
.bd-e-83zud23g {
--mgap: 25px;
--igap: 0px;
--ggap: 20px;
}
/* PAGE: JOURNAL */

.bd-e-5ygn83c2 .bd-post:not(.is-featured) .bd-post-t {
font-size: 15px;
line-height: 20px;
}
.bd-e-5ygn83c2 .bd-post-m,
.bd-e-5ygn83c2 .bd-post-d {
font-size: 12px;
line-height: 15px;
}
.bd-e-5ygn83c2 {
--pcols: 1;
--pgap: 24px;
--prow: 24px;
--ppad: 0px;
}
/* PAGE: HOW TO DESEED A WATERMELON FOR SAFE CONSUMPTION */
.bd-flow > .bd-e-el3path8 {
--x: 0;
--w: 6;
}
.bd-e-ating08e {
font-size: 15px;
line-height: 25px;
}
.bd-e-5mxm3w9z {
padding: 28px 22px;
}
.bd-e-wa12r3y2 {
padding: 28px 22px;
}
.bd-e-eiirm6n4 {
padding: 28px 22px;
}
.bd-e-m8huukvm {
font-size: 15px;
line-height: 20px;
}
/* PAGE: HANDALA AND THE FREEZE POINT */
.bd-flow > .bd-e-0q8ev202 {
--x: 0;
--w: 6;
}
.bd-e-9rdic408 {
font-size: 15px;
line-height: 25px;
}
.bd-e-7bxmml6l {
padding: 28px 22px;
}
.bd-e-8m2pnbxi {
padding: 28px 22px;
}
.bd-e-1i1l34qx {
padding: 28px 22px;
}
.bd-e-37cykksj {
font-size: 11px;
line-height: 16px;
}
/* PAGE: MILITANT IMPROVISATION */

.bd-e-fl97b2lk {
font-size: 15px;
line-height: 25px;
}
.bd-e-675bn26y {
padding: 28px 22px;
}
.bd-e-o03ntekz {
padding: 28px 22px;
}
.bd-e-lwaxrbru {
padding: 28px 22px;
}
.bd-e-jvxwreue {
font-size: 11px;
line-height: 16px;
}
/* PAGE: THE BOURGEOI’RTIST */

.bd-e-tzmj17f5 {
font-size: 15px;
line-height: 25px;
}
.bd-e-4dop256w {
font-size: 11px;
line-height: 16px;
}
/* PAGE: ART IN TIMES OF CRISIS */

.bd-e-302epmue {
font-size: 15px;
line-height: 25px;
}
.bd-e-sx3aj3f0 {
padding: 28px 22px;
}
.bd-e-n957q76z {
padding: 28px 22px;
}
.bd-e-hox6tjmi {
font-size: 11px;
line-height: 16px;
}
/* PAGE: LIBRARY */

.bd-e-lb31qsc3 {
--cols: 2;
--gut: 15px;
}
/* PAGE: SUPPLY */

.bd-e-2xkm99iq .bd-product-t {
font-size: 11px;
line-height: 18px;
}
.bd-e-pw5i8g5x .bd-product-t {
font-size: 11px;
line-height: 18px;
}
/* LAYERS */
:root {
--ly-band: 52px;
--ly-menu-pad: 16px;
--ly-menu-gap: 14px;
--ly-about-pad: 24px;
--ly-sliver: 14px;
}
.bd-ly-art > .bd-panel {
padding-top: calc(var(--ly-band) + var(--bd-wt));
padding-left: var(--bd-wl);
}
.bd-ly-index {
top: var(--ly-band);
left: 0;
width: 100vw;
height: calc(200% - var(--ly-band) * 2);
box-shadow: none;
}
.is-v-post .bd-ly-index,
.is-tucked .bd-ly-index {
--lx: 0px;
--ly: calc(-50% + var(--ly-sliver));
}
.is-v-post.is-h-library .bd-ly-index,
.is-tucked.is-h-library .bd-ly-index {
--ly: calc(-100% + var(--ly-sliver));
}
.bd-ly-sheet.bd-ly-index {
transform-origin: 50% 0;
}
.is-h-library .bd-ly-sheet.bd-ly-index {
transform-origin: 50% 50%;
}
.is-t-fold.is-v-post .bd-ly-index,
.is-t-fold.is-tucked .bd-ly-index {
--ly: 0px;
--lfy: 0deg;
--lfx: -84deg;
}
.is-t-fold.is-v-post.is-h-library .bd-ly-index,
.is-t-fold.is-tucked.is-h-library .bd-ly-index {
--ly: -50%;
}
.is-t-squash.is-v-post .bd-ly-index,
.is-t-squash.is-tucked .bd-ly-index {
--ly: 0px;
--lsx: 1;
--lsy: var(--ly-sqy, 0.02);
}
.is-t-squash.is-v-post.is-h-library .bd-ly-index,
.is-t-squash.is-tucked.is-h-library .bd-ly-index {
--ly: -50%;
}
.is-t-push.is-v-post .bd-ly-index,
.is-t-push.is-tucked .bd-ly-index {
--lx: calc(100vw - var(--ly-sliver));
--ly: 0px;
}
.is-t-push.is-v-post.is-h-library .bd-ly-index,
.is-t-push.is-tucked.is-h-library .bd-ly-index {
--ly: -50%;
}
.bd-ly-menu {
--lx: 0px;
--ly: calc(var(--ly-band) - 100%);
box-shadow: none;
}
.is-v-about .bd-ly-menu {
--ly: 0px;
}
.bd-ly-list {
top: auto;
bottom: 0;
right: var(--ly-menu-pad);
width: auto;
height: var(--ly-band);
flex-direction: row;
align-items: center;
}
.bd-ly-mark {
top: auto;
left: var(--ly-menu-pad);
right: auto;
bottom: 0;
height: var(--ly-band);
display: flex;
align-items: center;
}
.bd-ly-about {
right: 0;
bottom: var(--ly-band);
padding: 0 var(--ly-about-pad);
}
.is-t-rise.is-v-post .bd-ly-index,
.is-t-rise.is-tucked .bd-ly-index {
--lx: 0px;
}
/* CUSTOM */
.bd-e-lb31qsc3 {
max-width: 100%!Important;
width: 100%important;
background-color: transparent;
}
}
