body { background-color: rgb(255, 255, 255); color: rgb(0, 0, 0); }
a:active { opacity: 0.7; }
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: 0px; padding: 0px; }
ul, ol { margin: 0px; padding: 0px 0px 0px 2em; }
blockquote { margin: 0px; padding: 0px 0px 0px 2em; }
hr { background: rgba(255, 255, 255, 0.2); border: 0px; height: 1px; display: block; }
.content img { float: none; margin-bottom: 0px; }
.gallery_image_caption { margin: 0.8rem -3rem 0.5rem; font-size: 1.2rem; font-weight: bold; color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-style: normal; line-height: 1.3; text-shadow: rgb(0, 0, 0) 1px 1px 3px; }
.loading[data-loading] { position: fixed; bottom: 8px; left: 8px; }
[data-predefined-style="true"] bodycopy { font-size: 1.8rem; font-weight: 400; color: rgb(255, 255, 255); font-family: "D-DIN Condensed", Icons; font-style: normal; line-height: 1.2; }
[data-predefined-style="true"] bodycopy a { color: transparent; padding-bottom: 0.1em; border-bottom: 0em solid rgba(127, 127, 127, 0.2); text-decoration: none; }
[data-predefined-style="true"] bodycopy a:hover { }
bodycopy a.image-link, bodycopy a.icon-link, bodycopy a.image-link:hover, bodycopy a.icon-link:hover { border-bottom: 0px; padding-bottom: 0px; }
[data-predefined-style="true"] h1 { font-family: "D-DIN Condensed", Icons; padding: 0px; margin: 0px; font-size: 2rem; line-height: 1; color: rgb(255, 255, 255); letter-spacing: 0.075rem; font-style: normal; font-weight: 700; }
[data-predefined-style="true"] h1 a { color: transparent; }
[data-predefined-style="true"] h2 { font-family: Basteleur, Icons; padding: 0px; margin: 0px; color: rgb(255, 255, 255); font-size: 2.3rem; line-height: 1; font-style: normal; font-weight: 700; }
[data-predefined-style="true"] h2 a { color: transparent; }
[data-predefined-style="true"] small { display: inline-block; font-size: 1.6rem; line-height: 1.4; font-family: "D-DIN Condensed", Icons; font-style: normal; font-weight: 700; color: rgb(255, 255, 255); }
[data-predefined-style="true"] small a { color: rgba(255, 255, 255, 0.85); border-bottom-width: 0em; }
[data-css-preset] .page { background-color: initial; }
.mobile .page, [data-css-preset].mobile .page { position: relative; min-height: 10px; max-width: 100%; width: 100%; background-color: transparent; }
[data-css-preset] .container { margin-left: auto; margin-right: auto; text-align: left; }
[data-css-preset] body { background-color: rgb(26, 26, 26); }
[data-css-preset] .container_width { width: 100%; }
[data-css-preset] .content_padding { padding: 0rem; }
[data-css-preset] text-limit { display: inline-block; max-width: 66rem; }
div[thumbnails] { justify-content: flex-start; }
[data-css-preset] .thumbnails { background-color: rgba(0, 0, 0, 0); }
[data-css-preset] .thumbnails_width { width: 100%; }
[data-css-preset] [thumbnails-pad] { padding: 0rem; }
[data-css-preset] [thumbnails-gutter] { margin: 0rem; }
[data-css-preset] [responsive-layout] [thumbnails-pad] { padding: 0rem; }
[data-css-preset] [responsive-layout] [thumbnails-gutter] { margin: 0rem; }
.thumbnails .thumb_image { outline: rgba(0, 0, 0, 0.12) solid 0px; outline-offset: -1px; }
.thumbnails .title { margin-top: 1.2rem; margin-bottom: 0.3rem; font-weight: 400; color: rgba(255, 255, 255, 0.85); font-family: "D-DIN Condensed", sans-serif; font-style: normal; line-height: 1.1; }
.thumbnails .tags { margin-top: 1.2rem; margin-bottom: 0.5rem; font-size: 1.5rem; color: rgba(255, 255, 255, 0.85); font-family: "D-DIN Condensed", Icons; font-style: normal; line-height: 1.2; font-weight: 400; }
.thumbnails .tags a { border-bottom: 0px; color: rgba(255, 255, 255, 0.85); text-decoration: none; }
.thumbnails .has_title .tags { margin-top: 0rem; }
[data-css-preset] #site_menu_button { color: rgba(255, 255, 255, 0.75); font-size: 32px; padding: 4px; line-height: 1; background: rgba(0, 0, 0, 0); position: fixed; top: 1rem; right: 3rem; }
body.mobile #site_menu_button { margin: -3px; font-size: 38px; }
#site_menu_button.custom_icon { width: 55px; height: auto; }
#site_menu_button.active { display: none; }
#site_menu { font-family: "D-DIN Condensed", Icons; background: rgba(0, 0, 0, 0.79); font-size: 40px; font-style: normal; font-weight: 400; padding: 30px 30px 90px; 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: 0.7; }
#site_menu a.active { opacity: 0.4; }
#site_menu .close { display: none; color: rgb(255, 0, 80); line-height: 0.85em; font-size: 55px; }
body.mobile #site_menu .close { display: block; font-size: 50px; line-height: 1em; }
#site_menu .break { height: 28px; }
#site_menu .indent { margin-left: 30px; }
[data-css-preset] #shop_button { color: rgba(255, 255, 255, 0.85); background: transparent; font-size: 32px; font-style: normal; font-weight: 400; line-height: 1; position: fixed; padding: 6px; top: 0.5rem; right: 0.5rem; }
#shop_button.text { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-size: 1.5rem; padding: 0px; font-weight: 400; color: rgba(255, 255, 255, 0.85); }
#shop_button.custom_icon { width: 40px; height: auto; }
body.mobile #shop_button:not(.text) { margin: -6px; font-size: 36px; }
.shop_product { width: 100%; max-width: 22rem; position: relative; display: inline-block; }
.shop_product .price { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-size: 1.5rem; line-height: 1; color: rgba(255, 255, 255, 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.5rem; display: inline-block; width: 100%; border: 1px solid rgba(0, 0, 0, 0); background: url("https://static.cargo.site/assets/images/select-line-arrows.svg") right center no-repeat white; margin-bottom: 1rem; line-height: 1.2; padding: 0.7rem 2.5rem 0.8rem 1rem; }
.shop_product .button { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-size: 1.5rem; background: rgba(255, 255, 255, 0.3); color: rgb(255, 255, 255); flex: 0 0 50%; text-align: left; display: inline-block; line-height: 1; padding: 0.8rem 1rem 0.9rem; }
.content img.image-zoom:active { opacity: 0.7; }
[data-css-preset] .quick-view { padding: 0rem; height: 100%; width: 100%; }
body.mobile .quick-view { width: 100%; height: 100%; margin: 0px; }
[data-css-preset] .quick-view-background { background: rgb(0, 0, 0); }
.quick-view-caption { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif Bold", Icons; transition: opacity 100ms ease-in-out; position: absolute; bottom: 0px; left: 0px; right: 0px; margin: 2rem 0px; text-align: center; font-size: 1.2rem; font-style: normal; font-weight: 700; }
.quick-view-caption span { padding: 0.5rem 1rem; display: inline-block; background: rgba(0, 0, 0, 0.5); color: white; }
.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; display: none; }
.quick-view-navigation .left-arrow .inner-color, .quick-view-navigation .right-arrow .inner-color { stroke: rgb(255, 255, 255); stroke-width: 1.5px; }
.quick-view-navigation .left-arrow .outer-color, .quick-view-navigation .right-arrow .outer-color { stroke: rgba(0, 0, 0, 0.6); stroke-width: 2.5px; }
.quick-view-navigation .close-button { top: 10px; right: 10px; width: 36px; height: 36px; display: none; }
.quick-view-navigation .close-button .inner-color { stroke: rgb(255, 255, 255); stroke-width: 1.5px; }
.quick-view-navigation .close-button .outer-color { stroke: rgba(0, 0, 0, 0.6); stroke-width: 2.5px; }
.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: rgb(255, 255, 255); stroke-width: 1.5px; }
.image-gallery-navigation .left-arrow .outer-color, .image-gallery-navigation .right-arrow .outer-color { stroke: rgba(0, 0, 0, 0.6); stroke-width: 2.5px; }
.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: rgb(255, 255, 255); stroke-width: 1.5px; }
.wallpaper-navigation .left-arrow .outer-color, .wallpaper-navigation .right-arrow .outer-color { stroke: rgba(0, 0, 0, 0.6); stroke-width: 2.5px; }
.feed .content_container .page { border-top: 0px dashed rgba(0, 0, 0, 0.2); }
.feed .content_container .page_container:first-child .page { border-top: 0px; }
.audio-player { max-width: 36rem; height: 3.3rem; outline: rgba(255, 255, 255, 0.2) solid 1px; color: rgba(255, 255, 255, 0.6); background: rgba(0, 0, 0, 0.4); font-size: 1.2rem; line-height: 1.3; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons; font-style: normal; font-weight: 400; text-align: left; margin: 1px 1px 1em; }
body.mobile .audio-player { max-width: 100%; }
.audio-player .separator { width: 1px; background-color: rgba(255, 255, 255, 0.2); }
.audio-player .button { background: transparent; cursor: pointer; fill: rgba(255, 255, 255, 0.85); }
.audio-player .icon { fill: rgba(255, 255, 255, 0.75); padding: 30%; width: 100%; margin: auto; }
.audio-player .buffer { background: rgba(255, 255, 255, 0.05); }
.audio-player .progress { background: rgba(255, 255, 255, 0.09); }
.audio-player .progress-indicator { border: 1px solid rgba(255, 255, 255, 0.7); width: 1px; height: 100%; right: 0px; position: absolute; cursor: ew-resize; }
.audio-player .note-icon { height: 100%; width: 3.8rem; padding: 1rem; fill: rgba(255, 255, 255, 0.6); }
.audio-player .current-time { padding-left: 1rem; }
.audio-player .total-time { padding-right: 1rem; }
img[data-caption="#eye"] { height: 2.25rem !important; width: 2.25rem !important; }
[data-css-preset] .container { text-align: center; }

/* Ben & Julia : cadre desktop centré et bandes latérales noires. */
@media (min-width: 1024px) {
  [data-css-preset] body:not(.mobile) { background-color: #000; }
  body:not(.mobile) .main_container {
    position: relative;
    width: 94%;
    max-width: 160vh;
    margin-left: auto;
    margin-right: auto;
    background-color: #1a1a1a;
  }
  body:not(.mobile) [local-style="27497474"] img {
    width: 12vh !important;
    min-width: 120px;
    max-width: 180px;
    height: auto !important;
  }
}


/* Ben & Julia : logo compact dans le coin sur mobile uniquement. */
body.mobile [local-style="27497474"] .content_padding {
  padding: 12px 0 0 12px !important;
}
body.mobile [local-style="27497474"] img {
  width: 120px !important;
  min-width: 0 !important;
  max-width: 120px !important;
  height: auto !important;
}