:root{--gut:max(56px, 3.9vw)}.hdr{z-index:30;height:84px;padding:0 var(--gut);color:var(--color-salt);transition:height .5s var(--ease-quart-out), background-color .5s var(--ease-quart-out), box-shadow .5s var(--ease-quart-out);grid-template-columns:1fr auto 1fr;align-items:center;font-size:15px;display:grid;position:fixed;inset:0 0 auto}[lang=en] .hdr{letter-spacing:.14em;text-transform:uppercase;font-size:12px}.hdr nav{align-items:center;gap:30px;display:flex}.hdr .end{justify-self:end;align-items:center;gap:30px;display:flex}.hdr .sep{background:#f6f1e74d;width:1px;height:14px}.hdr .nav-links{display:contents}.hdr nav a{opacity:.9;transition:opacity .3s var(--ease-quart-out)}.hdr nav a:hover{opacity:1}.brand{color:var(--color-salt);align-items:center;gap:10px;display:flex}.brand .mk{width:20px;height:27px}.brand .bt{flex-direction:column;align-items:center;line-height:1;display:flex}.brand .bt b{font-family:var(--font-display-ar);font-size:27px;font-weight:400;line-height:1.05}.brand .bt i{font-style:normal;font-family:var(--font-ui);letter-spacing:.32em;margin-top:3px;margin-inline-start:.32em;font-size:9px;font-weight:500}[lang=en] .brand .wm{width:118px;height:19px;display:block}[lang=en] .brand .bt i{font-family:var(--font-display-ar);letter-spacing:0;text-transform:none;margin-top:4px;margin-inline-start:0;font-size:13px}.hdr .lang{text-transform:none;letter-spacing:0}.rsv{height:36px;transition:background-color .5s var(--ease-quart-out), padding .5s var(--ease-quart-out), color .5s var(--ease-quart-out);align-items:center;padding:0 2px;display:inline-flex;position:relative}.rsv:after{content:"";background:var(--color-gold);height:1px;transition:opacity .4s;position:absolute;inset:auto 2px 4px}.hdr.solid{background:#0b1530f7;height:64px;box-shadow:0 1px #d4af3780}.hdr.baton .rsv{background:var(--color-hnsafer);color:var(--color-night);border-radius:2px;padding:0 18px;font-weight:500}.hdr.baton .rsv:after{opacity:0}@media (max-width:1279px) and (min-aspect-ratio:5/4){.hdr .nav-links,.hdr .sep{display:none}}@media not (min-aspect-ratio:5/4){.hdr{height:64px;padding:0 18px;font-size:14px}.hdr .nav-links,.hdr .sep,.rsv{display:none}.hdr nav,.hdr .end{gap:0}.brand .mk{width:16px;height:22px}.brand .bt b{font-size:22px}.brand .bt i{font-size:7px}[lang=en] .brand .wm{width:96px;height:16px}}@media (3/5<=aspect-ratio<5/4){.hdr{height:72px;padding:0 32px}}.hdr .nav-links a{position:relative}.hdr .nav-links a:after{content:"";background:var(--color-gold);height:1px;transition:transform .5s var(--ease-expo-out);position:absolute;inset:auto 0 -7px;transform:scaleX(0)}.hdr .nav-links a[aria-current]:after{transform:scaleX(1)}.hdr .nav-links a[aria-current]{opacity:1}.hdr.solid .rsv,.hdr.solid .rsv:after{transition-duration:.3s}.hdr.baton .rsv:after{inset:auto 18px 4px}.hdr.baton.yield .rsv{color:var(--color-salt);background:0 0}.hdr.baton.yield .rsv:after{opacity:1}
.hm-trigger{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.hm-glyph{flex:none;width:13px;height:18px;overflow:visible}.hm-glyph path{fill:none;stroke:currentColor;stroke-linecap:butt}.hm-glyph-arch{stroke-width:1.05px}.hm-glyph-door{stroke-width:.8px;opacity:.55;stroke-dasharray:1 2;stroke-dashoffset:0;transition:stroke-dashoffset .6s var(--ease-menu,cubic-bezier(.76, 0, .24, 1)) .24s, opacity .4s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1))}.hm-glyph-cross{stroke-width:.95px;stroke-dasharray:1 2;stroke-dashoffset:1px;transition:stroke-dashoffset .3s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1))}@media (hover:hover){.hm-trigger:hover .hm-glyph-door{opacity:1}}.hm-trigger[data-state=open] .hm-glyph-door{stroke-dashoffset:1px;transition:stroke-dashoffset .5s var(--ease-menu,cubic-bezier(.76, 0, .24, 1)), opacity .4s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1))}.hm-trigger[data-state=open] .hm-glyph-cross-a{stroke-dashoffset:0;transition:stroke-dashoffset .55s var(--ease-expo-out,cubic-bezier(.19, 1, .22, 1)) .34s}.hm-trigger[data-state=open] .hm-glyph-cross-b{stroke-dashoffset:0;transition:stroke-dashoffset .55s var(--ease-expo-out,cubic-bezier(.19, 1, .22, 1)) .46s}.hm-labels{justify-items:start;display:inline-grid}.hm-label-mask{grid-area:1/1;margin-block:-.45em;padding-block:.45em;overflow:visible clip}.hm-label{transition:transform .75s var(--ease-menu,cubic-bezier(.76, 0, .24, 1)), opacity .5s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1));display:block}.hm-label[data-label=close]{opacity:0;transform:translateY(125%)}.hm-trigger[data-state=open] .hm-label[data-label=open]{opacity:0;transform:translateY(-125%)}.hm-trigger[data-state=open] .hm-label[data-label=close]{opacity:1;transform:none}.hm-panel{--top:84px;--gut:max(56px, 3.9vw);--glow-x:84%;z-index:95;background:var(--color-night-deep,#070b1a);color:var(--color-salt,#f6f1e7);clip-path:polygon(0% 0%,0% 0%,0% 100%,0% 100%);display:none;position:fixed;inset:0;overflow:hidden}.hm-panel[dir=rtl]{--glow-x:16%}.hm-panel[data-visible]{display:block}.hm-panel[data-closing]{pointer-events:none}@media not (min-aspect-ratio:5/4){.hm-panel{--top:72px;--gut:32px}}@media not (min-aspect-ratio:3/5){.hm-panel{--top:64px;--gut:18px}}.hm-grain,.hm-glow{pointer-events:none;position:absolute;inset:0}.hm-glow{background:radial-gradient(62% 58% at var(--glow-x) 104%, #b07a4f2b, #b07a4f0d 48%, transparent 72%), radial-gradient(34% 30% at var(--glow-x) 102%, #f9a43a12, transparent 70%)}.hm-grain{opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .6 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px}.hm-close-slot{z-index:3;top:calc((var(--top) - 44px) / 2);align-items:center;display:flex;position:absolute;inset-inline-start:var(--gut)}.hm-scroller{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#f6f1e72e transparent;position:absolute;inset:0;overflow:hidden auto}.hm-content{--link-fs:clamp(30px, min(8.5vw, 4.1svh), 48px);--link-lh:1.3;--card-w:min(34vw, 15svh, 190px);--card-ratio:3 / 4;min-height:100%;padding-top:calc(var(--top) + clamp(4px, 1.6svh, 18px));padding-bottom:calc(clamp(14px, 2.4svh, 28px) + env(safe-area-inset-bottom,0px));padding-left:max(var(--gut), env(safe-area-inset-left,0px));padding-right:max(var(--gut), env(safe-area-inset-right,0px));grid-template:"brand""nav""cards""cta"1fr"foot"/minmax(0,1fr);align-content:start;display:grid;position:relative}.hm-content[lang=en]{--link-fs:clamp(32px, min(9.4vw, 4.6svh), 53px);--link-lh:1.1}@media (min-aspect-ratio:5/4) and (min-width:900px){.hm-content{--link-fs:clamp(36px, min(5.6svh, 4.1vw), 61px);--card-w:clamp(160px, min(18vw, 31svh), 330px);--card-ratio:3 / 5;padding-top:calc(var(--top) + clamp(4px, 1.2svh, 16px));grid-template:"brand cards""nav cards"1fr"cta cards""foot foot"/auto minmax(0,1fr);column-gap:clamp(40px,6vw,120px)}.hm-content[lang=en]{--link-fs:clamp(40px, min(6.4svh, 4.5vw), 67px)}}.hm-brand{flex-direction:column;grid-area:brand;justify-self:start;align-items:flex-start;gap:10px;margin-bottom:clamp(14px,3.4svh,52px);display:flex}.hm-brand-link{color:var(--color-salt,#f6f1e7);align-items:center;gap:10px;display:inline-flex}.hm-brand-mark{background-color:currentColor;width:18px;height:24px;display:block;-webkit-mask:url(/brand/hnsafer-mark.svg) 50%/contain no-repeat;mask:url(/brand/hnsafer-mark.svg) 50%/contain no-repeat}.hm-brand-wordmark{background-color:currentColor;width:104px;height:17px;display:block;-webkit-mask:url(/brand/hnsafer-wordmark.svg) 50%/contain no-repeat;mask:url(/brand/hnsafer-wordmark.svg) 50%/contain no-repeat}.hm-brand-text{flex-direction:column;align-items:center;line-height:1;display:flex}.hm-brand-name{font-family:var(--font-display-ar);font-size:24px;font-weight:400;line-height:1.05}.hm-brand-latin{font-style:normal;font-family:var(--font-ui);letter-spacing:.32em;margin-top:3px;margin-inline-start:.32em;font-size:8.5px;font-weight:500}.hm-brand-text .hm-brand-latin:lang(ar){font-family:var(--font-display-ar);letter-spacing:0;margin-top:4px;margin-inline-start:0;font-size:12.5px;font-weight:400}.hm-tagline{font-family:var(--font-display-ar);color:#f6f1e7b8;text-wrap:balance;margin:0;font-size:clamp(16px,2.1svh,19px);line-height:1.5}@media (min-aspect-ratio:5/4) and (min-width:900px){.hm-tagline{white-space:nowrap}}.hm-content[lang=en] .hm-tagline{font-family:var(--font-display-en);font-size:clamp(17px,2.3svh,21px);font-style:italic;font-weight:400;line-height:1.35}.hm-nav{grid-area:nav;align-self:center}.hm-list{flex-direction:column;align-items:flex-start;margin:0;padding:0;list-style:none;display:flex}.hm-link{--roll-d:1.75em;--roll-t:.72s;--roll-ease:cubic-bezier(.625, .05, 0, 1);font-family:var(--font-display-ar);font-weight:400;font-size:var(--link-fs);line-height:var(--link-lh);color:var(--color-salt,#f6f1e7);transition:opacity .5s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1));text-decoration:none;display:inline-flex;position:relative}.hm-content[lang=en] .hm-link{font-family:var(--font-display-en);letter-spacing:-.01em;font-weight:300}.hm-link:focus-visible{outline-offset:6px}@media (hover:hover){.hm-list:has(.hm-link:hover) .hm-link:not(:hover){opacity:.36}}.hm-list:has(.hm-link:focus-visible) .hm-link:not(:focus-visible){opacity:.36}.hm-mask{margin-block:-.45em;padding-block:.45em;display:block;overflow:visible clip}.hm-inner{align-items:flex-start;gap:.3em;display:inline-flex}.hm-roll{white-space:nowrap;clip-path:inset(-.18em -.5em -.16em);place-items:baseline start;display:inline-grid;position:relative}.hm-content[lang=en] .hm-roll{clip-path:inset(-.04em -.5em -.16em)}.hm-row-a,.hm-row-b{grid-area:1/1;display:block}.hm-row-b{top:var(--roll-d);color:var(--color-sand,#e8c9a0);position:relative}.hm-roll[data-per-char] .hm-row-b{font-style:italic}.hm-word{white-space:nowrap;display:inline-block}.hm-char{transition:transform var(--roll-t) var(--roll-ease);transition-delay:calc(var(--i,0) * 15ms);display:inline-block}.hm-roll:not([data-per-char])>.hm-row-a,.hm-roll:not([data-per-char])>.hm-row-b{transition:transform var(--roll-t) var(--roll-ease)}@media (hover:hover){.hm-link:hover .hm-roll:not([data-per-char])>.hm-row-a,.hm-link:hover .hm-roll:not([data-per-char])>.hm-row-b,.hm-link:hover .hm-char{transform:translateY(calc(-1 * var(--roll-d)))}}.hm-link:focus-visible .hm-roll:not([data-per-char])>.hm-row-a,.hm-link:focus-visible .hm-roll:not([data-per-char])>.hm-row-b,.hm-link:focus-visible .hm-char{transform:translateY(calc(-1 * var(--roll-d)))}.hm-soon{margin-top:calc(var(--link-fs) * .34);font-family:var(--font-ui);color:var(--color-gold,#d4af37);white-space:nowrap;font-size:11px;font-weight:400;line-height:1}.hm-content[lang=en] .hm-soon{margin-top:calc(var(--link-fs) * .22);letter-spacing:.2em;text-transform:uppercase;font-size:9.5px;font-weight:500}.hm-cards{grid-area:cards;align-items:flex-start;gap:clamp(18px,2.2vw,36px);margin-top:clamp(18px,2.6svh,40px);padding-top:7px;display:flex}.hm-card{width:var(--card-w);flex:none;margin:0}@media (min-aspect-ratio:5/4) and (min-width:900px){.hm-card+.hm-card{margin-top:calc(var(--card-w) * .24)}}.hm-door{position:relative}.hm-door-line{pointer-events:none;border:1px solid #d4af378c;border-bottom:0;border-radius:9999px 9999px 0 0;position:absolute;inset:-7px -7px 0}.hm-door:after{content:"";background:linear-gradient(90deg,#0000,#d4af3780 22% 78%,#0000);height:1px;position:absolute;inset:auto -18px -1px}.hm-door-frame{aspect-ratio:var(--card-ratio);background:var(--color-night,#0b1530);border-radius:9999px 9999px 0 0;position:relative;overflow:hidden}.hm-door-frame img{object-fit:cover;object-position:50% 45%;transform-origin:50% 72%;width:100%;height:100%;display:block}.hm-door-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 78%,#070b1a52);position:absolute;inset:0}.hm-caption{color:#f6f1e7c2;align-items:center;gap:8px;margin-top:10px;font-size:12px;line-height:1.5;display:flex}.hm-caption:before{content:"";background:var(--color-gold,#d4af37);border-radius:50%;flex:none;width:5px;height:5px}.hm-content[lang=en] .hm-caption{letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;font-size:10px}@media (min-aspect-ratio:5/4) and (min-width:900px){.hm-content[lang=en] .hm-caption{letter-spacing:.16em;font-size:10.5px}.hm-cards{padding-bottom:calc(var(--card-w) * .24);grid-row:1/4;place-self:center;margin-top:0}.hm-caption{margin-top:16px}}@media (3/5<=aspect-ratio<5/4){.hm-content{--card-w:min(30vw, 18svh, 230px)}}@media (not (min-aspect-ratio:5/4)) and (max-height:780px),(min-aspect-ratio:5/4) and (max-height:600px){.hm-cards{display:none}}.hm-cta{background:var(--color-hnsafer,#f9a43a);height:52px;color:var(--color-night,#0b1530);font-family:var(--font-ui);white-space:nowrap;transition:background-color .3s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1));border-radius:2px;grid-area:cta;justify-content:center;place-self:end start;align-items:center;gap:14px;margin-top:clamp(18px,2.8svh,48px);padding:0 28px;font-size:16px;font-weight:500;display:inline-flex;position:relative;box-shadow:0 14px 34px -18px #f9a43a99}.hm-cta:hover{background:var(--color-hnsafer-hover,#fbb761)}.hm-cta:focus-visible{outline:2px solid var(--color-salt,#f6f1e7);outline-offset:3px;box-shadow:inset 0 0 0 1px var(--color-night,#0b1530)}.hm-content[lang=en] .hm-cta{letter-spacing:.12em;text-transform:uppercase;padding:0 24px;font-size:12.5px}.hm-cta-arrow{transition:transform .45s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1));font-size:15px;line-height:1}@media (hover:hover){.hm-cta:hover .hm-cta-arrow{transform:translate(4px)}.hm-content[lang=ar] .hm-cta:hover .hm-cta-arrow{transform:translate(-4px)}}@media not (min-aspect-ratio:3/5){.hm-cta{justify-self:stretch}}.hm-foot{grid-area:foot;align-self:end;margin-top:clamp(14px,2.4svh,44px)}.hm-rule{transform-origin:0;background:#f6f1e724;height:1px}.hm-content[lang=ar] .hm-rule{transform-origin:100%}.hm-foot-row{justify-content:space-between;align-items:center;gap:16px;padding-top:2px;font-size:12.5px;line-height:1.5;display:flex}.hm-address{color:#f6f1e7b3}.hm-content[lang=en] .hm-address{letter-spacing:.16em;text-transform:uppercase;font-size:10.5px}.hm-lang{min-height:44px;color:var(--color-salt,#f6f1e7);align-items:center;font-size:13px;display:inline-flex;position:relative}.hm-lang:after{content:"";background:var(--color-gold,#d4af37);transform-origin:50%;height:1px;transition:transform .45s var(--ease-quart-out,cubic-bezier(.165, .84, .44, 1));position:absolute;inset:auto 0 9px;transform:scaleX(0)}@media (hover:hover){.hm-lang:hover:after{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.hm-row-b{display:none}.hm-link .hm-row-a,.hm-link .hm-char{transform:none!important}.hm-link:is(:hover,:focus-visible) .hm-row-a{color:var(--color-sand,#e8c9a0)}}
