/* 0.8: selectable headers, mobile controls and sticky footer */
body{padding-bottom:58px}
.menu-toggle{width:42px;height:42px;padding:9px;border:0;background:transparent;cursor:pointer}
.menu-toggle span{display:block;height:2px;margin:5px 0;background:currentColor;transition:transform .2s,opacity .2s}
.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.ib-desktop-hamburger .menu-toggle{display:block;justify-self:end}.ib-desktop-hamburger .main-navigation{display:none;grid-column:1/-1;width:100%;justify-self:stretch}.ib-desktop-hamburger .main-navigation.is-open{display:block}.ib-desktop-hamburger .main-navigation ul{justify-content:flex-end}
.site-footer{position:fixed;z-index:40;left:0;right:0;bottom:0;min-height:52px;margin:0;padding:14px var(--ib-header-indent);display:flex;align-items:center;justify-content:flex-end;gap:18px;background:rgba(0,0,0,.82);color:#fff;border:0;backdrop-filter:blur(8px);font-size:12px;text-transform:uppercase}
.footer-navigation ul{display:flex;gap:0;list-style:none;margin:0;padding:0}.footer-navigation li+li:before{content:"|";margin:0 12px;color:#aaa}.footer-navigation a{color:#fff;text-decoration:none}
.viewer-cover-thumb{width:var(--ib-cover-thumb-size)}

/* nine header arrangements */
.ib-header-design-2 .site-header{padding-top:18px;padding-bottom:18px;align-items:center}.ib-header-design-2 .site-description{display:none}.ib-header-design-2 .header-tools{grid-column:auto;grid-row:2;justify-content:end}
.ib-header-design-3 .site-header{text-align:center;grid-template-columns:1fr}.ib-header-design-3 .site-branding,.ib-header-design-3 .main-navigation,.ib-header-design-3 .header-tools{justify-self:center}.ib-header-design-3 .main-navigation{grid-row:2}.ib-header-design-3 .header-tools{grid-row:3}
.ib-header-design-4 .site-header{grid-template-columns:1fr 1fr}.ib-header-design-4 .site-branding{align-self:center}.ib-header-design-4 .main-navigation ul{display:grid;grid-template-columns:repeat(2,auto)}
.ib-header-design-5 .site-header{grid-template-columns:1fr}.ib-header-design-5 .site-branding{width:100%;border-bottom:4px solid currentColor;padding-bottom:16px}.ib-header-design-5 .site-title{font-size:calc(var(--ib-header-title-size)*1.25)}.ib-header-design-5 .main-navigation{justify-self:start}.ib-header-design-5 .header-tools{grid-row:2;grid-column:1;justify-content:end}
.ib-header-design-6 .site-description{display:none}.ib-header-design-6 .site-header{padding-top:20px;padding-bottom:20px}.ib-header-design-6 .site-title{font-weight:400;letter-spacing:.08em}.ib-header-design-6 .main-navigation a{font-weight:400}
.ib-header-design-7 .site-header{margin:20px var(--ib-header-indent) 0;padding:24px;border:1px solid color-mix(in srgb,var(--ib-text) 35%,transparent)}
.ib-header-design-8 .site-header{background:#111;color:#fff}.ib-header-design-8 .header-search input,.ib-header-design-8 .portfolio-filter-select{color:#fff;background:#111;border-color:#777}
.ib-header-design-9 .site-header{grid-template-columns:minmax(300px,2fr) 1fr}.ib-header-design-9 .site-title{font-size:calc(var(--ib-header-title-size)*1.35);line-height:.88}.ib-header-design-9 .site-description{max-width:420px}.ib-header-design-9 .main-navigation ul{display:grid;grid-template-columns:1fr}.ib-header-design-9 .header-tools{border-top:1px solid color-mix(in srgb,var(--ib-text) 25%,transparent);padding-top:15px}

@media(max-width:760px){
  :root{--ib-cols:var(--ib-mobile-cols)}
  body{padding-bottom:50px}.portfolio-grid{grid-template-columns:repeat(var(--ib-mobile-cols),minmax(0,1fr))}
  .tile-title{font-size:var(--ib-mobile-tile-font-size)}.tile-categories{font-size:max(9px,calc(var(--ib-mobile-tile-font-size) - 2px))}.tile-overlay{padding:10px}
  .viewer-control{width:var(--ib-mobile-control-size);height:var(--ib-mobile-control-size);font-size:min(var(--ib-control-icon-size),calc(var(--ib-mobile-control-size)*.65))}.viewer-prev,.viewer-next{display:none!important}.viewer-close{top:10px;right:10px}.viewer-info-toggle{right:10px;bottom:10px}
  .viewer-slide{touch-action:pan-y pinch-zoom}
  .site-footer{min-height:44px;padding:10px 14px;white-space:nowrap;overflow:auto}.footer-navigation li+li:before{margin:0 8px}
  body[class*=ib-header-design-] .site-header{display:flex;margin:0;padding:20px 18px;text-align:left;background:var(--ib-bg);color:var(--ib-text);border:0}.site-branding{flex:1}.main-navigation{width:100%}.main-navigation ul{display:block!important}.header-tools{width:100%}
}