/* Original photographs have native LTR and RTL compositions. Labels are never mirrored. */
@font-face{font-family:CairoLocal;src:url('assets/cairo-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:CairoLocal;src:url('assets/cairo-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:CairoLocal;src:url('assets/cairo-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
[lang=ar] body{font-family:CairoLocal,Tahoma,Arial,sans-serif}
[lang=ar] .hero-word{font-family:CairoLocal,Tahoma,Arial,sans-serif}
[dir=ltr] .hero-landscape>img{object-position:70% 50%}
[dir=ltr] .landscape-caption{left:5%;right:52%;text-align:left}
[dir=ltr] .hero-landscape:after{background:linear-gradient(270deg,rgb(var(--brand-deep-blue-rgb) / .02) 18%,rgb(var(--brand-deep-blue-rgb) / .25) 43%,rgb(var(--brand-deep-blue-rgb) / .79) 67%,rgb(var(--brand-deep-blue-rgb) / .93) 100%),linear-gradient(0deg,rgb(var(--brand-deep-blue-rgb) / .55),transparent 35%)}
[dir=ltr] .inner-hero--about .inner-stage{grid-template-columns:56% 44%}
[dir=ltr] .inner-hero--about .inner-copy{grid-column:1;padding-inline:0 35px}
[dir=ltr] .inner-hero--about .inner-backdrop:after{background:linear-gradient(270deg,rgb(var(--brand-deep-blue-rgb) / .06) 10%,rgb(var(--brand-deep-blue-rgb) / .33) 40%,rgb(var(--brand-deep-blue-rgb) / .94) 66%)}
[dir=rtl] .inner-hero--products .inner-photo{object-position:100% 50%}
[dir=rtl] .inner-hero--contact .inner-photo-frame{left:auto;right:0}
[dir=rtl] .inner-hero--contact .inner-photo{object-position:100% 50%}

/* A legible composition panel, followed by a complete editorial introduction. */
.mineral-strip{width:min(1280px,calc(100% - 100px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0 auto;padding:50px 0 44px;background:var(--brand-white);color:var(--brand-deep-blue);border-bottom:1px solid var(--line)}
.mineral-strip .mineral-label{grid-column:1/-1;max-width:none;margin:0 0 28px;font-size:1.05rem;font-weight:600;color:var(--brand-deep-blue)}
.mineral-strip .mineral{padding:0 30px;border:0;border-inline-start:1px solid var(--line);min-width:0}
.mineral-strip .mineral:nth-child(2){padding-inline-start:0;border:0}
.mineral-strip .mineral strong{display:flex;align-items:baseline;gap:9px;color:var(--brand-deep-blue);font-size:clamp(2.6rem,3.4vw,3.8rem);line-height:1.1;font-weight:500;letter-spacing:-.055em}
.mineral-strip .mineral strong small{font-size:.85rem;font-weight:400;letter-spacing:0;display:inline;margin:0;color:var(--brand-charcoal)}
.mineral-strip .mineral span{display:block;margin-top:12px;color:var(--brand-charcoal);font-size:1rem}
.original-intro{background:var(--brand-white);color:var(--brand-charcoal);padding:72px 50px 96px}
.original-intro .source-layout{max-width:1280px;margin:auto;grid-template-columns:1.12fr .88fr;gap:clamp(40px,5vw,80px);align-items:center}
.original-intro .original-copy{order:1;min-width:0}
.original-intro .source-photo{order:2;height:650px;max-width:none;width:100%;border-radius:16px;box-shadow:none;transform:none;background:var(--brand-blue-wash)}
.original-intro .source-photo img{transform:scale(1.06) translateY(var(--photo-travel,0px));object-position:50% 46%}
.original-intro .eyebrow{color:var(--brand-deep-blue);font-size:.85rem;letter-spacing:.055em;margin-bottom:25px}
.original-intro .original-copy h2{color:var(--brand-deep-blue);font-size:clamp(2.5rem,3.5vw,3.8rem);line-height:1.1;letter-spacing:-.05em;font-weight:600}
.original-intro p,.original-intro .content-list{font-size:1.125rem;line-height:1.8;color:var(--brand-charcoal)}
.original-intro .original-copy p{margin-top:22px}
.original-intro .content-list{margin:28px 0;display:grid;gap:0;list-style:none;padding:0;border-top:1px solid var(--line)}
.original-intro .content-list li{position:relative;border-bottom:1px solid var(--line);padding:14px 0;padding-inline-start:25px;font-size:1rem}
.original-intro .content-list li:before{content:'';position:absolute;inset-inline-start:0;top:24px;width:7px;height:7px;background:var(--brand-green);border-radius:50%}
.original-intro .button-row{margin-top:27px;gap:25px;align-items:center}
.original-intro .text-link{color:var(--brand-deep-blue);font-size:1.05rem}
.original-intro .button.outline{border-color:var(--brand-deep-blue);color:var(--brand-deep-blue)}
[lang=ar] .original-intro .original-copy h2{font-size:clamp(2.4rem,3.25vw,3.5rem);line-height:1.55;letter-spacing:0}
[lang=ar] .original-intro p,[lang=ar] .original-intro .content-list{font-size:1.1rem;line-height:2}
[lang=ar] .original-intro .content-list li{font-size:1.025rem}

/* The original laboratory photograph and source facts form one composed section. */
.source-story{width:min(1280px,calc(100% - 100px));margin:88px auto;grid-template-columns:1.12fr .88fr;gap:clamp(40px,5vw,80px);padding:0;align-items:center}
.source-story .original-copy{order:1;min-width:0}
.source-story .source-photo{order:2;height:680px;width:100%;max-width:none;border-radius:16px;overflow:hidden;box-shadow:none}
.source-story .source-photo img{object-position:50% 50%}
.source-story .original-copy h2{font-size:clamp(2.4rem,3.3vw,3.6rem);line-height:1.15;letter-spacing:-.05em;color:var(--brand-deep-blue)}
.source-story .original-copy>p{font-size:1.125rem;line-height:1.85;margin-top:22px}
.source-story-detail{margin-top:30px;padding:26px;background:var(--brand-blue-wash);border-radius:12px;border-inline-start:3px solid var(--brand-green)}
.source-story-detail h3{font-size:1.35rem;line-height:1.5;color:var(--brand-deep-blue);margin:0}
.source-story-detail .content-list{list-style:none;padding:0;margin:15px 0 0;display:grid;gap:14px;color:var(--brand-charcoal)}
.source-story-detail .content-list li{padding:0;padding-inline-start:22px;position:relative;font-size:1rem;line-height:1.7}
.source-story-detail li:before{content:'';width:6px;height:6px;position:absolute;inset-inline-start:0;top:.7em;background:var(--brand-green);border-radius:50%}
.source-story .original-copy>.button{margin-top:28px}
[lang=ar] .source-story .original-copy h2{font-size:clamp(2.3rem,3.1vw,3.4rem);line-height:1.55;letter-spacing:0}
[lang=ar] .source-story .original-copy>p{font-size:1.1rem;line-height:2}
[lang=ar] .source-story-detail .content-list li{font-size:1rem;line-height:1.9}

/* Form and public contact details share one continuous surface. */
.contact-layout{grid-template-columns:minmax(0,1.45fr) minmax(310px,.85fr);gap:0;align-items:stretch;padding:0;margin-bottom:95px;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 60px rgb(var(--brand-deep-blue-rgb) / .055)}
.contact-layout .form-panel{padding:44px;border:0;border-radius:0;box-shadow:none;min-width:0}
.contact-layout .form-grid{gap:24px}
.contact-layout .field{font-size:1.025rem;font-weight:600;gap:10px;color:var(--brand-deep-blue)}
.contact-layout .field input,.contact-layout .field textarea{background:var(--brand-blue-wash);border-color:rgb(var(--brand-deep-blue-rgb) / .22);color:var(--brand-charcoal);min-height:58px;font-size:1.05rem;line-height:1.6;padding:14px 16px;border-radius:7px}
.contact-layout .field textarea{min-height:170px}
.contact-layout .field input:focus,.contact-layout .field textarea:focus{outline:2px solid var(--brand-blue);outline-offset:2px;background:var(--brand-white)}
.contact-layout .local-notice{font-size:.875rem;color:var(--brand-charcoal);line-height:1.8;padding:0;background:none;margin:25px 0 0}
.contact-layout .button-row{margin-top:26px}
.contact-layout .button{min-height:54px;padding-inline:28px;font-size:1rem}
.contact-layout .aside-panel{position:relative;top:auto;display:flex;flex-direction:column;justify-content:center;gap:0;padding:44px;border-radius:0;isolation:isolate;background:var(--brand-deep-blue);overflow:hidden}
.contact-layout .aside-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(var(--brand-deep-blue-rgb) / .94),rgb(var(--brand-deep-blue-rgb) / .82)),url('assets/original-waterfall-hero.png') center / cover;opacity:1}
.contact-layout .contact-method{display:grid;grid-template-columns:36px minmax(0,1fr);column-gap:15px;row-gap:10px;padding:30px 0;border-bottom:1px solid rgb(var(--brand-white-rgb) / .25);min-width:0}
.contact-layout .contact-method:first-child{padding-top:0}
.contact-layout .contact-method:last-child{border:0;padding-bottom:0}
.contact-layout .contact-method .contact-index{grid-row:1/3;grid-column:1;display:flex;align-items:center;justify-content:center;width:32px;height:32px;font-size:.7rem;font-weight:600;border:1px solid rgb(var(--brand-white-rgb) / .4);border-radius:50%;color:var(--brand-white);margin-top:3px}
.contact-layout .contact-method h3{grid-column:2;font-size:1.4rem;line-height:1.4;font-weight:600;color:var(--brand-white);margin:0}
.contact-layout .contact-method p,.contact-layout .contact-method a{grid-column:2;font-size:1.05rem;line-height:1.8;color:var(--brand-white);margin:0;overflow-wrap:anywhere}
.contact-layout .contact-method a[dir=ltr]{text-align:start;justify-self:start}
[dir=rtl] .contact-layout .contact-method a[dir=ltr]{justify-self:end}
[lang=ar] .contact-layout .field{font-size:1rem}
[lang=ar] .contact-layout .contact-method h3{font-size:1.35rem;line-height:1.6}

@media(min-width:901px) and (max-width:1150px){
 [dir=ltr] .landscape-caption{left:5%;right:49%}
 .contact-layout .form-panel,.contact-layout .aside-panel{padding:32px}
 .original-intro .source-photo{height:640px}
}
@media(max-width:900px){
 .mineral-strip,.source-story{width:calc(100% - 64px)}
 .original-intro{padding:60px 32px 75px}
 .original-intro .source-layout,.source-story{gap:36px;grid-template-columns:1fr 1fr}
 .original-intro .source-photo{height:620px}
 .original-intro .original-copy h2,.source-story .original-copy h2{font-size:2.6rem}
 .source-story .source-photo{height:660px}
 .source-story-detail{padding:20px}
 .contact-layout{grid-template-columns:minmax(0,1.3fr) minmax(250px,.9fr)}
 .contact-layout .form-panel,.contact-layout .aside-panel{padding:28px}
 .contact-layout .form-grid{grid-template-columns:1fr;gap:20px}
 .contact-layout .contact-method{grid-template-columns:1fr}
 .contact-layout .contact-method .contact-index{grid-row:auto;grid-column:1;margin-bottom:5px}
 .contact-layout .contact-method h3,.contact-layout .contact-method p,.contact-layout .contact-method a{grid-column:1}
}
@media(max-width:650px){
 [lang=ar] .hero-word{font-size:18vw}
 [dir=ltr] .inner-hero--about .inner-copy{padding:0}
 [dir=ltr] .inner-hero--about .inner-backdrop:after{background:linear-gradient(0deg,rgb(var(--brand-deep-blue-rgb) / .96) 10%,rgb(var(--brand-deep-blue-rgb) / .75) 60%,rgb(var(--brand-deep-blue-rgb) / .06) 100%)}
 [dir=ltr] .inner-hero--about .inner-photo{object-position:73% 50%}
 .mineral-strip{width:calc(100% - 40px);grid-template-columns:repeat(2,minmax(0,1fr));padding:35px 0 32px;gap:24px 0}
 .mineral-strip .mineral-label{font-size:1rem;line-height:1.7;margin:0;grid-column:1/-1}
 .mineral-strip .mineral{padding:0 20px}
 .mineral-strip .mineral:nth-child(4){border:0;padding-inline-start:0}
 .mineral-strip .mineral strong{font-size:2.6rem;gap:7px}
 .mineral-strip .mineral strong small{font-size:.75rem}
 .mineral-strip .mineral span{font-size:.95rem;margin-top:7px}
 .original-intro{padding:48px 20px 60px}
 .original-intro .source-layout,.source-story{grid-template-columns:1fr;gap:34px}
 .original-intro .original-copy h2,.source-story .original-copy h2{font-size:2.5rem;line-height:1.15}
 .original-intro p,.original-intro .content-list,.source-story .original-copy>p{font-size:1.05rem;line-height:1.85}
 .original-intro .content-list li{font-size:1rem}
 .original-intro .source-photo{height:480px;max-width:450px;width:100%;justify-self:center;border-radius:12px}
 .original-intro .eyebrow{font-size:.8rem;margin-bottom:20px}
 .original-intro .button-row{flex-wrap:wrap;gap:22px}
 .original-intro .button-row .button{font-size:.9rem}
 .source-story{width:calc(100% - 40px);margin:60px auto}
 .source-story .source-photo{height:450px;max-width:450px;justify-self:center;border-radius:12px}
 .source-story-detail{padding:22px;margin-top:25px}
 .source-story-detail h3{font-size:1.25rem}
 [lang=ar] .original-intro .original-copy h2,[lang=ar] .source-story .original-copy h2{font-size:2.15rem;line-height:1.65}
 [lang=ar] .original-intro p,[lang=ar] .original-intro .content-list,[lang=ar] .source-story .original-copy>p{font-size:1.05rem;line-height:2}
 .contact-layout{grid-template-columns:1fr;border-radius:12px;margin-bottom:60px}
 .contact-layout .form-panel{padding:28px 22px}
 .contact-layout .aside-panel{padding:35px 25px}
 .contact-layout .contact-method{grid-template-columns:36px minmax(0,1fr);column-gap:14px;padding-block:26px}
 .contact-layout .contact-method .contact-index{grid-column:1;grid-row:1/3;margin-bottom:0}
 .contact-layout .contact-method h3,.contact-layout .contact-method p,.contact-layout .contact-method a{grid-column:2}
 .contact-layout .field{font-size:1rem}
 .contact-layout .button{width:100%}
 [lang=ar] .contact-layout .contact-method h3{font-size:1.25rem}
}
