#comprendre .sheep-manifesto {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: visible !important;
}

#comprendre .understand-sheep-card {
  position: relative;
  min-height: 250px;
  overflow: visible;
  cursor: pointer;
}

#comprendre .understand-sheep-card:last-child {
  border-right: 0;
}

#comprendre .understand-sheep-card::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.008));
  opacity: 1;
}

#comprendre .understand-sheep-card > * {
  position: relative;
  z-index: 1;
}

#comprendre .sheep-manifesto .understand-sheep-card > div:not(.understand-capsule) {
  min-height: 0;
  padding: 0;
  border-right: 0;
  background: transparent;
}

#comprendre .understand-sheep-card strong {
  display: block;
  margin-bottom: 18px;
  color: #fff;
  max-width: 100%;
  overflow-wrap: normal;
  white-space: nowrap;
  text-align: center;
  font-size: clamp(28px, 3.2vw, 46px);
  letter-spacing: -.045em;
  text-shadow: 0 1px 0 rgba(0,0,0,.78), 0 0 14px rgba(255,255,255,.12);
}

#comprendre .understand-sheep-card p {
  max-width: 28ch;
  color: rgba(255,255,255,.84) !important;
  font-weight: 650;
  text-shadow: 0 1px 0 rgba(0,0,0,.76);
}

#comprendre .understand-asset-slot {
  display: none;
}

#comprendre .understand-capsule {
  position: absolute;
  top: calc(-1 * var(--overlay-top-offset, 0px));
  right: 0;
  left: 0;
  width: 100%;
  height: var(--overlay-full-height, 100%);
  min-height: var(--overlay-full-height, 100%);
  display: block;
  padding: 0;
  border: 0;
  border-top: 1px solid rgba(255,255,255,.18);
  border-radius: 0;
  background: linear-gradient(180deg, rgba(5,5,5,.94), rgba(5,5,5,.95));
  box-shadow: inset 0 0 28px rgba(255,255,255,.035);
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  transform: translate3d(0, 100%, 0);
  transition: opacity .22s ease, transform .28s ease, box-shadow .28s ease;
}

#comprendre .sheep-manifesto .understand-sheep-card > .understand-capsule {
  background: linear-gradient(180deg, rgba(5,5,5,.94), rgba(5,5,5,.95));
}

@media (hover: hover) and (pointer: fine) {
  #comprendre .understand-sheep-card:hover .understand-capsule,
  #comprendre .understand-sheep-card:focus-visible .understand-capsule {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    box-shadow: inset 0 0 32px rgba(255,255,255,.05);
  }
}

@media (hover: none), (pointer: coarse) {
  #comprendre .understand-capsule {
    position: fixed;
    top: 50%;
    right: auto;
    bottom: auto;
    left: 50%;
    width: min(86vw, 420px);
    height: min(68vh, 520px);
    min-height: 280px;
    max-height: 520px;
    border: 1px solid rgba(255,255,255,.18);
    transform: translate3d(-50%, calc(-50% + 110vh), 0);
  }

  #comprendre .understand-sheep-card.is-active .understand-capsule {
    opacity: 1;
    pointer-events: auto;
    transform: translate3d(-50%, -50%, 0);
    box-shadow: inset 0 0 32px rgba(255,255,255,.05);
  }
}

@media (max-width: 1120px) {
  #comprendre .sheep-manifesto {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #comprendre .understand-sheep-card:nth-child(2) {
    border-right: 0;
  }

  #comprendre .understand-sheep-card:nth-child(-n+2) {
    border-bottom: 1px solid var(--line);
  }
}

@media (max-width: 1280px) and (min-width: 1121px) {
  #comprendre .understand-sheep-card strong {
    font-size: clamp(28px, 3vw, 40px);
  }
}

@media (max-width: 900px) {
  #comprendre .sheep-manifesto {
    grid-template-columns: 1fr !important;
  }

  #comprendre .understand-sheep-card {
    min-height: 250px;
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  #comprendre .understand-sheep-card:last-child {
    border-bottom: 0;
  }

}




/* NO_PNJ_SECTION2_TITLE_SIZE_UNIFIED_START */
@media (min-width: 1121px) {
#comprendre .understand-sheep-card strong{
  font-size:clamp(27px, 2.55vw, 36px)!important;
  letter-spacing:-.035em!important;
  transform:none!important;
}
}
/* NO_PNJ_SECTION2_TITLE_SIZE_UNIFIED_END */


/* NO_PNJ_SECTION2_ANDROID_CLOSE_START */
@media (hover: none), (pointer: coarse) {
#comprendre .understand-sheep-card.is-active .understand-capsule{
  touch-action:manipulation;
}
}
/* NO_PNJ_SECTION2_ANDROID_CLOSE_END */


/* NO_PNJ_SECTION2_CAPSULE_ASSETS_START */
#comprendre .understand-capsule{
  overflow:hidden;
}

#comprendre .understand-capsule img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  pointer-events:none;
  filter:drop-shadow(0 18px 26px rgba(0,0,0,.58));
}

@media (hover: hover) and (pointer: fine){
  #comprendre .understand-capsule img{
    padding:clamp(18px, 2.4vw, 34px);
  }
}

@media (hover: none), (pointer: coarse){
  #comprendre .understand-capsule img{
    padding:14px;
  }
}
/* NO_PNJ_SECTION2_CAPSULE_ASSETS_END */


/* NO_PNJ_SECTION2_CAPSULE_FILL_START */
#comprendre .understand-capsule img{
  padding:0!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
/* NO_PNJ_SECTION2_CAPSULE_FILL_END */


/* NO_PNJ_SECTION2_CAPSULE_MOBILE_FIT_START */
@media (hover: none), (pointer: coarse){
  #comprendre .understand-capsule{
    overflow:hidden!important;
  }

  #comprendre .understand-capsule img{
    padding:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:contain!important;
    object-position:center center!important;
  }
}
/* NO_PNJ_SECTION2_CAPSULE_MOBILE_FIT_END */


/* NO_PNJ_SECTION2_ANDROID_OVERLAY_FRAME_START */
@media (hover: none), (pointer: coarse){
  #comprendre .understand-capsule{
    width:min(88vw, calc(74svh * .58), 430px)!important;
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    aspect-ratio:941/1672;
    border:0!important;
    background:#030303!important;
    box-shadow:
      0 0 18px rgba(0,0,0,.92),
      0 0 46px rgba(0,0,0,.86),
      0 0 82px rgba(0,0,0,.74)!important;
  }

  #comprendre .understand-capsule::after{
    content:"";
    position:absolute;
    inset:-1px;
    z-index:2;
    pointer-events:none;
    box-shadow:
      inset 0 0 16px rgba(0,0,0,.62),
      inset 0 0 34px rgba(0,0,0,.42);
  }

  #comprendre .understand-capsule img{
    position:relative;
    z-index:1;
    object-fit:cover!important;
  }
}
/* NO_PNJ_SECTION2_ANDROID_OVERLAY_FRAME_END */


/* NO_PNJ_SECTION2_MOBILE_TEXT_BLOCKS_START */
#comprendre .understand-sheep-card p::before,
#comprendre .understand-sheep-card p::after{
  content:none!important;
  display:none!important;
}

#comprendre .understand-sheep-card p{
  border:0!important;
}

@media (hover: none), (pointer: coarse), (max-width: 900px){
  #comprendre .understand-sheep-card p{
    max-width:none!important;
    border-bottom:0!important;
    box-shadow:none!important;
    background-image:none!important;
  }

  #comprendre .understand-sheep-card p span{
    display:block;
  }

  #comprendre .understand-sheep-card p span + span{
    margin-top:.2em;
  }
}
/* NO_PNJ_SECTION2_MOBILE_TEXT_BLOCKS_END */


/* NO_PNJ_SECTION2_MOBILE_INNER_LINES_START */
#comprendre .sheep-manifesto .understand-sheep-card > div:not(.understand-capsule){
  border-bottom:0!important;
  box-shadow:none!important;
}

@media (hover: none), (pointer: coarse), (max-width: 900px){
  #comprendre .sheep-manifesto .understand-sheep-card > div:not(.understand-capsule){
    border-bottom:0!important;
  }
}
/* NO_PNJ_SECTION2_MOBILE_INNER_LINES_END */

/* NO_PNJ_SECTION2_EASTER_EGG_4CLICKS_START */
@media (hover: hover) and (pointer: fine){
  #comprendre .understand-sheep-card:hover .understand-capsule,
  #comprendre .understand-sheep-card:focus-visible .understand-capsule{
    opacity:0!important;
    pointer-events:none!important;
    transform:translate3d(0, 100%, 0)!important;
    box-shadow:inset 0 0 28px rgba(255,255,255,.035)!important;
  }

  #comprendre .understand-sheep-card.is-active .understand-capsule,
  #comprendre .understand-sheep-card.is-active:hover .understand-capsule,
  #comprendre .understand-sheep-card.is-active:focus-visible .understand-capsule{
    opacity:1!important;
    pointer-events:none!important;
    transform:translate3d(0, 0, 0)!important;
    box-shadow:inset 0 0 32px rgba(255,255,255,.05)!important;
  }
}

#comprendre .understand-sheep-card{
  -webkit-tap-highlight-color:transparent;
}
/* NO_PNJ_SECTION2_EASTER_EGG_4CLICKS_END */