/* Replaces Cargo's web-component styling: fonts, columns, media-item, slideshow, overlay, lightbox */
@font-face{font-family:"Diatype Variable";src:url(/fonts/Liter-Regular.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Diatype Mono Variable";src:url(/fonts/Liter-Regular.woff2) format("woff2");font-weight:100 900;font-display:swap}
@font-face{font-family:"Diatype Semi-Mono Variable";src:url(/fonts/Liter-Regular.woff2) format("woff2");font-weight:100 900;font-display:swap}
html{font-size:var(--base-size,12.96px)}
html.mobile{font-size:calc(var(--base-size,9px) * var(--mobile-scale,1.26))}
body{opacity:1!important;margin:0;font-family:"Diatype Variable",-apple-system,"system-ui",sans-serif}
column-set{display:grid;grid-template-columns:repeat(var(--cols,12),minmax(0,1fr));column-gap:var(--g,1rem);width:100%;position:relative;clear:both;margin-top:calc(var(--gutter-expand,0) * var(--g,1rem))}
column-unit{display:block;position:relative;min-width:0;max-width:100%;overflow-wrap:break-word;grid-column:span var(--span,1)}
html.mobile column-set:not([mobile-stack="false"]){display:block}
html.mobile column-set:not([mobile-stack="false"])>column-unit{width:100%}
html.mobile column-set:not([mobile-stack="false"])>column-unit:empty{display:none}
html:not(.mobile) .page[page-url$="-mobile"]{display:none!important}
html.mobile .page[page-url="header"],html.mobile .page[page-url="nav"],html.mobile .page[page-url="footer"]{display:none!important}
media-item{display:inline-flex;flex-direction:column;vertical-align:bottom;position:relative;width:var(--mi-w,100%);max-width:100%;box-sizing:border-box;margin:0;padding:0}
media-item .mi-sf{display:block;width:100%;height:0;position:relative}
media-item .mi-sf img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;margin:0}
media-item>a{display:block;width:100%;cursor:inherit}
media-item.zoomable img{cursor:zoom-in}
gallery-slideshow{display:block;position:relative;width:100%;height:var(--gh,52.7rem);overflow:hidden}
gallery-slideshow media-item{position:absolute;top:0;left:0;height:100%;width:auto;aspect-ratio:var(--ar);opacity:0;transition:opacity .5s;pointer-events:none}
gallery-slideshow media-item.gs-on{opacity:1;pointer-events:auto}
gallery-slideshow media-item .mi-sf{height:100%;padding-bottom:0!important;width:auto;aspect-ratio:var(--ar)}
html.mobile gallery-slideshow{height:var(--ghm,20.7rem)}
text-icon{display:inline-block;width:1.2em;height:1.2em;vertical-align:middle;background:currentColor;-webkit-mask:var(--ic) center/contain no-repeat;mask:var(--ic) center/contain no-repeat}
text-icon[icon="close"]{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 5l14 14M19 5L5 19' stroke='black' stroke-width='2' fill='none'/%3E%3C/svg%3E")}
/* Info overlay */
.overlay-content{position:fixed;inset:0;z-index:500;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
html.has-scrollable-overlay{overflow:hidden}
/* lightbox */
#lb{position:fixed;inset:0;z-index:900;background:rgba(255,255,255,.96);display:flex;align-items:center;justify-content:center;cursor:zoom-out;opacity:0;transition:opacity .25s}
#lb.on{opacity:1}
#lb img{max-width:94vw;max-height:94vh;object-fit:contain;border-radius:0}
