@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@300;400;500;600&display=swap');
:root{--ink:#151515;--paper:#f5f3ef;--warm:#c8b39b;--line:rgba(21,21,21,.2);--display:"Century Gothic","Avenir Next",Futura,"URW Gothic",Arial,sans-serif;--arabic:"Cairo",Tahoma,Arial,sans-serif;--sans:Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px}a{color:inherit;text-decoration:none}img{display:block;width:100%}
.nav{position:fixed;z-index:30;top:0;left:0;right:0;height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;transition:.35s}.nav.scrolled{background:rgba(245,243,239,.94);backdrop-filter:blur(14px);color:var(--ink);border-bottom:1px solid var(--line)}
.brand{display:block;width:164px;transform:translateY(2cm)}.brand img{width:100%;height:auto;filter:invert(1) brightness(2);transition:.35s}.nav.scrolled .brand img{filter:none}
.links{display:flex;align-items:center;gap:25px;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase}.lang{border:1px solid currentColor;background:transparent;color:inherit;padding:9px 11px;cursor:pointer;font-size:.72rem;letter-spacing:.12em}.menu{display:none;border:0;background:none;color:inherit;font-size:1.5rem}
.hero{height:84vh;min-height:650px;position:relative;display:flex;align-items:flex-end;background:#222;overflow:hidden}.hero>img{position:absolute;inset:0;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.56),transparent 58%)}
.hero-copy{position:relative;z-index:2;color:#fff;padding:0 5vw 7vh}.eyebrow{font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;margin-bottom:24px}.hero h1{font-family:var(--display);font-size:clamp(2.2rem,5vw,5.8rem);font-weight:500;letter-spacing:.12em;line-height:1;text-transform:uppercase;margin:0}
.intro{padding:105px 5vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:10vw}.intro span{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}.intro p{font-size:clamp(1.3rem,2.3vw,2.4rem);line-height:1.45;margin:0;max-width:900px}
.gallery{padding:0 5vw 125px;display:grid;grid-template-columns:1.15fr .85fr;gap:24px}.shot{margin:0;background:#ddd;overflow:hidden}.shot img{width:100%;height:100%;min-height:620px;object-fit:cover;transition:transform .8s}.shot:hover img{transform:scale(1.025)}.shot:nth-child(2){margin-top:120px}
.cta{background:var(--warm);padding:100px 5vw;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta h2{font-family:var(--display);font-size:clamp(1.6rem,3.2vw,3.5rem);font-weight:500;letter-spacing:.1em;line-height:1.2;text-transform:uppercase;margin:0}.cta a{font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;border:1px solid var(--ink);padding:18px 28px;white-space:nowrap}
footer{background:#111;color:#eee;padding:40px 5vw;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.13em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(24px);transition:.75s}.reveal.on{opacity:1;transform:none}html[dir=rtl] body{font-family:var(--arabic)}html[dir=rtl] .hero-copy,html[dir=rtl] .intro,html[dir=rtl] .cta{text-align:right}html[dir=rtl] h1,html[dir=rtl] h2{font-family:var(--arabic);font-weight:500;letter-spacing:0;text-transform:none}
@media(max-width:900px){.nav,.nav.scrolled{height:92px;padding:0 20px}.brand{width:126px}.links{display:none}.menu{display:block}.hero{height:72vh;min-height:550px}.hero-copy{padding:0 24px 55px}.hero h1{font-size:clamp(1.8rem,9vw,3.4rem)}.intro{padding:75px 24px;grid-template-columns:1fr;gap:30px}.gallery{padding:0 24px 80px;grid-template-columns:1fr}.shot:nth-child(2){margin-top:0}.shot img{min-height:430px}.cta{padding:70px 24px;align-items:flex-start;flex-direction:column}footer{padding:35px 24px;gap:18px;flex-direction:column}}