@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#131615;--gold:#d3ab7d;--muted:#aaa9a1;--ink:#eeeae2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Cairo',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{position:absolute;z-index:5;top:0;width:100%;height:112px;padding:22px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff25}.brand{display:flex;flex-direction:column;line-height:1.3}.brand-name{font-size:43px;font-weight:900;position:relative}.brand-name i{font-style:normal;color:var(--gold);font-size:25px;padding-right:8px}.brand>span:last-child{font-size:12px;letter-spacing:1px}nav{display:flex;gap:42px;font-size:14px}nav a:hover,footer a:hover{color:var(--gold)}.replay{background:none;border:1px solid #ffffff50;padding:10px 17px;font-size:14px}.replay span{margin-right:20px;color:var(--gold)}.hero{position:relative;min-height:820px;height:100svh;max-height:1200px;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(140deg,#27312f,#111918);background-position:center;background-size:cover;animation:slowZoom 16s ease-out both}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(10,17,15,.85),rgba(10,17,15,.4) 50%,rgba(10,17,15,.1)),linear-gradient(0deg,#131615 0%,transparent 40%,#10171455)}.hero-content{position:relative;padding:215px 9% 130px;max-width:1000px}.eyebrow{display:flex;align-items:center;gap:14px;font-size:14px;color:#e4d4bf}.eyebrow span{width:35px;height:1px;background:var(--gold)}h1{font-size:clamp(48px,6.2vw,92px);font-weight:600;line-height:1.5;margin:28px 0 22px}h1>span{display:block}em{color:var(--gold);font-style:normal}.hero p{line-height:2;font-size:17px;color:#d6d8d2}.cta{display:inline-flex;align-items:center;gap:55px;border:1px solid var(--gold);padding:14px 24px;margin-top:22px;font-size:15px;background:#cfa6750c}.cta:hover{background:var(--gold);color:#131615}.cta span{font-size:24px}.hero-bottom{position:absolute;bottom:28px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#d1d1c7}.hero-bottom a{font-size:14px}.hero-bottom a span{margin-right:20px}.vertical-note{position:absolute;left:24px;top:45%;writing-mode:vertical-rl;font-size:11px;letter-spacing:4px;color:#bbbfb7}.section{padding:110px 9%;border-top:1px solid #ffffff13}.section-kicker{font-size:14px;color:var(--gold);margin-bottom:34px}.about{display:grid;grid-template-columns:1fr 3fr;gap:60px}h2{font-size:clamp(30px,3.5vw,48px);font-weight:500;line-height:1.65;margin:0 0 30px}h2 span{color:#a2a59b}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px}p{font-size:16px;line-height:2;color:#adafa6}.signature{margin-top:30px;font-size:23px;color:var(--gold)}.signature span{display:block;font-size:12px;color:var(--muted);margin-top:5px}.vision{background:#1c201d}.vision-heading{display:flex;align-items:end;justify-content:space-between;gap:50px}.vision-heading p{max-width:250px}.principles{display:grid;grid-template-columns:repeat(3,1fr);margin-top:35px;border-top:1px solid #ffffff25}.principles article{padding:30px;border-left:1px solid #ffffff25}.principles article:first-child{padding-right:0}.principles article:last-child{border:0}.principles article>span{color:var(--gold);font-size:14px}h3{font-size:23px;font-weight:500}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin-top:55px}.steps>div{border-top:1px solid #897154;padding-top:30px}.steps b{color:var(--gold);font-size:14px;font-weight:400}.steps p{font-size:14px}footer{padding:45px 9%;border-top:1px solid #ffffff25;display:flex;align-items:center;justify-content:space-between}footer>a:last-child{font-size:14px}.intro{position:fixed;inset:0;z-index:100;background:#0d1211;display:grid;place-items:center;pointer-events:none;animation:exit 1s 2.8s forwards}.intro-grid{position:absolute;inset:0;background-image:linear-gradient(#cda47515 1px,transparent 1px),linear-gradient(90deg,#cda47515 1px,transparent 1px);background-size:65px 65px;transform:perspective(600px) rotateX(55deg) scale(1.5);animation:gridrise 2.8s ease-in-out both}.spark{position:absolute;width:8px;height:8px;background:#ffe2ad;box-shadow:0 0 35px 9px #d8ae6e;border-radius:50%;animation:spark 2.8s both}.intro-title{font-size:80px;font-weight:900;opacity:0;animation:appear 1s .9s forwards;color:var(--gold)}.intro-title span{display:block;font-size:14px;font-weight:400;color:#e2d6c5;text-align:center}.intro-line{position:absolute;bottom:25%;height:1px;background:var(--gold);animation:draw 2.8s ease forwards}.skip{position:fixed;z-index:101;bottom:35px;left:6%;border:0;background:none;font-size:14px;color:var(--gold);animation:exit .4s 2.8s forwards}.finished .intro,.finished .skip{display:none}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@keyframes exit{to{opacity:0;visibility:hidden}}@keyframes appear{to{opacity:1}}@keyframes draw{from{width:0}to{width:80%}}@keyframes spark{0%{transform:translate(0,100px);opacity:0}20%{opacity:1}60%{transform:translate(-160px,-70px)}100%{transform:translate(-320px,-190px);opacity:0}}@keyframes gridrise{0%{opacity:0;transform:perspective(600px) rotateX(75deg) scale(.5)}50%{opacity:1}100%{transform:perspective(600px) rotateX(0) scale(1.1);opacity:.4}}@keyframes slowZoom{from{transform:scale(1.07)}to{transform:scale(1)}}@media(max-width:700px){header{height:95px;padding:15px 6%}nav{gap:17px;font-size:12px}.replay{font-size:0;padding:8px 12px}.replay span{font-size:20px;margin:0}.brand-name{font-size:33px}.brand>span:last-child{font-size:10px}.hero{min-height:730px;max-height:950px}.hero-content{padding:180px 8% 100px}h1{font-size:51px}.hero-shade{background:linear-gradient(270deg,#0d1714cc,#0d171455),linear-gradient(0deg,#131615,transparent 80%)}.vertical-note{display:none}.hero-bottom>span:nth-child(2){font-size:10px}.hero-bottom>span:last-child{display:none}.section{padding:70px 8%}.about{grid-template-columns:1fr;gap:0}.about-columns{grid-template-columns:1fr;gap:0}.vision-heading{display:block}.principles,.steps{grid-template-columns:1fr}.principles article{border-left:0;border-bottom:1px solid #ffffff20;padding:20px 0}.steps{gap:20px}.steps>div{padding-top:15px}footer{gap:25px;flex-wrap:wrap}footer p{font-size:13px}.intro-title{font-size:65px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro,.skip{display:none}.reveal{opacity:1;transform:none}}
.hero-image{background-image:url('architecture.png')}
.intro:before{content:'';position:absolute;inset:0;background:url('architecture.png') center/cover;filter:grayscale(1) contrast(4) invert(1);mix-blend-mode:screen;opacity:0;animation:blueprint 2.9s ease both}.intro-title{position:relative;text-shadow:0 2px 25px #000}.intro:after{content:'';position:absolute;inset:0;background:url('architecture.png') center/cover;clip-path:inset(100% 0 0);animation:buildReveal 1.5s 1.4s forwards;opacity:.55;z-index:-1}@keyframes blueprint{0%,10%{opacity:0;clip-path:inset(100% 0 0);transform:perspective(900px) rotateX(50deg) scale(.8)}50%{opacity:.3;clip-path:inset(0);transform:perspective(900px) rotateX(0) scale(1)}100%{opacity:0;clip-path:inset(0)}}@keyframes buildReveal{to{clip-path:inset(0)}}