/* Editorial opening: clear hierarchy, readable bilingual roles and a quiet primary action. */
/* Viewport-based page gutters require a full-width section, including ultrawide screens. */
#hero.agha-hero{width:100%;max-width:none;column-gap:clamp(40px,5vw,80px);align-items:center}
#hero .hero-copy{max-width:600px;padding-block:12px;text-align:start}
#hero .hero-intro{margin-bottom:26px;display:grid;gap:8px}
#hero .hero-intro-name{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.1em;line-height:1.5;color:#414343}
#hero .hero-intro-name:before{content:"";width:20px;height:2px;background:#F47721;flex:none}
#hero .hero-intro-role{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;line-height:1.65;color:#67706e}
#hero .hero-intro-role i{height:3px;width:3px;border-radius:50%;background:#b5bcb9;flex:none}
#hero .hero-intro-role bdi{font-style:normal;unicode-bidi:isolate}
#hero .hero-copy .h-hero{font-size:clamp(40px,4.2vw,60px);font-weight:500;line-height:1.13;letter-spacing:-2px;margin:0 0 24px;max-width:100%;text-wrap:initial}
#hero .h-hero .mask-line{display:block;overflow:visible}
#hero .h-hero .hero-word-accent{color:#F47721}
#hero .hero-copy .hero-sub{font-size:17px;line-height:1.85;font-weight:400;max-width:49ch;margin:0 0 24px;color:#606966;background:none}
#hero .hero-expertise{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 28px;font-size:11px;line-height:1.5;letter-spacing:0}
#hero .hero-expertise>span{padding:6px 10px;border:1px solid #e4e7e4;border-radius:5px;background:#f8f9f7;color:#616966}
#hero .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px 24px;margin:0}
#hero .hero-actions .primary-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-height:56px;padding:12px 14px 12px 22px;background:#f9dcc4;color:#59341e;border:1px solid #e7b389;border-radius:10px;font-size:15px;font-weight:500;line-height:1.5;box-shadow:none;text-decoration:none;transition:background .18s,border-color .18s}
#hero .hero-actions .primary-link .agha-action-icon{width:32px;height:32px;background:#f3c298;color:#874316;border:1px solid #e4ad81;border-radius:8px;margin-inline-start:0;transform:none}
#hero .hero-actions .plain-link{font-size:14px;color:#5b6460;font-weight:500}
#hero .hero-reader-note{font-size:12px;line-height:1.7;margin-top:22px;color:#737b77;gap:8px;max-width:48ch;align-items:baseline}
#hero .reader-dot{background:#b5beb8;width:4px;height:4px}
html[lang=ar] #hero .hero-intro-name{font-size:16px;font-weight:500;letter-spacing:0}
html[lang=ar] #hero .hero-intro-role{font-size:15px}
html[lang=ar] #hero .hero-copy .h-hero{font-size:clamp(40px,4.1vw,58px);font-weight:700;line-height:1.35;letter-spacing:0;margin-bottom:22px}
html[lang=ar] #hero .hero-copy .hero-sub{font-size:20px;font-weight:400;line-height:1.85;max-width:46ch}
html[lang=ar] #hero .hero-expertise{font-size:13px;direction:rtl;justify-content:flex-start}
html[lang=ar] #hero .hero-actions .primary-link{font-size:17px;padding-inline:22px 14px}
html[lang=ar] #hero .hero-actions .plain-link{font-size:16px}
html[lang=ar] #hero .hero-reader-note{font-size:14px}
@media(hover:hover){#hero .hero-actions .primary-link:hover{background:#f3c39e;border-color:#d69b70;transform:none}#hero .hero-actions .primary-link:hover .agha-action-icon{background:#e8b184;border-color:#cf9263;color:#59341e;transform:none}}
#hero .hero-actions .primary-link:focus-visible{outline:2px solid #a66132;outline-offset:4px}
@media(min-width:601px) and (max-width:1000px){#hero.agha-hero{column-gap:32px}#hero .hero-copy .h-hero{font-size:39px;letter-spacing:-1.4px}html[lang=ar] #hero .hero-copy .h-hero{font-size:40px;letter-spacing:0}#hero .hero-intro{margin-bottom:20px}#hero .hero-actions{gap:10px}#hero .hero-copy .hero-sub{font-size:16px}html[lang=ar] #hero .hero-copy .hero-sub{font-size:18px}}
@media(max-width:600px){#hero .hero-copy{padding:0}#hero .hero-intro{margin-bottom:22px;gap:6px}#hero .hero-copy .h-hero{font-size:clamp(34px,9vw,42px);line-height:1.17;letter-spacing:-1.2px;margin-bottom:20px}html[lang=ar] #hero .hero-copy .h-hero{font-size:clamp(34px,9.5vw,42px);line-height:1.4;letter-spacing:0}#hero .hero-copy .hero-sub{font-size:16px;line-height:1.8;margin-bottom:20px}html[lang=ar] #hero .hero-copy .hero-sub{font-size:18px;line-height:1.85}#hero .hero-expertise{margin-bottom:24px;gap:6px}#hero .hero-actions{gap:12px;align-items:flex-start}#hero .hero-actions .primary-link{flex:none;width:100%;font-size:15px;min-height:56px}html[lang=ar] #hero .hero-actions .primary-link{font-size:17px}#hero .hero-actions .plain-link{min-height:44px}#hero .hero-reader-note{margin-top:16px}html[lang=ar] #hero .hero-reader-note{font-size:13px}}
@media(prefers-reduced-motion:reduce){#hero .primary-link,#hero .agha-action-icon{transition:none!important}}