
/* MAGNA: reference-aligned proportions and dedicated page layouts. */
.magna-header{height:100px;padding:10px 2.8%;gap:16px}.magna-logo img{width:80px;height:66px}
.magna-header nav{gap:20px}.magna-header nav a{font-size:11px;font-weight:400;letter-spacing:.85px}
.magna-header nav a[aria-current="page"]:after{width:100%}
.magna-header-cta{display:inline-flex;align-items:center;padding:14px 23px;font-size:12px}
.magna-language-switch a{padding:6px 4px;border:none}.magna-language-switch .mg-flag{font-size:18px}.magna-language-switch a>span:last-child{font-size:9px}
.mg-hero{min-height:102svh;padding-bottom:115px;background:#303731}
.mg-hero h1{font-size:clamp(58px,6.5vw,92px);font-weight:400;letter-spacing:-1.5px;max-width:980px}
html[lang="sq"] .mg-hero h1{font-size:clamp(48px,6vw,86px)}
.mg-hero-bottom{margin-top:60px}.mg-hero .mg-subtitle{font-size:25px}
.mg-section{padding:110px 0}.mg-intro{padding:15px 0}.mg-projects{padding-top:15px}
.mg-project-grid{gap:50px 40px}.mg-project-photo{aspect-ratio:1.08;position:relative}
.mg-project-status{position:absolute;bottom:18px;left:18px;right:18px;width:fit-content;padding:7px 12px;background:#fff;color:#56634f;font-size:9px;text-transform:uppercase;letter-spacing:1.1px}
.mg-project h3{font-size:23px}.mg-card-location{margin:0 0 18px!important;font-size:12px!important}
.mg-card-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;border-top:1px solid var(--mg-line);padding:14px 0;color:var(--mg-muted);font-size:10px}.mg-card-facts span{display:flex;flex-direction:column;gap:3px}.mg-card-facts b{font-size:17px;font-weight:400;color:var(--mg-ink)}
.mg-services{margin-top:35px}.mg-service{min-height:480px;padding:38px 32px}
.mg-team{padding:100px 0}.mg-team .mg-large-blank{min-height:500px}
.mg-page-hero{background:#e9ede5;padding:65px 0 85px}.mg-page-hero h1{font-family:"Bona Nova",Georgia,serif;font-size:clamp(45px,5.5vw,76px);font-weight:400;max-width:950px;letter-spacing:-1px}.mg-page-hero p{margin-top:25px;font-size:19px;max-width:700px;color:var(--mg-muted)}
.mg-breadcrumb{display:flex;gap:14px;font-size:11px;flex-wrap:wrap;color:#586251;margin-bottom:55px}.mg-breadcrumb a{text-decoration:underline}
.mg-section-title{font-size:clamp(30px,3.3vw,44px)!important;margin-bottom:35px!important;max-width:800px}
.mg-values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:60px}.mg-values-grid article{border-top:1px solid #aeb8a7;padding-top:28px}.mg-values-grid h3{font-size:25px;margin-bottom:20px}.mg-values-grid p,.mg-reading{font-size:15px;color:var(--mg-muted);max-width:750px}
.mg-project-hero-blank{height:550px;background:var(--mg-blank)}.mg-project-detail{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:65px 0 100px}.mg-project-detail h2{font-size:45px}.mg-project-detail p{margin:25px 0;color:var(--mg-muted)}
.mg-facts{margin:0}.mg-facts>div{display:flex;justify-content:space-between;border-bottom:1px solid var(--mg-line);padding:14px 0;gap:25px;font-size:14px}.mg-facts dd{margin:0}
.mg-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.mg-gallery>div{aspect-ratio:1.2;background:var(--mg-blank)}
.mg-page-cta{background:var(--mg-green);color:white;padding:75px 0}.mg-page-cta .mg-container{display:flex;align-items:center;justify-content:space-between;gap:35px}.mg-page-cta h2{font-family:"Bona Nova",Georgia,serif;font-size:38px;font-weight:400;max-width:700px}.mg-page-cta .mg-button{flex-shrink:0}
.mg-contact-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.mg-contact-columns p{font-size:14px;color:var(--mg-muted)}.mg-contact-top{padding:65px 0}
.mg-faq{max-width:850px}.mg-faq details{border-bottom:1px solid var(--mg-line);padding:24px 0}.mg-faq summary{font-size:17px;cursor:pointer}.mg-faq p{padding-top:20px;font-size:14px;color:var(--mg-muted)}
.mg-news-kicker{display:block;margin:22px 0 12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--mg-muted)}.mg-news-grid h2{font-size:30px;margin-bottom:15px}
.mg-footer{padding-top:75px}.mg-footer-brand{display:flex;align-items:center;gap:36px;padding-bottom:45px;margin-bottom:45px;border-bottom:1px solid #ffffff25}.mg-footer-brand p{margin:0;max-width:400px}
.mg-footer .mg-footer-top{grid-template-columns:repeat(6,1fr);gap:30px}.mg-footer h2{font-size:10px;letter-spacing:1.5px}.mg-footer li{font-size:12px}.mg-footer .mg-footer-top p{font-size:11px;margin-top:12px}.mg-footer-bottom{margin-top:50px}
.mg-social-pending{color:#aeb8a8;font-size:11px;line-height:2}
@media(max-width:1250px){.magna-header nav{gap:14px}.magna-header nav a{font-size:10px}.magna-header-cta{padding:12px 14px;font-size:11px}}
@media(max-width:1100px){.magna-header-cta{display:none}.mg-project-grid{gap:35px 25px}.mg-footer .mg-footer-top{grid-template-columns:repeat(3,1fr);gap:35px}}
@media(max-width:1050px){.magna-header{height:90px}.magna-header nav a{font-size:12px;padding:13px 0}.magna-logo img{width:76px;height:63px}.mg-service{min-height:390px;padding:30px 22px}.mg-project-detail{gap:40px}}
@media(max-width:800px){.mg-section{padding:75px 0}.mg-projects{padding-top:0}.mg-hero{min-height:94svh;padding-bottom:60px}.mg-hero h1{font-size:62px}.mg-hero .mg-subtitle{font-size:20px}.mg-service{min-height:330px}.mg-team{padding:65px 0}.mg-team .mg-large-blank{min-height:350px}.mg-page-hero{padding:40px 0 60px}.mg-breadcrumb{margin-bottom:40px}.mg-values-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.mg-project-hero-blank{height:350px}.mg-project-detail{grid-template-columns:1fr;gap:35px;padding:45px 0 70px}.mg-contact-columns{grid-template-columns:1fr;gap:30px}.mg-page-cta .mg-container{flex-direction:column;align-items:start}.mg-gallery{gap:15px}.mg-footer-brand{gap:25px}}
@media(max-width:480px){.magna-header{padding-left:5%;padding-right:5%;gap:9px}.mg-hero h1{font-size:49px}html[lang="sq"] .mg-hero h1{font-size:43px}.mg-card-facts{font-size:10px}.mg-gallery{grid-template-columns:1fr}.mg-project-hero-blank{height:270px}.mg-page-cta h2{font-size:31px}.mg-footer .mg-footer-top{grid-template-columns:1fr 1fr}.mg-footer-brand{align-items:start;flex-direction:column}.mg-footer .mg-footer-top>div:first-child{grid-column:auto}.mg-page-hero h1{font-size:43px}}
