/* Caption container: flexbox for left + right */
.image-gallery .image-caption {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  font-size: 0.8rem;   /* slightly smaller than 1em */
  font-weight: 400;
  line-height: 1.3;
}

/* Left stays as-is */

/* Right-side meta */
.image-gallery .image-caption .meta {
  font-size: 0.7em;   /* 70% of left title */
  opacity: 0.6;       /* 60% opacity */
  text-align: right;
  white-space: nowrap; /* prevents wrapping */
  margin-left: auto;   /* pushes to far right */
}

/* --- Always show images --- */
[grid-col] img {
  opacity: 1 !important;
  transform: none !important;
}

/* Stagger timing: .3s between each */
[grid-col] img.revealed:nth-of-type(1)  { animation-delay: 0s; }
[grid-col] img.revealed:nth-of-type(2)  { animation-delay: .3s; }
[grid-col] img.revealed:nth-of-type(3)  { animation-delay: .6s; }
[grid-col] img.revealed:nth-of-type(4)  { animation-delay: .9s; }
[grid-col] img.revealed:nth-of-type(5)  { animation-delay: 1.2s; }
[grid-col] img.revealed:nth-of-type(6)  { animation-delay: 1.5s; }
[grid-col] img.revealed:nth-of-type(7)  { animation-delay: 1.8s; }
[grid-col] img.revealed:nth-of-type(8)  { animation-delay: 2.1s; }
[grid-col] img.revealed:nth-of-type(9)  { animation-delay: 2.4s; }
[grid-col] img.revealed:nth-of-type(10) { animation-delay: 2.7s; }
[grid-col] img.revealed:nth-of-type(11) { animation-delay: 3.0s; }
[grid-col] img.revealed:nth-of-type(12) { animation-delay: 3.3s; }
[grid-col] img.revealed:nth-of-type(13) { animation-delay: 3.6s; }
[grid-col] img.revealed:nth-of-type(14) { animation-delay: 3.9s; }
[grid-col] img.revealed:nth-of-type(15) { animation-delay: 4.2s; }

#toolset { display: none; }

body { background-color: #fff; color: #000; }
a:active { opacity: 0.7; }
.page a.active { opacity: .4; }
i, em { font-style: italic; }
b, strong { font-weight: bolder; }
sub, sup { position: relative; vertical-align: baseline; }
sub { top: 0.3em; }
sup { top: -0.4em; }
s { text-decoration: line-through; }
img { border: 0; padding: 0; }
ul, ol { margin: 0; padding: 0 0 0 4em; }
blockquote { margin: 0; padding: 0 0 0 2em; }
hr { background: rgba(0, 0, 0, 0.4); border: 0; height: 1px; display: block; }
.content img { float: none; margin-bottom: .5em; }

.gallery_image_caption {
  margin-top: 0.8rem;
  margin-bottom: 0.5rem;
  margin-left: 0.0rem;
  font-size: 0.8rem;
  font-weight: 00;
  letter-spacing: 0.02rem;
  color: rgba(0, 0, 0, 0.84);
  font-family: "Biotif", Icons;
  line-height: 1.2; 
  display: flex;
  position: absolute;
  font-variation-settings: 'slnt' 0;
}

/* Loading Animation */
.loading[data-loading] { position: fixed; bottom: 8px; left: 8px; }

/* Editor styles */
[data-predefined-style="true"] bodycopy {
  font-size: 1rem;
  font-weight: 350;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Favorit Variable", Icons;
  font-style: normal;
  line-height: 1.3;
  letter-spacing: .1rem;
  font-variation-settings: 'slnt' 0;
}
[data-predefined-style="true"] bodycopy a {
  color: rgba(0, 0, 0, 0.85);
  padding-bottom: 0.1em;
  border-bottom: 0.0em solid rgba(127, 127, 127, 0.2);
  text-decoration: none;
}
bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover { border-bottom: 0; padding-bottom: 0; }

[data-predefined-style="true"] h1 {
  font-family: "Biotif", Icons;
  padding: 0; margin: 0;
  font-size: 2rem;
  letter-spacing: -0.5px;
  line-height: 1;
  color: rgb(1, 1, 1);
  font-style: normal; font-weight: 400;
  font-variation-settings: 'slnt' 0, 'MONO' 0;
}
[data-predefined-style="true"] h1 a { color: rgb(0, 0, 0); }

[data-predefined-style="true"] h2 {
  font-family: "Biotif", Icons;
  font-style: bold;
  letter-spacing: -.005em;
  padding: 0; margin: 0;
  color: rgba(0, 0, 0, 0.85);
  font-size: 1.5rem; line-height: 1;
  font-variation-settings: 'slnt' 0;
}
[data-predefined-style="true"] h2 a { color: rgba(0, 0, 0, 0.85); }

[data-predefined-style="true"] small {
  display: inline-block;
  font-size: 1rem;
  line-height: 1.2;
  font-family: "Biotif", Icons;
  letter-spacing: 0.02rem;
  font-style: normal; font-weight: 450;
  color: rgba(0, 0, 0, 0.85);
  font-variation-settings: 'slnt' 0;
}
[data-predefined-style="true"] small a { color: rgba(0, 0, 0, 1); border-bottom-width: 0em; }

/* Breakpoints */
[data-css-preset] .page { background-color: initial /*!page_bgcolor*/; }
.mobile .page, [data-css-preset].mobile .page {
  position: relative; min-height: 10px; max-width: 100%; width: 100%;
  background-color: transparent /*!page_bgcolor*/;
}
[data-css-preset] .container { margin-left: 0 /*!content_left*/; margin-right: auto /*!content_left*/; text-align: left /*!text_left*/; }
[data-css-preset] body { background-color: rgb(255, 255, 255) /*!body_bgcolor*/; }
[data-css-preset] .container_width { width: 100%/*!content_left*/; }
[data-css-preset] .content_padding {
  padding-top: 1.7rem /*!main_margin*/;
  padding-bottom: 1.7rem /*!main_margin*/;
  padding-left: 1.7rem /*!main_margin*/;
  padding-right: 1.7rem /*!main_margin*/;
}

/* Thumbnails */
div[thumbnails] { justify-content: flex-start; }
[data-css-preset] .thumbnails { background-color: transparent/*!thumbnails_bgcolor*/; }
[data-css-preset] .thumbnails_width { width: 75%/*!thumbnails_width*/; }
[data-css-preset] [thumbnails-pad] { padding: 0.85rem/*!thumbnails_padding*/; }
[data-css-preset] [thumbnails-gutter] { margin: -1.7rem/*!thumbnails_padding*/; }
[data-css-preset] [responsive-layout] [thumbnails-pad] { padding: 0.425rem/*!responsive_thumbnails_padding*/; }
[data-css-preset] [responsive-layout] [thumbnails-gutter] { margin: -0.85rem/*!responsive_thumbnails_padding*/; }

.thumbnails .thumb_image { outline: 0px solid rgba(0,0,0,.12); outline-offset: -1px; }
.thumbnails .title {
  margin-top: 1.2rem;
  margin-bottom: 0.4rem;
  font-size: 1.6rem; font-weight: 400;
  color: rgba(0, 0, 0, 0.85);
  font-family: "Biotif", Icons; font-style: normal; line-height: 1.3;
}
.thumbnails .tags {
  margin-top: 1.2rem; margin-bottom: 0.5rem;
  font-size: 1.3rem; font-weight: 500;
  color: rgba(0, 0, 0, 0.85);
  font-family: Diatype, Icons; font-style: normal; line-height: 1.2;
}
.thumbnails .tags a { border-bottom: 0; color: rgba(0, 0, 0, 0.85); text-decoration: none; }
.thumbnails .has_title .tags { margin-top: 0rem; }

/* Site Menu Button */
[data-css-preset] #site_menu_button {
  color: rgba(0, 0, 0, 0.75);
  line-height: 1; font-size: 28px /*!site_menu_button*/;
  padding: 6px; background: rgba(33, 32, 46, 0);
  position: fixed; top: 2rem /*!site_menu_button*/; right: 2rem /*!site_menu_button*/;
}
body.mobile #site_menu_button { margin: -6px; font-size: 34px; }
#site_menu_button.custom_icon { width: 40px; height: auto; }
#site_menu_button.active { display: none; }

/* Site Menu */
#site_menu {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  background: rgba(20, 20, 20, 0.95);
  font-size: 20px; font-style: normal; font-weight: 400;
  padding: 20px 30px 90px 30px; max-width: 400px; min-width: 300px;
  text-align: left; display: flex; justify-content: flex-start;
}
body.mobile #site_menu { width: 100%; }
#site_menu .page-link a { color: rgba(255, 255, 255, 0.75); }
#site_menu .set-link > a { color: rgba(255, 255, 255, 0.75); font-weight: bold; }
#site_menu a:active { opacity: .7; }
#site_menu a.active { opacity: .4; }
#site_menu .close { display: none; color: rgba(255, 255, 255, 0.4); line-height: .85em; font-size: 45px; }
body.mobile #site_menu .close { display: block; font-size: 50px; line-height: 1em; }
#site_menu .break { height: 28px; }
#site_menu .indent { margin-left: 28px; }

/* Shop Button */
[data-css-preset] #shop_button {
  color: rgba(0, 0, 0, 0.85); background: transparent;
  font-size: 32px; font-style: normal; font-weight: 400; line-height: 1;
  position: fixed; padding: 6px; top: 2rem /*!shop_button*/; right: 2rem /*!shop_button*/;
}
#shop_button.text {
  font-family: "Monument Grotesk Mono", Icons;
  font-size: 2rem; padding: 0; font-weight: 400; color: rgba(0, 0, 0, 0.85);
}
#shop_button.custom_icon { width: 40px; height: auto; }
body.mobile #shop_button:not(.text) { margin: -6px; font-size: 36px; }

/* Shop Product Widget */
.shop_product { width: 100%; max-width: 22rem; position: relative; display: block; }
.shop_product .price {
  font-family: "Monument Grotesk Mono", Icons;
  font-size: 1.6rem; line-height: 1;
  color: rgba(0, 0, 0, 0.85); display: block; margin-bottom: 1rem;
}
.shop_product .dropdown {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
  font-size: 1.4rem; display: inline-block; width: 100%;
  border: 1px solid rgba(0,0,0,.2);
  background: white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
  margin-bottom: 1rem; line-height: 1.2; padding: .7rem 2.5rem .8rem 1rem;
  font-style: normal; font-weight: 400;
}
.shop_product .button {
  font-family: "Monument Grotesk Mono", Icons;
  font-size: 1.4rem; background: rgba(0, 0, 0, 0.7); color: #fff;
  flex: 0 0 50%; text-align: left; display: inline-block; line-height: 1; padding: .8rem 1rem;
}

/* Image Zoom */
.content img.image-zoom:active { opacity: .7; }

/* Quick View */
[data-predefined-style="true"] .quick-view {
  padding: 2.5rem; height: 100% /*!quick_view_height*/; width: 100% /*!quick_view_width*/;
}
body.mobile .quick-view { width: 100%; height: 100%; margin: 0; }
[data-predefined-style="true"] .quick-view-background { background: rgba(0, 0, 0, 0.8) /*!quick_view_bgcolor*/; }
.quick-view-caption {
  font-family: Diatype, Icons; transition: 100ms opacity ease-in-out;
  position: absolute; bottom: 0; left: 0; right: 0; margin: 3.5rem 0; text-align: center;
  font-size: 1.4rem; font-style: normal; font-weight: 500; line-height: 1.3;
}
.quick-view-caption span { padding: 0.5rem 1rem; display: inline-block; background: rgba(0, 0, 0, 0.85); color: white; }

/* Quick View Navigation */
.quick-view-navigation .left-arrow { left: 10px; }
.quick-view-navigation .right-arrow { right: 10px; }
.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow { height: 36px; width: 36px; }
.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color { stroke: #fff; stroke-width: 0px; }
.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color { stroke: rgba(0, 0, 0, 0.85); stroke-width: 2px; }
.quick-view-navigation .close-button { top: 10px; right: 10px; width: 36px; height: 36px; }
.quick-view-navigation .close-button .inner-color { stroke: #fff; stroke-width: 0px; }
.quick-view-navigation .close-button .outer-color { stroke: rgba(0, 0, 0, 0.85); stroke-width: 2px; }

/* Image Gallery Navigation Arrows */
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow { height: 36px; width: 36px; }
.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color { stroke: #fff; stroke-width: 2px; }
.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color { stroke: rgba(0, 0, 0, 0.6); stroke-width: 3px; }

/* Wallpaper Backdrop Navigation Arrows */
.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow { width: 36px; height: 36px; }
.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color { stroke: #fff; stroke-width: 2px; }
.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color { stroke: rgba(0, 0, 0, 0.85); stroke-width: 3px; }

/* Feed */
.feed .content_container .page { border-top: 0px dashed rgba(0, 0, 0, 0.2); }
.feed .content_container .page_container:first-child .page { border-top: 0; }

/* Audio Player */
.audio-player {
  max-width: 36rem; height: 3.3rem; outline: 1px solid rgba(0,0,0,0.15);
  color: rgba(0, 0, 0, 0.85); background: #fff;
  font-size: 1.4rem; line-height: 1.3; font-family: "Monument Grotesk Mono", Icons;
  font-style: normal; font-weight: 400; text-align: left; margin: 1px 1px 1em 1px;
}
body.mobile .audio-player { max-width: 100%; }
.audio-player .separator { width: 1px; background-color: rgba(0,0,0,0.15); }
.audio-player .button { background: transparent; cursor: pointer; fill: rgba(0, 0, 0, 0.85); }
.audio-player .icon { fill: rgba(0, 0, 0, 0.85); padding: 30%; width: 100%; margin: auto; }
.audio-player .buffer { background: rgba(0,0,0,0.03); }
.audio-player .progress { background: rgba(0,0,0,0.1); }
.audio-player .progress-indicator {
  border: 1px solid rgba(0, 0, 0, 0.7); width: 1px; height: 100%;
  right: 0; position: absolute; cursor: ew-resize;
}
.audio-player .note-icon { height: 100%; width: 3.8rem; padding: 1rem; fill: rgba(0, 0, 0, 0.85); }
.audio-player .current-time { padding-left: 1rem; }
.audio-player .total-time { padding-right: 1rem; }

/* Fonts */
@font-face { font-family: 'Aktifo'; font-weight: normal; font-style: normal; src: url('https://files.cargocollective.com/c380764/Aktifo-B-Book.woff') format('woff'); }
@font-face { font-family: 'Aktifo'; font-weight: bold;   font-style: normal; src: url('https://files.cargocollective.com/c380764/Aktifo-B-SemiBold.woff') format('woff'); }
@font-face { font-family: 'Biotif'; font-weight: normal; font-style: normal; src: url('https://files.cargocollective.com/c380764/Biotif-Regular.woff') format('woff'); }
@font-face { font-family: 'Biotif'; font-weight: bold;   font-style: normal; src: url('https://files.cargocollective.com/c380764/Biotif-Medium.woff') format('woff'); }
@font-face { font-family: 'Biotif'; font-weight: normal; font-style: italic; src: url('https://files.cargocollective.com/c380764/Biotif-RegularItalic.woff') format('woff'); }
@font-face { font-family: 'Biotif'; font-weight: bold;   font-style: italic; src: url('https://files.cargocollective.com/c380764/Biotif-MediumItalic.woff') format('woff'); }

/* Local styles */
[local-style="28981747"] .page{ min-height: 60vh!important; background-color: initial /*!page_bgcolor*/; }
[local-style="28977984"] .page{ min-height: 60vh!important; background-color: initial /*!page_bgcolor*/; }
[local-style="28980844"] .page{ min-height: 60vh!important; background-color: initial /*!page_bgcolor*/; }
[local-style="29002545"] .page{ min-height: 60vh!important; background-color: initial /*!page_bgcolor*/; }
[local-style="29186056"] .page{ min-height: 60vh!important; background-color: initial /*!page_bgcolor*/; }
[local-style="28977987"] .page{ min-height: 60vh!important; background-color: initial /*!page_bgcolor*/; }

/* ---- FIX: Cargo caption layout (left title + right meta) ---- */
.image-gallery .gallery_image_caption,
.image-gallery .image-caption {
  position: static !important;          /* undo any absolute rules */
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
  width: 100%;
  font-size: 1em;                        /* keep title at normal size */
  font-weight: 400;
}

/* right-side label */
.image-gallery .gallery_image_caption .meta,
.image-gallery .image-caption .meta {
  margin-left: auto;
  font-size: 0.7em;                      /* 70% of title size */
  opacity: 0.6;                          /* 60% opacity */
  text-align: right;
  white-space: nowrap;
}

/* ensure a space before the meta even if none in caption text */
.image-gallery .gallery_image_caption .meta::before,
.image-gallery .image-caption .meta::before {
  content: " ";
}

/* === FINAL OVERRIDE: caption size + left/right layout === */
.image-gallery { --caption-size: 0.85rem; }  /* try 0.9rem or 0.85rem if still big */

.image-gallery .gallery_image_caption{
  position: static !important;                 /* undo any absolute rules */
  display: flex !important;
  justify-content: space-between !important;   /* title left, meta right */
  align-items: baseline !important;
  width: 100%;
  font-size: var(--caption-size) !important;   /* LEFT title size */
  line-height: 1.25 !important;
  font-weight: 400 !important;
  margin-top: .6rem !important;
}

.image-gallery .gallery_image_caption .meta{
  margin-left: auto !important;
  font-size: 0.7em !important;                 /* 70% of left title */
  opacity: 0.6 !important;                     /* 60% opacity */
  text-align: right !important;
  white-space: nowrap !important;
}

/* ensure a space even if none in the caption string */
.image-gallery .gallery_image_caption .meta::before{
  content: " ";
}

/* optional: slightly smaller on small screens */
@media (max-width: 640px){
  .image-gallery { --caption-size: 0.9rem; }
}