.about-page{width:100%}.about-hero,.team-section,.team-header,.team-grid,.team-card{position:relative}.text-center,.team-header,.stat-box{text-align:center}.about-label,.team-tag{text-transform:uppercase}.about-grid,.about-intro__grid{grid-template-columns:1.2fr 1fr}.container{max-width:1440px;margin:0 auto}.about-hero{min-height:70vh!important;background-image:url(https://codeliastudio.com/wp-content/uploads/2026/04/about-codelia.webp);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;justify-content:flex-start;align-items:center;padding:80px 0;overflow:hidden}.about-hero .container{z-index:10!important;position:relative}.about-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(360deg,rgb(255 255 255 / 47%),rgb(16 73 89 / 90%));z-index:1;pointer-events:none}@keyframes fadeOverlay{0%{opacity:.7}100%{opacity:1}}.about-hero__content{max-width:900px}.about-hero h1{margin-bottom:20px;color:var(--color-light);font-family:var(--font-primary);font-size:68px;font-weight:700;line-height:1.02;letter-spacing:-.04em}.about-hero p{max-width:680px;color:var(--color-light);font-family:var(--font-secondary);font-size:20px;line-height:1.7}.section-spacing{padding:100px 0}.about-intro__grid{display:grid;gap:40px;align-items:start}.about-intro__text h2{margin-bottom:18px;color:var(--color-dark);font-family:var(--font-primary);font-size:46px;font-weight:700;line-height:1.08;letter-spacing:-.03em}.about-intro__text p{margin-bottom:16px;color:rgba(24,24,24,.7);font-family:var(--font-secondary);font-size:17px;line-height:1.7}.about-label,.about-text h2 span,.about-title span{color:var(--color-primary)}.about-title span{color:var(--color-light)}.about-label{display:inline-block;margin-bottom:14px;font-size:13px;letter-spacing:4px;font-weight:600;color:rgba(255,255,255,.65)}.about-title{font-size:56px;margin-top:15px;font-weight:700}.about-subtitle{margin-top:20px;max-width:700px;margin-left:auto;margin-right:auto;color:#666}.about-business{padding:80px 0;background:#fff}.about-grid{display:grid;gap:60px;align-items:center}.about-text h2{font-size:36px;margin-bottom:20px}.about-text p{margin-bottom:16px;color:#555;line-height:1.6}.about-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.stat-box{background:var(--color-primary);padding:50px;border-radius:var(--radius-md)}.stat-box h3{font-size:32px;color:var(--color-light)}.stat-box span{color:var(--color-light);font-size:14px}.team-section{padding:90px 0;background:linear-gradient(#104959,#041918)!important;overflow:hidden}.team-header{z-index:1;max-width:760px;margin:0 auto 50px}.team-subtitle{display:inline-block;margin-bottom:14px;font-size:13px;letter-spacing:4px;color:rgba(255,255,255,.65)}.team-header h2{margin:0 0 14px;font-size:50px!important;line-height:1.05;color:#fff!important;font-weight:700}.team-header p{margin:0;color:rgba(255,255,255,.72);font-size:16px;line-height:1.7}.team-grid{z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.team-card{min-height:380px;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 50px rgba(0,0,0,.35);cursor:pointer;transform:translateY(0);transition:transform 0.35s,box-shadow 0.35s,border-color 0.35s;outline:none}.team-card:hover{transform:translateY(-10px);box-shadow:0 26px 70px rgba(0,0,0,.5);border-color:rgba(0,180,255,.35)}.team-card:focus-visible{box-shadow:0 0 0 3px rgba(109,198,255,.45),0 26px 70px rgba(0,0,0,.5);border-color:rgba(109,198,255,.7)}.team-card img,.team-modal-image img{width:100%;height:100%;object-fit:cover;display:block}.team-card img{transition:transform 0.6s,filter 0.4s}.team-card:hover img{transform:scale(1.08);filter:brightness(.55)}.team-overlay{position:absolute;inset:auto 0 0 0;padding:22px 20px;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.1));transition:0.35s}.team-card:hover .team-overlay{padding-bottom:28px}.team-tag{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid rgba(255,255,255,.15);border-radius:999px;font-size:11px;letter-spacing:2px;color:rgba(255,255,255,.9);background:rgba(255,255,255,.04);backdrop-filter:blur(8px)}.team-overlay h3{margin:14px 0 6px;font-size:24px;line-height:1.1;color:#fff!important}.team-overlay p{margin:0;font-size:14px;color:rgba(255,255,255,.72)}body.modal-open{overflow:hidden}.team-modal{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 0.35s ease,visibility 0.35s ease}.team-modal.active{opacity:1;visibility:visible;pointer-events:auto}.team-modal-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,10,15,.72),rgba(0,0,0,.82));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.team-modal-content{position:relative;z-index:2;width:min(1080px,100%);min-height:560px;display:grid;grid-template-columns:1.05fr 0.95fr;border-radius:32px;overflow:hidden;background:radial-gradient(circle at top left,rgba(15,113,143,.28),transparent 35%),linear-gradient(145deg,#07141a 0%,#0a1d25 100%);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 60px rgba(0,0,0,.45),0 40px 100px rgba(0,0,0,.35);transform:translateY(24px) scale(.96);opacity:0;transition:transform 0.4s cubic-bezier(.2,.8,.2,1),opacity 0.4s ease}.team-modal.active .team-modal-content{transform:translateY(0) scale(1);opacity:1}.team-modal-image{position:relative;overflow:hidden}.team-modal-image::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.18),rgba(0,0,0,.02));pointer-events:none}.team-modal-image img{min-height:560px}.team-modal-info{padding:56px 52px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at top left,rgba(0,153,255,.12),transparent 35%),#08111b}.team-modal-info .team-tag{width:fit-content;margin-bottom:16px}.team-modal-info h3{margin:0 0 10px;font-size:clamp(34px,4vw,48px);line-height:1.02;color:#fff;letter-spacing:-.03em}.team-modal-info h4{margin:0 0 20px;font-size:18px;font-weight:500;color:#6dc6ff;letter-spacing:.02em}.team-modal-info p{margin:0;font-size:16px;line-height:1.85;color:rgba(255,255,255,.8);max-width:42ch}.team-modal-close{position:absolute;top:18px;right:18px;z-index:3;width:48px;height:48px;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:30px;line-height:1;cursor:pointer;transition:background 0.25s,transform 0.25s,border-color 0.25s;backdrop-filter:blur(8px)}.team-modal-close:hover{background:rgba(255,255,255,.16);transform:rotate(90deg) scale(1.05);border-color:rgba(255,255,255,.16)}.team-modal-close:focus-visible{outline:2px solid rgba(109,198,255,.9);outline-offset:3px}.about-values{padding:100px 20px;background:linear-gradient(#041918,#104959)!important;color:#fff}.values-title{font-size:clamp(32px,5vw,54px);line-height:1.05;margin:0 0 50px;color:#fff}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.value-card{padding:34px 24px;border-radius:24px;background:#104959;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px rgba(0,0,0,.22);transition:transform 0.3s,border-color 0.3s,box-shadow 0.3s}.value-card:hover{transform:translateY(-8px);border-color:rgb(255 255 255 / 45%);box-shadow:0 22px 50px rgba(0,0,0,.35)}.icon{width:74px;height:74px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:radial-gradient(circle at top left,#0b313c,#186074);border:1px solid #1d4753;box-shadow:0 10px 30px #162a30}.icon svg{width:40px;height:40px;stroke:#1da1ff;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.icon svg .fill{fill:#1da1ff;stroke:none}.icon svg .fill-soft{fill:rgba(29,161,255,.14)}.value-card h3{margin:0 0 12px;font-size:22px;color:#fff}.value-card p{margin:0;font-size:15px;line-height:1.7;color:rgba(255,255,255,.75)}@media (min-width:1024px){.about-hero h1{width:60%;margin:auto}}@media (max-width:1200px){.about-hero h1{font-size:56px}.about-intro__text h2{font-size:38px}}@media (max-width:1100px){.team-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:1024px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:992px){.about-grid{grid-template-columns:1fr}.team-overlay{padding:10px 20px}.team-overlay h3{font-size:20px}.team-overlay p{font-size:11px}.team-tag{padding:6px 11px;border-radius:999px;font-size:10px;letter-spacing:2px}.values-grid{grid-template-columns:repeat(2,1fr)}.about-hero{padding:150px 0 80px}.about-hero h1{font-size:46px}.about-hero p{font-size:18px}.about-intro__grid .about-values__grid{grid-template-columns:1fr}.team-modal-content{grid-template-columns:1fr;width:min(760px,100%);min-height:auto}.team-modal-image img{min-height:320px;max-height:420px}.team-modal-info{padding:36px 30px}}@media (max-width:768px){.team-section{padding:70px 0}.team-grid,.team-modal-content{grid-template-columns:1fr}.team-card{min-height:320px;height:320px}.team-modal-image img{min-height:280px;max-height:340px}.team-modal-info{padding:28px}.about-intro__text h2,.team-modal-info h3{font-size:30px}.team-header h2{font-size:30px!important}.about-hero{padding:130px 0 70px}.about-hero h1{font-size:36px;line-height:1.08}.team-modal{padding:16px}.team-modal-close{top:14px;right:14px;width:42px;height:42px;font-size:26px}}@media (max-width:640px){.about-values{padding:80px 0}.values-grid{grid-template-columns:1fr}}@media (max-width:600px){.about-title{font-size:36px}.about-hero{min-height:50vh!important}.values-grid{grid-template-columns:1fr}}@media (max-width:480px){.about-hero h1{font-size:30px}.about-hero p,.about-intro__card li,.about-intro__text p,.about-stat span,.about-value-card p{font-size:15px}.team-modal-info h4{font-size:16px}.team-modal-info p{font-size:15px;line-height:1.75}}