:root{--color-bg: #e8eaec;--color-surface: #f2f3f4;--color-text: #102936;--color-muted: #5f7079;--color-line: #c5cdd2;--color-teal: #044b54;--color-deep: #024c55;--font-sans: "Inter", sans-serif;--font-serif: "Cormorant Garamond", serif;--font-size-nav: 12px;--font-size-eyebrow: 10px;--font-size-body: 18px;--font-size-lead: 24px;--font-size-subtitle: 32px;--font-size-title: 54px;--font-size-hero: 82px;--container-max-width: 1400px;--section-padding: 40px}*{box-sizing:border-box}body{margin:0;padding:12px;font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-serif);font-weight:400}p{margin:0}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.section{padding:var(--section-padding)}.container{max-width:var(--container-max-width);margin:0 auto}.eyebrow{font-size:var(--font-size-eyebrow);letter-spacing:.18em;text-transform:uppercase;color:var(--color-muted);margin-bottom:20px}.page-name-line{font-family:var(--font-serif);font-size:15px;font-style:italic;letter-spacing:.04em;color:var(--color-text);margin:0 0 14px}.brand{font-family:var(--font-serif);font-size:26px;font-style:italic}.main-nav{display:flex;gap:34px;align-items:center}.main-nav a{text-decoration:none;color:var(--color-muted);font-size:var(--font-size-nav);line-height:1;letter-spacing:.06em;text-transform:uppercase;transition:color .2s ease}.main-nav a:hover{color:var(--color-text)}.main-nav a.active{color:var(--color-text);border-bottom:2px solid var(--color-text);padding-bottom:3px}.btn{border:0;font-size:11px;letter-spacing:.11em;text-transform:uppercase;border-radius:4px;padding:14px 22px;cursor:pointer;font-family:var(--font-sans);transition:opacity .2s ease}.btn:hover{opacity:.9}.page{max-width:var(--container-max-width);margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-line);padding:24px var(--section-padding)}.hero{min-height:630px;display:grid;grid-template-columns:1fr 360px;align-items:center;gap:40px}h1{font-size:var(--font-size-title);line-height:.95;max-width:760px}h1 em{font-style:italic;font-weight:500}.lead{max-width:620px;color:var(--color-muted);font-size:var(--font-size-lead);line-height:1.55;margin:28px 0}.cta-row{display:flex;gap:14px;align-items:center}.btn-primary{background:var(--color-teal);color:#f2f7f8}.btn-link{background:transparent;border-bottom:1px solid #b3bcc2;color:#61727b;border-radius:0}.btn-secondary{background:#f7f7f7;color:#677982}.hero-card{border-radius:6px;padding:0;overflow:hidden;box-shadow:0 16px 35px #17232b1f}.hero-card img{width:100%;height:460px;object-fit:cover}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid var(--color-line);border-bottom:1px solid var(--color-line);padding:50px var(--section-padding)}.feature-card .line{width:42px;height:1px;background:var(--color-line);margin-bottom:18px}.feature-card h3{font-size:var(--font-size-subtitle)}.feature-card p{color:var(--color-muted);font-size:var(--font-size-body)}.impact{padding-top:70px;padding-bottom:58px}.impact-head{display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:end;margin-bottom:32px}.impact-head h2{font-size:59.4px;line-height:.95}.project-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:22px}.project-card{background:var(--color-surface);padding:28px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;border-radius:4px}.project-card h3{font-size:43.2px}.chip{background:#dfe7e7;color:#6a7a81;font-size:9px;text-transform:uppercase;padding:5px 9px;border-radius:100px;width:max-content}.project-card footer{display:flex;justify-content:space-between;border-top:1px solid var(--color-line);padding-top:16px;color:#74838a;font-size:11px;text-transform:uppercase}.project-card.dark{background:var(--color-deep);color:#e8f2f3}.project-card.dark p,.project-card.dark footer{color:#d6e4e5;border-top-color:#e2edee33}.project-card.small{min-height:210px}.project-card.small h4{font-family:var(--font-serif);font-size:40px;margin-top:auto}.tag-row{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.tag-row span{font-size:9px;text-transform:uppercase;padding:4px 7px;background:#d6dee2;color:#6a7b83;border-radius:999px}.project-card.banner{min-height:210px;background:linear-gradient(120deg,#0f1f2d,#0a3f4c 60%,#0a2e36);color:#f2f7f8;position:relative}.project-card.banner h3{font-size:38.7px;line-height:.94;align-self:flex-start;margin-top:auto}.project-card.banner em{font-style:italic}.project-card.banner .icon{position:absolute;right:22px;bottom:22px;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#d4e1e633}.final-cta{margin-top:20px;text-align:center;background:#c8cdd1;padding-top:92px;padding-bottom:96px}.final-cta h2{font-size:var(--font-size-title);line-height:.92}.final-cta p{color:#5e7078;font-size:21px;margin:26px 0 30px}.final-cta .cta-row{justify-content:center}.footer{display:flex;justify-content:space-between;align-items:end;padding:46px var(--section-padding) 54px;border-top:1px solid var(--color-line)}.footer strong{font-size:12px;text-transform:uppercase}.footer p{margin:8px 0 0;font-size:10px;text-transform:uppercase;color:var(--color-muted)}.footer .links{display:flex;gap:24px}.footer .links a{text-transform:uppercase;font-size:10px;color:#75848b}@media (max-width: 1100px){h1,.impact-head h2,.final-cta h2{font-size:50.4px}.hero{grid-template-columns:1fr}.hero-card{max-width:420px}.features,.project-grid,.impact-head{grid-template-columns:1fr}.footer{flex-direction:column;gap:20px;align-items:flex-start}}.about-page{max-width:var(--container-max-width);margin:0 auto}.about-section{padding:var(--section-padding)}.about-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-line);padding:24px var(--section-padding)}.about-hero{padding-top:70px;padding-bottom:38px}.about-hero h1{margin-top:14px;font-size:var(--font-size-title);line-height:.95;max-width:900px}.about-hero h1 em{font-style:italic}.about-divider{width:84px;height:1px;background:var(--color-line);margin-top:30px}.about-portrait-card,.about-expertise-card{cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.about-portrait-card:hover,.about-expertise-card:hover{background:var(--color-teal);color:#ecf6f6;transform:translateY(-2px)}.about-expertise-card:hover p,.about-expertise-card:hover h3,.about-portrait-card:hover blockquote{color:#d3e6e8}.about-expertise-card:hover .about-tag-row span{background:#d3e6e829;color:#d3e6e8}.about-journey-grid{display:grid;grid-template-columns:.9fr 1.3fr;gap:32px;padding-top:24px}.about-portrait-card{position:relative}.about-portrait-card img{width:100%;max-width:max-content;max-height:max-content;border-radius:4px}.about-portrait-card blockquote{margin:0;position:absolute;right:-8px;bottom:24px;background:var(--color-surface);border:1px solid var(--color-line);padding:22px 20px;color:#495e67;width:160px;font-family:var(--font-serif);font-size:27px;line-height:1.05}.about-journey-grid h2{font-size:52.2px;line-height:.97}.about-journey-intro,.about-timeline-item p,.about-expertise-intro,.about-expertise-card p,.about-balance p,.about-footer p{color:var(--color-muted);font-size:var(--font-size-body);line-height:1.48}.about-timeline{margin-top:22px;border-left:1px solid var(--color-line)}.about-timeline-item{padding:0 0 20px 18px}.about-period{margin:0 0 4px;text-transform:uppercase;font-size:var(--font-size-eyebrow);letter-spacing:.11em}.about-timeline-item h3{font-size:37.8px;line-height:1;margin-bottom:4px}.about-expertise{padding-top:62px}.about-expertise-intro{max-width:620px;margin-top:12px}.about-expertise-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-expertise-card{background:var(--color-surface);border:1px solid var(--color-line);min-height:180px;padding:28px}.about-expertise-card.featured{background:var(--color-deep);color:#ecf6f6}.about-expertise-card h3{font-size:37.8px;line-height:1}.about-expertise-card.featured p{color:#d3e6e8}.about-tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.about-tag-row span{background:#d6dee2;color:#61717a;font-size:var(--font-size-eyebrow);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;padding:5px 9px}.about-expertise-card.card-1{grid-column:1 / 2;min-height:220px}.about-expertise-card.card-2{grid-column:2 / 3;min-height:220px}.about-balance{padding-top:84px;padding-bottom:84px;display:grid;grid-template-columns:1.2fr .9fr;gap:36px;align-items:center}.about-balance-image{background:var(--color-surface);border-radius:6px;border:1px solid var(--color-line);padding:16px}.about-balance-image img{width:100%;max-height:420px;object-fit:cover}.about-italic{font-style:italic}.about-footer{border-top:1px solid var(--color-line);display:flex;justify-content:space-between;align-items:flex-end;padding:34px var(--section-padding) 40px}.about-footer strong{font-size:var(--font-size-nav);text-transform:uppercase}.about-footer p{margin:8px 0 0;text-transform:uppercase;color:var(--color-muted);font-size:var(--font-size-eyebrow)}.about-links{display:flex;gap:26px}.about-links a{text-transform:uppercase;font-size:var(--font-size-eyebrow);color:#7e8b93}@media (max-width: 1120px){.about-hero h1{font-size:52.2px}.about-journey-grid,.about-balance,.about-expertise-grid{grid-template-columns:1fr}.about-portrait-card img{max-width:100%;height:460px}.about-footer{flex-direction:column;align-items:flex-start;gap:16px}}.contact-page{max-width:var(--container-max-width);margin:0 auto}.contact-section{padding:var(--section-padding)}.contact-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--color-line);padding:24px var(--section-padding)}.contact-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:28px;padding-top:46px;padding-bottom:60px}.contact-title{font-family:var(--font-serif);font-size:var(--font-size-title);line-height:.95;margin:8px 0 24px;font-weight:500}.contact-title em{font-style:italic}.contact-intro{color:#2f3f48;font-size:var(--font-size-lead);line-height:1.5;max-width:600px;margin-bottom:34px}.contact-details-list{display:flex;flex-direction:column;gap:20px;margin-bottom:38px}.contact-detail-item{display:flex;gap:16px;align-items:center}.contact-icon-box{width:52px;height:52px;border-radius:6px;display:grid;place-items:center;background:#c6dde1;font-size:22px}.contact-detail-label{margin:0;font-size:var(--font-size-nav);text-transform:uppercase;letter-spacing:.06em;color:var(--color-muted)}.contact-detail-value{margin:4px 0 0;font-size:var(--font-size-lead);color:#123541}.contact-map-card,.contact-form-panel{cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.contact-map-card:hover,.contact-form-panel:hover{background:var(--color-teal);color:#ecf6f6;transform:translateY(-2px)}.contact-map-card:hover span,.contact-form-panel:hover .contact-consent-note,.contact-form-panel:hover .contact-form label{color:#d3e6e8}.contact-map-card{height:190px;border-radius:12px;background:linear-gradient(125deg,#99a1a7,#aab2b8);border:1px solid #b6bdc2;display:grid;place-items:center;position:relative;overflow:hidden}.contact-map-card span{position:relative;z-index:1;text-transform:uppercase;font-size:var(--font-size-nav);letter-spacing:.1em;color:#4d636f;background:#f2f5f6e6;padding:10px 18px;border-radius:999px}.contact-form-panel{background:var(--color-surface);border-radius:12px;border:1px solid #e0e5e8;padding:48px 52px}.contact-form{display:flex;flex-direction:column;gap:28px}.contact-form label{display:grid;gap:10px;font-size:var(--font-size-nav);text-transform:uppercase;letter-spacing:.1em;color:#636e77}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:2px solid #96a0a7;background:#d2d6d8;color:#33454e;font-size:var(--font-size-body);font-family:inherit;padding:12px 14px}.contact-form textarea{resize:vertical;min-height:180px}.contact-send-btn{margin-top:8px;width:fit-content;border:0;border-radius:8px;background:var(--color-teal);color:#f1f7f8;text-transform:uppercase;letter-spacing:.11em;font-size:var(--font-size-nav);padding:22px 36px;cursor:pointer}.contact-send-btn span{margin-left:12px}.contact-consent-note{margin:20px 0 0;color:#4f5f68;border-top:1px solid #dde2e5;padding-top:24px;font-size:var(--font-size-body);line-height:1.45}.contact-footer{border-top:1px solid var(--color-line);display:flex;justify-content:space-between;align-items:flex-end;padding:34px var(--section-padding) 40px}.contact-footer strong{font-size:var(--font-size-nav);text-transform:uppercase}.contact-footer p{margin:8px 0 0;text-transform:uppercase;color:var(--color-muted);font-size:var(--font-size-eyebrow)}.contact-links{display:flex;gap:26px}.contact-links a{text-transform:uppercase;font-size:var(--font-size-eyebrow);color:#7e8b93}@media (max-width: 1100px){.contact-layout{grid-template-columns:1fr}.contact-title{font-size:50.4px}.contact-footer{flex-direction:column;align-items:flex-start;gap:16px}}.projects-grid,.secondary-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:40px}.project-card{display:flex;flex-direction:column;overflow:hidden}.project-image-wrapper{position:relative;background:var(--color-surface);border-radius:4px;overflow:hidden;margin-bottom:20px;height:400px}.project-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s cubic-bezier(.33,1,.68,1);will-change:transform}.project-card:hover .project-image-wrapper img{transform:scale(1.1) translateY(-10px)}.category-tag{position:absolute;top:20px;right:20px;background:#ffffffe6;padding:6px 14px;border-radius:20px;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#999;z-index:1}.project-info h2{font-family:var(--font-serif);font-size:var(--font-size-subtitle);font-style:italic;margin:0 0 12px;font-weight:400}.project-info p{font-size:16px;line-height:1.6;color:var(--color-muted);margin:0;max-width:90%}.guard .project-image-wrapper img{height:100%}.azkar-section{background:var(--color-surface);padding:60px;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:40px;overflow:hidden}.azkar-info h2{font-family:var(--font-serif);font-size:42px;font-style:italic;margin:0 0 24px;font-weight:400}.azkar-info p{font-size:16px;line-height:1.7;color:#555;margin-bottom:32px;max-width:400px}.azkar-image{overflow:hidden;border-radius:4px}.azkar-image img{transition:transform .6s cubic-bezier(.33,1,.68,1)}.azkar-section:hover .azkar-image img{transform:scale(1.05) translateY(-5px)}.explore-link{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-text);font-size:12px;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.projects-hero{display:flex;flex-direction:row;align-items:center;min-height:500px}@media (max-width: 1024px){.projects-grid,.secondary-grid,.azkar-section{grid-template-columns:1fr;gap:32px}.project-image-wrapper{height:300px}}