@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Noto+Naskh+Arabic:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--purple:#49265e;--deep:#261331;--ink:#302038;--muted:#716679;--line:#dfd6e5;--accent:#d5b4ea}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:125px}body{margin:0;background:white;color:var(--ink);font:18px/1.8 'Noto Naskh Arabic',serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}header{position:sticky;top:0;z-index:10;min-height:110px;padding:17px 5.5%;display:flex;align-items:center;justify-content:space-between;gap:28px;background:var(--deep);color:white;border-bottom:1px solid #ffffff20}.brand{display:flex;align-items:center;gap:20px}.logo-mark{width:100px;height:66px;position:relative;overflow:hidden;display:block;flex:none}.logo-mark img{position:absolute;width:176px;height:auto;max-width:none;top:-48px;left:-38px}.brand-name{display:block;border-inline-start:1px solid #ffffff35;padding-inline-start:20px}.brand strong{display:block;font-size:27px;font-weight:500;line-height:1.3}.brand-name>span{display:block;font-size:14px;color:#d9cddd}nav{display:flex;gap:33px;align-items:center}nav a{font-size:17px;position:relative}nav a:after{content:'';height:1px;background:var(--accent);position:absolute;bottom:-5px;inset-inline-start:0;width:0;transition:width .25s}nav a:hover:after{width:100%}#language{background:transparent;border:1px solid #ffffff50;color:white;padding:8px 20px;font:14px 'DM Sans',sans-serif}.hero{background:radial-gradient(ellipse at 30% 60%,#573367 0,transparent 62%),var(--deep);color:white;min-height:720px;padding:65px 8% 0;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7%;position:relative;overflow:hidden}.hero-copy{padding-bottom:55px;position:relative;z-index:1}.eyebrow{font-size:15px;letter-spacing:.05em;margin:0 0 25px;color:var(--purple);display:flex;align-items:center;gap:13px}.eyebrow:before{content:'';width:25px;height:1px;background:currentColor;flex:none}.hero .eyebrow,.contact .eyebrow{color:#d4b8e1}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(49px,5.2vw,80px);font-weight:500;line-height:1.42;letter-spacing:0;margin-bottom:26px}h1 em{font-style:normal;color:#d7b6eb}.intro{font-size:21px;line-height:1.95;color:#e2d6e8;max-width:550px;margin-bottom:32px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:26px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--purple);color:white;min-height:54px;padding:12px 30px;border:1px solid transparent;font-size:18px;transition:transform .2s,background .2s}.hero .button,.light{background:white;color:var(--deep)}.button:hover{transform:translateY(-3px);background:#d5b4ea;color:var(--deep)}.text-link{font-size:17px;border-bottom:1px solid #b293c3;padding:9px 0}.hero-note{display:flex;align-items:center;gap:16px;margin-top:64px;font-size:15px;color:#cbbad4}.fine-line{width:48px;height:1px;background:#bfa3cc}.portrait{margin:0;position:relative;align-self:end;padding:16px 16px 0;min-width:0}.portrait:before{content:'';position:absolute;inset:0 0 55px;border:1px solid #c5a5d55e;border-radius:220px 220px 0 0}.portrait-frame{position:relative;overflow:hidden;border-radius:210px 210px 0 0;line-height:0;background:#a8a8a8;aspect-ratio:0.77}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center 40%;display:block}.portrait-frame:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#24112fe8)}figcaption{position:absolute;bottom:30px;inset-inline:40px;color:white;z-index:1}figcaption strong{font-size:32px;display:block;font-weight:500}figcaption span{font-size:14px;letter-spacing:.09em;color:#ecdfef}.portrait-label{position:absolute;writing-mode:vertical-rl;left:-25px;top:37%;font:12px 'DM Sans',sans-serif;letter-spacing:.25em;color:#c3a6d0}.credentials-strip{background:#452655;color:white;display:flex;justify-content:space-evenly;padding:21px 6%;gap:25px;font-size:15px;border-top:1px solid #ffffff20}.credentials-strip span+span{border-inline-start:1px solid #ffffff3b;padding-inline-start:40px}.section{padding:100px 8%}.section-top{display:flex;align-items:flex-start;justify-content:space-between;gap:40px;border-bottom:1px solid var(--line);padding-bottom:25px}.section-top h2{margin:0;max-width:610px}h2{font-size:clamp(38px,4vw,58px);font-weight:500;line-height:1.5;margin-bottom:30px}.services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:65px}.services article{padding:32px 0;border-bottom:1px solid var(--line);transition:padding .25s}.services article:hover{padding-inline-start:10px}.service-heading{display:flex;align-items:baseline;gap:20px}.number{font:14px 'DM Sans',sans-serif;color:#91729f;min-width:22px}h3{font-size:27px;font-weight:500;margin-bottom:12px}.services p{color:var(--muted);font-size:18px;margin:0;padding-inline-start:42px;max-width:530px}.services article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:65px}.services article:last-child p{padding-inline-start:0}.about{background:#f5f1f7;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;position:relative}.about>div:first-child{position:sticky;top:150px;align-self:start}.about h2{font-size:60px;margin-bottom:12px}.sub{color:var(--muted);font-size:21px}.bio>p{font-size:24px;line-height:2}.milestones{margin-top:45px;border-inline-start:1px solid #bba4c8;padding-inline-start:30px}.milestones>div{position:relative;padding:0 0 30px}.milestones>div:before{content:'';position:absolute;inset-inline-start:-36px;top:10px;width:10px;height:10px;background:var(--purple);border-radius:50%;box-shadow:0 0 0 5px #f5f1f7}.milestones>div:last-child{padding-bottom:0}.milestones strong{font:27px 'Playfair Display',serif;display:block;direction:ltr;text-align:start;margin-bottom:12px}.milestones span{font-size:18px;color:var(--muted);display:block;max-width:510px}.contact{background:radial-gradient(ellipse at top right,#563367,transparent 70%),var(--deep);color:white;display:grid;grid-template-columns:1fr 1fr;gap:95px}.contact h2{font-size:clamp(50px,5vw,76px);line-height:1.35}.contact p{color:#e0d2e7}.contact .light{margin-top:15px}.details{padding-top:5px}.details>div{padding:20px 0;border-bottom:1px solid #ffffff28}.details>div:first-child{padding-top:0}.details>div>span{display:block;font-size:14px;color:#c9add9;margin-bottom:10px}.details a,.details p{font-size:21px;overflow-wrap:anywhere}.details p{margin-bottom:10px}.details .small-link{font-size:16px;border-bottom:1px solid #9d81af}.instagram{display:flex;justify-content:space-between;gap:15px;padding-top:25px;font:16px 'DM Sans',sans-serif}.details a:hover{color:#ddbaeF}footer{background:#1d0e26;color:#ccb9d4;padding:30px 8%;display:flex;align-items:center;justify-content:space-between;gap:35px;font-size:14px}.footer-logo{flex:none}footer .logo-mark{transform:scale(.8);transform-origin:center}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:30}.skip:focus{top:0}:focus-visible{outline:3px solid #c498df;outline-offset:6px}html[lang=en] body{font-family:'DM Sans',sans-serif;line-height:1.65}html[lang=en] h1,html[lang=en] h2,html[lang=en] h3{font-family:'Playfair Display',serif}html[lang=en] h1{font-size:clamp(44px,4.5vw,68px);line-height:1.17;letter-spacing:-.025em}html[lang=en] h1 em{font-style:italic}html[lang=en] .brand strong{font:22px 'Playfair Display',serif}html[lang=en] .brand-name>span{font-size:12px;letter-spacing:.07em}html[lang=en] .eyebrow{font-size:12px;letter-spacing:.11em}html[lang=en] .intro{font-size:18px;line-height:1.85}html[lang=en] .bio>p{font-size:22px;line-height:1.85}html[lang=en] .credentials-strip{font-size:12px;letter-spacing:.06em}html[lang=en] .services h3{font-size:26px}html[lang=en] .services p{font-size:17px}html[lang=en] .about h2{font-size:52px}html[lang=en] .milestones span{font-size:17px}@media(min-width:1500px){.hero{padding-inline:max(8%,calc((100vw - 1320px)/2))}.section{padding-inline:max(8%,calc((100vw - 1320px)/2))}}@media(max-width:1050px){header{gap:18px;padding-inline:4%}.brand-name{display:none}.hero{padding-inline:6%;gap:6%;min-height:650px}.hero h1{font-size:57px}.intro{font-size:19px}.portrait{padding:10px 10px 0}.section{padding:75px 6%}.about,.contact{gap:45px}.hero-note{margin-top:35px}.services{column-gap:35px}.credentials-strip span+span{padding-inline-start:20px}}@media(max-width:720px){html{scroll-padding-top:140px}header{padding:12px 5%;gap:12px;flex-wrap:wrap}.brand .logo-mark{width:85px;height:56px}.brand .logo-mark img{width:150px;top:-41px;left:-32px}.brand-name{display:block;padding-inline-start:12px}.brand{gap:10px}.brand strong{font-size:22px}.brand-name>span{font-size:12px}nav{order:3;width:100%;justify-content:space-between;gap:14px;border-top:1px solid #ffffff20;padding-top:9px}nav a{font-size:16px}#language{padding:8px 12px}.hero{grid-template-columns:1fr;padding:42px 6% 0;gap:12px}.hero-copy{padding-bottom:20px}.hero h1{font-size:57px;line-height:1.35;margin-bottom:20px}.hero .eyebrow{font-size:13px}.intro{font-size:19px;max-width:none}.hero-actions{gap:22px}.hero-note{margin-top:30px}.portrait{width:85%;max-width:420px;justify-self:center}.portrait-frame{aspect-ratio:.88}.portrait-label{left:-22px}figcaption{bottom:22px;inset-inline:30px}.credentials-strip{flex-wrap:wrap;gap:8px 20px;padding:20px 6%;font-size:13px}.credentials-strip span+span{padding-inline-start:0;border:0}.credentials-strip span:first-child{width:100%;text-align:center}.section{padding:58px 6%}.section-top{display:block;padding-bottom:25px}.section-top h2{font-size:42px}.services{grid-template-columns:1fr}.services article:last-child{display:block;grid-column:auto}.services article:last-child p{padding-inline-start:42px}.services article{padding:27px 0}.services article:hover{padding-inline-start:0}h3{font-size:25px}.services p{font-size:18px}.about,.contact{grid-template-columns:1fr;gap:25px}.about>div:first-child{position:static}.about h2{font-size:48px}.bio>p{font-size:22px}.milestones{margin-top:30px}.contact h2{font-size:58px}.details{margin-top:18px}footer{padding:25px 6%;flex-wrap:wrap;gap:15px}footer>span{width:100%}html[lang=en] .brand strong{font-size:17px}html[lang=en] .brand-name>span{font-size:10px}html[lang=en] .hero h1{font-size:48px}html[lang=en] .about h2{font-size:42px}}@media(max-width:370px){.brand-name{display:none}.hero h1{font-size:48px}.hero-actions{gap:14px}.button{padding:12px 20px}html[lang=en] .hero h1{font-size:40px}}@media(prefers-reduced-motion:no-preference){.hero-copy{animation:rise .8s both}.portrait{animation:rise 1s .12s both}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
