/* Home hero redesign — full-width navigation and balanced editorial composition. */
.hero{height:650px;min-height:650px;grid-template-columns:46% 54%;grid-template-areas:"visual panel";isolation:isolate}
.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:linear-gradient(90deg,transparent 40%,rgba(5,47,56,.1) 47%,transparent 55%)}
.hero .navbar{position:absolute;z-index:20;top:0;left:0;right:0;width:min(1500px,calc(100% - 72px));height:116px;margin:0 auto;padding:14px 0 8px;border-bottom:1px solid rgba(255,255,255,.16)}
.hero .logo{width:86px;flex:0 0 86px;height:84px;border-width:2px;outline-width:1px;outline-offset:3px}
.hero .logo strong{font-size:12px}.hero .logo-small{font-size:7px}.hero .logo b{font-size:10px}
.hero .nav-links{margin-inline-start:auto;gap:clamp(16px,2.25vw,38px);font-size:14px}
.hero .nav-links a{padding:13px 1px;text-shadow:0 1px 10px rgba(0,0,0,.25)}
.hero .nav-links .language{margin-inline-start:4px;background:rgba(5,47,56,.28);backdrop-filter:blur(8px)}
.hero-visual{grid-area:visual;position:relative;background-image:var(--hero-image,url('/public/assets/images/hero-dubai.webp'));background-position:center 48%;background-size:cover;background-repeat:no-repeat}
.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(4,33,40,.54) 0,rgba(4,33,40,.06) 34%,rgba(4,33,40,.12) 75%,rgba(4,33,40,.58) 100%)}
.hero-visual:after{background:linear-gradient(90deg,transparent 70%,var(--teal-deep) 100%)}
.hero-image-label{position:absolute;z-index:2;bottom:48px;left:50px;color:#fff;font-size:11px;font-weight:600;letter-spacing:.04em;padding-inline-start:48px}
.hero-image-label:before{content:"";position:absolute;left:0;top:50%;width:35px;height:1px;background:var(--copper-light)}
[dir=rtl] .hero-image-label{left:auto;right:50px;padding-inline-start:48px}
[dir=rtl] .hero-image-label:before{left:auto;right:0}
.hero-panel{grid-area:panel;padding-top:116px;display:flex;align-items:center;background:radial-gradient(circle at 68% 42%,rgba(12,105,118,.52),transparent 46%),linear-gradient(135deg,#0b5360,var(--teal-deep) 78%)}
.hero-panel:before{opacity:.075;background-size:54px 54px}
.hero-copy{width:min(760px,90%);margin:0 auto;padding:30px clamp(34px,5vw,82px) 55px;text-align:start}
.hero-eyebrow{display:flex;align-items:center;gap:12px;color:var(--copper-light);font-size:11px;font-weight:700;letter-spacing:.09em;margin-bottom:18px}
.hero-eyebrow:before{content:"◇";font-size:15px}
.hero .mini-ornament{display:none}
.hero h1{max-width:680px;font-size:clamp(48px,5vw,74px);line-height:1.18;margin:0 0 20px;letter-spacing:-2px}
.hero-copy>p{max-width:660px;margin:0;font-size:17px;line-height:2;color:#edf3f3}
.hero-actions{justify-content:flex-start;margin-top:34px;gap:12px}
.hero-actions .btn{width:auto;min-width:175px;height:52px;padding:0 24px;border-radius:7px;font-size:13px}
.hero-actions .btn-outline{border-color:rgba(255,255,255,.5);background:rgba(5,47,56,.25);backdrop-filter:blur(5px)}
.hero-actions .btn span{font-size:16px}
.hero .line-arch{width:330px;height:310px;bottom:-205px;right:-65px;opacity:.7}
.hero-scroll{position:absolute;z-index:9;bottom:0;left:50%;transform:translateX(-50%);height:44px;padding:0 22px;display:flex;align-items:center;gap:10px;background:var(--paper);color:var(--teal);border-radius:10px 10px 0 0;font-size:10px;font-weight:700;box-shadow:0 -5px 20px rgba(0,0,0,.12)}
.hero-scroll i{font-style:normal;color:var(--copper);font-size:14px}
@media(max-width:1100px) and (min-width:861px){.hero{grid-template-columns:42% 58%}.hero .navbar{width:calc(100% - 44px)}.hero .nav-links{gap:14px;font-size:12px}.hero-copy{padding-inline:40px}.hero h1{font-size:52px}.hero-copy>p{font-size:15px}}
@media(max-width:860px){.hero{height:auto;min-height:760px;display:block}.hero .navbar{width:calc(100% - 32px);height:98px;padding:10px 0;border-bottom-color:rgba(255,255,255,.2)}.hero .logo{width:74px;flex-basis:74px;height:72px}.hero .menu-button{display:flex}.hero .nav-links{top:98px;left:0;right:0;margin:0;padding:16px 20px;background:rgba(4,47,56,.98);backdrop-filter:blur(14px);box-shadow:0 18px 35px rgba(0,0,0,.25)}.hero-visual{position:absolute;inset:0;background-position:35% center}.hero-visual:before{background:linear-gradient(180deg,rgba(4,33,40,.32),rgba(4,33,40,.35) 28%,rgba(4,33,40,.96) 70%)}.hero-visual:after{display:none}.hero-image-label{display:none}.hero-panel{min-height:760px;padding-top:98px;align-items:flex-end;background:transparent}.hero-copy{width:100%;padding:240px 22px 86px;text-align:center}.hero-eyebrow{justify-content:center;margin-bottom:16px}.hero h1{max-width:620px;margin-inline:auto;font-size:46px}.hero-copy>p{margin-inline:auto;max-width:570px;font-size:15px}.hero-actions{justify-content:center}.hero-scroll{height:40px}}
@media(max-width:560px){.hero,.hero-panel{min-height:720px}.hero .navbar{height:92px}.hero .nav-links{top:92px}.hero-copy{padding:210px 18px 78px}.hero-eyebrow{font-size:9px}.hero h1{font-size:36px;line-height:1.28;letter-spacing:-1px}.hero-copy>p{font-size:13px;line-height:1.9}.hero-actions{flex-direction:row;gap:9px}.hero-actions .btn{width:50%;min-width:0;height:48px;padding:0 10px;font-size:11px}.hero-scroll span{display:none}.hero-scroll{padding-inline:18px}.hero .arabesque{opacity:.45}}

/* Professional navigation behavior */
.hero .nav-links{gap:clamp(14px,1.85vw,31px);font-size:13px;min-height:54px;padding:0 22px;border:1px solid rgba(255,255,255,.24);border-radius:30px;background:rgba(3,38,46,.78);box-shadow:0 10px 30px rgba(0,0,0,.2);backdrop-filter:blur(16px)}
.hero .nav-links a{display:flex;align-items:center;min-height:52px;padding:0 1px;color:#f7fbfb!important;font-weight:600;text-shadow:0 1px 8px rgba(0,0,0,.42)}.hero .nav-links a:after{bottom:7px;background:#e2a07d}
.hero .nav-links a:hover,.hero .nav-links a:focus-visible{color:#ffd0b6!important}.hero .nav-links a.active{color:#ffc09d!important;font-weight:700}
.hero .nav-links .language{min-height:auto;margin-inline-start:2px;color:#fff!important;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.55);backdrop-filter:none}
.hero .menu-toggle{position:absolute;opacity:0;pointer-events:none}
@media(max-width:1280px){
 body.menu-open{overflow:hidden}
 .hero .navbar{width:calc(100% - 44px)}
 .hero .menu-button{display:flex;position:relative;width:48px;height:48px;margin-inline-start:auto;border:1px solid rgba(255,255,255,.42);border-radius:50%;background:rgba(4,43,51,.5);backdrop-filter:blur(12px);flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;cursor:pointer;z-index:3;transition:.2s}
 .hero .menu-button:hover{border-color:var(--copper-light);background:rgba(4,43,51,.8)}
 .hero .menu-button span{width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .25s,opacity .2s}
 .hero .menu-toggle:focus-visible+.menu-button{outline:3px solid rgba(221,160,128,.45);outline-offset:3px}
 .hero .menu-toggle:checked+.menu-button span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .hero .menu-toggle:checked+.menu-button span:nth-child(2){opacity:0}
 .hero .menu-toggle:checked+.menu-button span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .hero .nav-links{display:none;position:absolute;top:104px;inset-inline-end:0;inset-inline-start:auto;width:min(360px,calc(100vw - 44px));height:auto;max-height:calc(100vh - 125px);overflow-y:auto;margin:0;padding:12px;border:1px solid rgba(226,160,125,.42);border-radius:16px;background:#073d48;box-shadow:0 24px 55px rgba(0,0,0,.42);backdrop-filter:blur(18px);flex-direction:column;align-items:stretch;gap:2px}
 .hero .menu-toggle:checked~.nav-links{display:flex}
 .hero .nav-links a{min-height:48px;padding:0 15px;border-radius:9px;color:#fff!important;font-size:13px;text-shadow:none}
 .hero .nav-links a:hover,.hero .nav-links a:focus-visible{background:#0c5360;color:#ffd0b6!important;outline:none}
 .hero .nav-links a.active{background:#0b4d59;color:#ffc09d!important;box-shadow:inset 3px 0 0 #d98d68}
 [dir=rtl] .hero .nav-links a.active{box-shadow:inset -3px 0 0 #d98d68}
 .hero .nav-links a:after{display:none}
 .hero .nav-links .language{min-height:44px;margin:8px 0 0;justify-content:center;color:#fff!important;background:#a85f43;border-color:#dba181}
}
@media(max-width:860px){.hero .nav-links{top:94px;width:min(340px,calc(100vw - 32px))}}
@media(max-width:560px){.hero .nav-links{top:88px;width:calc(100vw - 32px);max-height:calc(100vh - 108px)}}