.project-page{--project-line:#d8e1ec;--project-card-line:#e6ecf3;--project-shadow:0 10px 24px rgba(18, 31, 54, 0.06);background:var(--secondary);color:var(--text-main)}.project-hero{position:relative;min-height:340px;overflow:hidden;background:#202c3d}.project-hero__bg{position:absolute;inset:0;background:linear-gradient(rgb(20 27 39 / .28),rgb(20 27 39 / .28)),var(--sabana-project-hero-bg) center 40% / cover no-repeat;transform:scale(1.02)}.project-hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgb(18 25 37 / .45) 0%,rgb(18 25 37 / .18) 42%,rgb(18 25 37 / .08) 100%)}.project-hero__inner{position:relative;z-index:2;margin:0 auto;padding-top:110px;padding-bottom:54px}.project-hero__eyebrow{font-size:13px;color:rgb(255 255 255 / .68);margin-bottom:10px}.project-hero__title{font-size:clamp(46px, 4vw, 74px);line-height:1;font-weight:900;letter-spacing:-.04em;color:var(--text-white);margin:0}.project-list-section{padding:78px 0 94px}.project-list-head{max-width:920px}.project-main-title{margin:0;font-size:66px;line-height:1.02;letter-spacing:-.05em;font-weight:900;color:var(--primary)}.project-main-title span{display:block;margin-top:8px;font-size:48px;line-height:1.08;font-weight:800;color:var(--primary-dark)}.project-main-desc{margin:20px 0 0;font-size:15px;line-height:1.95;color:var(--text-muted)}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 28px;margin-top:38px}.project-card{cursor:pointer;outline:none}.project-card.project-hidden{display:none!important}.project-card__thumb{overflow:hidden;border-radius:10px;border:1px solid var(--project-card-line);background:var(--text-white);box-shadow:var(--project-shadow);aspect-ratio:16 / 9;transition:transform 0.25s ease,box-shadow 0.25s ease,border-color 0.25s ease}.project-card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.project-card__body{padding:14px 2px 0}.project-card__badge{display:inline-flex;align-items:center;justify-content:center;min-width:54px;height:24px;padding:0 10px;border-radius:999px;background:var(--primary);color:var(--text-white);font-size:11px;margin-bottom:12px}.project-card h3{margin:0;font-size:16px;line-height:1.5;letter-spacing:-.02em;font-weight:800;color:var(--text-main)}.project-card:hover .project-card__thumb,.project-card:focus-visible .project-card__thumb{transform:translateY(-4px);box-shadow:0 18px 34px rgb(18 31 54 / .12);border-color:#d6dfea}.project-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:60px}.page-btn{min-width:36px;height:36px;border-radius:8px;border:1px solid #dfe6f0;background:var(--text-white);color:#7c8798;font-size:14px;font-weight:700;transition:all 0.25s ease;cursor:pointer}.page-btn:hover{border-color:#c8d3e1;color:var(--text-main)}.page-btn.is-active{background:var(--primary);border-color:var(--primary);color:var(--text-white)}.page-btn--arrow{color:#9aa6b7}@media (max-width:1200px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:991px){.project-main-title{font-size:52px}.project-main-title span{font-size:36px}.project-tabs{gap:22px}}@media (max-width:767px){.project-hero{min-height:250px}.project-hero__inner{padding-top:82px;padding-bottom:42px}.project-hero__title{font-size:40px}.project-list-section{padding:56px 0 70px}.project-main-title{font-size:38px;line-height:1.03}.project-main-title span{font-size:28px}.project-main-desc{font-size:14px;line-height:1.85}.project-grid{grid-template-columns:1fr;gap:30px;margin-top:28px}.project-card__body{padding-top:12px}.project-card h3{font-size:15px}.project-pagination{margin-top:42px}.page-btn{min-width:34px;height:34px;border-radius:7px;font-size:13px}}@media (max-width:480px){.project-main-title{font-size:32px}.project-main-title span{font-size:24px}}