/* Base layout: the rules of the old stylesheets (Skeleton grid, and the layout ported from the Surreal
   Drupal theme) that the site still uses, as the browser parses them. Built 2026-09-15 with PurgeCSS
   over all 149 pages and the theme's PHP and JS; css/modern.css sits on top (DESIGN.md). */
/* ---- skeleton.css (as Chrome parsed it) ---- */
.container { position: relative; width: 1200px; margin: 0px auto; padding: 0px; }
.column, .columns { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
.row { margin-bottom: 20px; }
.column.alpha, .columns.alpha { margin-left: 0px; }
.column.omega, .columns.omega { margin-right: 0px; }
.column.alpha.omega, .columns.alpha.omega { margin-left: 0px; margin-right: 0px; }
.container .one.column { width: 55px; }
.container .two.columns { width: 130px; }
.container .three.columns { width: 205px; }
.container .four.columns { width: 280px; }
.container .five.columns { width: 355px; }
.container .six.columns { width: 430px; }
.container .seven.columns { width: 505px; }
.container .eight.columns { width: 580px; }
.container .nine.columns { width: 655px; }
.container .ten.columns { width: 730px; }
.container .eleven.columns { width: 805px; }
.container .twelve.columns { width: 880px; }
.container .fifteen.columns { width: 1105px; }
.container .sixteen.columns { width: 1180px; }
.container .one-third.column { width: 380px; }
.container .offset-by-one { padding-left: 75px; }
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .container { width: 960px; }
  .column, .columns { margin-left: 10px; margin-right: 10px; }
  .column.alpha, .columns.alpha { margin-left: 0px; }
  .column.omega, .columns.omega { margin-right: 0px; }
  .container .one.column { width: 40px; }
  .container .two.columns { width: 100px; }
  .container .three.columns { width: 160px; }
  .container .four.columns { width: 220px; }
  .container .five.columns { width: 280px; }
  .container .six.columns { width: 340px; }
  .container .seven.columns { width: 400px; }
  .container .eight.columns { width: 460px; }
  .container .nine.columns { width: 520px; }
  .container .ten.columns { width: 580px; }
  .container .eleven.columns { width: 640px; }
  .container .twelve.columns { width: 700px; }
  .container .fifteen.columns { width: 880px; }
  .container .sixteen.columns { width: 940px; }
  .container .one-third.column { width: 300px; }
  .container .offset-by-one { padding-left: 60px; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container { width: 768px; }
  .container .column, .container .columns { margin-left: 10px; margin-right: 10px; }
  .column.alpha, .columns.alpha { margin-left: 0px; margin-right: 10px; }
  .column.omega, .columns.omega { margin-right: 0px; margin-left: 10px; }
  .container .one.column { width: 28px; }
  .container .two.columns { width: 76px; }
  .container .three.columns { width: 124px; }
  .container .four.columns { width: 172px; }
  .container .five.columns { width: 220px; }
  .container .six.columns { width: 268px; }
  .container .seven.columns { width: 316px; }
  .container .eight.columns { width: 364px; }
  .container .nine.columns { width: 412px; }
  .container .ten.columns { width: 460px; }
  .container .eleven.columns { width: 508px; }
  .container .twelve.columns { width: 556px; }
  .container .fifteen.columns { width: 700px; }
  .container .sixteen.columns { width: 748px; }
  .container .one-third.column { width: 236px; }
  .container .offset-by-one { padding-left: 48px; }
}
@media only screen and (max-width: 767px) {
  .container { width: 300px; }
  .columns, .column { margin: 0px; }
  .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column { width: 300px; }
  .container .offset-by-one { padding-left: 0px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container { width: 420px; }
  .columns, .column { margin: 0px; }
  .container .one.column, .container .two.columns, .container .three.columns, .container .four.columns, .container .five.columns, .container .six.columns, .container .seven.columns, .container .eight.columns, .container .nine.columns, .container .ten.columns, .container .eleven.columns, .container .twelve.columns, .container .fifteen.columns, .container .sixteen.columns, .container .one-third.column { width: 420px; }
}
.container::after { content: " "; display: block; height: 0px; clear: both; visibility: hidden; }
 .row::before, .row::after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.row::after { clear: both; }
.row { zoom: 1; }
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
/* ---- inspiromedia.css (as Chrome parsed it) ---- */
#services h1, #features h1 { width: 80%; }
.space40 { clear: both; display: block; height: 40px; }
.space10 { clear: both; display: block; height: 10px; }
.googlemap-wrap { height: 0px; overflow: hidden; opacity: 0; visibility: hidden; transition: 0.4s ease-in-out; }
.wdays { margin-left: 17px; margin-top: -21px; }
.links.inline a { color: rgb(255, 255, 255); }
.comment { display: inherit; }
 select { width: 100%; }
.widget_search input[type="text"] { width: 74% !important; padding: 0px 10px !important; }
.widget_search a.button, .widget_search button, .widget_search input[type="submit"], .widget_search input[type="reset"], .widget_search input[type="button"] { margin: 0px -37px 10px 0px !important; }
.message { background: rgb(255, 248, 196); border: 1px solid rgb(242, 199, 121); }
.thumbImage img { transition: 0.7s ease-in-out; }
.thumbImage .thumbText h3 { margin-bottom: 10px; padding-top: 10px; border-bottom: 1px solid rgb(255, 255, 255); transition: 1s ease-in-out; }
.thumbImage .thumbText p { margin-bottom: 10px; color: rgb(255, 255, 255); transition: 1s ease-in-out; }
.thumbImage .thumbTextWrap { position: absolute; top: 0px; height: 100%; max-width: 100%; min-width: 100%; opacity: 0; background: rgb(123, 19, 60); text-align: center; transition: 1s ease-in-out; user-select: none; }
.thumbImage .thumbTextWrap::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.5em; }
.thumbText { text-align: center; transform: scale(0); transition: 0.7s ease-in-out; display: inline-block; vertical-align: middle; width: 90%; }
.thumbImage:hover .thumbTextWrap { opacity: 1; }
.thumbImage:hover .thumbText { transform: scale(1); }
.touch-device .thumbImage:hover .thumbTextWrap { display: block; opacity: 1; }
.touch-device .thumbText { transform: scale(1); }
.touch-device .thumbImage:hover .thumbText { transform: scale(1); }
/* ---- layout-video.css (as Chrome parsed it) ---- */
html, body { height: 100%; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, a, address, big, code, del, em, img, q, s, small, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
::selection { background: rgb(75, 181, 226); color: white; }
body { font: 300 15px Oswald, sans-serif; color: rgb(255, 255, 255); -webkit-font-smoothing: antialiased; text-size-adjust: 100%; text-align: left; background: rgb(17, 17, 17); width: 100%; height: 100%; }
body.touch-device { background-image: url("../images/slider/Paint-AR-HoloLens-IMCLab.jpg"); background-position: 70% center; background-repeat: repeat-y; background-size: 200% auto; }
.hidden { display: none; }
h1, h2, h3, h4 { font-weight: 300; font-family: Oswald, sans-serif; color: rgb(255, 255, 255); margin: 0px 0px 6px; }
h1 { font-size: 250px; text-transform: uppercase; position: relative; letter-spacing: -2px; text-align: left; line-height: 0.8; margin-bottom: 35px; padding-top: 15px; }
h1 span { color: rgb(75, 181, 226); font-size: 150px; }
h2 { font-size: 44px; text-transform: uppercase; position: relative; }
h2.white { color: rgb(255, 255, 255); }
h3 { font-size: 22px; line-height: 1; }
h3.sectionTitle { border-bottom: 1px solid rgb(51, 51, 51); font-size: 28px; line-height: 30px; margin-bottom: 10px; padding: 26px 0px 6px; }
.small { font-size: 36px; font-weight: 300; text-transform: uppercase; }
.smallBold { font-size: 36px; font-weight: 700; text-transform: uppercase; }
.medium { font-size: 44px; text-transform: uppercase; }
.mediumBold { font-size: 44px; font-weight: 700; text-transform: uppercase; }
.large { font-size: 56px; text-transform: uppercase; }
.largeBold { font-size: 56px; font-weight: 700; text-transform: uppercase; }
.author { font-size: 18px; font-weight: 300; }
h4 { font-size: 22px; }
p { margin-bottom: 10px; }
p a { color: rgb(39, 147, 230); text-decoration: none; }
p a:hover { color: rgb(75, 181, 226); transition: color 0.5s; }
a { color: rgb(255, 255, 255); text-decoration: none; }
a:hover { color: rgb(75, 181, 226); }
.highlight a:hover { color: rgb(123, 19, 60); }
.marginTop { margin-top: 30px; }
.highlight { background: rgb(75, 181, 226); color: rgb(255, 255, 255); padding: 0px 6px; }
blockquote { color: rgb(153, 153, 153); display: block; font-size: 20px; font-style: italic; letter-spacing: 0px; padding: 20px 50px 20px 40px; position: relative; }
blockquote::before, blockquote::after { color: rgb(123, 19, 60); content: "“"; font-size: 80px; font-style: italic; left: -25px; line-height: 1em; position: absolute; top: 0px; }
blockquote::after { content: "”"; float: right; margin-right: -30px; margin-top: 0px; position: relative; }
.homepage { position: relative; overflow: hidden; z-index: 1; margin-bottom: -70px; }
.page { position: relative; overflow: hidden; z-index: 2; }
.page.desktop { position: relative !important; z-index: 6; }
.page { padding-top: 100px; }
.page { background: scroll rgb(17, 17, 17); }
nav { background: rgba(75, 181, 226, 0.79); width: 100%; position: relative; z-index: 1000; height: 50px; text-align: center; margin-bottom: 10px; }
nav ul { height: 40px; display: inline-block; padding-top: 10px; padding-bottom: 15px; float: left; }
nav ul li { position: relative; float: left; margin: 0px; }
nav ul li a { font-family: Oswald, sans-serif; font-size: 18px; font-weight: 400; color: white; text-decoration: none; text-transform: uppercase; padding: 10px; }
nav ul li a:hover { color: rgb(123, 19, 60); transition: color 0.5s; }
#homepage .container { height: 100%; }
.first .logo { width: 200px; height: auto; float: left; }
.parallax { width: 100%; height: 480px; padding: 0px; margin: 0px; background-attachment: fixed; background-repeat: no-repeat; border-top: 10px solid rgba(0, 0, 0, 0.2); border-bottom: 10px solid rgba(0, 0, 0, 0.2); color: rgb(0, 0, 0); position: relative; }
.parallax .quoteWrap { display: table; width: 100%; height: 100%; padding: 0px !important; margin: 0px !important; }
.parallax.fixed { background-attachment: fixed; }
.parallax .quoteWrap .quote { display: table-cell; vertical-align: middle; }
.parallax { text-align: center; }
.parallax h3 span { text-shadow: rgb(34, 34, 34) 0px 0px 5px; }
.portfolio_container { position: relative; display: block; overflow: hidden; width: 100%; }
.portfolio_container .portfolio { position: relative; display: block; float: left; overflow: hidden; width: 25%; height: auto; }
.field-name-field-images2 img { width: 100%; height: auto; margin-left: auto; margin-right: auto; margin-top: 20px; }
.gallerySelector { background: rgb(34, 34, 34); height: 44px; width: 100%; margin-top: 20px; }
.gallerySelectorList { margin: 0px; width: 100%; }
.gallerySelectorList li { float: left; margin: 0px; list-style: none; width: 20%; text-align: center; padding: 0px; }
.gallerySelectorList li:hover { background: rgb(131, 16, 62); }
.gallerySelectorList li a { display: block; padding: 11px 0px; color: rgb(255, 255, 255); text-decoration: none; margin: 0px; transition: background-color 0.3s, color 0.2s; }
.gallerySelectorList li.current { background: rgb(75, 181, 226); }
.portfolio_container .portfolio { width: 20%; }
.fullwidth { display: block; max-width: 100%; min-width: 100%; }
#gallery h3 { margin-bottom: 20px; }
.thumbLink { display: block; width: 100%; }
.thumbImage { float: left; position: relative; overflow: hidden; display: block; margin-bottom: 0px; box-sizing: border-box; text-align: center; width: 100%; height: 100%; }
.thumbImage img { transition: 0.7s ease-in-out; }
.thumbImage .thumbText h3 { margin-bottom: 10px; padding-top: 10px; border-bottom: 1px solid rgb(255, 255, 255); transition: 1s ease-in-out; }
.thumbImage .thumbText p { margin-bottom: 10px; color: rgb(255, 255, 255); transition: 1s ease-in-out; }
.thumbImage .thumbTextWrap { position: absolute; top: 0px; height: 100%; max-width: 100%; min-width: 100%; opacity: 0; background: rgb(75, 181, 226); text-align: center; transition: 1s ease-in-out; user-select: none; }
.thumbImage .thumbTextWrap::before { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.5em; }
.thumbText { text-align: center; transform: scale(0); transition: 0.7s ease-in-out; display: inline-block; vertical-align: middle; width: 90%; }
.thumbImage:hover .thumbTextWrap { opacity: 1; }
.thumbImage:hover .thumbText { transform: scale(1); }
.touch-device .thumbImage:hover .thumbTextWrap { display: block; }
.touch-device .thumbText, .touch-device .thumbImage img, .touch-device .thumbImage .thumbText h3, .touch-device .thumbImage .thumbText p, .touch-device .thumbImage .thumbTextWrap { transition: none; }
.thumbLink { background: rgb(255, 255, 255); color: rgb(122, 19, 60); font-size: 20px; width: 30px; height: 30px; border-radius: 15px; opacity: 0.5; margin: 0px auto; }
.thumbLink:hover { opacity: 1; }
.isotope { transition-duration: 0.8s; }
.isotope { transition-property: height, width; }
#about { padding-top: 0px; }
.teamImage { margin-top: 40px; margin-bottom: 20px; cursor: default; overflow: hidden; position: relative; text-align: center; }
.teamImage img { transform: scale(1); transition: 0.7s ease-in-out; }
.teamImage .teamName { background-color: rgb(75, 181, 226); opacity: 0; transition: 0.5s linear; height: 100%; left: 0px; overflow: hidden; position: absolute; top: 0px; width: 100%; text-align: center; user-select: none; }
.touch-device .teamImage .teamName { display: none; transition: none; }
.teamImage h2 { margin-top: 145px; opacity: 0; transform: scale(0); transition: 0.5s linear; }
.teamImage h3 { opacity: 0; transform: scale(0); transition: 0.7s linear; }
.teamImage:hover img { opacity: 0; transform: scale(10); }
.teamImage:hover .teamName { opacity: 1; }
.touch-device .teamImage:hover .teamName { display: block; }
.touch-device .teamImage:hover img { opacity: 0; transform: none; }
.teamImage:hover h2, .teamImage:hover h3 { opacity: 1; transform: scale(1); }
.teamSkill { margin-bottom: 40px; user-select: none; }
p.skill { clear: left; font-size: 11px; letter-spacing: 0.04em; margin: 0px; text-transform: uppercase; }
.bar { background-color: rgb(123, 19, 60); border-radius: 11px; color: rgb(255, 255, 255); display: inline-block; float: left; height: 22px; line-height: 22px; margin: 0px 0px 2px; transition: 0.6s ease-in-out; width: 22px; }
.stats { display: inline-block; position: relative; width: 100%; transition: 0.3s ease-in-out; user-select: none; }
.stats:hover { transform: scale(2); z-index: 10; }
#services { padding-top: 0px; }
.servicesContainer { padding-bottom: 0px; }
.serviceItem { box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px; cursor: default; height: 236px; position: relative; width: 236px; margin: 20px auto; }
.serviceInfoWrap, .serviceInfo { height: 196px; position: absolute; width: 196px; }
.serviceInfoWrap { background: rgb(249, 249, 249); box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 0px 20px, rgba(115, 114, 23, 0.8) 0px 0px 3px inset; left: 20px; top: 20px; }
.serviceInfo > div { background-position: center center; display: block; height: 100%; position: absolute; width: 100%; text-align: center; }
.serviceInfo .serviceInfoFront { transition: 0.6s ease-in-out; }
.serviceInfo .serviceInfoBack { background: rgb(75, 181, 226); opacity: 0; pointer-events: none; transform: scale(1.5); transition: 0.4s ease-in-out 0.2s; user-select: none; }
.serviceInfo h3 { color: rgb(255, 255, 255); font-size: 18px; margin: 0px 15px; padding: 0px 0px 10px; text-align: center; text-transform: uppercase; }
.serviceInfo p { border-top: 1px solid rgba(255, 255, 255, 0.5); color: rgb(255, 255, 255); margin: 0px 20px; padding: 5px 10px 0px; }
.serviceIcon { width: 35px; height: 35px; margin: 20px auto 10px; }
.serviceIcon i { color: rgb(255, 255, 255); font-size: 32px; }
.serviceItem:hover .serviceInfoFront { opacity: 0; transform: scale(0); }
.serviceItem:hover .serviceInfoBack { opacity: 1; pointer-events: auto; transform: scale(1); }
#features { padding-top: 0px; }
.featuresContainer { padding-bottom: 0px; }
.accTrigger { cursor: pointer; display: block; margin: 10px 0px; background: rgb(34, 34, 34); border-radius: 6px; border-left: 3px solid rgb(123, 19, 60); }
.accTrigger a { display: block; color: rgb(255, 255, 255); outline: none; padding: 10px; text-decoration: none; font-size: 24px; }
.accTrigger.active a { cursor: default; color: rgb(156, 34, 82); }
.accTrigger.active a:hover { }
.accTrigger a:hover { color: rgb(156, 34, 82); }
.accContainer .content { padding: 2px 15px 5px; line-height: 19px; }
.accContent p { margin-bottom: 10px; }
.accContent { padding: 5px 13px 20px; }
.tooltip { position: absolute; z-index: 1020; display: block; padding: 5px; font-size: 12px; opacity: 0; visibility: visible; }
.tooltip.in { opacity: 0.8; }
.tooltip.top { margin-top: -2px; }
.tooltip.right { margin-left: 2px; }
.tooltip.bottom { margin-top: 2px; }
.tooltip.left { margin-left: -2px; }
.contactContainer { padding-bottom: 100px; }
.contactDetails li span { padding-right: 5px; color: rgb(85, 85, 85); font-size: 12px; }
.icon-spacer { padding-left: 12px; }
textarea { height: 156px; padding: 20px; margin-bottom: 20px; overflow: auto; }
input[type="text"], input[type="email"], textarea, select { background: rgb(51, 51, 51); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 3px; color: rgb(255, 255, 255); display: block; margin: 0px 0px 10px; outline: none medium; padding: 4px; width: 370px; font-family: Oswald, sans-serif; font-size: 16px; font-weight: 400; }
input[type="text"]:focus, input[type="email"]:focus, textarea:focus { box-shadow: rgb(255, 255, 255) 0px 0px 7px; }
a.button, button, input[type="submit"], input[type="reset"], input[type="button"] { background: rgb(75, 181, 226); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; padding: 4px 12px; border-radius: 0px; font-family: Oswald, sans-serif; color: rgb(255, 255, 255); display: inline-block; font-size: 13px; text-decoration: none; cursor: pointer; margin: 0px 5px 10px 0px; line-height: 21px; appearance: none; }
a.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover { background: rgb(34, 34, 34); }
.alert { padding: 8px 35px 8px 14px; margin-bottom: 10px; margin-top: 10px; clear: left; color: rgb(192, 152, 83); text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px; background-color: rgb(252, 248, 227); border: 1px solid rgb(251, 238, 213); border-radius: 3px; }
.alert h4 { margin: 0px; }
.alert p { margin: 0px; }
.alert .close { position: relative; top: -2px; right: -35px; line-height: 20px; }
.alert-success { color: rgb(70, 136, 71); background-color: rgb(223, 240, 216); border-color: rgb(214, 233, 198); }
 .alert-error { color: rgb(185, 74, 72); background-color: rgb(242, 222, 222); border-color: rgb(238, 211, 215); }
button.close { background: none; border: 0px; cursor: pointer; padding: 0px; }
.close { color: rgb(0, 0, 0); float: right; font-size: 20px; font-weight: bold; line-height: 20px; opacity: 0.2; text-shadow: rgb(255, 255, 255) 0px 1px 0px; }
#footer { position: relative; overflow: hidden; padding: 30px 0px 50px; z-index: 1; background: rgb(17, 17, 17); }
.slides { list-style: outside none none; margin: 0px; padding: 0px; }
.slides li { margin: 0px; }
.slides::after { clear: both; content: "."; display: block; height: 0px; line-height: 0; visibility: hidden; }
* html .slides { height: 1%; }
.post { margin-bottom: 50px; border-top: 1px solid rgb(51, 51, 51); padding-top: 20px; }
.fn a { color: rgb(170, 170, 170); font-size: 12px; font-weight: 600; text-transform: uppercase; }
.says { margin-left: 5px; margin-top: 2px; }
#respond { margin-bottom: 50px; }
#comment input[type="text"] { width: 400px; }
.arts .sidebar { margin-bottom: 60px; padding-top: 20px; border-top: 1px solid rgb(51, 51, 51); margin-top: -300px; }
.sidebar { margin-bottom: 60px; padding-top: 20px; border-top: 1px solid rgb(51, 51, 51); margin-top: 0px; }
.sidebar .widget { font-size: 16px; line-height: 20px; margin-bottom: 20px; }
.sidebar h3 { border-bottom: 1px solid rgb(51, 51, 51); font-size: 28px; line-height: 30px; margin-bottom: 10px; padding: 26px 0px 6px; }
.widget_search { position: relative; }
.widget_search button[type="submit"] { background-color: transparent; background-position: -44px 7px; border: 0px; cursor: pointer; height: 27px; opacity: 0.4; padding: 5px 10px 8px 5px; position: absolute; right: 4px; top: 4px; width: 26px; }
.widget_search button[type="submit"]:hover { opacity: 0.7; }
.widget_search input[type="text"] { background-color: rgb(51, 51, 51); border-radius: 0px; box-shadow: none; color: rgb(208, 208, 208); display: block; font-size: 12px; height: 30px; padding: 2px 10px; transition: border-color 0.3s; width: 85%; margin: 0px; box-sizing: border-box; float: left; }
.widget_search input[type="text"]:focus { border-color: rgb(75, 181, 226); }
.widget_search input[type="submit"] { width: 15%; margin: 0px; box-sizing: border-box; }
.sidebar li::before { color: rgb(75, 181, 226); content: ""; display: inline-block; font-size: 13px; font-style: normal; font-weight: normal; line-height: 1em; margin-right: 0.2em; margin-top: 9px; text-align: center; text-decoration: inherit; width: 1em; transition: 0.3s ease-in-out; }
.sidebar li span { color: rgb(204, 204, 204); font-size: 10px; font-style: italic; margin-left: 15px; }
.clear { float: none; }
@media only screen and (max-width: 1199px) {
  .parallax.fixed { background-attachment: scroll; background-position: center center; background-size: contain; }
}
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .teamImage h2 { margin-top: 105px; font-size: 40px; }
  input[type="text"], input[type="email"], textarea, select { width: 290px; }
}
@media only screen and (max-width: 959px) {
  .small { font-size: 30px; font-weight: 300; }
  .smallBold { font-size: 30px; font-weight: 700; }
  .medium { font-size: 38px; text-transform: uppercase; }
  .mediumBold { font-size: 38px; font-weight: 700; text-transform: uppercase; }
  .large { font-size: 50px; text-transform: uppercase; }
  .largeBold { font-size: 50px; font-weight: 700; text-transform: uppercase; }
  .author { font-size: 16px; font-weight: 300; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  h1 { font-size: 200px; }
  .teamImage h2 { margin-top: 75px; font-size: 32px; }
  input[type="text"], input[type="email"], textarea, select { width: 226px; }
  .parallax.fixed { background-attachment: scroll; background-position: center center; background-size: contain; }
}
@media only screen and (max-width: 767px) {
  #nav { display: none; }
  .parallax.fixed { background-attachment: scroll; background-position: center center; background-size: contain; }
  .logo { margin-top: 10px; transform: scale(0.5); z-index: 100; position: absolute; }
  .homepage { margin-bottom: -50px; }
  .thumbImage .thumbTextWrap { padding: 0px 10px; }
  .thumbImage .thumbText p { font-size: 12px; }
  .thumbImage .thumbText h3 { font-size: 21px; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  h1 { font-size: 110px; }
  h1 span { font-size: 80px; }
  input[type="text"], input[type="email"], textarea, select { width: 418px; }
  .parallax.fixed { background-attachment: scroll; background-position: center center; background-size: contain; }
}
@media only screen and (max-width: 479px) {
  h1 { font-size: 80px; }
  h1 span { font-size: 60px; }
  .teamImage h2 { margin-top: 105px; font-size: 40px; }
  input[type="text"], input[type="email"], textarea, select { width: 298px; }
  .gallerySelectorList li a { font-size: 17px; }
  .parallax.fixed { background-attachment: scroll; background-position: center center; background-size: contain; }
}
body:not(.home) nav + .container { padding-top: 140px; }
@media (max-width: 767px) {
  body:not(.home) nav + .container { padding-top: 96px; }
}
body:not(.home) .portfolio-single .entry-title, body:not(.home) .entry-title { line-height: 1.02; }
.imclab-gallery { list-style: none; margin: 24px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 12px; }
.imclab-gallery li { margin: 0px; }
.imclab-gallery a { display: block; overflow: hidden; background: rgb(17, 17, 17); border-radius: 2px; }
.imclab-gallery img { width: 100%; height: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block; transition: transform 0.35s, opacity 0.35s; }
.imclab-gallery a:hover img { transform: scale(1.04); opacity: 0.9; }
.portfolio-links { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; margin-top: 18px; }
.portfolio-links a { white-space: nowrap; }
body:not(.home) .entry-title, body:not(.home) h1.entry-title { font-size: clamp(38px, 6.2vw, 96px); }
body:not(.home) .portfolio-categories { opacity: 0.75; margin-bottom: 18px; }
.sidebar .widget-title, .sidebar .wp-block-group h2, .sidebar h2, .sidebar h3 { font-size: 22px; line-height: 1.25; margin: 0px 0px 10px; }
.sidebar .widget { margin-bottom: 30px; }
.sidebar p { line-height: 1.5; }
.sidebar .wp-block-search__label { font-size: 16px; }
.sidebar .wp-block-search__inside-wrapper { display: flex; max-width: 100%; }
.sidebar .wp-block-search__input { flex: 1 1 auto; min-width: 0px; }
.sidebar .wp-block-search__button { flex: 0 0 auto; margin-left: 6px; }
.socialFooter { text-align: center; padding: 18px 0px 4px; clear: both; }
.socialFooter a { display: inline-block; margin: 0px 10px; vertical-align: middle; }
.video-embed { position: relative; width: 100%; padding-top: 56.25%; margin: 24px 0px; background: rgb(0, 0, 0); }
.video-embed iframe { position: absolute; inset: 0px; width: 100%; height: 100%; border: 0px; }
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline: rgb(75, 181, 226) solid 3px; outline-offset: 2px; }
.skip-link { position: absolute; left: -9999px; top: 0px; z-index: 100000; }
.skip-link:focus { left: 8px; top: 8px; width: auto; height: auto; padding: 10px 16px; background: rgb(75, 181, 226); color: rgb(255, 255, 255); text-decoration: none; border-radius: 3px; }
.screen-reader-text { border: 0px; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0px; position: absolute; width: 1px; overflow-wrap: normal !important; }
.screen-reader-text:focus { clip-path: none; height: auto; width: auto; }
.portfolio-links a { color: rgb(75, 181, 226); }
.entry-content ul { margin: 0px 0px 18px 20px; }
.entry-content li { margin-bottom: 6px; line-height: 1.5; }
.entry-content h3 { margin-top: 24px; }
.portfolio-single .button, .portfolio-single a.button { display: inline-block; clear: both; margin: 26px 0px 0px; padding: 10px 20px; background: rgb(75, 181, 226); color: rgb(255, 255, 255); text-decoration: none; border-radius: 3px; font-size: 15px; }
.portfolio-single a.button:hover { background: rgb(58, 155, 196); }
.portfolio-nav { clear: both; display: flex; flex-wrap: wrap; gap: 10px 26px; align-items: center; margin: 34px 0px 10px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.portfolio-nav a { color: rgb(75, 181, 226); text-decoration: none; }
.portfolio-nav a:hover { text-decoration: underline; }
.portfolio-single .entry-content { max-width: 780px; }
.portfolio-single .entry-content p { line-height: 1.6; }
h2.sectionHeading { font-size: 250px; line-height: 0.9; margin: 0px 0px 6px; font-weight: inherit; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  h2.sectionHeading { font-size: 200px; }
}
@media only screen and (max-width: 767px) {
  h2.sectionHeading { font-size: 78px; }
}
img, video, iframe, embed, object { max-width: 100%; }
img { height: auto; }
.portfolio-image img, .entry-content img, .imclab-gallery img { max-width: 100%; height: auto; }
 .entry-content table { max-width: 100%; overflow-x: auto; display: block; }
.widget_search .wp-block-search__inside-wrapper { position: relative; max-width: 100%; }
.widget_search .wp-block-search__input { width: 100%; min-width: 0px; padding-right: 40px; }
.widget_search .wp-block-search__button { right: 4px; top: 4px; margin: 0px !important; }
.sidebar, .sidebar .widget { max-width: 100%; }
.sidebar img { height: auto; }
.portfolio-links { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.portfolio-links .button { margin: 0px 0px 10px; }
.artistGrid { column-count: 4; column-gap: 26px; margin-top: 18px; }
.artistGrid article { break-inside: avoid; display: inline-block; width: 100%; margin: 0px 0px 28px; }
.artistGrid .archiveThumb { display: block; }
.artistGrid .archiveThumb img { display: block; width: 100%; height: auto; }
.artistGrid h2, .artistGrid h3 { margin: 10px 0px 4px; font-size: 19px; line-height: 1.25; }
.artistGrid h2 a, .artistGrid h3 a { text-decoration: none; }
.artistGrid .entry-summary { font-size: 13.5px; line-height: 1.45; opacity: 0.78; }
.artistGrid .entry-summary p { margin: 0px; }
@media (max-width: 1100px) {
  .artistGrid { column-count: 3; }
}
@media (max-width: 800px) {
  .artistGrid { column-count: 2; }
}
@media (max-width: 560px) {
  .artistGrid { column-count: 1; }
}
.portfolioBetaButton { display: inline-block; padding: 13px 26px; margin-right: 14px; background: rgb(39, 147, 230); border-radius: 3px; font-weight: 600; letter-spacing: 0.02em; color: rgb(255, 255, 255) !important; text-decoration: none !important; }
.portfolioBetaButton:hover { background: rgb(27, 122, 194); }
.portfolioCtaNote { opacity: 0.7; font-size: 13px; display: inline-block; padding-top: 6px; }
@media (max-width: 767px) {
  .portfolioBetaButton { display: block; margin: 0px 0px 10px; text-align: center; }
  .portfolioCtaNote { display: block; padding-top: 0px; }
}
.studioBlock { margin-top: 10px; }
.studioBlock .sectionTitle { margin-bottom: 10px; }
.studioIntro { max-width: 74ch; margin: 0px 0px 14px; }
.studioAchievements { list-style: none; margin: 0px 0px 16px; padding: 0px; max-width: 78ch; }
.studioAchievements li { padding: 4px 0px 4px 16px; position: relative; }
.studioAchievements li::before { content: "—"; position: absolute; left: 0px; opacity: 0.55; }
.studioClients { max-width: 78ch; opacity: 0.8; font-size: 14px; line-height: 1.5; }
.studioClientsLabel { display: block; opacity: 0.7; letter-spacing: 0.06em; text-transform: uppercase; font-size: 11px; margin-bottom: 4px; }
@media (prefers-reduced-motion: reduce) {
  *, ::before, ::after { animation-duration: 0.001ms !important; animation-iteration-count: 1 !important; transition-duration: 0.001ms !important; scroll-behavior: auto !important; }
  .parallax, #parallax-1, #parallax-2, #parallax-3, #parallax-4, #parallax-5 { background-attachment: scroll !important; }
}
.artistGroupTitle { margin: 34px 0px 6px; font-size: 26px; letter-spacing: 0.01em; }
.artistGrid h3 { margin: 10px 0px 4px; font-size: 20px; line-height: 1.25; }
.artistGrid h3 a { text-decoration: none; }
.pressPage { padding-top: 24px; }
.pressIntro { max-width: 80ch; margin: 0px 0px 28px; opacity: 0.88; font-size: 16px; line-height: 1.55; }
.pressSectionTitle { margin: 30px 0px 10px; font-size: 24px; letter-spacing: 0.01em; }
.pressList { list-style: none; margin: 0px 0px 10px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr)); gap: 0px 34px; }
.pressList li { padding: 14px 0px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.pressOutlet { display: inline-block; font-weight: 700; margin-right: 10px; letter-spacing: 0.03em; text-transform: uppercase; font-size: 13px; }
.pressDate { display: inline-block; opacity: 0.6; font-size: 13px; margin-right: 10px; }
.pressTitle { display: block; margin-top: 3px; font-size: 17.5px; line-height: 1.35; }
.pressNote { display: block; margin-top: 3px; opacity: 0.6; font-size: 13px; font-style: italic; }
.studioMission { max-width: 76ch; margin: 0px 0px 16px; opacity: 0.85; font-style: italic; }