:root{--green:#073d35;--green2:#0c5b4e;--mint:#dce9df;--cream:#f7f3e8;--gold:#d6a83f;--ink:#17211f;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.65 "DM Sans",sans-serif}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;background:rgba(247,243,232,.92);backdrop-filter:blur(16px);z-index:30;border-bottom:1px solid rgba(7,61,53,.12)}.brand{display:inline-flex;align-items:center;gap:9px;font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.04em}.brand span{background:var(--green);color:#fff;padding:5px 10px;border-radius:4px;transform:skew(-4deg)}.brand small{color:var(--green);font-size:.72rem}.site-header nav{display:flex;gap:28px;font-weight:600;font-size:.92rem}.site-header nav a{border-bottom:2px solid transparent}.site-header nav a:hover{border-color:var(--gold)}.menu-button{display:none;border:1px solid var(--green);background:transparent;padding:8px 12px;font:inherit}.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.02fr .98fr;max-width:1500px;margin:auto}.hero-copy{padding:clamp(70px,9vw,150px) clamp(28px,6vw,100px);align-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;font-weight:700;color:var(--gold);margin:0 0 18px}.hero h1,.section h2{font-family:Oswald,sans-serif;text-transform:uppercase;line-height:1.02;margin:0;letter-spacing:-.02em}.hero h1{font-size:clamp(3.5rem,7vw,7.4rem)}.hero h1 em{font-style:normal;color:var(--green)}.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:650px;margin:28px 0;color:#3e4a47}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:13px 20px;border:1px solid var(--green);font-weight:700;border-radius:3px}.button.primary{background:var(--green);color:#fff}.button.secondary:hover{background:#fff}.trust-row{display:flex;gap:20px;margin-top:32px;font-size:.83rem;font-weight:700;text-transform:uppercase}.trust-row span:before{content:"✓";color:var(--green);margin-right:7px}.hero-visual{margin:0;min-height:620px;position:relative;overflow:hidden;background:var(--green)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-visual figcaption{position:absolute;bottom:28px;right:28px;background:#fff;padding:10px 15px;font-weight:700;color:var(--green)}.section{padding:clamp(80px,10vw,150px) max(24px,calc((100vw - var(--max))/2))}.section-heading{max-width:900px;margin-bottom:52px}.section h2{font-size:clamp(2.6rem,5.5vw,5.5rem)}.story-grid{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center}.story-grid>div>p{max-width:720px}.large-copy{font-size:clamp(1.25rem,2vw,1.65rem);line-height:1.5}.quote-card{background:var(--green);color:#fff;padding:42px;min-height:270px;display:flex;flex-direction:column;justify-content:center}.quote-card strong{font:700 clamp(5rem,10vw,8rem)/1 Oswald;color:var(--gold)}.quote-card span{font-size:1.05rem}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(7,61,53,.18);margin-top:80px}.values article{background:var(--cream);padding:34px}.values article>span{color:var(--gold);font-weight:700}.values h3{font:600 2rem Oswald;margin:10px 0;text-transform:uppercase}.dark{background:var(--green);color:#fff}.dark .eyebrow{color:#e1bd63}.operation-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.operation-card{background:#fff;color:var(--ink)}.operation-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.operation-card div{padding:28px}.operation-card small,.portfolio-grid small{text-transform:uppercase;letter-spacing:.12em;color:#93701d;font-weight:700}.operation-card h3,.portfolio-grid h3{font:600 1.8rem/1.2 Oswald;text-transform:uppercase;margin:5px 0}.operation-card p,.portfolio-grid p{margin:8px 0 0}.operations-note{max-width:850px;font-size:1.15rem;margin:38px 0 0;color:#c9dbd7}.safety-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.safety-grid article{border-top:4px solid var(--gold);background:#fff;padding:28px;box-shadow:0 10px 35px rgba(7,61,53,.08)}.safety-grid b{font:700 2.3rem Oswald;color:var(--green)}.safety-grid h3{margin:12px 0 6px}.safety-grid p{margin:0;color:#53615e}.credential-visuals{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:38px}.credential-visuals img{aspect-ratio:16/9;object-fit:cover;cursor:zoom-in}.halal-note{padding:24px;border-left:4px solid var(--green);background:var(--mint);margin:38px 0 0}.partners-band{padding:70px max(24px,calc((100vw - var(--max))/2));background:#fff;text-align:center}.partners-band p{font:500 clamp(1.3rem,2.6vw,2.1rem) Oswald;text-transform:uppercase;color:var(--green);max-width:900px;margin:0 auto 30px}.partners-band img{max-width:900px;margin:auto}.portfolio-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;max-width:none}.portfolio-heading>div{max-width:820px}.portfolio-heading>p{max-width:330px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.filters button{border:1px solid var(--green);background:transparent;color:var(--green);font:600 .9rem "DM Sans";padding:9px 15px;cursor:pointer}.filters button.active,.filters button:hover{background:var(--green);color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio-grid article{background:#fff;box-shadow:0 8px 30px rgba(7,61,53,.07);transition:transform .2s,opacity .2s;cursor:zoom-in}.portfolio-grid article:hover{transform:translateY(-4px)}.portfolio-grid article.hidden{display:none}.portfolio-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.portfolio-grid article div{padding:22px}.portfolio-grid h3{font-size:1.45rem}.company{display:grid;grid-template-columns:1fr 1fr;gap:80px}.company>div>p:last-child{font-size:1.15rem;color:#c9dbd7;max-width:590px}.company dl{margin:0}.company dl div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.2)}.company dt{text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;color:#dcb65b}.company dd{margin:4px 0 0;font-weight:600}footer{padding:35px max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;justify-content:space-between;gap:20px;background:#041f1b;color:#fff;font-size:.85rem}footer .brand span{background:#fff;color:var(--green)}footer .brand small{color:#fff}dialog{border:0;background:transparent;padding:40px;max-width:min(96vw,1400px);max-height:96vh}dialog::backdrop{background:rgba(2,15,13,.9)}dialog img{max-height:88vh;box-shadow:0 20px 70px #000}dialog button{position:fixed;top:18px;right:24px;background:#fff;color:var(--green);border:0;border-radius:50%;width:42px;height:42px;font-size:2rem;line-height:1;cursor:pointer}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-visual{min-height:450px}.story-grid,.company{grid-template-columns:1fr;gap:35px}.values,.portfolio-grid{grid-template-columns:1fr 1fr}.safety-grid{grid-template-columns:1fr 1fr}.portfolio-heading{display:block}.site-header nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;border-bottom:1px solid #ccc}.site-header nav.open{display:flex}.menu-button{display:block}}@media(max-width:600px){.hero-copy{padding-top:70px}.hero h1{font-size:3.4rem}.hero-visual{min-height:300px}.trust-row{gap:10px;flex-direction:column}.values,.operation-grid,.safety-grid,.credential-visuals,.portfolio-grid{grid-template-columns:1fr}.section{padding-top:75px;padding-bottom:75px}.operation-card div,.values article{padding:22px}.portfolio-heading>p{max-width:none}footer{align-items:flex-start;flex-direction:column}dialog{padding:10px}.company{gap:30px}}
