/* ============================================ MONLIS Website - FAQ Section Frequently Asked Questions Figma node:2:3440 Pixel-perfect specs from Figma ============================================ *//* ========================================== SECTION CONTAINER Figma:bg:#232323 ========================================== */.studio-faq {width:100%;background-color:#232323;padding:100px 0;}.studio-faq__container {max-width:1200px;margin:0 auto;padding:0 48px;}/* ========================================== HEADER Figma:centered,with decorative line ========================================== */.studio-faq__header {text-align:center;margin-bottom:80px;}.studio-faq__header-decoration {display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:16px;}.studio-faq__header-line {width:24px;height:1px;background:rgba(255,255,255,0.15);}.studio-faq__header-line--right {background:rgba(255,255,255,0.15);}.studio-faq__header-dot {width:3px;height:3px;border-radius:50%;background-color:rgba(255,255,255,0.4);}.studio-faq__subtitle {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:400;font-size:10px;line-height:1.5;letter-spacing:3px;text-transform:uppercase;color:rgba(255,255,255,0.4);margin:0 0 16px;}.studio-faq__title {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:600;font-size:32px;line-height:1.3;letter-spacing:4px;text-transform:uppercase;color:#ffffff;margin:0;}/* ========================================== FAQ GRID Figma:2 columns,gap:60px ========================================== */.studio-faq__grid {display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px;}/* ========================================== FAQ ITEM ========================================== */.studio-faq__item {border-bottom:1px solid rgba(255,255,255,0.08);}.studio-faq__item-button {width:100%;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;background:none;border:none;cursor:pointer;text-align:left;transition:opacity 0.2s ease;}.studio-faq__item-button:hover {opacity:0.8;}.studio-faq__item-content {display:flex;align-items:flex-start;gap:16px;flex:1;}.studio-faq__item-number {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:400;font-size:11px;line-height:1.6;letter-spacing:0.5px;color:rgba(255,255,255,0.3);flex-shrink:0;padding-top:4px;}.studio-faq__item-question {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:400;font-size:15px;line-height:1.6;color:rgba(255,255,255,0.9);margin:0;}/* Plus icon */.studio-faq__item-icon {position:relative;width:14px;height:14px;flex-shrink:0;}.studio-faq__item-icon::before,.studio-faq__item-icon::after {content:'';position:absolute;background-color:rgba(255,255,255,0.4);transition:transform 0.3s ease,opacity 0.3s ease;}.studio-faq__item-icon::before {/* Horizontal line */ width:14px;height:1px;top:50%;left:0;transform:translateY(-50%);}.studio-faq__item-icon::after {/* Vertical line */ width:1px;height:14px;left:50%;top:0;transform:translateX(-50%);}/* Active state - rotate to minus */.studio-faq__item.is-active .studio-faq__item-icon::after {transform:translateX(-50%) rotate(90deg);opacity:0;}/* Answer */.studio-faq__item-answer {max-height:0;overflow:hidden;transition:max-height 0.3s ease,padding 0.3s ease;}.studio-faq__item.is-active .studio-faq__item-answer {max-height:300px;padding-bottom:28px;}.studio-faq__item-answer-text {font-family:var(--font-secondary,'Montserrat',sans-serif);font-weight:400;font-size:14px;line-height:1.8;color:rgba(255,255,255,0.5);margin:0;padding-left:27px;max-width:480px;}/* ========================================== BOTTOM DECORATION ========================================== */.studio-faq__footer {display:flex;align-items:center;justify-content:center;gap:6px;margin-top:60px;}.studio-faq__footer-line {width:20px;height:1px;background:rgba(255,255,255,0.1);}.studio-faq__footer-line--right {background:rgba(255,255,255,0.1);}.studio-faq__footer-dot {width:2px;height:2px;border-radius:50%;background-color:rgba(255,255,255,0.15);}.studio-faq__footer-dot--center {background-color:rgba(255,255,255,0.25);}/* ========================================== RESPONSIVE STYLES ========================================== */@media (max-width:1024px) {.studio-faq {padding:80px 0 60px;}.studio-faq__container {padding:0 32px;}.studio-faq__header {margin-bottom:48px;}.studio-faq__title {font-size:26px;letter-spacing:3px;}.studio-faq__grid {grid-template-columns:1fr;gap:0;}.studio-faq__item-button {padding:24px 0;}}@media (max-width:768px) {.studio-faq {padding:60px 0 48px;}.studio-faq__container {padding:0 20px;}.studio-faq__header {margin-bottom:40px;}.studio-faq__title {font-size:22px;letter-spacing:2px;}.studio-faq__subtitle {font-size:9px;letter-spacing:2px;}.studio-faq__item-button {padding:20px 0;}.studio-faq__item-question {font-size:14px;}.studio-faq__item-answer-text {padding-left:27px;max-width:100%;}.studio-faq__footer {margin-top:40px;}}@media (max-width:480px) {.studio-faq {padding:48px 0 36px;}.studio-faq__title {font-size:18px;letter-spacing:1.5px;}.studio-faq__item-number {display:none;}.studio-faq__item-content {gap:0;}.studio-faq__item-answer-text {padding-left:0;}}