/**
 * Content
 */

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 3em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(136, 136, 136, 0.42);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: .5em;
    vertical-align: bottom;
}

.gallery_image_caption {
    margin-top: .8rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: "TeX Gyre Heros Condensed", Icons;
	font-style: normal;
	line-height: 1.3;
    letter-spacing: 0.07rem;
}

/**
 * Loading Animation
 */

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 2rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.65);
	font-family: "TeX Gyre Heros Condensed", Icons;
	font-style: normal;
	line-height: 1.3;
    letter-spacing: 0.07rem;
}

[data-predefined-style="true"] bodycopy a {
	color: #f00;
	padding-bottom: 0.05em;
	border-bottom: 0 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: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "DM Mono", Icons;
	padding: 0;
	margin: 0;
	font-size: 7.7rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
	font-style: normal;
	font-weight: 500;
	}

[data-predefined-style="true"] h1 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] h2 {
	font-family: "DM Mono", Icons;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 2.9rem;
	line-height: 1.1;
	font-style: normal;
	font-weight: 300;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
	font-size: 2rem;
	line-height: 1.3;
	font-family: "TeX Gyre Heros Condensed", Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.65);
	letter-spacing: 0.07rem;
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 0.65);
	border-bottom-width: 0;
}

/**
 * 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: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: left /*!text_left*/;
}

[data-css-preset] body {
	background-color: #fff /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 3rem /*!main_margin*/;
	padding-bottom: 3rem /*!main_margin*/;
	padding-left: 3rem /*!main_margin*/;
	padding-right: 3rem /*!main_margin*/;
}


[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: rgba(0, 0, 0, 0)/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 1.65rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -3.3rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 1.225rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -2.45rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0 solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.2rem;
    margin-bottom: 4.0rem;
    font-size: 2.0rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.64);
	font-family: "TeX Gyre Heros Condensed", Icons;
	font-style: normal;
	line-height: 1.3;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: "TeX Gyre Heros Condensed", Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: #f20fc5;
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 1.75rem /*!site_menu_button*/;
	right: 1.75rem /*!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.45);
    background: transparent;
	font-size: 32px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 1.5rem /*!shop_button*/;
	right: 3rem /*!shop_button*/;
}

#shop_button.text {
    font-family: "TeX Gyre Heros Condensed", Icons;
	font-size: 1.5rem;
    padding: 0;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.45);
	font-style: normal;
    letter-spacing: 0.07rem;
}

#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: "TeX Gyre Heros Condensed", Icons;
	font-size: 1.5rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.65);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .dropdown {
    font-family: "TeX Gyre Heros Condensed", Icons;
    font-size: 1.5rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 10rem;
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .8rem 2.6rem .9rem 1rem;
	font-style: normal;
	font-weight: 400;
    color: rgba(0,0,0,.75)
}

.shop_product .button {
    font-family: "TeX Gyre Heros Condensed", Icons;
	font-size: 1.5rem;
    background: rgba(0, 0, 0, 0.65);
    border-radius: 10rem;
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: .9;
    padding: .8rem 1rem .9rem;
	font-style: normal;
	font-weight: 400;
}

/*
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(0, 0, 0, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: "TeX Gyre Heros Condensed", 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.5rem;
	font-style: normal;
	font-weight: 400;
    line-height: 1.5;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    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 {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    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;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    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 Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    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 Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    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
 */

.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.75);
    background: #fff;
    font-size: 1.5rem;
    line-height: 1.3;
    font-family: "TeX Gyre Heros Condensed", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
    letter-spacing: 0.07rem;
}

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.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}


/* Shirog Brush & Print draft — added after Cargo's native stylesheet. */
body{background:#fafbf8;color:#292a27}
.shirog-page,.shirog-header,.shirog-footer{font-family:Arial,Helvetica,sans-serif!important;color:#292a27;font-size:16px;line-height:1.65;letter-spacing:0}
.shirog-page{max-width:1400px;margin:0 auto;padding:44px 0 70px}
.shirog-page h1{font:400 clamp(42px,5.2vw,76px)/1.06 Arial,Helvetica,sans-serif!important;letter-spacing:-2.6px!important;color:#292a27!important;margin:18px 0 24px!important}
.shirog-page h2{font:400 25px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:-.65px!important;color:#292a27!important;margin:22px 0 8px!important}
.shirog-page p{font:400 16px/1.75 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;color:#656660;margin:0 0 24px}
.shirog-page small{font:400 12px/1.65 Arial,Helvetica,sans-serif!important;letter-spacing:0!important;color:#656660}
.shirog-page .shirog-eyebrow{font-size:11px!important;letter-spacing:1.5px!important;text-transform:uppercase}
.shirog-page a,.shirog-header a,.shirog-footer a{font-family:inherit!important;color:inherit!important;text-decoration:none;border-bottom:0}
.shirog-page a:hover,.shirog-header a:hover,.shirog-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.shirog-page a:focus-visible,.shirog-header a:focus-visible{outline:2px solid #656660;outline-offset:5px}
.shirog-page img{max-width:100%;max-height:680px;object-fit:contain}
.shirog-subnav{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:13px;padding:20px 0 25px;border-bottom:1px solid #d9dad3;margin-bottom:25px}
.shirog-page [grid-row]{align-items:start}
.shirog-home h1 span{color:#7c8075}
.shirog-entrance{display:block}
.shirog-entrance img{width:100%!important;height:430px!important;object-fit:contain;background:#edf0e7;padding:25px;box-sizing:border-box}
.shirog-entrance.shio-wear img{background:#f5e8de;object-fit:cover;padding:0}
.shirog-home .shirog-entrance h2{font-size:36px!important;margin-top:18px!important}
.shirog-collection-tile img{width:100%!important;height:330px!important;object-fit:contain;background:#f0f1eb;padding:18px;box-sizing:border-box}
.shirog-section-rule{border-top:1px solid #d9dad3;padding-top:45px;margin-top:55px}
.shirog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;border-bottom:1px solid #d9dad3;background:#fafbf8}
.shirog-header .shirog-wordmark{font-size:38px!important;line-height:1!important;font-weight:700!important;letter-spacing:-2.7px!important;text-transform:none!important}
.shirog-header nav{display:flex;gap:25px;align-items:center;font-size:14px!important}
.shirog-header details{position:relative}.shirog-header summary{cursor:pointer;list-style:none;white-space:nowrap}.shirog-header summary::-webkit-details-marker{display:none}.shirog-header summary:after{content:'⌄';margin-left:6px;font-size:11px}
.shirog-header .shirog-dropdown{position:absolute;z-index:50;top:100%;left:0;padding:12px;min-width:170px;background:#fafbf8;border:1px solid #d9dad3;box-shadow:0 8px 18px #0000000a}
.shirog-dropdown a{display:block;padding:9px 12px;white-space:nowrap;font-size:13px!important}
.shirog-footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid #d9dad3;padding:30px 0;margin-top:30px;font-size:12px}
@media(max-width:700px){.shirog-page{padding:30px 0 45px}.shirog-page h1{font-size:44px!important;letter-spacing:-1.8px!important}.shirog-page h2{font-size:23px!important}.shirog-page p{font-size:14px!important}.shirog-subnav{gap:8px 20px;font-size:12px}.shirog-header{flex-wrap:wrap;padding:18px 0}.shirog-header nav{gap:17px;font-size:12px!important;flex-wrap:wrap}.shirog-header .shirog-wordmark{font-size:34px!important}.shirog-entrance img{height:330px!important}.shirog-collection-tile img{height:290px!important}.shirog-home .shirog-entrance h2{font-size:30px!important}}

/* Cargo 2 layout refinements */
.page[data-id="38683682"],.page[data-id="38683683"],[data-view="Thumbnail"],#site_menu_button{display:none!important}
.pinned{height:auto!important;position:relative!important;top:auto!important;bottom:auto!important}
.page_container{position:relative!important;display:block!important;top:auto!important;bottom:auto!important;padding-top:0!important;width:100%!important;min-height:0!important;pointer-events:auto!important}
.page.container{width:100%!important;max-width:none!important;margin:0!important;background:#fafbf8!important;min-height:0!important;left:auto!important;right:auto!important}
bodycopy.bodycopy{padding:0 6vw!important;background:#fafbf8!important;min-height:0!important}
.shirog-page [grid-row]{display:flex!important;flex-wrap:wrap!important;gap:40px!important;margin:0!important;width:100%!important}
.shirog-page [grid-col]{width:calc(50% - 20px)!important;flex:none!important;padding:0!important;margin:0!important}
.shirog-page img{width:100%;height:auto;display:block}
.shirog-page .shirog-eyebrow{font-family:Arial,Helvetica,sans-serif!important}
.shirog-header details.shirog-dropdown{position:relative;top:auto;left:auto;padding:0;min-width:0;border:0;box-shadow:none}
.shirog-header details.shirog-dropdown>div{position:absolute;z-index:100;top:100%;left:0;min-width:180px;background:#fafbf8;border:1px solid #d9dad3;padding:10px;box-shadow:0 8px 18px #0000000a}
.shirog-header nav>a{white-space:nowrap}
.shirog-footer{margin-top:0}
@media(max-width:700px){.page_container.exclude_mobile{display:block!important}.shirog-page [grid-col]{width:100%!important}.shirog-page [grid-row]{gap:30px!important}.shirog-header{gap:18px}.shirog-header nav{width:100%;justify-content:space-between;gap:10px}.shirog-entrance img{height:310px!important}}

/* Retire the old previous/next arrows in this draft. */
.page[data-id="38683698"]{display:none!important}

/* Consistent thumbnail crops. Original image files and quick-view images are unchanged. */
.shirog-page .shirog-entrance img,
.shirog-page .shirog-collection-tile img,
.shirog-page [grid-col] img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 4 / 5 !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center !important;
  padding: 0 !important;
  background: transparent !important;
  border-radius: 0 !important;
}

.shirog-page img { display: block; width: 100% !important; height: auto !important; aspect-ratio: 4 / 5; object-fit: cover; }
.shirog-page .shirog-gallery { align-items: start; }
.shirog-page .shirog-subnav { display: flex; flex-wrap: wrap; gap: .6em 1.4em; margin: 1.5em 0 2.5em; }
.shirog-page [grid-col] { min-width: 0; }

.shirog-page img{aspect-ratio:4 / 5!important;max-height:none!important;object-fit:cover!important}
.shirog-page a.shirog-source-unavailable{display:none!important}
.shirog-alternate-bio{max-width:760px;margin:0 auto}.shirog-alternate-bio [grid-col]{width:100%!important}
.shirog-header details.shirog-dropdown>div{max-height:65vh;overflow-y:auto}