/* GEODOMAS FAQ premium layer — 2026-07-25 */
#faq{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 8%,rgba(86,180,231,.10),transparent 28%),linear-gradient(180deg,rgba(7,19,34,.98),rgba(10,27,46,.98))}
#faq:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 0 48%,rgba(255,255,255,.018) 48% 49%,transparent 49%)}
#faq .wrap{position:relative}
#faq>.wrap>.head{align-items:end;margin-bottom:30px}
#faq>.wrap>.head h2{max-width:820px}
#faq>.wrap>.head p{max-width:610px}
#faq .faq-grid{counter-reset:faq;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:0}
#faq .faq-item{counter-increment:faq;position:relative;min-width:0;min-height:188px;padding:58px 22px 22px;border:1px solid rgba(158,207,236,.16);border-radius:22px;background:linear-gradient(155deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 18px 52px rgba(1,10,20,.16);transition:border-color .25s ease,transform .25s ease,background .25s ease}
#faq .faq-item:before{content:"0" counter(faq);position:absolute;left:22px;top:20px;color:#d9b56d;font-size:12px;font-weight:800;letter-spacing:.16em}
#faq .faq-item:after{content:"";position:absolute;left:22px;right:22px;top:43px;height:1px;background:linear-gradient(90deg,rgba(217,181,109,.55),transparent)}
#faq .faq-item:hover{transform:translateY(-2px);border-color:rgba(217,181,109,.34);background:linear-gradient(155deg,rgba(255,255,255,.095),rgba(255,255,255,.035))}
#faq .faq-item h3{margin:0 0 10px;font-size:clamp(17px,1.45vw,20px);line-height:1.22;letter-spacing:-.025em}
#faq .faq-item p{margin:0;color:rgba(225,237,246,.72);font-size:14px;line-height:1.58}
#faq .faq-project-video{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:0;margin-top:26px;border:1px solid rgba(217,181,109,.24);border-radius:28px;background:linear-gradient(145deg,rgba(22,45,67,.96),rgba(7,18,31,.98));box-shadow:0 28px 80px rgba(0,8,18,.28);overflow:hidden}
#faq .faq-project-video-head{display:flex;flex-direction:column;justify-content:center;padding:30px;border-right:1px solid rgba(255,255,255,.09)}
#faq .faq-project-video-head:before{content:"REALUS PROJEKTAS";display:block;margin-bottom:15px;color:#d9b56d;font-size:11px;font-weight:800;letter-spacing:.18em}
#faq .faq-project-video-head h3{font-size:clamp(24px,2.4vw,34px);line-height:1.08}
#faq .faq-project-video-head p{font-size:14px;line-height:1.68}
#faq .faq-project-video-body{display:flex;align-items:center;padding:18px}
#faq .faq-project-video video{width:100%;max-height:430px;border-radius:18px;border-color:rgba(255,255,255,.12)}
#faq .faq-project-archive{grid-column:1/-1;padding:0 22px 22px;border-top:1px solid rgba(255,255,255,.09)}
#faq .faq-project-archive-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:20px 0 14px}
#faq .faq-project-archive-head .kicker{margin:0}
#faq .faq-project-archive-head h4{font-size:clamp(20px,2vw,27px)}
#faq .faq-project-archive .portfolio-gallery{width:100%;max-width:100%;min-width:0;margin:0;padding:12px;border-radius:20px}
#faq .faq-project-archive .portfolio-gallery-viewport{max-height:420px;border-radius:15px}
#faq .faq-project-archive .portfolio-carousel-slide img{max-height:420px;object-fit:contain}
@media(max-width:1080px){#faq .faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#faq .faq-project-video{grid-template-columns:1fr}#faq .faq-project-video-head{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}#faq .faq-project-video-body{padding:16px 20px 20px}}
@media(max-width:650px){#faq .faq-grid{grid-template-columns:1fr;gap:10px}#faq .faq-item{min-height:0;padding:52px 18px 18px;border-radius:18px}#faq .faq-item:before{left:18px;top:17px}#faq .faq-item:after{left:18px;right:18px;top:40px}#faq .faq-project-video{border-radius:22px}#faq .faq-project-video-head{padding:23px 20px}#faq .faq-project-video-head:before{content:"PROJEKTAS"}#faq .faq-project-video-body{padding:12px}#faq .faq-project-video video{max-height:none}#faq .faq-project-archive{padding:0 12px 14px}#faq .faq-project-archive-head{display:block;padding:18px 6px 12px}#faq .faq-project-archive-head .kicker{margin-bottom:8px}#faq .faq-project-archive .portfolio-gallery-viewport,#faq .faq-project-archive .portfolio-carousel-slide img{max-height:min(48dvh,360px)}}