.ha{flex-direction:column;justify-content:center;min-height:min(100vh,920px);display:flex}@supports (height:1svh){.ha{min-height:min(100svh,920px)}}@media (min-width:900px) and (max-height:760px){.tk-sec.ha{padding-block:72px min(var(--pad), 6vh)}@supports (height:1svh){.tk-sec.ha{padding-block:72px min(var(--pad), 6svh)}}}@media (max-width:899px){.ha{--ha-room:clamp(260px, 48vh, 460px);min-height:100vh;padding-top:var(--ha-room);justify-content:flex-start}@supports (height:1svh){.ha{--ha-room:clamp(260px, 48svh, 460px);min-height:100svh}}}.ha-in{z-index:1;pointer-events:none;align-items:center;gap:clamp(28px,4vw,72px);display:grid;position:relative}@media (min-width:900px){.ha-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.ha-copy{grid-column:2}}.ha-photo{z-index:0;background:var(--night);margin:0;position:absolute;inset:0;overflow:clip}.tz{--tz-t:.72s;--tz-e:var(--ease-expo-o);--pad:clamp(16px, 1.7vw, 28px);--pb:clamp(20px, 4.5cqh, 44px);--A:calc(var(--amp) * 55%);--S:calc(var(--amp) * 40%);--zy:50%;--cs:.447;z-index:1;background:var(--night);position:absolute;inset:0;overflow:clip;container-type:size}@media (max-width:899px){.tz{--zy:calc(var(--ha-room) * .84)}}.tz-s{--L:calc(var(--l) * 100%);--R:calc(var(--r) * 100%);--a0:calc(var(--A) * var(--sa));--s0:calc(var(--S) * var(--sa));--a1:calc(var(--A) * var(--ea));--s1:calc(var(--S) * var(--ea));pointer-events:none;position:absolute;inset:0}.tz-b{width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;clip-path:polygon(calc(var(--L) + var(--a0)) 0, calc(var(--R) + var(--a1)) 0, calc(var(--R) - var(--s1)) var(--zy), calc(var(--R) + var(--s1)) var(--zy), calc(var(--R) - var(--a1)) 100%, calc(var(--L) - var(--a0)) 100%, calc(var(--L) + var(--s0)) var(--zy), calc(var(--L) - var(--s0)) var(--zy));transition:clip-path var(--tz-t) var(--tz-e);background:0 0;border:0;border-radius:0;margin:0;padding:0;display:block;position:absolute;inset:0}[dir=rtl] .tz-b{clip-path:polygon(calc(100% - var(--L) - var(--a0)) 0, calc(100% - var(--R) - var(--a1)) 0, calc(100% - var(--R) + var(--s1)) var(--zy), calc(100% - var(--R) - var(--s1)) var(--zy), calc(100% - var(--R) + var(--a1)) 100%, calc(100% - var(--L) + var(--a0)) 100%, calc(100% - var(--L) - var(--s0)) var(--zy), calc(100% - var(--L) + var(--s0)) var(--zy))}.tz-b:before{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.tz-b:focus-visible{outline:none}.tz-b:focus-visible:before{box-shadow:inset 0 5px 0 var(--andon), inset 0 -5px 0 var(--andon)}.tz-img{object-fit:cover;object-position:50% 38%;width:max(100cqh,44cqw);max-width:none;height:100%;translate:calc((var(--l) + var(--r)) * 50cqw - 50%) 0;transform-origin:50% 32%;transition:translate var(--tz-t) var(--tz-e), scale 1.2s var(--ease-expo-o), filter .6s var(--ease-ui);position:absolute;top:0;left:0}[dir=rtl] .tz-img{translate:calc(50% - (var(--l) + var(--r)) * 50cqw) 0;left:auto;right:0}@media (max-width:899px){.tz-img{width:max(calc(var(--ha-room) * 1.44), 56cqw);height:auto;-webkit-mask-image:linear-gradient(#000 76%,#0000);mask-image:linear-gradient(#000 76%,#0000)}}.tz[data-open] .tz-s:not([data-open]) .tz-img{filter:brightness(.62)saturate(.8)}.tz-s[data-open] .tz-img{transition:translate var(--tz-t) var(--tz-e), scale 7s cubic-bezier(.2, .6, .3, 1), filter .6s var(--ease-ui);scale:1.05}.tz-e{translate:calc((var(--l) + var(--r)) * 50cqw - 50%) 0;font-family:var(--f-display);color:var(--fog-2);transition:translate var(--tz-t) var(--tz-e), color .4s var(--ease-ui);font-size:clamp(40px,8cqh,96px);font-weight:800;line-height:1;position:absolute;top:28%;left:0}[dir=rtl] .tz-e{translate:calc(50% - (var(--l) + var(--r)) * 50cqw) 0;left:auto;right:0}@media (max-width:899px){.tz-e{top:calc(var(--ha-room) * .42);font-size:clamp(32px,11cqw,56px)}}.tz-s[data-open] .tz-e{color:var(--fog)}.tz-b:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(to bottom, transparent 46%, color-mix(in srgb, var(--night) 45%, transparent) 62%, color-mix(in srgb, var(--night) 76%, transparent) 78%, color-mix(in srgb, var(--night) 92%, transparent) 96%);transition:opacity .5s var(--ease-ui);position:absolute;inset:0}.tz-s[data-open] .tz-b:after{opacity:1}@media (max-width:899px){.tz-b:after{content:none}}@property --tz-f0{syntax:"<length-percentage>";inherits:false;initial-value:24%}.tz-fade{z-index:1;pointer-events:none;transition:opacity .6s var(--ease-ui) 50ms, --tz-f0 var(--tz-t) var(--tz-e);position:absolute;inset:0}@media (min-width:900px){.tz-fade{--tz-f0:calc(var(--cs) * 100% - 21%);background:linear-gradient(to right, transparent var(--tz-f0), color-mix(in srgb, var(--night) 84%, transparent) calc(var(--cs) * 100% - 2%), color-mix(in srgb, var(--night) 91%, transparent) calc(var(--cs) * 100% + 16%), color-mix(in srgb, var(--night) 94%, transparent) 100%)}[dir=rtl] .tz-fade{background:linear-gradient(to left, transparent var(--tz-f0), color-mix(in srgb, var(--night) 84%, transparent) calc(var(--cs) * 100% - 2%), color-mix(in srgb, var(--night) 91%, transparent) calc(var(--cs) * 100% + 16%), color-mix(in srgb, var(--night) 94%, transparent) 100%)}.tz[data-open]:not([data-copy-off]) .tz-fade{--tz-f0:max(calc(var(--cs) * 100% - 21%), calc(var(--fe,0) * 100%))}.tz[data-copy-off] .tz-fade{opacity:0;transition:opacity .5s var(--ease-ui), --tz-f0 var(--tz-t) var(--tz-e)}}@media (max-width:899px){.tz-fade{background:linear-gradient(to bottom, transparent calc(var(--ha-room) - 150px), color-mix(in srgb, var(--night) 82%, transparent) calc(var(--ha-room) + 20px), color-mix(in srgb, var(--night) 93%, transparent) calc(var(--ha-room) + 220px), color-mix(in srgb, var(--night) 95%, transparent) 100%)}}.tz-z{z-index:2;pointer-events:none;position:absolute;inset:0}[dir=rtl] .tz-z{transform:scaleX(-1)}.tz-zl{--B:calc(var(--b) * 100%);--w:2px;background:var(--night);clip-path:polygon(calc(var(--B) + var(--A) + var(--w)) 0, calc(var(--B) - var(--S) + var(--w)) calc(var(--zy) - var(--w)), calc(var(--B) + var(--S) + var(--w)) calc(var(--zy) - var(--w)), calc(var(--B) - var(--A) + var(--w)) 100%, calc(var(--B) - var(--A) - var(--w)) 100%, calc(var(--B) + var(--S) - var(--w)) calc(var(--zy) + var(--w)), calc(var(--B) - var(--S) - var(--w)) calc(var(--zy) + var(--w)), calc(var(--B) + var(--A) - var(--w)) 0);transition:clip-path var(--tz-t) var(--tz-e);position:absolute;inset:0}@media (max-width:899px){.tz-zl{--w:1.5px}}.tz[data-pen=ready] .tz-z{clip-path:inset(0 0 100%)}.tz[data-pen=go] .tz-z{animation:tz-pen 1.1s var(--ease-p2io) calc(.15s + var(--i) * .11s) both}@keyframes tz-pen{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}.tz-z[data-edge] .tz-zl{background:linear-gradient(to bottom, transparent 46%, var(--andon) 50%, transparent 54%) 0 100% / 100% 260% no-repeat, var(--night);animation:tz-glint-a 1.3s var(--ease-ui) .18s both}.tz-z[data-edge="1"] .tz-zl{animation-name:tz-glint-b}@keyframes tz-glint-a{0%{background-position:0 100%}to{background-position:0 0}}@keyframes tz-glint-b{0%{background-position:0 100%}to{background-position:0 0}}.tz:has(.tz-b:focus-visible) .tz-z[data-edge] .tz-zl{background:var(--andon);animation:none}.tz-p{--pw:calc(var(--fo) * 100% - (var(--sa) * 25% + var(--ea) * 50%) * var(--ao) - 2 * var(--pad));--px:calc(var(--l) * 100cqw + var(--amp) * 25cqw * var(--sa) + var(--pad));bottom:var(--pb);width:var(--pw);z-index:3;pointer-events:none;text-align:start;visibility:hidden;opacity:0;translate:var(--px) 0;transition:translate var(--tz-t) var(--tz-e), opacity .22s var(--ease-ui), transform .22s var(--ease-ui), visibility 0s linear .22s;justify-items:start;gap:8px;display:grid;position:absolute;left:0;transform:translateY(10px)}[dir=rtl] .tz-p{translate:calc(-1 * var(--px)) 0;left:auto;right:0}.tz-s[data-open]>.tz-p{visibility:visible;opacity:1;transition:translate var(--tz-t) var(--tz-e), opacity .5s var(--ease-ui) .2s, transform .7s var(--ease-expo-o) .2s, visibility 0s;transform:none}@media (max-width:899px){.tz .tz-p,[dir=rtl] .tz .tz-p{top:calc(var(--ha-room) + 4px);bottom:auto;left:var(--margin);right:var(--margin);gap:10px;width:auto;translate:none}.tz .tz-s[data-open]>.tz-p{pointer-events:auto}}.tz-sig{inset-inline-start:-4px;filter:drop-shadow(0 1px 1px #00000073)drop-shadow(0 2px 10px #00000059);width:94%;height:clamp(72px,12cqh,128px);position:absolute;bottom:calc(100% - 2px)}@media (max-width:899px){.tz-sig{width:min(94%,360px);height:clamp(64px,22cqw,104px)}}.tz-sig .hand{color:var(--fog)}.tz-first{inset-inline-start:0;font-family:var(--f-display);color:var(--fog);margin:0;font-size:clamp(28px,6cqh,52px);font-weight:800;line-height:1;position:absolute;bottom:calc(100% + 6px)}.tz-who{color:var(--fog-2);margin:0;font-size:13px;line-height:1.4}:lang(ar) .tz-who{font-size:13.5px;line-height:1.6}.tz-name{color:var(--fog);font-weight:700}.tz-note{color:var(--fog);text-wrap:pretty;-webkit-line-clamp:var(--tz-lines,9);line-clamp:var(--tz-lines,9);-webkit-box-orient:vertical;justify-self:stretch;margin:0;font-size:15px;line-height:1.45;display:-webkit-box;overflow:hidden}:lang(ar) .tz-note{line-height:1.7}.tz-cta{pointer-events:auto;min-height:38px;color:var(--night);transition:translate .35s var(--ease-expo-o), box-shadow .35s var(--ease-ui);background:#fff;border-radius:2px;align-items:center;margin-block-start:4px;padding:0 14px;font-size:13px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex;box-shadow:0 8px 22px #00000047}:lang(ar) .tz-cta{font-size:14px}@media (hover:hover){.tz-cta:hover{translate:0 -2px;box-shadow:0 12px 28px #00000057}}.tz-cta:focus-visible{outline:2px solid var(--andon);outline-offset:3px}@media (pointer:coarse){.tz-cta{min-height:44px}}@media (min-width:900px){@container (max-height:699.98px){.tz-p{--tz-lines:5}.tz-sig{height:clamp(56px,10cqh,84px)}}}@media (prefers-reduced-motion:reduce){.tz,.tz *,.ha-copy,.ha-hint i{transition:none!important;animation:none!important}.tz-s[data-open] .tz-img{scale:none}}html.tk-reduced :is(.tz,.tz *,.ha-copy,.ha-hint i){transition:none!important;animation:none!important}html.tk-reduced .tz-s[data-open] .tz-img{scale:none}.ha-copy{pointer-events:none;min-width:0;transition:opacity .55s var(--ease-ui) .12s, translate .8s var(--ease-expo-o) .12s;justify-items:start;gap:clamp(16px,1.8vw,24px);display:grid}.ha-copy>*{pointer-events:auto}@media (max-width:899px){.ha-copy{pointer-events:auto}}@media (hover:hover) and (pointer:fine){.ha-copy>:not(.ha-card,.ha-cta){pointer-events:none}.tz[data-quiet] .tz-b{cursor:default}}.ha:has([data-slices][data-copy-off]) .ha-copy{opacity:0;pointer-events:none;transition:opacity .3s var(--ease-ui), translate .45s var(--ease-ui);translate:0 14px}.ha:has([data-slices][data-copy-off]) .ha-copy>*{pointer-events:none}.ha-hint{letter-spacing:.02em;color:var(--fog-2);align-items:center;gap:10px;margin:0 0 -4px;font-size:13px;font-weight:600;line-height:1.3;display:inline-flex}:lang(ar) .ha-hint{letter-spacing:0;font-size:14px}.ha-hint i{background:var(--andon);border-radius:50%;flex:none;width:8px;height:8px}.ha:has([data-slices][data-nudge]) .ha-hint i{animation:ha-ping 1.1s var(--ease-ui) 2}@keyframes ha-ping{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--andon) 70%, transparent)}to{box-shadow:0 0 0 12px color-mix(in srgb, var(--andon) 0%, transparent)}}@media (hover:hover) and (pointer:fine){.ha-hint{display:none}}.ha-h{max-width:12ch;color:var(--fg);font-family:var(--f-display);font-size:clamp(2.5rem,1.1rem + 4.2vw,5.25rem);font-weight:800;font-stretch:var(--wdth-xl);letter-spacing:-.04em;text-wrap:balance;margin:0;line-height:.92}:lang(ar) .ha-h{font-size:clamp(2.2rem,1rem + 3.4vw,4.25rem);line-height:var(--lh-ar-head);letter-spacing:0;font-stretch:100%}.ha-line{max-width:38ch;color:var(--fg-2);margin:0;font-size:clamp(1.0625rem,.95rem + .45vw,1.375rem);line-height:1.45}:lang(ar) .ha-line{line-height:1.85}.ha-facts{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.ha-facts li{border:1px solid color-mix(in oklab, var(--fog) 22%, transparent);border-radius:var(--r-pill);min-height:34px;color:var(--fg);align-items:center;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.ha-card{--cut-x:22px;--cut-y:11px;background:var(--night-2);width:min(100%,560px);color:var(--fg);clip-path:polygon(0 0, calc(100% - var(--cut-x)) 0, 100% var(--cut-y), 100% 100%, 0 100%);box-shadow:inset 0 0 0 1px var(--night-line);transition:box-shadow .45s var(--ease-ui), background-color .45s var(--ease-ui);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 16px;padding:12px 18px 12px 12px;text-decoration:none;display:grid;position:relative}[dir=rtl] .ha-card{clip-path:polygon(var(--cut-x) 0, 100% 0, 100% 100%, 0 100%, 0 var(--cut-y));padding:12px 12px 12px 18px}@media (hover:hover){.ha-card:hover{box-shadow:inset 0 0 0 2px var(--andon)}.ha-card:hover .ha-card-shot img{transform:translateY(-8%)}}.ha-card:focus-visible{box-shadow:inset 0 0 0 2px var(--andon);outline:none}.ha-card-shot{background:#2b1a22;border-radius:10px;grid-row:span 2;width:64px;height:88px;overflow:hidden;box-shadow:0 0 0 3px #1b2a27,0 0 0 4px #e9f1ec2e}.ha-card-shot img{width:100%;height:auto;transition:transform 1.4s var(--ease-expo-o);display:block}.ha-card-t{color:var(--fg);font-size:15px;line-height:1.45}:lang(ar) .ha-card-t{line-height:1.75}.ha-card-tags{flex-wrap:wrap;gap:6px;display:flex}.ha-cta{margin-top:4px}@media (max-width:767px){.ha-cta{width:100%}}
