/* Cargo-independent layout primitives, measured against the original site. */
bodycopy,h1,.caption,.contact,.data{font-family:"neue-haas-grotesk-text",Helvetica,Arial,sans-serif}
.mobile-layout{display:none}
column-set{display:grid;grid-template-columns:var(--columns);--actual-gutter:var(--gutter,1rem);gap:var(--actual-gutter);width:100%;position:relative}
column-unit{display:block;min-width:0}
media-item+column-set{margin-top:var(--actual-gutter,var(--gutter,1rem))}
media-item{display:inline-block;position:relative;max-width:100%;width:100%;vertical-align:bottom;line-height:0}
media-item>img,media-item>video{display:block;width:100%;height:auto;margin:0;object-fit:contain}
media-item>iframe{display:block;width:100%;aspect-ratio:var(--ratio,1.777777778);border:0}
media-item[limit-by="fit"]{width:min(100%,calc(var(--computed-fit-height,calc(var(--viewport-height,100vh) - 8rem))*var(--ratio)));max-height:var(--computed-fit-height,calc(var(--viewport-height,100vh) - 8rem))}
media-item.zoomable:has(>img){cursor:zoom-in}
media-item[data-href]{cursor:pointer}
gallery-grid,gallery-columnized{display:grid;grid-template-columns:repeat(var(--gallery-columns,3),minmax(0,1fr));gap:var(--gallery-gap,1rem);width:100%;align-items:start}
gallery-grid[vertical-align="center"]{align-items:center}
gallery-justify{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--gallery-gap,1rem);width:100%}
gallery-justify>media-item{width:var(--justified-width,40%);flex:none}
gallery-slideshow{display:block;position:relative;width:100%}
gallery-slideshow>media-item{display:block;width:100%}
gallery-slideshow[limit-by="height"]{height:50rem}
gallery-slideshow[limit-by="height"]>media-item{height:100%}
gallery-slideshow[limit-by="height"]>media-item>img,gallery-slideshow[limit-by="height"]>media-item>video{height:100%;object-fit:contain}
.slide-prev,.slide-next{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:30px;padding:0;background:#000;border:0;color:rgba(255,255,255,.9);cursor:pointer;line-height:1;z-index:4;opacity:0;transition:opacity .222s ease-in-out}
.slide-prev svg,.slide-next svg{display:block;width:30px;height:30px}
.slide-prev rect,.slide-next rect{fill:#000}
.slide-prev path,.slide-next path{fill:none;stroke:rgba(255,255,255,.9);stroke-width:1.5px;stroke-linecap:round}
.slide-next svg{transform:scaleX(-1)}
gallery-slideshow:hover>.slide-prev,gallery-slideshow:hover>.slide-next,gallery-slideshow:focus-within>.slide-prev,gallery-slideshow:focus-within>.slide-next{opacity:1}
.slide-prev{left:0}.slide-next{right:0}
text-icon{display:inline-block;aspect-ratio:1;height:1.2em;width:auto;contain:layout;margin-top:-1em;margin-bottom:-.25em;vertical-align:baseline;position:relative}
text-icon svg{display:block;position:absolute;inset:0;width:100%;height:100%;fill:currentColor}
digital-clock{white-space:nowrap}
marquee-set{display:block;overflow:hidden;white-space:nowrap;height:auto;contain:layout;min-height:.5em;position:relative}
marquee-inner{display:inline-block;min-width:100%;width:max-content;white-space:nowrap;animation:marquee 24s linear infinite}
@keyframes marquee{from{transform:translateX(100%)}to{transform:translateX(-180%)}}
.info-page{background:linear-gradient(360deg,#1f1f1f 0%,#1f1f1f 5.64%,#000 65.64%,#000 100%);min-height:100vh}
.video-page{min-height:100vh;align-items:flex-end;background:rgba(0,0,0,.89)}
#image-viewer{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;padding:3rem;border:0;background:transparent;color:#fff;opacity:0;transition:opacity .222s ease-in-out}
#image-viewer::backdrop{background:#000;opacity:0;transition:opacity .222s ease-in-out}
#image-viewer.is-visible,#image-viewer.is-visible::backdrop{opacity:1}
html,body{overscroll-behavior:none}
html.viewer-open{overflow:hidden}
#image-viewer [hidden]{display:none}
#image-viewer[open]{display:flex;align-items:center;justify-content:center}
#image-viewer img{max-width:100%;max-height:100%;object-fit:contain}
#image-viewer button{position:absolute;right:20px;top:10px;background:none;border:0;color:white;font-size:28px;cursor:pointer}
@media(max-width:900px){
 html{font-size:calc(2.24vw * 1.5)}html.mobile body{font-size:16px;line-height:24px}
 .desktop-layout{display:none}.mobile-layout{display:block}
 html.mobile bodycopy,html.mobile bodycopy *{--font-size:0.8rem}html.mobile h1,html.mobile h1 *{--font-size:0.85rem;font-size:calc(var(--font-scale)*var(--font-size))}
 bodycopy{line-height:1.3}
 .mobile [id].page .page-content{padding-left:1.5rem;padding-right:1.5rem;padding-top:0;padding-bottom:2.4rem}
 .mobile [data-slug="mobile"].page .page-content,.mobile [data-slug$="-m"].page .page-content{padding-top:1.5rem}
 .mobile [data-slug="mobile"].page .page-content{padding-bottom:.6rem}
 .mobile [data-slug="info-m"].page .page-content{padding-bottom:.6rem}
 column-set:not([mobile-stack="false"]){grid-template-columns:1fr;--actual-gutter:0px;gap:0}
 column-set:not([mobile-stack="false"])>column-unit:empty{display:none}
 media-item+column-set{margin-top:0}
 column-set[mobile-stack="false"]{--actual-gutter:calc(var(--gutter,1rem)*.3);gap:var(--actual-gutter)}
 gallery-grid,gallery-columnized{grid-template-columns:repeat(var(--mobile-columns,1),minmax(0,1fr));gap:calc(var(--mobile-gap,1rem)*.3)}
 column-set+gallery-grid,span>gallery-grid,span>gallery-justify,span>gallery-columnized{margin-top:calc(var(--mobile-gap,1rem)*.3)}
 gallery-justify{gap:calc(var(--mobile-gap,1rem)*.3)}
 gallery-slideshow[mobile-limit-by="width"]{height:auto}
 gallery-slideshow[mobile-limit-by="width"]>media-item{height:auto}
 gallery-slideshow[mobile-limit-by="width"]>media-item>img,gallery-slideshow[mobile-limit-by="width"]>media-item>video{height:auto}
 media-item[limit-by="fit"]{width:min(100%,calc(var(--computed-fit-height,calc(var(--viewport-height,100vh) - 3.9rem))*var(--ratio)));max-height:var(--computed-fit-height,calc(var(--viewport-height,100vh) - 3.9rem))}
 .slide-prev{left:10px}.slide-next{right:10px}
 .mobile .caption,.mobile .caption *{--font-size:.7rem}
}
@media(prefers-reduced-motion:reduce){marquee-inner{animation:none}}

@media(prefers-reduced-motion:reduce){#image-viewer,#image-viewer::backdrop{transition:none}}

/* Shared masthead typography; independent of nested Cargo layout wrappers. */
bodycopy .site-tagline{font-family:"neue-haas-grotesk-text",Helvetica,Arial,sans-serif;font-size:12.451643385px;font-weight:400;font-style:normal;letter-spacing:normal;line-height:1.5;color:#646464}
html.mobile bodycopy .site-tagline{font-size:.8rem}
