.national-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:1fr 1.04fr;max-width:1404px;margin:24px auto 0;width:calc(100% - 48px);overflow:hidden;border:1px solid #bca57a42;border-radius:14px;background:#101612;direction:rtl}
.national-hero:before{content:"";position:absolute;z-index:-1;inset:0;background:repeating-linear-gradient(45deg,transparent 0 28px,#d5bd8310 28px 29px,transparent 29px 57px),radial-gradient(ellipse at 100% 5%,#17735038,transparent 65%)}
.national-hero:after{content:"";position:absolute;bottom:0;inset-inline:0;height:4px;background:linear-gradient(to right,#b82530 0 25%,#14805a 25% 50%,#f6f1e7 50% 75%,#222 75%)}
.national-copy{padding:48px clamp(24px,4vw,65px);align-self:center;min-width:0}.national-edition{display:flex;align-items:center;gap:11px;font-size:13px;color:#e4d5b8}.uae-flag{position:relative;display:inline-block;width:34px;height:22px;flex:none;border-radius:2px;background:linear-gradient(#148057 0 33.33%,#fff 33.33% 66.66%,#151515 66.66%);box-shadow:0 0 0 1px #ffffff26;overflow:hidden}.uae-flag i{position:absolute;left:0;top:0;bottom:0;width:9px;background:#c12837}.national-kicker{color:#a79b7f;font:10px 'DM Sans',sans-serif;letter-spacing:3px;margin:25px 0 16px;text-align:right}.national-copy h1{font:700 clamp(44px,4.6vw,69px)/1.13 Tajawal,sans-serif;letter-spacing:-1.7px;margin:0 0 21px;color:#f7f1e5}.national-copy h1 em{font-style:normal;color:#c7b38a}.national-description{font-size:15px;line-height:1.9;color:#c5ccbf;margin-bottom:22px}.national-fabric{border-right:2px solid #ba9f6e;padding-right:15px;display:flex;flex-direction:column;gap:7px;margin-bottom:26px}.national-fabric>span:first-child{font:500 17px 'DM Sans',sans-serif;letter-spacing:2px;color:#f4ead7;text-align:right}.national-fabric>span:last-child{font-size:13px;color:#b3c0ad}.national-purchase{display:flex;align-items:center;gap:24px}.national-purchase>div{display:flex;flex-direction:column;gap:4px}.national-purchase strong{font:500 25px 'DM Sans';color:#f4e4c8}.national-purchase small{font:13px Tajawal}.national-purchase>div>span{font-size:12px;color:#b6c1ae}.national-anthem{margin-top:32px;padding-top:20px;border-top:1px solid #c2ab7c29}.national-anthem>span{color:#a8b19e;font-size:11px}.national-anthem p{font:24px/1.6 Amiri,serif;margin:6px 0 0;color:#dcd0b8}.national-gallery{position:relative;direction:rtl;min-width:0;min-height:610px;background:#090b0a;overflow:hidden;border-right:1px solid #c2ab7c26}.national-slides{position:absolute;inset:0 0 115px}.national-slide{position:absolute;inset:0;margin:0;display:flex;justify-content:center;background:#090b0a}.national-slide[hidden]{display:none}.national-slide img{width:100%;height:100%;object-fit:contain;display:block}.national-photo-label{position:absolute;top:23px;right:23px;display:flex;flex-direction:column;gap:5px;padding:9px 12px;background:#080c09c9;border:1px solid #ffffff20;border-radius:4px;backdrop-filter:blur(10px);color:#f1eee5;font-size:12px}.national-photo-label small{font-size:10px;color:#c4c4b9}.national-gallery-footer{position:absolute;bottom:40px;right:24px;left:24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.national-gallery-footer p{font-size:13px;line-height:1.6;color:#e0ddcf;margin:0}.national-controls{display:flex;align-items:center;gap:7px;flex-shrink:0}.national-controls button{width:44px;height:44px;border:1px solid #a9a39060;background:#191d18;color:#eee8da;border-radius:50%;font:19px Tajawal;cursor:pointer}.national-controls button:hover{background:#344334}.national-controls span{font:11px 'DM Sans';color:#c8c5b5;padding:0 3px}.national-dots{position:absolute;bottom:9px;right:24px;display:flex;gap:2px;direction:ltr}.national-dots button{position:relative;width:35px;height:26px;background:transparent;border:0;cursor:pointer}.national-dots button:before{content:"";position:absolute;inset:11px 5px;height:3px;background:#4b5148;border-radius:3px}.national-dots button[aria-current="true"]:before{background:#d4bf91}.national-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1100px){.national-gallery{min-height:590px}.national-copy{padding:35px 28px}.national-copy h1{font-size:52px}.national-gallery-footer{flex-direction:column;align-items:flex-start;gap:10px}.national-slides{bottom:145px}.national-gallery-footer{bottom:42px}.national-description{font-size:14px}}
@media(max-width:700px){.national-hero{width:calc(100% - 24px);margin-top:12px;grid-template-columns:1fr;border-radius:10px}.national-copy{padding:29px 24px 25px}.national-copy h1{font-size:46px;margin-bottom:16px}.national-kicker{font-size:9px;margin-top:20px}.national-description{font-size:14px;line-height:1.8;margin-bottom:20px}.national-fabric{margin-bottom:23px}.national-anthem{margin-top:24px;padding-top:15px}.national-anthem p{font-size:22px}.national-edition{font-size:12px}.national-purchase{gap:20px}.national-purchase .hero-cta{gap:20px;padding-inline:17px}.national-gallery{border-right:0;border-top:1px solid #bca57a29;min-height:550px}.national-slides{bottom:140px}.national-photo-label{top:15px;right:15px;font-size:11px}.national-gallery-footer{right:20px;left:20px}.national-gallery-footer p{font-size:13px}.national-controls{gap:8px}.national-dots{right:19px}.national-purchase strong{font-size:24px}}
@media(prefers-reduced-motion:no-preference){.national-slide.is-active img{animation:nationalReveal .55s ease-out}@keyframes nationalReveal{from{opacity:.5;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}}