.elementor-2873 .elementor-element.elementor-element-d44a690 > .elementor-container{max-width:1180px;}.elementor-2873 .elementor-element.elementor-element-d44a690{margin-top:50px;margin-bottom:50px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}/* Start custom CSS for html, class: .elementor-element-81dec92 *//* =========================================================
   BLOC 01 - HERO CAS CLIENT
   ========================================================= */

.sg-hero-block{
  padding:64px 0 42px;
  overflow:hidden;
}

.sg-hero-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:64px;
  align-items:center;
}

.sg-hero-lead{
  max-width:690px;
  margin:28px 0 0;
  font-size:18px;
  line-height:1.75;
}

.sg-hero-buttons{
  display:flex;
  align-items:center;
  gap:0;
  margin-top:32px;
  flex-wrap:wrap;
}

.sg-hero-buttons .sg-btn-black{
  margin-left:-9px;
}

.sg-hero-baseline{
  margin-top:8px;
  max-width:620px;
  padding:22px 24px;
  border:3px solid var(--sg-black);
  border-radius:24px 38px 30px 22px;
  background:var(--sg-white);
  box-shadow:8px 9px 0 var(--sg-black);
  font-size:17px;
  line-height:1.35;
  font-weight:900;
  color:var(--sg-black);
  transform:rotate(.5deg);
  transition:transform .25s ease, box-shadow .25s ease;
}

.sg-hero-baseline:hover{
  transform:rotate(0deg) translateY(-4px);
  box-shadow:10px 12px 0 var(--sg-black);
}

.sg-hero-media{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.sg-hero-photo{
  position:relative;
  width:min(450px,100%);
  padding:14px;
  border:4px solid var(--sg-black);
  border-radius:34px 54px 38px 48px;
  background:var(--sg-white);
  transform:rotate(1.2deg);
  transition:transform .3s ease, border-radius .3s ease;
}

.sg-hero-photo::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:18px -18px -18px 18px;
  background:var(--sg-red);
  border-radius:34px 54px 38px 48px;
}

.sg-hero-photo img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  aspect-ratio:4 / 5;
  object-fit:cover;
  border-radius:24px 42px 28px 36px;
  filter:grayscale(100%);
  transition:filter .3s ease, transform .3s ease;
}

.sg-hero-photo:hover{
  transform:rotate(0deg) translateY(-6px);
  border-radius:42px 34px 52px 36px;
}

.sg-hero-photo:hover img{
  filter:grayscale(0%);
  transform:scale(1.015);
}

.sg-hero-sticker{
  position:absolute;
  right:0;
  bottom:52px;
  z-index:3;
  padding:15px 18px;
  border:3px solid var(--sg-black);
  border-radius:22px 28px 26px 20px;
  background:var(--sg-black);
  color:var(--sg-white);
  font-size:15px;
  line-height:1.15;
  font-weight:900;
  text-transform:uppercase;
  box-shadow:7px 8px 0 var(--sg-red);
  transform:rotate(-3deg);
  transition:transform .25s ease, box-shadow .25s ease;
}

.sg-hero-sticker:hover{
  transform:rotate(0deg) translateY(-4px);
  box-shadow:9px 10px 0 var(--sg-red);
}

@media(max-width:900px){
  .sg-hero-grid{
    grid-template-columns:1fr;
    gap:54px;
  }

  .sg-hero-media{
    min-height:auto;
    justify-content:flex-start;
  }

  .sg-hero-sticker{
    position:relative;
    right:auto;
    bottom:auto;
    margin-top:-24px;
    margin-left:20px;
    width:max-content;
  }
}

@media(max-width:560px){
  .sg-hero-block{
    padding:54px 0;
  }

  .sg-hero-buttons{
    gap:8px;
  }

  .sg-hero-buttons .sg-btn-black{
    margin-left:0;
  }

  .sg-hero-baseline{
    font-size:15px;
    padding:18px 20px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-96f0892 *//* =========================================================
   BLOC 02 - LE VRAI SUJET
   ========================================================= */

.sg-true-subject-block{
  padding-top:76px;
  padding-bottom:76px;
}

.sg-true-subject-text{
  transform:rotate(.4deg);
  transition:transform .25s ease, box-shadow .25s ease;
}

.sg-true-subject-text:hover{
  transform:rotate(0deg) translateY(-4px);
  box-shadow:10px 12px 0 var(--sg-black);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0522dad *//* =========================================================
   BLOC 03 - CE QUI A ETE FAIT
   ========================================================= */

.sg-work-list{
  border-bottom:2px solid var(--sg-white);
}

.sg-work-row{
  display:grid;
  grid-template-columns:96px 1fr;
  gap:32px;
  padding:30px 0;
  border-top:2px solid var(--sg-white);
  transition:transform .25s ease;
}

.sg-work-row:nth-child(even){
  border-top-style:dashed;
}

.sg-work-row:hover{
  transform:translateX(8px);
}

.sg-work-row span{
  color:var(--sg-red);
  font-size:42px;
  line-height:1;
  font-weight:900;
}

.sg-work-row p{
  max-width:880px;
  margin:14px 0 0;
}

@media(max-width:560px){
  .sg-work-row{
    grid-template-columns:1fr;
    gap:12px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8db1308 *//* =========================================================
   SHOWCASE RÉALISATIONS
   VISUEL PRINCIPAL CARRÉ + ACCORDÉON À DROITE
   ========================================================= */

.sg-showcase-block{
  background:#111111;
  color:#ffffff;
}

.sg-showcase-block .sg-title h2,
.sg-showcase-block .sg-title p{
  color:#ffffff;
}

.sg-showcase-block .sg-kicker{
  color:#E41C35;
}

/* STRUCTURE GLOBALE */

.sg-showcase{
  display:grid;
  grid-template-columns:minmax(0, 1fr) 360px;
  gap:28px;
  align-items:start;
}

/* VISUEL PRINCIPAL GAUCHE : CARRÉ FIXE */

.sg-show-main{
  position:relative;

  width:100%;
  aspect-ratio:1 / 1;

  padding:0;
  border:3px solid #ffffff;
  border-radius:34px 54px 38px 48px;

  background:#ffffff;
  overflow:hidden;
  cursor:pointer;

  transition:
    transform .28s ease,
    border-color .28s ease,
    border-radius .28s ease;
}

.sg-show-main:hover{
  transform:translateY(-8px);
  border-color:#E41C35;
  border-radius:44px 36px 52px 34px;
}

.sg-show-main img{
  width:100%;
  height:100%;

  display:block;
  object-fit:cover;

  filter:grayscale(100%);

  transition:
    transform .35s ease,
    filter .35s ease;
}

.sg-show-main:hover img{
  transform:scale(1.03);
  filter:grayscale(0%);
}

.sg-show-main::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.72), transparent 58%);
  pointer-events:none;
}

.sg-show-main span{
  position:absolute;
  z-index:2;
  left:26px;
  right:26px;
  bottom:24px;

  color:#ffffff;

  font-family:"Ruda", Arial, sans-serif;
  font-size:26px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  text-align:left;
}

/* COLONNE DROITE */

.sg-show-side{
  display:flex;
  flex-direction:column;
  gap:16px;
}

/* APERÇUS RECTANGULAIRES PAR DÉFAUT */

.sg-show-item{
  position:relative;

  width:100%;
  height:112px;

  padding:0;
  border:3px solid #ffffff;
  border-radius:24px 34px 26px 30px;

  background:#ffffff;
  overflow:hidden;
  cursor:pointer;

  transition:
    height .38s ease,
    transform .28s ease,
    border-color .28s ease,
    border-radius .28s ease;
}

.sg-show-item:nth-child(even){
  border-style:dashed;
}

/* EFFET ACCORDÉON : L’ITEM SURVOLÉ DEVIENT CARRÉ */

.sg-show-item:hover{
  height:360px;

  transform:translateY(-4px);
  border-color:#E41C35;
  border-radius:34px 48px 36px 42px;
}

/* IMAGE RECTANGULAIRE PAR DÉFAUT */

.sg-show-item img{
  width:100%;
  height:100%;

  display:block;
  object-fit:cover;
  object-position:center;

  filter:grayscale(100%);

  transition:
    transform .35s ease,
    filter .35s ease,
    object-fit .2s ease;
}

/* AU SURVOL : IMAGE ENTIÈRE VISIBLE */

.sg-show-item:hover img{
  object-fit:contain;
  background:#ffffff;
  filter:grayscale(0%);
  transform:scale(1);
}

.sg-show-item::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(to top, rgba(0,0,0,.74), transparent 62%);
  pointer-events:none;

  transition:opacity .25s ease;
}

.sg-show-item:hover::after{
  opacity:.45;
}

.sg-show-item span{
  position:absolute;
  z-index:2;
  left:18px;
  right:18px;
  bottom:16px;

  color:#ffffff;

  font-family:"Ruda", Arial, sans-serif;
  font-size:18px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  text-align:left;
}

/* POUR QUE LE TEXTE RESTE LISIBLE SI L’IMAGE EST CLAIRE */

.sg-show-item:hover span{
  text-shadow:0 2px 12px rgba(0,0,0,.65);
}

/* =========================================================
   LIGHTBOX
   ========================================================= */

.sg-lightbox{
  position:fixed;
  z-index:999999;
  inset:0;

  display:none;
  align-items:center;
  justify-content:center;

  padding:28px;

  background:rgba(0,0,0,.90);
}

.sg-lightbox.is-open{
  display:flex;
}

.sg-lightbox-inner{
  width:min(1120px, 94vw);
  max-height:88vh;

  padding:18px;

  border:3px solid #ffffff;
  border-radius:28px 44px 32px 40px;

  background:#111111;
}

.sg-lightbox-inner p{
  margin:0 0 14px;

  color:#ffffff;

  font-family:"Ruda", Arial, sans-serif;
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
}

.sg-lightbox-inner img{
  width:100%;
  max-height:74vh;

  display:block;
  object-fit:contain;

  border-radius:20px 34px 24px 30px;

  background:#ffffff;
}

.sg-lightbox-close{
  position:fixed;
  top:22px;
  right:26px;

  width:48px;
  height:48px;

  border:3px solid #ffffff;
  border-radius:999px;

  background:#111111;
  color:#ffffff;

  font-size:34px;
  line-height:1;

  cursor:pointer;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width:980px){

  .sg-showcase{
    grid-template-columns:1fr;
  }

  .sg-show-side{
    display:grid;
    grid-template-columns:repeat(2, minmax(0, 1fr));
    gap:18px;
  }

  .sg-show-item{
    height:160px;
  }

  .sg-show-item:hover{
    height:auto;
    aspect-ratio:1 / 1;
  }

}

@media (max-width:640px){

  .sg-show-side{
    grid-template-columns:1fr;
  }

  .sg-show-main{
    border-radius:28px 40px 30px 34px;
  }

  .sg-show-main span{
    font-size:21px;
  }

  .sg-show-item{
    height:140px;
  }

  .sg-show-item:hover{
    height:auto;
    aspect-ratio:1 / 1;
  }

  .sg-show-item span{
    font-size:16px;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7caf6f2 *//* =========================================================
   BLOC 05 - UNIVERS DE CONTENU
   ========================================================= */

.sg-story-list{
  display:grid;
  gap:36px;
}

.sg-story-row{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:42px;
  align-items:center;
  padding:28px;
  border:3px solid var(--sg-black);
  border-radius:34px 54px 36px 42px;
  background:var(--sg-white);
  box-shadow:8px 9px 0 var(--sg-black);
  transition:transform .25s ease, box-shadow .25s ease;
}

.sg-story-row:nth-child(even){
  grid-template-columns:1.18fr .82fr;
  border-style:dashed;
  border-radius:52px 32px 44px 30px;
}

.sg-story-row:nth-child(even) .sg-story-visual{
  order:2;
}

.sg-story-row:hover{
  transform:translateY(-7px);
  box-shadow:10px 12px 0 var(--sg-black);
}

.sg-story-visual{
  position:relative;
  border:3px solid var(--sg-black);
  border-radius:26px 40px 28px 34px;
  background:#d8d8d8;
  min-height:230px;
  overflow:hidden;
}

.sg-story-visual img{
  width:100%;
  height:100%;
  min-height:230px;
  object-fit:cover;
  display:block;
  filter:grayscale(100%);
  transition:filter .3s ease, transform .3s ease;
}

.sg-story-row:hover .sg-story-visual img{
  filter:grayscale(0%);
  transform:scale(1.04);
}

.sg-story-visual span{
  position:absolute;
  left:18px;
  bottom:16px;
  color:var(--sg-white);
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
  text-shadow:0 2px 12px var(--sg-black);
}

@media(max-width:900px){
  .sg-story-row,
  .sg-story-row:nth-child(even){
    grid-template-columns:1fr;
  }

  .sg-story-row:nth-child(even) .sg-story-visual{
    order:0;
  }
}

@media(max-width:560px){
  .sg-story-row{
    padding:24px;
  }
}
.sg-story-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  margin-top:22px;
  padding:12px 22px;

  border-radius:999px;
  border:2px solid #E41C35;

  background:#E41C35;
  color:#ffffff;

  font-family:"Ruda", Arial, sans-serif;
  font-size:14px;
  font-weight:900;
  line-height:1;
  text-transform:uppercase;
  text-decoration:none;

  transition:
    transform .25s ease,
    background .25s ease,
    color .25s ease,
    border-color .25s ease;
}

.sg-story-link:hover{
  transform:translateY(-4px);

  background:#111111;
  border-color:#111111;
  color:#ffffff;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06cde45 *//* =========================================================
   BLOC 07 - CREATION VIDEO
   ========================================================= */

.sg-video-list{
  display:grid;
  gap:30px;
}

.sg-video-row{
  display:grid;
  grid-template-columns:.95fr 1.05fr;
  gap:36px;
  align-items:center;
  padding:28px;
  border:3px solid var(--sg-black);
  border-radius:34px 50px 34px 42px;
  background:var(--sg-white);
  box-shadow:8px 9px 0 var(--sg-black);
  transition:transform .25s ease, box-shadow .25s ease;
}

.sg-video-row:nth-child(even){
  border-style:dashed;
  border-radius:50px 34px 42px 30px;
}

.sg-video-row:hover{
  transform:translateY(-7px);
  box-shadow:10px 12px 0 var(--sg-black);
}

.sg-video-box{
  position:relative;
  width:100%;
  aspect-ratio:16 / 9;
  border:3px solid var(--sg-black);
  border-radius:22px 34px 24px 30px;
  background:var(--sg-black);
  overflow:hidden;
}

.sg-video-box iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}

@media(max-width:900px){
  .sg-video-row{
    grid-template-columns:1fr;
  }
}

@media(max-width:560px){
  .sg-video-row{
    padding:24px;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb59abe *//* =========================================================
   BLOC 08 - COMMUNICATION TERRAIN
   ========================================================= */

.sg-terrain-list{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:36px;
  border-top:2px dashed var(--sg-white);
  border-bottom:2px dashed var(--sg-white);
  padding:34px 0;
}

.sg-terrain-list h3{
  color:var(--sg-red);
  font-size:34px;
}

.sg-terrain-list p{
  margin:14px 0 0;
}

@media(max-width:900px){
  .sg-terrain-list{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bb54765 *//* =========================================================
   BLOC 09 - COMPETENCES
   ========================================================= */

.sg-skills-block .sg-pill-list{
  max-width:1040px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f784363 */@import url('https://fonts.googleapis.com/css2?family=Ruda:wght@400;500;600;700;800;900&display=swap');

.sg-faq-item,
.sg-faq-item * {
    font-family: 'Ruda', Arial, Helvetica, sans-serif !important;
}

.sg-faq-item {
    background: #ffffff;
    border: 2px solid #111111;
    border-radius: 24px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 6px 6px 0 #ffffff;
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease,
        border-color 0.25s ease;
}

/* HOVER */

.sg-faq-item:hover {
    transform: translateY(-4px);
    box-shadow: 8px 8px 0 #ef233c;
    border-color: #ef233c;
}

/* TITRE */

.sg-faq-item summary {
    list-style: none;
    cursor: pointer;
    padding: 24px 30px;
    padding-right: 70px;
    font-size: 18px !important;
    line-height: 1.25;
    font-weight: 900;
    color: #111111;
    text-transform: uppercase;
    letter-spacing: -0.02em;
    position: relative;
}

/* SUPPRIME LE CHEVRON NATIF */

.sg-faq-item summary::-webkit-details-marker {
    display: none;
}

/* ICONE + */

.sg-faq-item summary::after {
    content: "+";
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.8rem;
    font-weight: 900;
    color: #ef233c;
    transition: 0.25s ease;
}

/* ICONE X QUAND OUVERT */

.sg-faq-item[open] summary::after {
    transform: translateY(-50%) rotate(45deg);
}

/* CONTENU */

.sg-faq-content {
    padding: 0 30px 24px;
}

.sg-faq-content p {
    color: #666666;
    font-size: 16px !important;
    line-height: 1.8;
    font-weight: 400;
    margin: 0;
}

/* FAQ OUVERTE */

.sg-faq-item[open] {
    box-shadow: 8px 8px 0 #ef233c;
    border-color: #ef233c;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-01db255 *//* =========================================================
   BLOC 11 - CTA FINAL
   ========================================================= */

.sg-cta-line{
  display:grid;
  grid-template-columns:1fr auto;
  gap:36px;
  align-items:center;
  padding:46px 0;
  border-top:2px dashed var(--sg-white);
  border-bottom:2px dashed var(--sg-white);
}

.sg-cta-line p:last-child{
  max-width:720px;
  margin:18px 0 0;
  font-size:18px;
  line-height:1.65;
}

@media(max-width:900px){
  .sg-cta-line{
    grid-template-columns:1fr;
  }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   PAGE CAS CLIENT BIGJIM EVENT / ASSOCIATION JIM SHOW
   BASE GLOBALE - SG COMMUNICATION
   ========================================================= */

:root{
  --sg-red:#E41C35;
  --sg-black:#080808;
  --sg-white:#FFFFFF;
  --sg-grey:#666666;
  --sg-light-grey:#F6F6F6;
}

.sg-client-page{
  font-family:"Ruda", Arial, sans-serif !important;
  color:var(--sg-black);
  background:var(--sg-white);
  overflow:hidden;
}

.sg-client-page *{
  box-sizing:border-box;
  font-family:"Ruda", Arial, sans-serif !important;
}

.sg-wrap{
  width:min(1180px, calc(100% - 44px));
  margin:0 auto;
}

.sg-section{
  padding:76px 0;
}

.sg-bg-white{
  background:var(--sg-white);
  color:var(--sg-black);
}

.sg-bg-black{
  background:var(--sg-black);
  color:var(--sg-white);
}

.sg-bg-black h1,
.sg-bg-black h2,
.sg-bg-black h3,
.sg-bg-black p{
  color:var(--sg-white);
}

.sg-bg-black p{
  color:rgba(255,255,255,.78);
}

.sg-kicker{
  margin:0 0 26px;
  color:var(--sg-red) !important;
  font-size:12px;
  line-height:1.2;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.sg-client-page h1,
.sg-client-page h2,
.sg-client-page h3,
.sg-client-page p{
  margin-top:0;
}

.sg-client-page h1{
  margin-bottom:0;
  color:var(--sg-black);
  font-size:clamp(44px,6vw,78px);
  line-height:.94;
  letter-spacing:-.055em;
  font-weight:900;
  text-transform:uppercase;
}

.sg-client-page h2{
  margin-bottom:0;
  color:var(--sg-black);
  font-size:clamp(34px,4vw,58px);
  line-height:1;
  letter-spacing:-.045em;
  font-weight:900;
  text-transform:uppercase;
}

.sg-client-page h3{
  margin-bottom:0;
  color:var(--sg-black);
  font-size:clamp(22px,2.2vw,30px);
  line-height:1.05;
  font-weight:900;
  text-transform:uppercase;
}

.sg-client-page h1 span,
.sg-client-page h2 span,
.sg-client-page h3 span{
  color:var(--sg-red);
}

.sg-client-page p{
  color:var(--sg-grey);
  font-size:17px;
  line-height:1.65;
}

.sg-title{
  max-width:920px;
  margin-bottom:46px;
}

.sg-title p:last-child{
  max-width:740px;
  margin:18px 0 0;
}

.sg-two-cols{
  display:grid;
  grid-template-columns:.92fr 1.08fr;
  gap:64px;
  align-items:start;
}

.sg-bubble{
  padding:32px;
  border:3px solid var(--sg-black);
  border-radius:28px 46px 30px 24px;
  background:var(--sg-white);
  box-shadow:8px 9px 0 var(--sg-black);
  color:var(--sg-black);
}

.sg-bubble.sg-dashed{
  border-style:dashed;
}

.sg-bubble p + p{
  margin-top:18px;
}

.sg-bubble p:last-child{
  margin-bottom:0;
}

.sg-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:14px 23px;
  border-radius:999px;
  font-size:14px;
  line-height:1;
  font-weight:900;
  text-transform:uppercase;
  text-decoration:none;
  transition:transform .25s ease, background .25s ease, color .25s ease;
}

.sg-btn:hover{
  transform:translateY(-4px);
}

.sg-btn-red{
  background:var(--sg-red);
  color:var(--sg-white) !important;
}

.sg-btn-black{
  background:var(--sg-black);
  color:var(--sg-white) !important;
}

.sg-btn-white{
  background:var(--sg-white);
  color:var(--sg-black) !important;
}

.sg-pill-list{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

.sg-pill-list span{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 18px;
  border:2px solid var(--sg-black);
  border-radius:999px;
  color:var(--sg-black);
  background:var(--sg-white);
  font-size:13px;
  font-weight:900;
  text-transform:uppercase;
  transition:transform .25s ease, background .25s ease, color .25s ease;
}

.sg-pill-list span:nth-child(3n+1){
  background:var(--sg-red);
  color:var(--sg-white);
  border-color:var(--sg-red);
}

.sg-pill-list span:hover{
  transform:translateY(-4px);
  background:var(--sg-black);
  color:var(--sg-white);
  border-color:var(--sg-black);
}

.sg-lightbox{
  position:fixed;
  z-index:999999;
  inset:0;
  display:none;
  align-items:center;
  justify-content:center;
  padding:28px;
  background:rgba(0,0,0,.9);
}

.sg-lightbox.is-open{
  display:flex;
}

.sg-lightbox-inner{
  width:min(1120px,94vw);
  max-height:88vh;
  padding:18px;
  border:3px solid var(--sg-white);
  border-radius:24px 38px 28px 30px;
  background:var(--sg-black);
}

.sg-lightbox-inner p{
  margin:0 0 14px;
  color:var(--sg-white);
  font-size:18px;
  font-weight:900;
  text-transform:uppercase;
}

.sg-lightbox-inner img{
  width:100%;
  max-height:74vh;
  object-fit:contain;
  display:block;
  border-radius:18px 28px 20px 24px;
  background:var(--sg-white);
}

.sg-lightbox-close{
  position:fixed;
  top:22px;
  right:26px;
  width:48px;
  height:48px;
  border:3px solid var(--sg-white);
  border-radius:999px;
  background:var(--sg-black);
  color:var(--sg-white);
  font-size:34px;
  line-height:1;
  cursor:pointer;
}

@media(max-width:900px){
  .sg-two-cols{
    grid-template-columns:1fr;
    gap:42px;
  }
}

@media(max-width:560px){
  .sg-wrap{
    width:min(100% - 32px, 1180px);
  }

  .sg-section{
    padding:54px 0;
  }

  .sg-kicker{
    margin-bottom:22px;
    font-size:11px;
  }

  .sg-bubble{
    padding:24px;
  }
}/* End custom CSS */