/* ============================================ MONLIS Website - SEO Text Section SEO content with expandable text Figma node:2:3578 Pixel-perfect specs from Figma ============================================ *//* ========================================== SECTION CONTAINER Figma:bg:white,padding-top:96px ========================================== */.studio-seo {width:100%;background-color:var(--color-white);padding:100px 0;}.studio-seo__container {max-width:1244px;margin:0 auto;padding:0 48px;display:flex;flex-direction:column;gap:64px;}/* ========================================== HEADER Figma:centered,with decorative line ========================================== */.studio-seo__header {text-align:center;position:relative;}.studio-seo__header-line {width:64px;height:2px;background:linear-gradient(to right,transparent,#232323 50%,transparent);margin:0 auto 26px;}.studio-seo__title {font-family:var(--font-secondary);font-weight:700;font-size:32px;line-height:48px;letter-spacing:1.6px;text-transform:uppercase;color:#232323;margin:0 0 24px;}.studio-seo__subtitle {font-family:var(--font-secondary);font-weight:400;font-size:16px;line-height:26px;color:#666666;margin:0;}/* ========================================== CONTENT CARD Figma:bg:rgba(255,255,255,0.8),border,rounded ========================================== */.studio-seo__card {background-color:rgba(255,255,255,0.8);border:1px solid #e5e7eb;border-radius:16px;padding:57px;}.studio-seo__card-title {font-family:var(--font-secondary);font-weight:700;font-size:24px;line-height:36px;letter-spacing:0.6px;text-transform:uppercase;color:#232323;margin:0 0 48px;}/* Text container with fade effect */.studio-seo__card-text-wrapper {position:relative;max-height:73px;overflow:hidden;transition:max-height 0.5s ease-in-out;}.studio-seo__card-text-wrapper.is-expanded {max-height:none;overflow:visible;}.studio-seo__card-text {font-family:var(--font-secondary);font-weight:400;font-size:15px;line-height:24.375px;color:#666666;margin:0;max-width:1033px;}/* Fade overlay */.studio-seo__card-fade {position:absolute;bottom:0;left:0;right:0;height:32px;background:linear-gradient(to top,rgba(255,255,255,0.95),transparent);pointer-events:none;transition:opacity 0.3s ease;}.studio-seo__card-text-wrapper.is-expanded .studio-seo__card-fade {opacity:0;}/* Read more button */.studio-seo__card-btn {display:inline-flex;align-items:center;justify-content:center;gap:12px;height:45px;padding:0 28px;margin-top:48px;background:linear-gradient(to bottom,#232323,#444444);border:none;border-radius:9999px;cursor:pointer;transition:opacity 0.2s ease;}.studio-seo__card-btn:hover {opacity:0.9;}.studio-seo__card-btn-text {font-family:var(--font-secondary);font-weight:600;font-size:13px;line-height:13px;letter-spacing:0.325px;text-transform:uppercase;color:var(--color-white);}.studio-seo__card-btn-icon {width:16px;height:16px;color:#FFFFFF;transition:transform 0.3s ease;}.studio-seo__card-btn-icon svg {width:100%;height:100%;color:inherit;}.studio-seo__card-btn.is-expanded .studio-seo__card-btn-icon {transform:rotate(180deg);}/* ========================================== RESPONSIVE STYLES ========================================== */@media (max-width:1024px) {.studio-seo {padding:80px 0 0;}.studio-seo__container {padding:0 40px;gap:48px;}.studio-seo__title {font-size:28px;line-height:40px;}.studio-seo__card {padding:40px;}.studio-seo__card-title {font-size:20px;line-height:30px;margin-bottom:32px;}}@media (max-width:768px) {.studio-seo {padding:60px 0 0;}.studio-seo__container {padding:0 20px;gap:32px;}.studio-seo__title {font-size:24px;line-height:36px;letter-spacing:1px;}.studio-seo__subtitle {font-size:14px;}.studio-seo__card {padding:32px 24px;}.studio-seo__card-title {font-size:18px;line-height:28px;margin-bottom:24px;}.studio-seo__card-text {font-size:14px;line-height:22px;}.studio-seo__card-btn {margin-top:32px;}}@media (max-width:480px) {.studio-seo {padding:40px 0 0;}.studio-seo__title {font-size:20px;line-height:30px;}.studio-seo__card {padding:24px 20px;}.studio-seo__card-title {font-size:16px;line-height:24px;}}