/* ==========================================================================
   samanthalouisemary.com — static rebuild of the Squarespace site
   Values measured from the live Squarespace template so pages lay out the same.
   ========================================================================== */

/* ---------- Fonts (self-hosted) -------------------------------------------
   Original site used Adobe Fonts: futura-pt (headings) and
   adelle-sans-ultra-thin (body). Free look-alikes are used here, sized so line
   lengths match the originals. To switch back to the Adobe fonts later, add the
   Adobe Fonts kit <link> to each page and change the two --font-* variables. */
@font-face {
  font-family: "SLM Display";
  src: url("../fonts/jost-normal-latin.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap; size-adjust: 94.5%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "SLM Display";
  src: url("../fonts/jost-normal-latin-ext.woff2") format("woff2");
  font-weight: 100 900; font-style: normal; font-display: swap; size-adjust: 94.5%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "SLM Display";
  src: url("../fonts/jost-italic-latin.woff2") format("woff2");
  font-weight: 100 900; font-style: italic; font-display: swap; size-adjust: 94.5%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "SLM Display";
  src: url("../fonts/jost-italic-latin-ext.woff2") format("woff2");
  font-weight: 100 900; font-style: italic; font-display: swap; size-adjust: 94.5%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* Body face is capped at weight 300: the original "ultra thin" font had no bold,
   so bold text was only slightly heavier than regular text. */
@font-face {
  font-family: "SLM Body";
  src: url("../fonts/ibm-plex-sans-normal-latin.woff2") format("woff2");
  font-weight: 200 300; font-style: normal; font-display: swap; size-adjust: 101.5%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "SLM Body";
  src: url("../fonts/ibm-plex-sans-normal-latin-ext.woff2") format("woff2");
  font-weight: 200 300; font-style: normal; font-display: swap; size-adjust: 101.5%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "SLM Body";
  src: url("../fonts/ibm-plex-sans-italic-latin.woff2") format("woff2");
  font-weight: 200 300; font-style: italic; font-display: swap; size-adjust: 101.5%;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: "SLM Body";
  src: url("../fonts/ibm-plex-sans-italic-latin-ext.woff2") format("woff2");
  font-weight: 200 300; font-style: italic; font-display: swap; size-adjust: 101.5%;
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
  --font-display: "SLM Display", futura-pt, Futura, "Century Gothic", sans-serif;
  --font-body: "SLM Body", adelle-sans-ultra-thin, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --text: #111;
  --heading: #19181b;
  --link: #000;
  --link-hover: #7a2a44;
  --nav: #19191a;
  --nav-hover: rgba(115, 43, 60, .98);
  --muted: #999;
  --rule: #bbb;
  --gutter: 17px;
}

/* ---------- Base ---------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  margin: 0;
  background: #fff;
  color: var(--text);
  font-family: var(--font-body);
  font-weight: 200;
  font-size: 16px;
  line-height: 1.6em;
  font-synthesis-weight: none;
  -webkit-font-smoothing: subpixel-antialiased;
}
a, a:visited { color: var(--link); text-decoration: none; }
a:hover { color: var(--link-hover); }
img { max-width: 100%; }
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-body);
  font-weight: 200;
  line-height: 1.6em;
  letter-spacing: 0;
  color: var(--heading);
  margin: 1em 0;
}
h1 { font-size: 45px; }
h2 { font-size: 36px; }
h3, h4, h5, h6 { font-size: 16px; }
h1 a, h2 a, h3 a, h4 a, h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited { color: var(--heading); }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: var(--link-hover); }
p { margin: 0 0 1em; }
ul, ol { margin: 1em 0; }
blockquote { margin: 1em 0; padding: 0 1em; border-left: 2px solid #919191; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid var(--rule); margin: 16px 0; padding: 0; }
strong, b { font-weight: 700; }
button { font: inherit; color: inherit; }

/* ---------- Header + navigation ------------------------------------------ */
#header { padding: 20px 10px; text-align: center; position: relative; z-index: 999; }
#logo { margin: 0; }
.logo {
  margin: 0;
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 400;
  font-size: 40px;
  letter-spacing: 2px;
  line-height: 1.2em;
  text-transform: capitalize;
  color: var(--heading);
}
.logo a, .logo a:visited { color: var(--heading); }
.logo-subtitle {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: 20px;
  letter-spacing: 2px;
  line-height: 1.2em;
  color: #1d1d20;
}
#topNav nav { display: inline-block; margin-top: 20px; }
#topNav ul, #mobileNav ul { list-style: none; margin: 0; padding: 0; }
#topNav nav > ul > li { display: inline-block; position: relative; vertical-align: top; }
#topNav nav > ul > li + li { margin-left: 15px; }
.main-nav a, .main-nav a:visited, .main-nav .folder-label, .main-nav .folder-toggle {
  font-family: var(--font-body);
  font-weight: 200;
  font-size: 15px;
  letter-spacing: calc(.2em + .45px);
  color: var(--nav);
}
.main-nav .active-link > a, .main-nav .active-link > a:visited { color: #121111; }
.main-nav a:hover, .main-nav .folder-label:hover { color: var(--nav-hover); }
#topNav nav > ul > li > a { line-height: 30px; display: inline-block; }
#topNav .folder-label { cursor: pointer; }
#topNav .subnav {
  position: absolute;
  top: 100%;
  left: -7.5px;
  background: #fff;
  height: 0;
  overflow: hidden;
  z-index: 999;
  text-align: left;
}
#topNav .folder:hover .subnav, #topNav .folder:focus-within .subnav { height: auto; }
#topNav .subnav ul { border: 1px solid #e6e6e6; padding: 3.75px 0; }
#topNav .subnav a { display: block; white-space: nowrap; padding: 1.875px 7.5px; line-height: normal; }

#mobileNav { max-height: 0; overflow: hidden; transition: max-height .3s; }
#mobileNav.menu-open { max-height: 999px; }
#mobileMenuLink { display: none; }

/* ---------- Page frame ---------------------------------------------------- */
#pageWrapper { display: block; padding: 0 10px; border: 0 solid #fff; border-width: 20px 0; clear: both; }
#page { max-width: 1800px; margin: 0 auto; position: relative; }
#page::after, #footer::after { content: ""; display: block; clear: both; }

/* ---------- Grid (12-column layout used by every page) -------------------- */
.layout::after, .row::after { content: ""; display: table; clear: both; }
.layout > .row { margin-left: calc(-1 * var(--gutter)); margin-right: calc(-1 * var(--gutter)); }
.col { float: left; min-height: 1px; }
.block { position: relative; padding: var(--gutter); }
.block:not(.block-html):not(.block-markdown) { clear: both; }
.block.float { clear: none; }
.block.float-left { float: left; }
.block.float-right { float: right; }
/* Squarespace's spacing rules between rows and blocks */
.row .block:not(.float):first-child { padding-top: 0; }
.row .block:not(.float):first-child:last-child { padding-bottom: 0; }
.block + .row .block:not(.float):first-child { padding-top: var(--gutter); }
.block + .row .block:not(.float):first-child:last-child { padding-bottom: var(--gutter); }
.row + .row .block:not(.float):first-child { padding-top: var(--gutter); }
.row + .row .block:not(.float):first-child:last-child { padding-bottom: var(--gutter); }
.layout > .row:first-child > .col:first-child > .block:not(:first-child):last-child,
.block + .row .block:not(.float):last-child { padding-bottom: var(--gutter); }

/* ---------- Text blocks --------------------------------------------------- */
.rte p, .rte h1, .rte h2, .rte h3, .rte h4, .rte li { white-space: pre-wrap; overflow-wrap: break-word; }
.rte li > p { margin: .5em 0; }
.block-html .rte > :first-child { margin-top: 0; }
.block-html .rte > :last-child { margin-bottom: 0; }
.block-html img { max-width: 100%; height: auto; }

.block-spacer .spacer { visibility: hidden; }

.block-hr hr { margin: 16px 0; }

/* ---------- Buttons ------------------------------------------------------- */
.btn-wrap--left { text-align: left; }
.btn-wrap--center { text-align: center; }
.btn-wrap--right { text-align: right; }
.btn, .btn:visited {
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 700;
  text-transform: uppercase;
  text-align: center;
  line-height: normal;
  color: #fff;
  background: #111113;
  border: 0;
  border-radius: 0;
  cursor: pointer;
  transition: opacity .1s linear;
}
.btn:hover { color: #fff; opacity: .8; }
.btn--small { padding: 13px 26px; font-size: 12px; letter-spacing: .14em; background: #272727; }
.btn--medium { padding: 21px 34px; font-size: 15px; letter-spacing: .08em; }
.btn--large { padding: 25px 46px; font-size: 20px; letter-spacing: .08em; background: #272727; }

/* ---------- Classic image block (image + caption) ------------------------- */
.img-inline { margin: 0 auto; }
.img-frame { position: relative; overflow: hidden; }
.img-frame img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.img-link, .img-lightbox { display: block; }
.img-lightbox { padding: 0; margin: 0; border: 0; background: none; width: 100%; cursor: zoom-in; }
.img-caption-wrap { display: block; padding-top: 18px; }
.img-caption {
  margin-top: 1em;
  font-size: .9em;
  line-height: 1.5em;
  color: rgba(17, 17, 17, .7);
}
.img-caption p { font-size: 12px; line-height: 1.68em; margin: 0 0 1em; }

/* ---------- Image block layouts: stack / card / collage / poster ---------- */
.imgx { margin: 0; position: relative; container-type: inline-size; }
.imgx-media { position: relative; }
.imgx-frame img { display: block; width: 100%; height: auto; }
.imgx-frame--ratio { position: relative; overflow: hidden; }
.imgx-frame--ratio img { position: absolute; inset: 0; width: 100%; height: 100%; }
.imgx .rte p { margin: 0 0 1em; }
.imgx .rte > p:last-child { margin-bottom: 0; }
.imgx-title p {
  font-family: var(--font-display);
  font-weight: 300;
}
.imgx-subtitle p {
  font-family: var(--font-display);
  font-weight: 400;
  letter-spacing: .01em;
}

/* stack: image on top, text underneath; text scales with the block width */
.imgx--stack .imgx-text { margin-top: 5%; color: var(--text); }
.imgx--stack .imgx-title p { font-size: calc(60 * 100cqw / 800); line-height: 1.2em; color: #bbb; }
.imgx--stack .imgx-subtitle p { font-size: calc(28 * 100cqw / 800); line-height: 1.5em; color: #000; }

/* card: image left, white text panel right */
.imgx--card { display: flex; align-items: stretch; }
.imgx--card .imgx-media { width: 49%; flex: none; }
.imgx--card .imgx-text {
  width: 49%;
  margin-left: 2%;
  background: #fff;
  color: var(--text);
  display: flex;
  align-items: center;
}
.imgx--card .imgx-card { padding: 10%; width: 100%; }
.imgx--card .imgx-title p { font-size: calc(60 * 100cqw / 1277.3); line-height: 1.1em; color: #bbb; }
.imgx--card .imgx-subtitle p { font-size: calc(24 * 100cqw / 1277.3); line-height: 1.6em; color: #000; }
.imgx--card .imgx-subtitle > p:last-child { margin-bottom: 1em; }
.imgx--card .imgx-text a { color: #bbb; }

/* collage: image left (70%), black text panel overlapping on the right */
.imgx--collage .imgx-media { width: 70%; }
.imgx--collage .imgx-text { position: absolute; top: 0; left: 50%; width: 50%; height: 100%; }
.imgx--collage .imgx-card { margin: 10% 0 0 10%; padding: 10%; background: #000; }
.imgx--collage .imgx-title p { font-size: calc(60 * 100cqw / 1428.9); line-height: 1.2em; color: #fff; }
.imgx--collage .imgx-subtitle p { font-size: calc(22 * 100cqw / 1428.9); line-height: 1.5em; color: #fff; }
.imgx--collage .imgx-text a { color: #999; }

/* poster: cropped banner image, text centred on top */
.imgx--poster .imgx-text {
  position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; text-align: center;
}
.imgx--poster.imgx--has-text .imgx-media::after { content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, .19); }

/* ---------- Galleries ----------------------------------------------------- */
.gallery-item { margin: 0; }
.gallery-item img { display: block; width: 100%; height: auto; }
.gallery-image, .gallery-item > a { display: block; margin: 0 0 1px; line-height: 1px; }
.gallery-item .meta { margin-bottom: 60px; }
.gallery-item .meta-title { margin: 0; font-size: 16px; }
.gallery-item .meta-description p { margin: 0 0 1em; }

.slideshow-stage {
  position: relative;
  aspect-ratio: 1178 / 760;
  background: rgba(175, 175, 175, .1);
  overflow: hidden;
}
.slideshow .slide {
  position: absolute; inset: 0;
  opacity: 0; visibility: hidden;
  transition: opacity .6s ease, visibility 0s linear .6s;
}
.slideshow .slide.is-active { opacity: 1; visibility: visible; transition: opacity .6s ease; }
.slideshow .slide img { width: 100%; height: 100%; display: block; object-fit: contain; }
.slideshow-arrow {
  position: absolute; top: 50%; margin-top: -30px;
  width: 44px; height: 60px;
  border: 0; padding: 0; cursor: pointer;
  background: rgba(0, 0, 0, .12);
  color: #fff;
  z-index: 2;
}
.slideshow-arrow:hover { background: rgba(0, 0, 0, .25); }
.slideshow-arrow::before {
  content: ""; position: absolute; top: 50%; left: 50%;
  width: 10px; height: 10px; margin: -5px 0 0 -3px;
  border: solid #fff; border-width: 1px 1px 0 0;
  transform: rotate(45deg);
}
.slideshow-prev { left: 0; }
.slideshow-prev::before { transform: rotate(-135deg); margin-left: -7px; }
.slideshow-next { right: 0; }
.slideshow-thumbs { margin-top: 19px; padding: 5px 0; overflow: hidden; }
.slideshow-thumbs-track { display: flex; transition: transform .4s ease; }
.slideshow .thumb {
  flex: none; height: 85px; padding: 0; border: 0; margin: 0; background: none; cursor: pointer;
  opacity: .5; transition: opacity .2s;
}
.slideshow .thumb.is-active, .slideshow .thumb:hover { opacity: 1; }
.slideshow .thumb img { display: block; height: 85px; width: auto; max-width: none; }

/* ---------- Contact form -------------------------------------------------- */
.contact-form { line-height: normal; }
.contact-form fieldset { margin: 0; padding: 0; border: 0; min-width: 0; }
.contact-form legend { padding: 0; line-height: 19px; }
.contact-form .form-item { margin: 0 0 32px; }
.contact-form fieldset.form-item { margin: 0; }
.contact-form .title { display: block; font-size: 1em; padding-bottom: 4px; line-height: 20px; }
.contact-form legend.title { padding-bottom: 0; }
.contact-form .name-row { display: flex; gap: 10px; }
.contact-form .name-row .field { flex: 1; min-width: 0; margin: 0 0 32px; }
.contact-form .field label { display: block; font-size: .8em; line-height: 20px; }
.contact-form .required { font-size: 12px; opacity: .7; padding-left: .2em; }
.contact-form input[type=text], .contact-form input[type=email], .contact-form textarea {
  display: block;
  width: 100%;
  padding: 10px;
  margin: 0;
  border: 1px solid #a9a9a9;
  border-radius: 0;
  background: #fafafa;
  color: #000;
  font-family: sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  box-shadow: none;
}
.contact-form input:focus, .contact-form textarea:focus { background: #fff; }
.contact-form textarea { height: 100px; min-height: 100px; resize: vertical; }
.contact-form .hp { position: absolute; left: -9999px; }
.contact-form .form-button-wrapper { text-align: center; }
.btn--form {
  padding: 16px 40px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  letter-spacing: 1px;
  background: #272727;
}
.form-status { text-align: center; margin: 1em 0 0; min-height: 1.6em; line-height: 1.6em; }
.form-status:empty { display: none; }

/* ---------- Blog ---------------------------------------------------------- */
.blog article header .entry-title { margin: 0 0 5px; font-size: 45px; }
.blog .entry-info, .blog .entry-info a, .blog .entry-info a:visited { color: var(--muted); }
.blog .entry-info a:hover { color: var(--link-hover); }
.blog header .entry-info { font-size: 16px; line-height: 1.6em; }
.blog .entry-content { margin: 16px 0; }
/* the original's (empty) like/share bar: 10px gap + 28px tall */
.blog .entry-footer::after { content: ""; display: block; height: 28px; margin-top: 10px; }
.post-divider { margin-top: 40px; padding-top: 40px; }
.pagination { margin-top: 50px; }
.pagination--item::after { content: ""; display: block; clear: both; }
.pagination .next-item { float: right; text-align: right; }
.active-filter { font-weight: 400; }
.tag-filter .active-filter-label::before { content: "Articles tagged "; font-weight: 200; }

/* ---------- Footer -------------------------------------------------------- */
#footer { padding: 20px 10px; overflow: hidden; }
#canvas { padding-bottom: 25px; }
#footer > .layout { margin-right: -20px; } /* original footer grid ran 20px wider than the page */
#footer .back-to-top { display: none; text-align: center; }
.social-links { clear: both; font-size: 0; line-height: 0; }
.social-link { display: inline-block; position: relative; width: 30px; height: 30px; margin: 0 10px 0 0; overflow: hidden; }
.social-link svg { position: absolute; left: -15px; top: -15px; width: 60px; height: 60px; fill: #000; transition: fill .1s; }
.social-link:hover svg { fill: rgba(0, 0, 0, .4); }
/* the small "Admin" link at the very bottom (leads to the admin login page, /admin/) */
.footer-admin {
  clear: both; margin-top: 10px; text-align: right;
  font-family: var(--font-display); font-weight: 400; font-size: 11px; line-height: 1.6em;
  letter-spacing: .2em; text-transform: uppercase;
}
.footer-admin a, .footer-admin a:visited { color: var(--muted); }
.footer-admin a:hover, .footer-admin a:focus-visible { color: #555; }

/* ---------- Lightbox ------------------------------------------------------ */
.lightbox {
  position: fixed; inset: 0; z-index: 10000;
  background: rgba(0, 0, 0, .9);
  display: flex; align-items: center; justify-content: center;
  padding: 40px; cursor: zoom-out;
}
.lightbox[hidden] { display: none; }
.lightbox img { max-width: 100%; max-height: 100%; object-fit: contain; }
.lightbox-close {
  position: absolute; top: 10px; right: 16px;
  font-size: 40px; line-height: 1; color: #fff; background: none; border: 0; cursor: pointer;
}

/* ---------- Mobile (matches Squarespace's 800px breakpoint) --------------- */
@media only screen and (max-width: 800px) {
  #mobileMenuLink { display: block; background: #000; text-align: center; padding: 5px 15px; }
  #mobileMenuLink button {
    display: block; width: 100%; padding: 0; border: 0; background: none; cursor: pointer;
    color: #fff; font-family: var(--font-body); font-weight: 400; font-size: 14px; line-height: 25.6px;
    letter-spacing: .2em; text-transform: uppercase;
  }
  #mobileNav .main-nav ul { padding: 1.5em 0; }
  #mobileNav .main-nav .subnav ul { padding: 3.75px 0; }
  #mobileNav li { display: block; text-align: center; }
  #mobileNav a, #mobileNav .folder-toggle {
    display: block; width: 100%; font-size: 16px; line-height: 1.2em; padding: .7em;
    background: none; border: 0; cursor: pointer; text-align: center;
  }
  #mobileNav .folder-toggle::before { content: "+ "; }
  #mobileNav .folder.folder-open .folder-toggle::before { content: "- "; }
  #mobileNav .subnav { max-height: 0; overflow: hidden; transition: max-height .3s; }
  #mobileNav .folder.folder-open .subnav { max-height: 999px; }
  #mobileNav .subnav ul { background: #f7f7f7; }

  #header { padding: 30px 20px 0; }
  #topNav { display: none; }
  .logo { font-size: 22px; }
  #pageWrapper { padding: 30px 20px; border-width: 0; }
  #footer { padding: 30px 20px; text-align: center; }
  #footer .back-to-top { display: block; }
  .footer-admin { text-align: center; font-size: 10px; }

  .col { float: none !important; width: auto !important; }
  .block.float { float: none; width: auto !important; }
  .block-spacer { display: none; }
  .block { padding-top: 0 !important; }
  .row .block:first-child { padding-top: var(--gutter) !important; }
  .row .block:last-child { padding-bottom: var(--gutter) !important; }

  .imgx--card { display: block; }
  .imgx--card .imgx-media { width: 100%; }
  .imgx--card .imgx-text { width: 100%; margin: 10% 0 0; }
  .imgx--card .imgx-card { padding: 10%; }
  .imgx--card .imgx-title p { font-size: calc(60 * 100cqw / 626); }
  .imgx--card .imgx-subtitle p { font-size: calc(24 * 100cqw / 626); }
  .imgx--collage .imgx-media { width: 90%; }
  .imgx--collage .imgx-text { position: static; width: 100%; height: auto; }
  .imgx--collage .imgx-card { position: relative; margin: -20% 0 0 10%; padding: 9%; }
  .imgx--collage .imgx-title p { font-size: calc(60 * 100cqw / 714.4); }
  .imgx--collage .imgx-subtitle p { font-size: calc(22 * 100cqw / 714.4); }

  .gallery-item .meta-title { font-size: 8px; }
  .tinytext { font-size: 10px; }
  .slideshow-arrow { display: none; }
}

@media (prefers-reduced-motion: reduce) {
  .slideshow .slide, .slideshow-thumbs-track, #mobileNav, #mobileNav .subnav { transition: none; }
}