/* Editorial architecture layout, retaining Assafa's identity. */
body{line-height:1.5}
.masthead{padding:28px 6.5%;border-top:0;background:linear-gradient(#001a2b66,transparent);z-index:20}
.masthead .logo{width:220px}
.header-tools{display:flex;align-items:center;gap:24px}
.header-tools #language{background:none;border:0;padding:0;font-size:17px;color:white}
.menu-toggle{border:0;background:none;color:white;padding:10px;display:flex;align-items:center;gap:12px;font-size:16px}
.menu-bars{width:28px;height:16px;border-block:2px solid var(--gold);position:relative}
.menu-bars:after{content:'';position:absolute;top:6px;inset-inline:0;border-top:2px solid var(--gold)}
.masthead nav{position:absolute;top:100%;inset-inline:0;background:var(--royal);padding:48px 6.5%;display:flex;flex-direction:column;align-items:flex-start;gap:18px;font-size:32px;font-weight:700;letter-spacing:-.5px;text-transform:none;border-bottom:3px solid var(--gold)}
.masthead nav[hidden]{display:none}
.hero{height:100svh;min-height:600px;max-height:none;align-items:center;padding:130px 8.5% 100px}
.hero:after{background:linear-gradient(90deg,#00182788,transparent 90%)}
.hero-copy{max-width:720px}
.hero h1{font-size:clamp(32px,3.35vw,var(--editorial-title,48px))!important;line-height:1.14;font-weight:800;letter-spacing:-1.2px;margin:22px 0 26px}
h1,h2,h3,.intro p,.project-card h3,.service h3{font-family:var(--editorial-font,Arial),sans-serif!important;font-weight:700;letter-spacing:-.6px}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .intro p{font-family:Tahoma,Arial,sans-serif!important;letter-spacing:0;line-height:1.4}
h2{font-size:clamp(28px,2.52vw,40px);line-height:1.2;margin:0 0 36px}
.hero-link{font-size:17px;font-weight:700;gap:18px;border:0}
.hero-link span[aria-hidden]{font-size:24px}
.eyebrow{font-size:12px;letter-spacing:.8px}
.hero-bottom{inset-inline:8.5%}
.intro{display:block;padding:80px 8.5%;border:0;background:var(--royal);color:white}
.intro .eyebrow{color:var(--gold);display:block;margin-bottom:24px}
.intro p{font-size:clamp(28px,3.35vw,48px);line-height:1.2;max-width:1050px}
section:not(.hero){padding-inline:8.5%}
#projects>.eyebrow,#services>.eyebrow{margin-bottom:20px}
.project-cards{gap:44px 28px}
.project-card:first-child{grid-column:1/-1}
.project-card:first-child img{aspect-ratio:16/9}
.project-card h3{font-size:24px;line-height:1.25;border:0;padding:0;margin-top:18px}
.project-card h3:after{content:' ↗';color:var(--gold)}
.project-card p{font-size:16px;margin-top:8px}
.about{gap:8%}.about p{font-size:20px;line-height:1.6;margin:0}
.service h3{font-size:24px;line-height:1.3}.service p{font-size:17px;line-height:1.6}
.contact h2{font-size:clamp(30px,3.35vw,48px);line-height:1.15}
.contact a{font-size:22px}.contact .edit-project{font-size:13px}
footer{padding-inline:8.5%;font-size:13px}
@media(max-width:760px){.masthead{padding:22px 6%;flex-wrap:nowrap;gap:12px}.masthead .logo{width:180px}.header-tools{gap:6px}.header-tools #language{font-size:14px}.menu-toggle{gap:0}.menu-toggle .menu-label{display:none}.masthead nav{padding:28px 6%;font-size:28px;width:100%}.hero{padding-inline:6%;min-height:600px}.hero h1{font-size:34px!important;letter-spacing:-.6px}.hero-copy{max-width:100%}.hero-bottom{inset-inline:6%}.intro{padding:55px 6%}.intro p{font-size:30px}section:not(.hero){padding-inline:6%}.project-card:first-child{grid-column:auto}.project-card:first-child img{aspect-ratio:4/3}.about p{font-size:18px}footer{padding-inline:6%}}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}

[dir=rtl] .hero:after{background:linear-gradient(270deg,#00182799,transparent 90%)}

.top-links{display:flex;gap:26px;align-items:center;font-size:17px}.top-links a{padding:8px 0;border-bottom:2px solid transparent}.top-links a:hover,.top-links a:focus-visible{border-color:var(--gold)}
@media(max-width:760px){.masthead{flex-wrap:wrap}.header-tools{width:100%;justify-content:space-between}.top-links{gap:22px;font-size:16px}.header-tools #language{margin-inline-start:auto;margin-inline-end:12px}}

@media(min-width:761px) and (max-width:1050px){.masthead{padding-inline:4%;gap:20px}.masthead .logo{width:195px}.header-tools{gap:16px}.top-links{gap:18px;font-size:16px}}
@media(max-width:760px){.header-tools{flex-wrap:wrap;row-gap:12px}.top-links{width:100%;justify-content:space-between;gap:10px;font-size:15px}.header-tools #language{margin-inline-start:0}.menu-toggle{margin-inline-start:auto}}