/*
Theme Name: Al Hassan Group
Theme URI: https://alhassan-group.com
Author: Al Hassan Group
Description: Bespoke bilingual enterprise theme for Al Hassan Group.
Version: 1.0.0
Text Domain: ahg
*/
:root{--ink:#17201c;--paper:#f3f0e8;--gold:#b99457;--line:#d4d0c6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.shell{width:min(1320px,calc(100% - 80px));margin:auto}a{color:inherit;text-decoration:none}.site-nav{height:100px;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:10;left:50%;transform:translateX(-50%);color:#fff;border-bottom:1px solid #ffffff42}.brand img{width:145px;display:block}.site-nav nav{display:flex;gap:34px;font-size:12px;letter-spacing:.08em}.site-nav a:hover{color:#d0ad6a}.nav-cta{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.hero{height:100vh;min-height:720px;position:relative;color:#fff;background:center/cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#101a16d9,#15211a45)}.hero-inner{position:relative;z-index:1;height:100%;padding-top:220px;padding-bottom:55px;display:flex;flex-direction:column;justify-content:space-between}.eyebrow{font-size:10px;letter-spacing:.24em;font-weight:bold}.eyebrow:before{content:"";display:inline-block;width:30px;height:1px;background:var(--gold);margin-right:14px;vertical-align:middle}.hero h1,.display{font:400 clamp(58px,8vw,120px)/.9 Georgia,serif;letter-spacing:-.05em;margin:25px 0}.hero em,.display em{color:#d0ad6a;font-weight:400}.hero-bottom{border-top:1px solid #ffffff55;padding-top:28px;display:flex;justify-content:space-between}.hero-bottom p{max-width:460px;line-height:1.7;color:#d7d9d5}.section{padding:120px 0}.intro{display:grid;grid-template-columns:1fr 2fr;gap:60px}.intro h2,.section-head h2{font:400 clamp(42px,5vw,72px)/1.05 Georgia;margin:0}.intro p{line-height:1.8;color:#5c665f}.text-link{font-size:11px;font-weight:bold;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:8px}.metrics{background:#e4dfd4}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid div{padding:60px 30px;border-right:1px solid #c9c2b5}.metric-grid strong{display:block;font:48px Georgia;color:var(--gold)}.metric-grid span{font-size:10px;letter-spacing:.1em}.split{display:grid;grid-template-columns:1.1fr 1fr;background:var(--ink);color:#fff}.split-image{min-height:750px;background:center/cover}.split-copy{padding:110px 10%;display:flex;flex-direction:column;justify-content:center}.split-copy h2{font:400 58px/1.05 Georgia}.split-copy p{color:#bdc4c0;line-height:1.8}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;padding:32px;min-height:220px;transition:.25s}.card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #17201c18}.card h3{font:25px Georgia}.card p{color:#657069;line-height:1.7}.project-grid{display:grid;grid-template-columns:1.2fr .8fr;grid-template-rows:320px 320px;gap:18px}.project-card{position:relative;overflow:hidden;color:#fff}.project-card:first-child{grid-row:1/3}.project-card img,.gallery-grid img{width:100%;height:100%;object-fit:cover}.project-card:after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#111d18dd)}.project-card h3{position:absolute;z-index:1;bottom:18px;left:25px;font:28px Georgia}.logo-grid{display:grid;grid-template-columns:repeat(3,1fr)}.logo-card{background:#fff;border:1px solid var(--line);min-height:250px;padding:25px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:.2s}.logo-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px #0001}.logo-card img{width:100%;height:145px;object-fit:contain;mix-blend-mode:multiply}.logo-card h3{font-size:14px;text-align:center}.page-hero{background:var(--ink);color:#fff;padding:190px 0 100px}.page-hero h1{font:68px Georgia;margin:25px 0}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.gallery-grid img{height:430px}.jobs .job{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;padding:28px 0;border-top:1px solid var(--line)}.job h3{font:25px Georgia;margin:0}.contact-grid{display:grid;grid-template-columns:1fr 1.6fr;gap:70px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-form label{font-size:10px;letter-spacing:.12em}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid #999;background:transparent;padding:14px 0}.contact-form .full{grid-column:1/-1}.contact-form button{background:var(--ink);color:#fff;border:0;padding:17px 25px;cursor:pointer}.site-footer{background:#111815;color:#d7ddd9;padding:75px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:60px}.footer-grid>div{display:flex;flex-direction:column;gap:14px}.footer-grid a,.footer-grid p{font-size:12px;color:#aab2ad}.footer-grid small{color:#c9ab71;letter-spacing:.16em}.copyright{border-top:1px solid #ffffff20;margin-top:60px;padding-top:20px;font-size:10px;color:#77807b}.language-bar{position:fixed;right:20px;bottom:20px;z-index:100;background:#17201cf2;color:#fff;padding:12px 16px;box-shadow:0 8px 28px #0003;font-size:11px}.language-bar a{opacity:.55}.language-bar a.active{opacity:1;color:#d0ad6a}.language-bar span{margin:0 8px;opacity:.3}.rtl{direction:rtl;text-align:right}.rtl .eyebrow:before{margin-left:14px;margin-right:0}.content{padding:160px 0}.cta{background:center/cover;color:#fff;padding:100px 0;position:relative}.cta:before{content:"";position:absolute;inset:0;background:#17201cbb}.cta .shell{position:relative}.cta h2{font:56px Georgia}
@media(max-width:800px){.shell{width:min(100% - 36px,1320px)}.site-nav{height:82px}.site-nav nav{display:none}.nav-cta{font-size:0}.hero h1{font-size:56px}.intro,.split,.footer-grid,.contact-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.split-image{min-height:400px}.project-grid{display:block}.project-card{display:block;height:400px;margin-bottom:15px}.logo-grid,.cards{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr}.contact-form{grid-template-columns:1fr}.section{padding:80px 0}}@media(max-width:520px){.logo-grid,.cards{grid-template-columns:1fr}.jobs .job{grid-template-columns:1fr auto}.site-nav .brand img{width:120px}}