:root{
  --bg:#061012; --bg2:#081818; --card:rgba(255,255,255,.06);
  --txt:#e8e8f2; --muted:#b9b9c9; --brand1:#00e49b; --brand2:#00ffa8;
  --accent:#72ffb8; --glass:blur(10px) saturate(120%);
}

*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0; font-family:"Plus Jakarta Sans",system-ui,-apple-system,Segoe UI,Roboto,Arial;
  color:var(--txt); background: radial-gradient(1200px 800px at 10% -10%, #13162b 0%, #070711 50%) fixed;
}


.container{width:min(1100px,92%); margin-inline:auto}
.section{padding:72px 0}
.section--alt{background:linear-gradient(180deg, transparent, rgba(255,255,255,.02))}
.section__title{font-size:clamp(1.6rem,1.2rem + 2vw,2.2rem); margin:0 0 24px}


.nav{position:sticky; top:0; backdrop-filter:var(--glass); background:rgba(7,7,17,.5); border-bottom:1px solid rgba(255,255,255,.06); z-index:50}
.nav__inner{display:flex; align-items:center; justify-content:space-between; padding:12px 0}
.brand{display:flex; align-items:center; gap:10px; font-weight:800}
.brand__logo{display:inline-grid; place-items:center; width:28px; height:28px; border-radius:8px; background:linear-gradient(45deg,var(--brand1),var(--brand2))}
.brand__name{letter-spacing:.3px}
.nav__links{display:flex; gap:18px; align-items:center}
.nav__links a{color:var(--muted); text-decoration:none}
.nav__links a:hover{color:var(--txt)}
.nav__burger{display:none; background:none; border:0; color:var(--txt); font-size:22px}

.btn{display:inline-flex; align-items:center; gap:8px; padding:12px 18px; border-radius:14px; text-decoration:none; border:1px solid rgba(255,255,255,.12); background:linear-gradient(45deg,var(--brand1),var(--brand2)); color:#0b0b12; font-weight:700}
.btn--ghost{background:transparent; color:var(--txt)}
.btn--sm{padding:8px 12px; font-size:.9rem}


.hero{position:relative; padding:92px 0 40px; overflow:hidden}
.hero__bg{position:absolute; inset:-20% -20% auto -20%; height:420px; background:
    radial-gradient(600px 300px at 20% 10%, rgba(0,194,255,.28), transparent 60%),
    radial-gradient(500px 250px at 80% 0%, rgba(0,228,155,.25), transparent 60%);
  filter:blur(40px); pointer-events:none}
.hero__inner{text-align:center}
.hero__title{font-size:clamp(2rem,1.5rem + 3vw,3rem); margin:0 0 10px; line-height:1.1}
.txt-gradient{background:linear-gradient(45deg,var(--brand1),var(--brand2)); -webkit-background-clip:text; background-clip:text; color:transparent}
.hero__subtitle{color:var(--muted); margin:0 auto 24px; max-width:720px}
.hero__cta{display:flex; gap:12px; justify-content:center; flex-wrap:wrap; margin-bottom:26px}
.ipbox{display:flex; gap:8px; align-items:center; padding:8px 10px; border-radius:12px; background:var(--card); border:1px solid rgba(255,255,255,.08)}
.ipbox code{font-weight:700}


.stats{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:14px; margin-top:8px}
.stat{padding:16px; border-radius:16px; background:var(--card); border:1px solid rgba(255,255,255,.07)}
.stat__value{font-size:1.6rem; font-weight:800}
.stat__label{color:var(--muted); font-size:.9rem}


.grid{display:grid; gap:14px}
.features{grid-template-columns:repeat(4, minmax(0,1fr))}
.card{background:var(--card); border:1px solid rgba(255,255,255,.07); border-radius:18px; padding:18px; backdrop-filter:var(--glass)}
.feature .icon{width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:linear-gradient(45deg,rgba(124,77,255,.25),rgba(0,229,255,.25)); color:var(--accent); margin-bottom:8px}
.feature h3{margin:6px 0 6px; font-size:1.05rem}
.feature p{margin:0; color:var(--muted)}


.about{display:grid; grid-template-columns:1.1fr .9fr; gap:22px}
.bullets{margin:10px 0 6px; padding-left:18px}
.bullets li{margin:6px 0}
.media{height:280px; display:grid; place-items:center}
.media__thumb{width:100%; height:100%; border-radius:14px; border:1px dashed rgba(255,255,255,.15); display:grid; place-items:center; color:var(--muted);}


.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; counter-reset:step}
.steps .card{position:relative; padding-left:56px; min-height:72px}
.steps .card::before{counter-increment:step; content:counter(step); position:absolute; left:14px; top:14px; width:28px; height:28px; border-radius:10px; display:grid; place-items:center; background:linear-gradient(45deg,var(--brand1),var(--brand2)); color:#0b0b12; font-weight:800}

.accordion__item{border-radius:14px; overflow:hidden; margin-bottom:10px; border:1px solid rgba(255,255,255,.08); background:var(--card)}
.accordion__btn{width:100%; text-align:left; padding:16px; background:none; border:0; color:var(--txt); font-weight:600}
.accordion__panel{display:none; padding:0 16px 16px; color:var(--muted)}
.accordion__item.active .accordion__panel{display:block}


.footer{border-top:1px solid rgba(255,255,255,.08); background:var(--bg2); padding:28px 0}
.footer__inner{display:flex; gap:16px; justify-content:space-between; align-items:center; flex-wrap:wrap}
.footer__links a{color:var(--muted); text-decoration:none; margin-right:12px}
.footer__links a:hover{color:var(--txt)}


@media (max-width: 980px){
  .features{grid-template-columns:repeat(2,1fr)}
  .about{grid-template-columns:1fr}
  .steps{grid-template-columns:1fr}
  .nav__links{display:none}
  .nav__burger{display:block}
}

.brand__img{
  width: 150px;          
  height: 150px;
  object-fit: contain;   
}
@media (min-width: 1024px){
  .brand__img{ width: 64px; height: 64px; }
}

.btn{border-radius:999px; letter-spacing:.3px; text-transform:uppercase; font-size:.95rem}
.btn--ghost{border-color:rgba(255,255,255,.18)}
.nav{background:rgba(5,6,10,.65)}


.card{box-shadow: 0 8px 24px rgba(0,255,168,.06)}
.btn{box-shadow: 0 6px 16px rgba(0,255,168,.18)}
.feature .icon{background:linear-gradient(45deg,rgba(0,228,155,.25),rgba(0,255,168,.18)); color:#72ffb8}


.modal{position:fixed; inset:0; display:none; align-items:center; justify-content:center; z-index:100; background:rgba(0,0,0,.6); padding:20px}
.modal__dialog{width:min(1100px,96%); background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12); border-radius:20px; overflow:hidden; backdrop-filter: blur(10px)}
.modal__header{display:flex; align-items:center; justify-content:space-between; padding:14px 16px; border-bottom:1px solid rgba(255,255,255,.08); background:linear-gradient(90deg, rgba(0,228,155,.12), transparent)}
.modal__title{font-weight:800}
.modal__body{display:grid; grid-template-columns:260px 1fr; min-height:420px}
.modal__tabs{border-right:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.15)}
.tab{width:100%; padding:14px 16px; text-align:left; background:none; border:0; color:var(--txt); border-bottom:1px solid rgba(255,255,255,.06); cursor:pointer}
.tab.active{background:linear-gradient(90deg, rgba(0,228,155,.18), transparent); font-weight:700}
.modal__content{padding:16px; max-height:60vh; overflow:auto}
.modal__content h3{margin:0 0 10px}
.modal__footer{display:flex; justify-content:flex-end; gap:10px; padding:12px 16px; border-top:1px solid rgba(255,255,255,.08)}
.closeBtn{background:transparent; color:var(--txt); border:1px solid rgba(255,255,255,.18); padding:10px 14px; border-radius:12px}


.subnav{display:flex; flex-wrap:wrap; gap:8px; margin:10px 0 14px}
.subtab{padding:8px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.14); background:rgba(0,0,0,.18); color:var(--txt); cursor:pointer}
.subtab.active{background:linear-gradient(45deg,var(--brand1),var(--brand2)); color:#0b0b12; font-weight:800}
[data-subpanel]{border:1px solid rgba(255,255,255,.08); border-radius:12px; padding:12px; background:rgba(0,0,0,.12); margin-bottom:10px}


.nav__dropdown{position:relative; display:inline-block}
.nav__dropbtn{
  background:transparent; border:0; color:var(--txtDim);
  font:inherit; padding:8px 12px; cursor:pointer; border-radius:10px;
}
.nav__dropbtn:focus{outline:2px solid rgba(255,255,255,.18)}
.nav__dropbtn[aria-expanded="true"] .caret{transform:rotate(180deg)}
.nav__dropbtn .caret{display:inline-block; margin-left:6px; transition:transform .2s}
.nav__dropmenu{
  position:absolute; top:110%; left:0; min-width:200px; z-index:30;
  background:#2a2a3a; border:1px solid rgba(255,255,255,.12);
  box-shadow:0 10px 30px rgba(0,0,0,.4); border-radius:12px; padding:8px;
}
.drop__link{
  display:flex; align-items:center; gap:8px;
  padding:10px 12px; border-radius:10px; text-decoration:none; color:var(--txt);
}
.drop__link:hover{background:rgba(255,255,255,.08)}
@media (max-width:820px){
  .nav__dropmenu{left:auto; right:0}
}

.lead.muted{color:var(--muted); margin-top:-6px; margin-bottom:14px}
.features--extended{grid-template-columns:repeat(4, minmax(0,1fr))}
.chips{display:flex; gap:8px; flex-wrap:wrap; margin-top:10px}
.chip{display:inline-flex; align-items:center; padding:6px 10px; border-radius:999px; font-weight:700; font-size:.85rem; text-decoration:none;
  color:#0b0b12; background:linear-gradient(45deg,var(--brand1),var(--brand2)); border:1px solid rgba(255,255,255,.14)}
.chip:hover{filter:brightness(1.02)}
@media (max-width:980px){ .features--extended{grid-template-columns:repeat(2,1fr)} }


.hero{padding:112px 0 56px}
.hero__title{font-weight:800; letter-spacing:.2px}
.hero__subtitle{font-size:1.05rem}
.hero__cta .btn{min-width:180px}
.ipbox{padding:10px 12px; border-radius:14px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.12)}
.ipbox code{font-size:.95rem}
.btn{box-shadow:0 10px 28px rgba(0,255,168,.20)}
.btn--ghost{border-color:rgba(255,255,255,.22); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08)}

.statdeck{
  margin:20px auto 0;
  padding:14px;
  border-radius:20px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 30px rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.04);
  width:min(980px,100%);
}
.stats{gap:18px}
.stat{padding:18px; border-radius:18px; background:rgba(0,0,0,.25); border:1px solid rgba(255,255,255,.10)}
.stat__value{font-size:1.8rem; text-shadow:0 2px 10px rgba(0,255,168,.12)}
.stat__label{opacity:.9}


.hero__bg{filter:blur(46px) saturate(120%)}
.txt-gradient{font-weight:900}


@media (max-width: 720px){
  .hero{padding:92px 0 40px}
  .hero__cta .btn{min-width:unset}
  .statdeck{padding:10px}
  .stat{padding:14px}
}


.systems{grid-template-columns:repeat(3,1fr)}
.sys h3{margin:4px 0 6px; font-size:1.05rem}
.sys p{color:var(--muted); margin:0}


.votegrid{grid-template-columns:1.1fr .9fr; gap:14px}
.vipgrid{grid-template-columns:1fr}
.cta-row{display:flex; gap:10px; flex-wrap:wrap; margin-top:10px}
@media (max-width:980px){ .systems{grid-template-columns:1fr} .votegrid{grid-template-columns:1fr} }


.patch__tools{display:flex; justify-content:flex-end; margin:-6px 0 12px}
.patch__tools .input{width:min(520px,100%); padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:var(--txt)}
.patch__limiter[data-collapsed="true"] .accordion__item{display:none}
.patch__limiter[data-collapsed="true"] .accordion__item:nth-child(-n+6){display:block}
#btnPatchMore{margin-top:12px}


.join__grid{grid-template-columns:repeat(3,1fr); gap:14px}
.join__extras{grid-template-columns:repeat(2,1fr); margin-top:12px}
@media (max-width:980px){ .join__grid{grid-template-columns:1fr} .join__extras{grid-template-columns:1fr} }
.join__grid .card h3{margin:6px 0 8px}


.faq__tools{display:grid; grid-template-columns:1fr; gap:10px; margin:0 0 14px}
.faq__tools .input{width:min(520px,100%); padding:10px 12px; border-radius:10px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.06); color:var(--txt)}
.faq__filters{gap:8px}
.chip--filter{background:rgba(0,0,0,.18); color:var(--txt); border:1px solid rgba(255,255,255,.14)}
.chip--filter.active{background:linear-gradient(45deg,var(--brand1),var(--brand2)); color:#0b0b12; font-weight:800}
.faq__bulk{display:flex; gap:8px; flex-wrap:wrap}

#howto ol{
  display: flex;
  flex-wrap: wrap;     
  gap: 16px;            
  padding-left: 0;
  margin: 0;
  list-style: none;    
}
#howto ol > li{
  flex: 1 1 320px;     
  min-width: 280px;     
  margin: 0;
}
#howto ol > li > *{    
  width: 100%;
  display: flex;
  align-items: center;
}  




.site-footer{background:var(--bg2); border-top:1px solid rgba(255,255,255,.08); margin-top:40px}
.footer__top{display:grid; grid-template-columns:1.2fr 1fr; gap:24px; padding:32px 0}
.footer__cta h3{margin:0 0 8px; font-size:clamp(1.2rem,1rem + 1.4vw,1.6rem)}
.footer__cta p{color:var(--muted); margin:0 0 14px}
.footer__cols{display:grid; grid-template-columns:repeat(3, minmax(0,1fr)); gap:18px}
.fcol h4{margin:0 0 8px; font-size:1rem}
.fnav{list-style:none; padding:0; margin:0}
.fnav li{margin:8px 0}
.fnav a{color:var(--muted); text-decoration:none}
.fnav a:hover{color:var(--txt)}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08); background:rgba(0,0,0,.25)}
.footer__bottom__inner{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 0}
.footer__links a{color:var(--muted); text-decoration:none; margin-left:16px}
.footer__links a:hover{color:var(--txt)}
@media (max-width:980px){
  .footer__top{grid-template-columns:1fr; gap:18px}
  .footer__cols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .footer__cols{grid-template-columns:1fr}
  .footer__bottom__inner{flex-direction:column; align-items:flex-start}
}



body{
  background-color: #ffffff41;
}


body::before{
  content:"";
  position:fixed;        
  inset:0;
  z-index:-2;             
  background:
    url("Banniere_GUEZZ2.png") center/cover no-repeat fixed;
  filter: none;           
}


body::after{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  background: radial-gradient(1200px 800px at 10% -10%, rgba(29, 255, 78, 0.35), rgba(5, 5, 5, 0.55)),
              linear-gradient(180deg, rgba(8, 207, 35, 0.35), rgba(0,0,0,.65));
  pointer-events:none;
}


.card{ background: rgba(255,255,255,.06); border-color: rgba(255,255,255,.10); }


.hero__art{position:relative; height:0;}
.hero__art .char{position:absolute; pointer-events:none; filter:drop-shadow(0 12px 24px rgba(0,0,0,.5)); opacity:.9; image-rendering:auto;}
.hero__art .char--left{left:-40px; bottom:-40px; width:min(28vw,340px); transform:rotate(-2deg)}
.hero__art .char--right{right:-30px; bottom:-46px; width:min(28vw,360px); transform:scaleX(-1) rotate(2deg)}
.hero__art .char--center{left:50%; transform:translateX(-50%); bottom:-60px; width:min(26vw,320px); opacity:.85}
@media (max-width: 980px){
  .hero__art .char--center{display:none}
}
@media (max-width: 720px){
  .hero__art .char{display:none}
}


.about__media--image{display:grid; place-items:center}
.about__illustration{max-width:100%; height:auto; border-radius:18px; border:1px solid rgba(255,255,255,.12); box-shadow:0 12px 34px rgba(0,0,0,.35)}


.section__banner{display:flex; justify-content:center; margin:4px 0 10px}
.section__banner img{max-height:92px; opacity:.9; filter:drop-shadow(0 8px 24px rgba(0,255,168,.18));}


.section--gallery{background:linear-gradient(180deg, transparent, rgba(0,255,168,.05));}
.galgrid{display:grid; grid-template-columns:repeat(5,1fr); gap:12px; align-items:end}
.gallery__item{background:var(--card); border:1px solid rgba(255,255,255,.08); border-radius:18px; padding:10px; display:grid; place-items:center; height:220px; backdrop-filter:var(--glass)}
.gallery__item img{max-width:100%; max-height:100%; object-fit:contain; filter:drop-shadow(0 10px 22px rgba(0,0,0,.5));}
@media (max-width:980px){ .galgrid{grid-template-columns:repeat(3,1fr)} .gallery__item{height:200px} }
@media (max-width:620px){ .galgrid{grid-template-columns:repeat(2,1fr)} .gallery__item{height:180px} }


.brand__img--footer{width:48px; height:48px}



.hero{position:relative}
.hero__bg{z-index:0; position:absolute}
.hero__inner{position:relative; z-index:2}
.hero__art{position:absolute; inset:0; z-index:1; pointer-events:none}


.hero__art .char{bottom:0}



.about__media iframe{width:100%; height:100%; border-radius:14px; border:0; object-fit:cover}



#btnPatchMore{
  display:block;
  margin:20px auto 0;
}



.card, .feature, .sys { transition: transform .25s ease, box-shadow .25s ease; }
.card:hover, .feature:hover, .sys:hover {
  transform: translateY(-4px);
  box-shadow: 0 12px 28px rgba(0,0,0,.35), 0 0 12px rgba(0,255,168,.25);
}


.char{ max-width:280px; height:auto; object-fit:contain; }
.char--left{ transform: translateX(-6%); }
.char--right{ transform: translateX(6%); }
@media (max-width: 720px){
  .char{ max-width:200px; }
}


a:focus, button:focus { outline: 2px solid rgba(0,255,168,.4); outline-offset: 2px; }


.gallery { padding-block: 64px; }
.gallery__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; }
.gallery__item { display:block; border-radius:12px; overflow:hidden; }
.gallery__item img { width:100%; height:100%; object-fit:cover; display:block; }

.lightbox { position:fixed; inset:0; display:none; align-items:center; justify-content:center; background:rgba(0,0,0,.85); z-index:9999; padding:24px; }
.lightbox--open { display:flex; }
.lightbox__img { max-width:90vw; max-height:80vh; }
.lightbox__caption { margin-top:12px; text-align:center; color:#fff; }

.lightbox__close, .lightbox__prev, .lightbox__next {
  position:absolute; background:#000; color:#fff; border:none; padding:8px 12px; border-radius:8px; cursor:pointer;
}
.lightbox__close{ top:24px; right:24px; }
.lightbox__prev{ top:50%; left:24px; transform:translateY(-50%); }
.lightbox__next{ top:50%; right:24px; transform:translateY(-50%); }


.gallery .container { 
  width: min(1200px, 100% - 32px);
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

.gallery__grid {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
  grid-template-columns: repeat(1, minmax(0, 1fr));
}
@media (min-width: 640px) {
  .gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (min-width: 960px) {
  .gallery__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (min-width: 1280px) {
  .gallery__grid { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}


section.gallery .container {
  max-width: none !important;
  width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section.gallery .section-title {
  text-align: center;
  width: 100%;
  margin: 0 auto 24px auto;
}
section.gallery .gallery__grid {
  width: 100%;
  max-width: none !important;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 20px !important;
  padding: 0 16px; 
}
section.gallery .gallery__item {
  border-radius: 12px;
  overflow: hidden;
}


section.gallery {
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  width: 100vw;
}
section.gallery .container {
  max-width: none !important;
  width: 100% !important;
  margin: 0 !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}
section.gallery .section-title {
  text-align: center;
  width: 100%;
  margin: 0 auto 24px auto;
}
section.gallery .gallery__grid {
  width: 100%;
  margin: 0 auto;
  display: grid;
  
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important;
  gap: 20px !important;
  justify-items: stretch;
  align-items: stretch;
}

section.gallery .gallery__item { aspect-ratio: 16 / 10; }
section.gallery .gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; }


section.gallery {
  position: static !important;
  left: auto !important;
  right: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
}
section.gallery .container {
  width: min(1100px, 92%) !important;
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section.gallery .section-title { text-align: center !important; }
section.gallery .gallery__grid {
  width: 100% !important;
  margin: 0 auto !important;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
  gap: 20px !important;
}


section.gallery {
  position: static !important;
  margin-inline: auto !important;
  width: 100% !important;
  float: none !important;
}
section.gallery .container {
  width: min(1100px, 92%) !important; 
  margin-inline: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
section.gallery .section-title{ text-align:center !important; }

section.gallery .gallery__grid {
  display: grid !important;
  width: 100% !important;
  margin-inline: auto !important;
  gap: 20px !important;
  justify-content: center !important; 
  align-content: start !important;
}

@media (max-width: 639px){
  section.gallery .gallery__grid { grid-template-columns: repeat(1, minmax(0,1fr)) !important; }
}
@media (min-width: 640px) and (max-width: 959px){
  section.gallery .gallery__grid { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  section.gallery .gallery__grid { grid-template-columns: repeat(3, minmax(0,1fr)) !important; }
}
@media (min-width: 1280px){
  section.gallery .gallery__grid { grid-template-columns: repeat(4, minmax(0,1fr)) !important; }
}

section.gallery .gallery__item{ width: 100% !important; border-radius:12px; overflow:hidden; }
section.gallery .gallery__item img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }


section.gallery .container { 
  width: min(1100px, 92%) !important; 
  margin-inline: auto !important; 
}

section.gallery .gallery__grid {
  display: grid !important;
  width: fit-content !important;
  max-width: 100% !important;
  margin-left: auto !important; 
  margin-right: 0 !important;
  gap: 16px !important;
  justify-content: end !important;
  align-content: start !important;
}

@media (max-width: 639px){
  section.gallery .gallery__grid { 
    width: 100% !important;
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important; 
    margin-left: 0 !important; 
  }
}
@media (min-width: 640px) and (max-width: 959px){
  section.gallery .gallery__grid { grid-template-columns: repeat(2, 260px) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  section.gallery .gallery__grid { grid-template-columns: repeat(3, 260px) !important; }
}
@media (min-width: 1280px){
  section.gallery .gallery__grid { grid-template-columns: repeat(4, 260px) !important; }
}
section.gallery .gallery__item { width: 100% !important; border-radius: 12px; overflow: hidden; }
section.gallery .gallery__item img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }


#faq > .container { width: min(1100px, 92%); } 
section.gallery > .container {
  width: min(1100px, 92%) !important;  
  margin-inline: auto !important;
  display: flex !important;
  justify-content: flex-end !important;
  gap: 0 !important;
}
section.gallery .gallery__grid {
  width: auto !important;
  margin: 0 !important;               
}

section.gallery > .container{
  width: min(1100px, 92%) !important;   
  margin-inline: auto !important;
  display: block !important;            
  padding-inline: 0 !important;
}
section.gallery .section-title{ text-align:center !important; }

section.gallery .gallery__grid{
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  gap: 20px !important;
  justify-content: stretch !important;
  align-content: start !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; 
}

@media (max-width: 639px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}
@media (min-width: 640px) and (max-width: 959px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

section.gallery .gallery__item{ width: 100% !important; border-radius: 12px; overflow: hidden; }
section.gallery .gallery__item img{ width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }


section.gallery{ position: static !important; width: 100% !important; margin: 0 !important; left: auto !important; right: auto !important; }
section.gallery > .container{
  width: min(1100px, 92%) !important;   
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
}
section.gallery .section-title{ text-align: center !important; }


section.gallery .gallery__grid{
  width: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 20px !important;
  justify-content: stretch !important;  
  align-content: start !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important; 
}


@media (max-width: 639px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}
@media (min-width: 640px) and (max-width: 959px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px){
  section.gallery .gallery__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

section.gallery .gallery__item{ width: 100% !important; border-radius:12px; overflow:hidden; }
section.gallery .gallery__item img{ width: 100% !important; height: 100% !important; object-fit: cover !important; display:block !important; }


#gallery{ position:static !important; left:auto !important; right:auto !important; margin:0 !important; width:auto !important; }
#gallery > .container{
  width: min(1100px, 92%) !important;   
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}
#gallery .section-title{ text-align:center !important; }


#gallery .gallery__grid{
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  gap: 20px !important;
  justify-content: stretch !important;
  align-content: start !important;
}


@media (max-width: 639px){
  #gallery .gallery__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}
@media (min-width: 640px) and (max-width: 959px){
  #gallery .gallery__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  #gallery .gallery__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px){
  #gallery .gallery__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}

#gallery .gallery__item{ width:100% !important; border-radius:12px; overflow:hidden; }
#gallery .gallery__item img{ width:100% !important; height:100% !important; object-fit:cover !important; display:block !important; }


#gallery > .container{
  width: min(1100px, 92%) !important;  
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
}
#gallery .section-title{ text-align:center; }
#gallery .gallery__grid{
  width: 100% !important;
  margin: 0 !important;
  display: grid !important;
  gap: 20px !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
@media (max-width: 639px){
  #gallery .gallery__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}
@media (min-width: 640px) and (max-width: 959px){
  #gallery .gallery__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  #gallery .gallery__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px){
  #gallery .gallery__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}


#gallery .gallery__grid{

  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)) !important; 
  gap: 24px !important;
}

#gallery .gallery__item{
  aspect-ratio: 4 / 3 !important; 
  border-radius: 12px;
  overflow: hidden;
}

#gallery .gallery__item img{
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  display: block !important;
}




#gallery{ position: static !important; left: auto !important; right: auto !important; margin: 0 !important; width: auto !important; }
#gallery > .container{
  width: min(1100px, 92%) !important; 
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  display: block !important;
  box-sizing: border-box !important;
}
#gallery .section-title{ text-align: center !important; }

#gallery .gallery__grid{
  width: 100% !important;
  margin: 0 auto !important;
  display: grid !important;
  gap: 20px !important;
  justify-content: stretch !important;  
  align-content: start !important;
}


@media (max-width: 639px){
  #gallery .gallery__grid{ grid-template-columns: repeat(1, minmax(0, 1fr)) !important; }
}
@media (min-width: 640px) and (max-width: 959px){
  #gallery .gallery__grid{ grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (min-width: 960px) and (max-width: 1279px){
  #gallery .gallery__grid{ grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
}
@media (min-width: 1280px){
  #gallery .gallery__grid{ grid-template-columns: repeat(4, minmax(0, 1fr)) !important; }
}
@media (min-width: 1536px){
  #gallery .gallery__grid{ grid-template-columns: repeat(5, minmax(0, 1fr)) !important; }
}


#gallery .gallery__item{ aspect-ratio: 1 / 1 !important; border-radius: 12px; overflow: hidden; }
#gallery .gallery__item img{ width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }

#gallery { padding: 72px 0; position: static; }
#gallery > .container { width: min(1100px, 92%); margin-inline: auto; }
#gallery .section-title { text-align: center; }
#gallery .gallery__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 20px; margin: 0; }
#gallery .gallery__item { border-radius: 12px; overflow: hidden; }
#gallery .gallery__item img { width: 100%; height: 100%; object-fit: cover; display: block; }