@import url('https://fonts.googleapis.com/css2?family=Noto+Naskh+Arabic:wght@400;500;600;700&display=swap');
:root{--paper:#fbf7ef;--ink:#193e50;--soft:#40575e;--line:#ded5c5;--blue:#e6eff0;--sand:#f1e3ca;--white:#fffdf8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 system-ui,sans-serif}a{color:inherit}a:focus-visible{outline:2px solid #994c37;outline-offset:4px}h1,h2,h3,.brand,.signature{font-family:Georgia,serif;font-weight:400;line-height:1.06;margin:0}p{margin:.75rem 0 0;max-width:56ch}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.eyebrow{font-size:.71rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--soft)}header{border-bottom:1px solid var(--line)}.bar{min-height:77px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{font-size:2rem;text-decoration:none;white-space:nowrap}nav{display:flex;flex-wrap:wrap;gap:clamp(.8rem,3vw,2rem);font-size:.86rem}nav a{text-decoration:none}nav a:hover,.textlink:hover{text-decoration:underline}.hero{text-align:center;padding-block:clamp(58px,8vw,112px)}.hero p{margin-inline:auto}h1{font-size:clamp(3.15rem,6.7vw,6.3rem);letter-spacing:-.055em;margin-top:1rem}h1 em{font-weight:400;color:#456976}.intro{font-size:1.1rem;color:var(--soft);margin-top:1.4rem}.button{display:inline-block;background:var(--ink);color:var(--white);border-radius:3rem;padding:.7rem 1.25rem;text-decoration:none;margin-top:1.4rem;font-size:.92rem}.button:hover{background:#345d69}.offers{padding-block:55px 84px;border-top:1px solid var(--line)}h2{font-size:clamp(2.35rem,4.6vw,4.1rem);letter-spacing:-.045em;margin-top:.55rem}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:1.8rem}.card{background:var(--white);border:1px solid var(--line);padding:1.45rem;display:flex;flex-direction:column;min-height:240px}.card:nth-child(2){background:var(--blue)}.card:nth-child(3){background:var(--sand)}.card h3{font-size:clamp(1.55rem,2.45vw,2.2rem);margin-top:.8rem}.card p,.detail p{color:var(--soft)}.textlink{margin-top:auto;padding-top:1rem;font-weight:650;font-size:.89rem;text-underline-offset:.22em}.detail{display:grid;grid-template-columns:1fr 1.18fr;gap:8%;padding-block:2.7rem;border-top:1px solid var(--line);scroll-margin-top:1rem}.detail h3{font-size:clamp(1.9rem,3.8vw,3rem);letter-spacing:-.025em;margin-top:.45rem}.detail p:first-child{margin-top:0}.about{background:var(--blue);padding-block:65px;margin-top:2rem}.about .wrap{display:grid;grid-template-columns:1fr 1.18fr;gap:8%}.contact{padding-block:75px;text-align:center}.contact p{margin-inline:auto}.signature{font-style:italic;color:var(--soft);font-size:1.3rem;margin-top:1.6rem}footer{border-top:1px solid var(--line);padding-block:1rem;font-size:.8rem;color:var(--soft)}footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}@media(max-width:760px){.offer-grid{grid-template-columns:1fr}.card{min-height:0}.detail,.about .wrap{grid-template-columns:1fr;gap:1rem}}@media(max-width:480px){.wrap{width:calc(100% - 32px)}.bar{align-items:flex-start;flex-direction:column;justify-content:center;gap:.45rem;padding-block:.7rem}.hero{padding-top:42px}.offers{padding-bottom:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


.hero h1{padding-top:.65em}
.perch-letter{position:relative}
.perch-letter::before{content:"";background:url("vogel.png") no-repeat -.43em 0 / 2.1em auto;position:absolute;z-index:1;bottom:.88em;left:50%;width:1.18em;height:.78em;overflow:hidden;transform:translateX(-68%);pointer-events:none}

.language{display:flex;gap:.55rem;align-items:center;white-space:nowrap}
.language a{text-decoration:underline;text-underline-offset:.25em}
.language [aria-current]{font-weight:700}
[dir="rtl"] body{font-family:Tahoma,Arial,sans-serif}
[dir="rtl"] :is(h1,h2,h3,.signature){font-family:Tahoma,Arial,sans-serif;line-height:1.35;letter-spacing:normal}
[dir="rtl"] h1{font-size:clamp(2.35rem,6vw,5.3rem)}
[dir="rtl"] h1 em{font-style:normal}
[dir="rtl"] .eyebrow{letter-spacing:normal;font-size:.88rem}
[dir="rtl"] .perch-letter::before{bottom:1.01em;transform:translateX(-50%)}


#alef-perch::before{left:var(--alef-x,calc(100% - .48em));transform:translateX(-68%)}

.rate{border-inline-start:2px solid #b08b55;padding-inline-start:.8rem;margin-block-start:1.15rem;color:var(--ink)}
.focus-list{padding:0;list-style:none;margin:0}
.focus-list li + li{margin-block-start:1rem}
.focus-list strong{display:block;color:var(--ink)}
.focus-list p{margin-top:.15rem}
.about .portrait{display:block;width:100%;max-width:360px;height:auto;border-radius:.85rem;margin-block-start:1.25rem}

.hero .intro{max-width:58ch}

/* Revised brand and layout */
.brand{font-family:Georgia,serif;font-size:clamp(1.05rem,1.65vw,1.45rem);letter-spacing:-.015em}
.about .wrap{grid-template-columns:minmax(0,0.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,5rem);align-items:start}
.about .wrap>div:nth-child(2){padding-top:clamp(.3rem,2vw,1.6rem)}
.about .portrait{max-width:440px;aspect-ratio:570/520;object-fit:cover;object-position:center}
[dir="rtl"] body{font-family:"Noto Naskh Arabic","Amiri", "Noto Sans Arabic",Tahoma,serif;line-height:1.9}
[dir="rtl"] :is(h1,h2,h3,.brand){font-family:"Noto Naskh Arabic","Amiri",serif;line-height:1.45}
[dir="rtl"] .brand{font-family:Georgia,serif;direction:ltr}
@media(max-width:760px){.about .wrap{grid-template-columns:1fr}.about .wrap>div:nth-child(2){padding-top:0}}
@media(max-width:480px){.brand{font-size:1.15rem}}

/* Consistent Arabic typography: use the same face as the Arabic headings */

[dir="rtl"] body, [dir="rtl"] :is(h1,h2,h3,.signature,.eyebrow,.card,.detail,.intro,nav,.button,.textlink,.focus-list){font-family:"Noto Naskh Arabic", "Amiri", serif;letter-spacing:normal}
[dir="rtl"] body{font-size:1.12rem;line-height:1.9}
[dir="rtl"] .brand{font-family:Georgia,serif}

.card:nth-child(4){background:#edf0e8}
.card{min-height:210px}
@media(max-width:760px){.offer-grid{grid-template-columns:1fr}}

/* Arabic service descriptor: stronger hierarchy without changing the headline */
[dir="rtl"] .hero .eyebrow{font-size:clamp(1.18rem,2.5vw,1.65rem);font-weight:600;line-height:1.6;letter-spacing:normal;text-transform:none;}

/* Gentle, unboxed topic overview */
.topics{padding:2.7rem 0 3rem;border-top:1px solid var(--line)}
.topics h3{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3.2vw,2.6rem);letter-spacing:-.025em}
.topics>p{color:var(--soft);margin:.65rem 0 1.25rem}
.topic-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;max-width:950px}
.topic-list li{font-size:.96rem;line-height:1.6;padding:.12rem 0;border-bottom:1px solid var(--line)}
.hero .eyebrow{font-size:clamp(.88rem,1.6vw,1.06rem);letter-spacing:.105em}
[dir="rtl"] .hero .eyebrow{font-size:clamp(1.18rem,2.5vw,1.65rem)}
[dir="rtl"] .topics h3{font-family:"Noto Naskh Arabic","Amiri",serif;letter-spacing:normal}

/* Arabic navigation labels: clearer, more prominent */
[dir="rtl"] header nav:not(.language){font-size:clamp(1.05rem,1.7vw,1.25rem);font-weight:600;line-height:1.65}
