/* 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}}


/* Warm stone palette and quieter, more focused homepage. */

/* One fixed photograph behind the entire homepage, including mobile Safari. */
body.home.magna-site #wrapper{position:relative;isolation:isolate;background:transparent}
body.home.magna-site #wrapper::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(238,231,221,.85),rgba(238,231,221,.85)),url("https://magnashpk.com/wp-content/uploads/2026/10/MAGNA-homepage-architectural-background.jpg");background-size:cover;background-position:center 48%;background-repeat:no-repeat}
body.home.magna-site #magna-main,body.home.magna-site .mg-hero,body.home.magna-site #about{background:transparent}
body.home.magna-site .magna-header,body.home.magna-site .mg-page-cta,body.home.magna-site .mg-footer{background:transparent}
body.home.magna-site .mg-intro p,body.home.magna-site .mg-hero .mg-subtitle,body.home.magna-site .mg-hero-bottom{color:#51483f}
@media(max-width:800px){body.home.magna-site #wrapper::before{background-position:52% center}}
@media(prefers-reduced-motion:reduce){body.home.magna-site #wrapper::before{position:absolute;background-size:auto 100%;background-position:center top}}

:root{--mg-ink:#39332d;--mg-green:#75614e;--mg-paper:#faf8f4;--mg-muted:#6d665e;--mg-line:#d9d1c7;--mg-blank:#e8e2d9}
.magna-header,.home .magna-header{background:#f5f1e9;color:var(--mg-ink);border-bottom:1px solid var(--mg-line);position:relative;top:auto}
.admin-bar.home .magna-header{top:auto}
.magna-logo img{mix-blend-mode:multiply}
.magna-header nav a:after{background:var(--mg-green)}
.magna-language-switch a{color:var(--mg-ink)}
.magna-language-switch a[aria-current="true"],.magna-language-switch a:hover{background:#e6ded3;border-color:#b9aa98}
.magna-header-cta{background:var(--mg-green);color:#fff!important}
.magna-menu-toggle{color:var(--mg-ink)!important;border-color:#b8ab9c}
.mg-button,.magna-header-cta{justify-content:center;text-align:center;gap:0;min-width:155px;white-space:normal}
.mg-button span,.magna-header-cta span{margin:0}
.mg-button:hover{background:#5f4e3f}
.mg-button-light{background:var(--mg-green);color:#fff!important;border-color:transparent}
.mg-button-light:hover{background:#5f4e3f}
.magna-site .magna-menu-toggle{background:var(--mg-green)!important;color:#fff!important;border-color:var(--mg-green)}
.magna-site .magna-menu-toggle:hover,.magna-site .magna-menu-toggle[aria-expanded="true"]{background:#5f4e3f!important;border-color:#5f4e3f}
.magna-site a:focus-visible,.magna-site button:focus-visible,.magna-site input:focus-visible,.magna-site textarea:focus-visible,.magna-site select:focus-visible{outline-color:#75614e}
.mg-hero{background:#eee7dd;color:var(--mg-ink);min-height:650px;padding:100px 0 44px;align-items:center;text-align:center}
.mg-hero h1{margin:22px auto 28px;text-transform:none;font-size:clamp(55px,6.5vw,88px);letter-spacing:-2px;line-height:1.06}
.mg-hero .mg-subtitle{margin:auto;color:var(--mg-muted);font-size:20px}
.mg-hero .mg-actions{justify-content:center}
.mg-hero-bottom{color:var(--mg-muted);border-color:#cfc4b5;margin-top:80px}
.mg-intro{max-width:760px}
.mg-intro h2{font-family:"Bona Nova",Georgia,serif;font-weight:400;text-transform:none;letter-spacing:-.7px}
.mg-intro p{font-size:16px;line-height:1.9;max-width:680px}
.home .mg-quote{padding:65px 0 90px;border-top:1px solid var(--mg-line);color:var(--mg-green)}
.home .mg-quote p{font-size:clamp(25px,3vw,36px)}
.mg-soft,.mg-page-hero,.mg-inner-title{background:#eee8df}
.mg-breadcrumb{color:var(--mg-muted)}
.mg-large-blank,.mg-project-photo,.mg-news-photo{background:var(--mg-blank)}
.mg-project:nth-child(2n) .mg-project-photo{background:#e1d9ce}
.mg-project a:hover .mg-project-photo{background:#d7cabc}
.mg-project-status{background:#faf8f4;color:var(--mg-muted)}
.mg-service{background:#e7dfd4;color:var(--mg-ink);border-color:#d1c5b7;min-height:350px}
.mg-service:nth-child(2){background:#e2d8cb}.mg-service:nth-child(3){background:#dcd0c1}.mg-service:nth-child(4){background:#d5c7b6}
.mg-service p,.mg-service .mg-eyebrow{color:#574d43}
.mg-team{background:#e5ddd2;color:var(--mg-ink)}
.mg-team .mg-large-blank{background:#d7cabc}
.mg-team p{color:var(--mg-muted)}
.mg-values-grid article{border-color:#bdb0a0}
.mg-page-cta{background:#e4dbcf;color:var(--mg-ink)}
.mg-page-cta .mg-container{justify-content:center;text-align:center;flex-direction:column;align-items:center}
.mg-page-cta .mg-eyebrow{margin-bottom:18px;color:var(--mg-muted)}
.mg-form input,.mg-form select,.mg-form textarea{border-color:#b8ab9c}
.mg-notice{background:#eee7dd}
.mg-footer{background:#eee8df;color:var(--mg-ink)}
.mg-footer p,.mg-footer li,.mg-footer-bottom,.mg-social-pending{color:#655b50}
.mg-footer-brand,.mg-footer-bottom{border-color:#cfc4b5}
.mg-footer .magna-logo img{width:112px}
@media(min-width:1600px){.mg-hero{min-height:730px}}
@media(max-width:1050px){.magna-header nav{background:#f5f1e9;color:var(--mg-ink);box-shadow:0 15px 24px #39332d12}.magna-menu-toggle{color:var(--mg-ink)!important;border-color:#b8ab9c}}
@media(max-width:800px){.mg-hero{min-height:590px;padding:70px 0 35px}.mg-hero-bottom{margin-top:55px}.mg-page-cta .mg-container{align-items:center}.home .mg-quote{padding:55px 0 65px}}
@media(max-width:480px){.mg-hero{min-height:550px;padding-top:55px}.mg-hero h1{font-size:49px}html[lang="sq"] .mg-hero h1{font-size:42px}.mg-hero .mg-subtitle{font-size:18px}.mg-hero .mg-actions{gap:12px}.mg-button{min-width:145px}.mg-hero-bottom{justify-content:center;flex-wrap:wrap;gap:10px 24px}}