/**
 * 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 1em;
}

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

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

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

.gallery_image_caption {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	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;	
}

/**
 * Loading Animation
 */

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

/**
 * Editor styles
 */

[data-predefined-style="true"] bodycopy {
	font-size: 1.1rem;
	color: rgba(105, 105, 105, 0.65);
	font-family: "Monument Grotesk Variable", Icons;
	line-height: 1;
	font-style: normal;
	font-weight: 768;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

[data-predefined-style="true"] bodycopy a {
	color: rgb(122, 122, 122);
	padding-bottom: 0.1em;
	border-bottom: 0.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: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	font-family: "Monument Grotesk Variable", Icons;
	font-style: normal;
	font-weight: 768;
	padding: 0;
	margin: 0;
	font-size: 1rem;
	line-height: 1;
	color: rgba(180, 180, 180, 0.65);
	font-variation-settings: 'slnt' 0, 'MONO' 0;
	}

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

[data-predefined-style="true"] h2 {
	font-family: "Arial Black", Arial, sans-serif, "Arial Black", Icons;
	font-style: normal;
	font-weight: 900;
	padding: 0;
	margin: 0;
	color: rgba(119, 119, 119, 0.85);
	font-size: 2.5rem;
	line-height: 1.2;
	}

[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: Stanley, Icons;
	font-style: normal;
	font-weight: 400;
	color: rgba(167, 167, 167, 0.65);
}

[data-predefined-style="true"] small a {
	color: rgb(169, 145, 145);
	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: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: rgb(0, 0, 0) /*!body_bgcolor*/;
}

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

[data-css-preset] .content_padding {
	padding-top: 0.1rem /*!main_margin*/;
	padding-bottom: 0.1rem /*!main_margin*/;
	padding-left: 0.1rem /*!main_margin*/;
	padding-right: 0.1rem /*!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: #000/*!thumbnails_bgcolor*/;   
}

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

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

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

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

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

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

.thumbnails .title {
    margin-top: 0.5rem;
    margin-bottom: .2
      rem;
    font-size: 1.1rem;
	font-weight: 768;
	color: rgba(180, 180, 180, 0.65);
	font-family: "Monument Grotesk Variable", Icons;
	font-style: normal;
	line-height: 1.2;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}
 .body.mobile .title  {
    margin-top: 1.1rem;
    margin-bottom: .2
      rem;
    font-size: 4rem;
	font-weight: 700;
	color: rgba(180, 180, 180, 0.65);
	font-family: "Monument Grotesk Variable", Icons;
	font-style: normal;
	line-height: 1.1;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	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.2;
}

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

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

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(190, 186, 186, 0.65);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
    top: 3rem /*!site_menu_button*/;
	left: 3rem /*!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: "Monument Grotesk Variable", Icons;
	background: rgba(18, 18, 18, 0.95);
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: flex-start;
	font-variation-settings: 'slnt' 0, 'MONO' 0;
}

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: .7;
}

#site_menu .close {
	display: none;
	color: rgba(255, 252, 252, 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", 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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
	font-size: 2rem;
	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-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 2.5rem .7rem 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.4rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255,255,255,1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem .9rem;
}

/*
 * Image Zoom
 */

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

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 4.8rem /*!quick_view_padding*/;
    padding-bottom: 4.8rem /*!quick_view_padding*/;
    padding-left: 4.8rem /*!quick_view_padding*/;
    padding-right: 4.8rem /*!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.85) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Open Sans","Helvetica Neue",sans-serif;
    font-weight: 400;
    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;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(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: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * 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.6);
    background: #fff;
    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 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.5);
}

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

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

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

[data-css-preset] .container {
	margin-left: 0 /*!content_left*/;
	margin-right: auto /*!content_left*/;
}

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

/* === REDESIGN 2026 · start === */
:root{--ink:#f3f1ec;--ink-2:rgba(243,241,236,.66);--ink-3:rgba(243,241,236,.4);--line:rgba(243,241,236,.16);--mg:"Monument Grotesk Variable",Icons}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#2b2b2b #000}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
::selection{background:#f3f1ec;color:#000}

/* header */
.page_container:first-child bodycopy h1{font-family:var(--mg)!important;font-weight:500!important;font-size:10px!important;line-height:2!important;letter-spacing:.28em!important;text-transform:uppercase!important;color:var(--ink-3)!important;text-align:center!important;font-variation-settings:'slnt' 0,'MONO' 1!important}
.page_container:first-child bodycopy h1::first-line{font-size:15px;font-weight:700;letter-spacing:.36em;color:var(--ink);font-variation-settings:'slnt' 0,'MONO' 0}

/* menu button */
#site_menu_button{top:24px!important;left:28px!important;width:auto!important;height:auto!important;font-size:0!important;line-height:1!important;padding:12px 14px 12px 0!important;opacity:1!important;z-index:2147483000!important;mix-blend-mode:normal}
#site_menu_button{position:fixed!important}
#site_menu_button{mix-blend-mode:difference}
#site_menu_button::before{display:none!important}
#site_menu_button::after{content:"Menu";display:block;font:500 11px/1 var(--mg);font-variation-settings:'slnt' 0,'MONO' 1;letter-spacing:.28em;text-transform:uppercase;color:var(--ink);transition:opacity .25s}
#site_menu_button:hover::after{opacity:.55}
#site_menu_button.active::after{content:"Close"}

/* menu panel */
#site_menu{counter-reset:sec;width:min(440px,100vw)!important;padding:96px 36px 120px 30px!important;background:rgba(5,5,5,.965)!important;border-right:1px solid var(--line);font-family:var(--mg)!important}
#site_menu .break{display:none!important}
#site_menu a{font-family:var(--mg)!important;font-size:12.5px!important;line-height:1.35!important;letter-spacing:.07em!important;text-transform:uppercase!important;font-weight:500!important;color:var(--ink-2)!important;transition:color .2s,transform .3s ease}
#site_menu .page-link a{display:inline-block;padding:5px 0}
#site_menu .page-link a:hover{color:#fff!important;transform:translateX(6px)}
#site_menu .page-link a.active{color:#fff!important}
#site_menu .indent{margin-left:0!important;padding-left:30px}
#site_menu .set-link{counter-increment:sec}
#site_menu .set-link>a{display:block!important;font-size:10px!important;letter-spacing:.32em!important;font-weight:600!important;color:var(--ink-3)!important;padding:48px 0 14px!important;margin-bottom:12px;border-bottom:1px solid var(--line);font-variation-settings:'slnt' 0,'MONO' 1!important}
#site_menu .set-link>a::before{content:counter(sec,decimal-leading-zero) "\00a0\00a0";opacity:.7}
#site_menu .close{position:fixed!important;top:24px!important;left:28px!important;right:auto!important;width:auto!important;height:auto!important;font-size:0!important;line-height:1!important;padding:12px 14px 12px 0!important;background:none!important;border:0!important;opacity:1!important;z-index:5;cursor:pointer}
#site_menu .close::before{display:none!important}
#site_menu .close::after{content:"Close";display:block;font:500 11px/1 var(--mg);font-variation-settings:'slnt' 0,'MONO' 1;letter-spacing:.28em;text-transform:uppercase;color:var(--ink)}
#site_menu .close:hover{opacity:.55!important}

/* feed captions */
.thumbnails .content{counter-reset:work}
.thumbnails .thumbnail{counter-increment:work}
.thumbnails .thumbnail .title{display:flex!important;gap:1.2em;align-items:baseline;justify-content:flex-start;text-align:left!important;margin:16px 0 0!important;font-family:var(--mg)!important;font-weight:500!important;font-size:11px!important;line-height:1.35!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--ink-2)!important;font-variation-settings:'slnt' 0,'MONO' 0!important;transition:color .3s}
.thumbnails .thumbnail .title::before{content:counter(work,decimal-leading-zero);color:var(--ink-3);font-variation-settings:'slnt' 0,'MONO' 1}
.thumbnails a.image-link:hover .title{color:#fff!important}
@media (hover:hover){
.thumbnails .thumbnail .thumb_image{position:relative;transition:transform .6s cubic-bezier(.2,.7,.2,1),box-shadow .6s ease}
.thumbnails .thumbnail:hover .thumb_image{transform:scale(1.045);z-index:3;box-shadow:0 22px 60px rgba(0,0,0,.7)}
}

/* footer */
.page_container.overlay bodycopy,.page_container.overlay bodycopy a{font-family:var(--mg)!important;font-size:10px!important;line-height:2!important;letter-spacing:.22em!important;text-transform:uppercase!important;color:var(--ink-3)!important;font-variation-settings:'slnt' 0,'MONO' 1!important}

/* mobile */
body.mobile #site_menu_button{top:14px!important;left:18px!important}
body.mobile #site_menu .close{top:14px!important;left:18px!important}
body.mobile #site_menu{width:100vw!important;padding:84px 24px 100px!important;border-right:0}
body.mobile #site_menu a{font-size:14px!important}
body.mobile #site_menu .page-link a{padding:8px 0}
body.mobile .page_container:first-child bodycopy h1{font-size:9px!important}
body.mobile .page_container:first-child bodycopy h1::first-line{font-size:12.5px;letter-spacing:.3em}
body.mobile .thumbnails .thumbnail .title{font-size:9.5px!important;letter-spacing:.12em!important;margin-top:12px!important;padding-left:10px}
/* === REDESIGN 2026 · end === */


/* === STAGE2 2026 · start === */
.thumbnails .thumbnail.is-hidden,body.is-filtered .thumbnails .thumbnail.has_title.is-hidden{display:none!important}
.cat-nav{position:sticky;top:0;z-index:5;display:flex;justify-content:center;flex-wrap:wrap;gap:14px clamp(20px,3.4vw,56px);padding:30px 24px 22px;margin:0 0 30px;background:linear-gradient(#000 72%,rgba(0,0,0,0))}
.cat-nav button{all:unset;box-sizing:border-box;cursor:pointer;font:500 11px/1 var(--mg);font-variation-settings:'slnt' 0,'MONO' 1;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-3);padding:8px 0;border-bottom:1px solid transparent;transition:color .25s,border-color .25s}
.cat-nav button sup{font-size:8px;letter-spacing:.1em;margin-left:.8em;vertical-align:top;opacity:.7}
.cat-nav button:hover{color:var(--ink)}
.cat-nav button.on{color:var(--ink);border-bottom-color:var(--ink)}
@keyframes cmIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body.mobile .cat-nav{position:static;padding:18px 16px 14px;gap:12px 20px;margin-bottom:18px}
body.mobile .cat-nav button{font-size:10px;letter-spacing:.2em}
#site_menu .page-link,#site_menu .set-link,#site_menu .indent,#site_menu .break{display:none!important}
#site_menu .cm{counter-reset:sec}
#site_menu .cm-sec{counter-increment:sec;display:flex;justify-content:space-between;align-items:baseline;margin:46px 0 12px;padding-bottom:13px;border-bottom:1px solid var(--line);font:500 10px/1 var(--mg);font-variation-settings:'slnt' 0,'MONO' 1;letter-spacing:.32em;text-transform:uppercase;color:var(--ink)}
#site_menu .cm-sec:first-child{margin-top:0}
#site_menu .cm-t::before{content:counter(sec,decimal-leading-zero) "\00a0\00a0";opacity:.7}
#site_menu .cm-sec em{font-style:normal;color:var(--ink-3);letter-spacing:.1em}
#site_menu .cm-link{display:block!important;padding:7px 0!important;font-size:12px!important;line-height:1.35!important;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-2);transition:color .2s,transform .25s}
#site_menu .cm-link:hover{color:#fff!important;transform:translateX(6px)}
#site_menu .cm-link i{margin-left:.9em;font-style:normal;font-size:9px;letter-spacing:.14em;color:var(--ink-3);white-space:nowrap}
#site_menu .cm-home{margin-bottom:6px}
.page_container bodycopy{font-family:var(--mg)!important;font-size:12px!important;line-height:1.65!important;letter-spacing:.03em!important}
.page_container bodycopy span,.page_container bodycopy b,.page_container bodycopy i,.page_container bodycopy a{font-family:var(--mg)!important;font-size:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
.page_container bodycopy b,.page_container bodycopy strong{font-weight:600!important}
.page_container bodycopy a{text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:.28em!important;text-decoration-color:rgba(243,241,236,.35)!important}
body:not(.is-home) .page_container bodycopy h1{font-family:var(--mg)!important;font-size:15px!important;letter-spacing:.3em!important;text-transform:uppercase!important;font-weight:600!important}
.page_container bodycopy h2{font-family:var(--mg)!important;font-size:10px!important;letter-spacing:.3em!important;text-transform:uppercase!important;font-weight:500!important;font-variation-settings:'slnt' 0,'MONO' 1!important}
body.is-filtered .thumbnails .thumbnail.has_title.is-hidden{display:none!important}
#site_menu .cm-link{white-space:normal!important;overflow:visible!important;text-overflow:clip!important;max-width:100%}
#site_menu .cm-link i{white-space:nowrap}
body.mobile .cat-nav{display:grid;grid-template-columns:1fr 1fr;justify-items:center;gap:12px 8px}
body.mobile #site_menu .cm-link{font-size:13px!important}
.page_container bodycopy,.page_container bodycopy span,.page_container bodycopy b,.page_container bodycopy i,.page_container bodycopy a{color:rgba(243,241,236,.82)!important}
.cm-back{all:unset;box-sizing:border-box;position:fixed;top:20px;left:24px;z-index:2147483000;cursor:pointer;padding:11px 16px 11px 14px;background:#f3f1ec;color:#000;font:600 11px/1 var(--mg);font-variation-settings:'slnt' 0,'MONO' 1;letter-spacing:.24em;text-transform:uppercase;transition:background .2s,transform .2s}
.cm-back::before{content:"\2190\00a0\00a0"}
.cm-back:hover{background:#fff;transform:translateX(-3px)}
body.mobile .cm-back{top:14px;left:12px;padding:10px 13px 10px 11px;font-size:10px}
#site_menu_button{left:auto!important;right:28px!important;padding:12px 0 12px 14px!important}
#site_menu .close{left:auto!important;right:28px!important}
#site_menu{left:auto!important;right:0!important;border-right:0!important;border-left:1px solid var(--line)}
body.mobile #site_menu_button{left:auto!important;right:16px!important}
body.mobile #site_menu .close{right:16px!important}
#site_menu .cm-sec[data-cat]{cursor:pointer;transition:opacity .2s}
#site_menu .cm-sec[data-cat]:hover{opacity:.6}
#site_menu .cm-all{counter-increment:none}
#site_menu .cm-all .cm-t::before{content:none}
body:not(.homepage) .cat-nav{display:none!important}
.thumbnails .thumbnail .title::after{content:attr(data-c);margin-left:auto;padding-left:1.2em;color:var(--ink-3);font-size:9px;letter-spacing:.2em;font-variation-settings:'slnt' 0,'MONO' 1;white-space:nowrap}
body.homepage .thumbnails [grid-row]{--u:27vw;display:flex!important;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(36px,5vw,84px) clamp(16px,2.4vw,40px);padding:0 clamp(20px,4vw,72px)!important}
body.homepage .thumbnails .thumbnail.has_title{flex:0 0 auto;width:var(--u)!important;width:calc(sqrt(var(--ar,1.5))*var(--u))!important;max-width:100%;margin:0!important;float:none!important;min-width:0}
body.homepage .thumbnails .thumbnail.has_title>a.image-link{display:block;width:100%}
body.homepage .thumbnails .thumb_image{height:auto!important;padding:0!important;background:none}
body.homepage .thumbnails .thumb_image img{width:100%!important;height:auto!important;display:block}
@media(max-width:1100px){body.homepage .thumbnails [grid-row]{--u:42vw}}
body.mobile.homepage .thumbnails [grid-row]{--u:43vw;gap:30px 10px;padding:0 10px!important}
/* === STAGE2 2026 · end === */

/* === POSTS 2026 · start === */
body:not(.homepage) .page_container:not(.overlay) bodycopy{padding:clamp(92px,14vh,150px) clamp(20px,4vw,72px) 110px!important}
body:not(.homepage) .page_content>h1:first-of-type{font-family:var(--mg)!important;font-weight:700!important;font-size:clamp(34px,7vw,112px)!important;line-height:.92!important;letter-spacing:-.03em!important;text-transform:uppercase!important;text-align:left!important;color:var(--ink)!important;margin:0 0 clamp(14px,2vw,28px)!important}
body:not(.homepage) .page_content>h1:first-of-type+h2{font-family:var(--mg)!important;font-weight:500!important;font-size:10px!important;line-height:1.9!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:var(--ink-3)!important;text-align:left!important;margin:0 0 clamp(36px,6vw,88px)!important;max-width:64ch;font-variation-settings:'slnt' 0,'MONO' 1!important}
body:not(.homepage) .page_content>div:not(.image-gallery){max-width:min(100%,620px);margin:clamp(40px,6vw,96px) 0 0 auto!important;text-align:left!important;font-size:14px!important;line-height:1.75!important;color:rgba(243,241,236,.74)!important}
body:not(.homepage) .page_content iframe{display:block;width:100%!important;height:auto!important;aspect-ratio:16/9;max-width:100%}
body:not(.homepage) .page_content small{display:block;font:500 10px/1.9 var(--mg)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--ink-3)!important;text-align:left!important;font-variation-settings:'slnt' 0,'MONO' 1!important}
body:not(.homepage) .page_content>h1:first-of-type::first-line{font-size:inherit!important;font-weight:inherit!important;letter-spacing:inherit!important;color:inherit!important;font-variation-settings:inherit!important}
body:not(.homepage) .page_content>div:not(.image-gallery),body:not(.homepage) .page_content>div:not(.image-gallery) span{font-weight:400!important}
body:not(.homepage) .page_content>div:not(.image-gallery) b,body:not(.homepage) .page_content>div:not(.image-gallery) strong{font-weight:600!important;color:var(--ink)!important}
body:not(.homepage) .page_content>h1:first-of-type{font-variation-settings:'slnt' 0,'MONO' 0!important}
/* === POSTS 2026 · end === */

/* === MOBILE 2026 · start === */
body:not(.homepage) .thumbnails,body:not(.homepage) .cat-nav{display:none!important}
html body .cm-back{background:rgba(0,0,0,.42)!important;color:#fff!important;-webkit-backdrop-filter:blur(10px) saturate(1.2);backdrop-filter:blur(10px) saturate(1.2);box-shadow:0 6px 28px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.14)!important;text-shadow:0 1px 6px rgba(0,0,0,.7)}
html body .cm-back:hover{background:rgba(0,0,0,.6)!important}
@media (max-width:768px){
html body:not(.homepage) .page_content>h1:first-of-type{font-size:clamp(44px,14vw,84px)!important;line-height:.9!important;overflow-wrap:anywhere}
html body:not(.homepage) .page_content>h1:first-of-type+h2{font-size:11px!important}
html body.mobile.homepage .thumbnails [grid-row]{--u:76vw!important;gap:46px 10px!important}
}
@media (max-width:768px){
html body .cat-nav{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:20px 26px!important;padding:26px 16px 20px!important}
html body .cat-nav button{margin:0!important;white-space:nowrap}
}
body.homepage .page_container:first-child bodycopy h1{cursor:pointer}
@media (max-width:768px){
/* footer: in flow, compact, no overlap */
html body .pinned_bottom{position:relative!important;height:auto!important;margin-top:0!important}
html body .content_container .page_container:not(.overlay) .bodycopy{padding-bottom:44px!important}
html body .pinned_bottom .page_container{position:relative!important;inset:auto!important;height:auto!important;min-height:0!important;transform:none!important;pointer-events:auto!important}
html body .pinned_bottom .page_background{display:none!important}
html body .pinned_bottom .page_content{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;align-items:center!important;gap:16px 16px!important;padding:28px 20px 34px!important;text-align:center!important;border-top:1px solid rgba(255,255,255,.12)!important;font-size:9px!important;line-height:1.6!important;letter-spacing:.14em!important}
html body .pinned_bottom .page_content br{display:none!important}
html body .pinned_bottom .page_content a{flex:0 0 auto!important;font-size:15px!important;line-height:1!important;margin:0!important;padding:0!important;letter-spacing:0!important}
}
/* === MOBILE 2026 · end === */

/* FILTER-AS-ALL */
body.is-filtered .thumbnails .thumbnail.has_title{animation:cmIn .55s both}


/* === GALLERY 2026 · start === */
body:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 6vh;
  width: 100% !important;
  max-width: none !important;
  margin: 8vh 0 0 !important;
  padding: 0 !important;
}
body:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) .gallery_card {
  flex: none !important;
  width: min(100%, calc((100vh - 64px) * var(--ar, 0.8))) !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  float: none !important;
  position: relative !important;
}
body:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) .gallery_card_image {
  width: 100% !important;
}
@media (max-width: 768px) {
  body:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) .gallery_card {
    width: min(100%, calc((100vh - 110px) * var(--ar, 0.8))) !important;
  }
}
body:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) > div:not(.gallery_card) {
  display: contents !important;
}
body:not(.homepage) .image-gallery.cm-hide {
  display: none !important;
}
body:not(.homepage) .page_content > div.cm-sfeed {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  gap: 6vh;
  width: 100% !important;
  max-width: none !important;
  margin: 8vh 0 0 !important;
  padding: 0 !important;
}
body:not(.homepage) .cm-sfeed img {
  display: block;
  width: min(100%, calc((100vh - 64px) * var(--ar, 0.8))) !important;
  height: auto !important;
  aspect-ratio: var(--ar, 0.8);
  max-width: 100%;
}
@media (min-width: 769px) {
  body:not(.homepage) .image-gallery.cm-jg.cm-long:not(.slick-slider):not(.slide) {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 12px;
  }
  body:not(.homepage) .image-gallery.cm-jg.cm-long:not(.slick-slider):not(.slide) .gallery_card {
    width: min(calc(50% - 6px), calc((100vh - 64px) * var(--ar, 0.8))) !important;
  }
}
@media (max-width: 768px) {
  body:not(.homepage) .cm-sfeed img {
    width: min(100%, calc((100vh - 110px) * var(--ar, 0.8))) !important;
  }
}
.cm-cbar {
  display: none;
}
body.cm-car:not(.homepage) .cm-cbar {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  margin: 3vh 0 0;
  font-size: 11px;
  letter-spacing: 0.2em;
  color: rgba(243, 241, 236, 0.7);
}
body.cm-car:not(.homepage) .cm-cbar button {
  width: 44px;
  height: 44px;
  border: 1px solid rgba(243, 241, 236, 0.35);
  border-radius: 50%;
  background: transparent;
  color: #f3f1ec;
  font-size: 18px;
  cursor: pointer;
}
body.cm-car:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) {
  flex-direction: row;
  flex-wrap: nowrap !important;
  justify-content: flex-start;
  align-items: center;
  gap: 14px;
  overflow-x: auto;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  scrollbar-width: none;
  padding: 0 4vw !important;
  margin-top: 6vh !important;
}
body.cm-car:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide)::-webkit-scrollbar {
  display: none;
}
body.cm-car:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) .gallery_card {
  width: min(92%, calc((100vh - 220px) * var(--ar, 0.8))) !important;
  scroll-snap-align: center;
}
@media (max-width: 768px) {
  body.cm-car:not(.homepage) .image-gallery.cm-jg:not(.slick-slider):not(.slide) .gallery_card {
    width: min(88%, calc((100vh - 240px) * var(--ar, 0.8))) !important;
  }
}
/* === GALLERY 2026 · end === */

/* === LEAD TEXT 2026 · start === */
@media (min-width:769px){
body.cm-lead:not(.homepage) .page_content > div.cm-desc{max-width:min(100%,1040px)!important;margin:clamp(64px,7vw,128px) auto 0!important;padding-top:34px!important;border-top:1px solid rgba(243,241,236,.22)!important;font-size:clamp(18px,1.4vw,26px)!important;line-height:1.5!important;letter-spacing:-.005em!important;text-align:left!important;color:rgba(243,241,236,.92)!important}
body.cm-lead:not(.homepage) .page_content > div.cm-desc p{margin:0 0 .9em!important}
}
/* === LEAD TEXT 2026 · end === */


/* === FEED 2026 · start === */
body.cm-feed:not(.homepage) .page_content > img {
  display: block !important;
  width: min(100%, calc((100vh - 64px) * var(--ar, 0.8))) !important;
  height: auto !important;
  aspect-ratio: var(--ar, 0.8);
  max-width: 100% !important;
  margin: 0 auto !important;
}
body.cm-feed:not(.homepage) .page_content > img + img {
  margin-top: 6vh !important;
}
body.cm-feed:not(.homepage) .page_content > h2 + img {
  margin-top: 8vh !important;
}
body.cm-feed:not(.homepage) .page_content > br {
  display: none !important;
}
body.cm-feed:not(.homepage) .page_content > small {
  display: block;
  margin-top: 10vh !important;
}
@media (max-width: 768px) {
  body.cm-feed:not(.homepage) .page_content > img {
    width: min(100%, calc((100vh - 110px) * var(--ar, 0.8))) !important;
  }
}
/* === FEED 2026 · end === */