/* TISIAS V116 - iCAN 2016 Catalogue + Show Report Archive Upgrade */
body.ican2016-v116-page {
  --ican16-red: #ee1729;
  --ican16-red-deep: #a50616;
  --ican16-gold: #e9bd4a;
  --ican16-ink: #171719;
  --ican16-muted: #696970;
  --ican16-line: rgba(23, 23, 25, .12);
  --ican16-soft: #f6f4f3;
  background: #eceef1;
}

body.ican2016-v116-page #banner-wrap,
body.ican2016-v116-page .banner-wrap,
body.ican2016-v116-page .wsite-header-section {
  display: none !important;
}

body.ican2016-v116-page #main-wrap {
  padding-top: 0 !important;
  background: linear-gradient(180deg, #e9eaed 0, #fff 430px, #fff 100%) !important;
}

body.ican2016-v116-page #main-wrap > .container,
body.ican2016-v116-page #main-wrap .container {
  width: min(1180px, calc(100% - 32px)) !important;
  max-width: 1180px !important;
  margin: 0 auto !important;
}

#ican2016-v116-root {
  color: var(--ican16-ink);
  font-family: inherit;
  padding: 34px 0 54px;
}

#ican2016-v116-root * { box-sizing: border-box; }
#ican2016-v116-root img { display: block; max-width: 100%; }

#ican2016-v116-root .ican-v116-shell {
  position: relative;
  overflow: hidden;
  background: #fff;
  border-radius: 24px;
  box-shadow: 0 24px 72px rgba(20, 20, 24, .18);
}

#ican2016-v116-root .ican-v116-hero {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(260px, .82fr);
  gap: 44px;
  align-items: center;
  min-height: 540px;
  padding: 60px 64px;
  color: #fff;
  background:
    radial-gradient(circle at 12% 8%, rgba(238, 23, 41, .88), transparent 31%),
    radial-gradient(circle at 93% 94%, rgba(233, 189, 74, .32), transparent 38%),
    linear-gradient(135deg, #09090b 0%, #1c1013 48%, #53040d 100%);
}

#ican2016-v116-root .ican-v116-hero::before,
#ican2016-v116-root .ican-v116-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 999px;
  pointer-events: none;
}

#ican2016-v116-root .ican-v116-hero::before {
  width: 410px;
  height: 410px;
  top: -240px;
  right: 21%;
  border: 58px solid rgba(255,255,255,.09);
}

#ican2016-v116-root .ican-v116-hero::after {
  width: 300px;
  height: 300px;
  left: -125px;
  bottom: -185px;
  border: 48px solid rgba(238,23,41,.24);
}

#ican2016-v116-root .ican-v116-kicker {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 17px;
  padding: 8px 13px;
  border: 1px solid rgba(255,255,255,.27);
  border-radius: 999px;
  background: rgba(255,255,255,.08);
  color: #fff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

#ican2016-v116-root .ican-v116-kicker::before {
  content: "";
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--ican16-gold);
  box-shadow: 0 0 18px rgba(233,189,74,.95);
}

#ican2016-v116-root h1 {
  margin: 0;
  max-width: 730px;
  color: #fff;
  font-size: clamp(39px, 5vw, 72px);
  line-height: .98;
  letter-spacing: -.045em;
  text-wrap: balance;
}

#ican2016-v116-root .ican-v116-subtitle {
  max-width: 700px;
  margin: 24px 0 0;
  color: rgba(255,255,255,.84);
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.65;
}

#ican2016-v116-root .ican-v116-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

#ican2016-v116-root .ican-v116-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 12px 19px;
  border: 1px solid transparent;
  border-radius: 12px;
  text-decoration: none !important;
  font-size: 13px;
  font-weight: 900;
  letter-spacing: .055em;
  text-transform: uppercase;
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
}

#ican2016-v116-root .ican-v116-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 28px rgba(0,0,0,.25);
}

#ican2016-v116-root .ican-v116-btn-primary {
  background: var(--ican16-red);
  color: #fff !important;
  box-shadow: 0 10px 30px rgba(238,23,41,.30);
}

#ican2016-v116-root .ican-v116-btn-secondary {
  border-color: rgba(255,255,255,.38);
  background: rgba(255,255,255,.09);
  color: #fff !important;
}

#ican2016-v116-root .ican-v116-cover-wrap {
  position: relative;
  justify-self: center;
  width: min(100%, 360px);
}

#ican2016-v116-root .ican-v116-cover-wrap::before {
  content: "";
  position: absolute;
  inset: 8% -10% -7% 12%;
  z-index: -1;
  border-radius: 28px;
  background: linear-gradient(135deg, rgba(238,23,41,.78), rgba(233,189,74,.34));
  filter: blur(2px);
  transform: rotate(4deg);
}

#ican2016-v116-root .ican-v116-cover {
  width: 100%;
  max-height: 455px;
  object-fit: contain;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 28px 58px rgba(0,0,0,.42);
  transform: rotate(1.15deg);
}

#ican2016-v116-root .ican-v116-stats {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 1px;
  background: var(--ican16-line);
  border-bottom: 1px solid var(--ican16-line);
}

#ican2016-v116-root .ican-v116-stat {
  min-height: 116px;
  padding: 23px 15px;
  background: #fff;
  text-align: center;
}

#ican2016-v116-root .ican-v116-stat strong {
  display: block;
  color: var(--ican16-red-deep);
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1;
  letter-spacing: -.045em;
}

#ican2016-v116-root .ican-v116-stat span {
  display: block;
  margin-top: 9px;
  color: var(--ican16-muted);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .075em;
  text-transform: uppercase;
}

#ican2016-v116-root .ican-v116-section {
  padding: 62px 64px;
  border-bottom: 1px solid var(--ican16-line);
}

#ican2016-v116-root .ican-v116-section:last-child { border-bottom: 0; }

#ican2016-v116-root .ican-v116-section-head {
  display: flex;
  gap: 24px;
  align-items: end;
  justify-content: space-between;
  margin-bottom: 27px;
}

#ican2016-v116-root .ican-v116-section h2 {
  margin: 0;
  color: var(--ican16-ink);
  font-size: clamp(27px, 3.5vw, 42px);
  line-height: 1.1;
  letter-spacing: -.035em;
}

#ican2016-v116-root .ican-v116-section-intro {
  max-width: 680px;
  margin: 10px 0 0;
  color: var(--ican16-muted);
  font-size: 16px;
  line-height: 1.65;
}

#ican2016-v116-root .ican-v116-feature-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

#ican2016-v116-root .ican-v116-feature {
  padding: 25px;
  border: 1px solid var(--ican16-line);
  border-radius: 18px;
  background: linear-gradient(180deg, #fff, var(--ican16-soft));
}

#ican2016-v116-root .ican-v116-feature-no {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 18px;
  border-radius: 13px;
  background: var(--ican16-red-deep);
  color: #fff;
  font-weight: 900;
}

#ican2016-v116-root .ican-v116-feature h3 {
  margin: 0 0 9px;
  color: var(--ican16-red-deep);
  font-size: 20px;
}

#ican2016-v116-root .ican-v116-feature p {
  margin: 0;
  color: var(--ican16-muted);
  font-size: 14px;
  line-height: 1.6;
}

#ican2016-v116-root .ican-v116-gallery {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

#ican2016-v116-root .ican-v116-shot {
  display: block;
  overflow: hidden;
  border: 1px solid var(--ican16-line);
  border-radius: 18px;
  background: #f5f4f3;
  text-decoration: none !important;
  box-shadow: 0 9px 24px rgba(25,20,20,.08);
  transition: transform .2s ease, box-shadow .2s ease;
}

#ican2016-v116-root .ican-v116-shot:hover {
  transform: translateY(-5px);
  box-shadow: 0 20px 38px rgba(25,20,20,.17);
}

#ican2016-v116-root .ican-v116-shot img {
  width: 100%;
  height: 315px;
  object-fit: cover;
  object-position: top center;
  background: #fff;
}

#ican2016-v116-root .ican-v116-shot figcaption {
  min-height: 70px;
  padding: 15px 16px;
  color: var(--ican16-ink);
  font-size: 13px;
  font-weight: 800;
  line-height: 1.4;
}

#ican2016-v116-root .ican-v116-pdf-panel {
  overflow: hidden;
  border: 1px solid var(--ican16-line);
  border-radius: 18px;
  background: #fff;
}

#ican2016-v116-root .ican-v116-pdf-panel summary {
  cursor: pointer;
  list-style: none;
  padding: 19px 22px;
  background: var(--ican16-soft);
  color: var(--ican16-red-deep);
  font-weight: 900;
}

#ican2016-v116-root .ican-v116-pdf-panel summary::-webkit-details-marker { display: none; }
#ican2016-v116-root .ican-v116-pdf-panel summary::after { content: "+"; float: right; font-size: 22px; }
#ican2016-v116-root .ican-v116-pdf-panel[open] summary::after { content: "−"; }

#ican2016-v116-root .ican-v116-pdf-frame {
  display: block;
  width: 100%;
  min-height: 760px;
  border: 0;
  background: #eee;
}

#ican2016-v116-root .ican-v116-bottom-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 30px 64px;
  color: #fff;
  background: #151517;
}

#ican2016-v116-root .ican-v116-bottom-nav strong { font-size: 15px; }
#ican2016-v116-root .ican-v116-bottom-links { display: flex; flex-wrap: wrap; gap: 10px; }
#ican2016-v116-root .ican-v116-bottom-links a {
  padding: 9px 13px;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 9px;
  color: #fff !important;
  text-decoration: none !important;
  font-size: 12px;
  font-weight: 800;
}

@media (max-width: 960px) {
  #ican2016-v116-root .ican-v116-hero {
    grid-template-columns: 1fr;
    padding: 50px 38px;
    text-align: center;
  }
  #ican2016-v116-root .ican-v116-subtitle { margin-left: auto; margin-right: auto; }
  #ican2016-v116-root .ican-v116-actions { justify-content: center; }
  #ican2016-v116-root .ican-v116-cover-wrap { width: min(72vw, 330px); }
  #ican2016-v116-root .ican-v116-feature-grid { grid-template-columns: 1fr; }
  #ican2016-v116-root .ican-v116-gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  body.ican2016-v116-page #main-wrap > .container,
  body.ican2016-v116-page #main-wrap .container { width: 100% !important; }
  #ican2016-v116-root { padding: 0; }
  #ican2016-v116-root .ican-v116-shell { border-radius: 0; }
  #ican2016-v116-root .ican-v116-hero { padding: 42px 21px; gap: 34px; }
  #ican2016-v116-root h1 { font-size: 40px; }
  #ican2016-v116-root .ican-v116-actions { flex-direction: column; }
  #ican2016-v116-root .ican-v116-btn { width: 100%; }
  #ican2016-v116-root .ican-v116-section { padding: 44px 20px; }
  #ican2016-v116-root .ican-v116-section-head { align-items: start; flex-direction: column; }
  #ican2016-v116-root .ican-v116-gallery { grid-template-columns: 1fr; }
  #ican2016-v116-root .ican-v116-shot img { height: auto; max-height: none; object-fit: contain; }
  #ican2016-v116-root .ican-v116-pdf-frame { min-height: 580px; }
  #ican2016-v116-root .ican-v116-bottom-nav { padding: 26px 20px; }
}
