hp-toggle{display:inline-flex}.toggle-track{background:var(--toggle-track);border-radius:var(--radius-pill);isolation:isolate;gap:4px;padding:4px;display:flex;position:relative}.toggle-pill{z-index:0;border-radius:var(--radius-pill);background:var(--brown);pointer-events:none;width:0;position:absolute;top:4px;bottom:4px;left:0}hp-toggle.is-ready .toggle-pill{transition:transform var(--toggle-duration) var(--toggle-ease),width var(--toggle-duration) var(--toggle-ease)}.toggle-track [role=radio]{z-index:1;border-radius:var(--radius-pill);min-height:36px;font:500 14px var(--body);cursor:pointer;color:var(--text-soft);transition:color var(--toggle-duration) var(--toggle-ease);background:0 0;border:0;padding:8px 14px;position:relative}.toggle-track [role=radio][aria-checked=true]{color:var(--on-dark);font-weight:600}.toggle-track [role=radio]:not([aria-checked=true]){transition:color .45s,background-color .45s}.toggle-track [role=radio]:not([aria-checked=true]):hover{color:var(--brown);background:#fffbf48c;transition-duration:.15s}.toggle-track [role=radio]:lang(ur){font-family:var(--urdu);line-height:1}.toggle-track [role=radio]:lang(ar){font-family:var(--arabic);line-height:1.2}hp-toggle:not(:defined) [role=radio][aria-checked=true]{background:var(--brown)}.toggle-fade{animation:hp-toggle-fade var(--fade-duration) ease-out}@keyframes hp-toggle-fade{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){hp-toggle .toggle-pill,.toggle-track [role=radio]{transition:none!important}.toggle-fade{animation:none}}.hero-c{isolation:isolate;color:#fff;background:rgb(var(--shade));flex-direction:column;min-height:max(720px,100svh);display:flex;position:relative;overflow:hidden}.slides{z-index:-2;touch-action:pan-y;position:absolute;inset:0}.slide{margin:0;position:absolute;inset:0;transform:translate(100%)}.slide.is-active{transform:none}.slide img{object-fit:cover;width:100%;height:100%}.slide.is-moving{transition:transform .9s cubic-bezier(.65,0,.35,1)}.hero-shade{z-index:-1;pointer-events:none;background:linear-gradient(180deg, rgba(var(--shade), .6) 0%, rgba(var(--shade), .62) 40%, rgba(var(--shade), .64) 70%, rgba(var(--shade), .78) 100%);position:absolute;inset:0}.hero-c .nav{z-index:5;position:relative}.hero-c-body{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding-block:56px 120px;display:flex}.hero-c .hero-h1{color:#fff;text-shadow:0 2px 30px #00000040;max-width:15ch}.hero-c .hero-lead{color:#fffffff0}.hero-c .hero-note{color:#ffffffeb}.hero-c .label{color:#fff}.hero-c .search{margin-block:6px 4px}.hero-c .btn-primary{background:var(--photo-btn-bg);color:var(--photo-btn-text);border-color:#ffffff40}.hero-c .btn-primary:hover{background:var(--photo-btn-bg-hover)}.c-ui{z-index:6;padding-inline:var(--gutter);justify-content:center;align-items:center;gap:6px;display:flex;position:absolute;bottom:22px;left:0;right:0}.c-btn{color:#fff;cursor:pointer;backdrop-filter:blur(10px);width:44px;height:44px;transition:background-color var(--hover-out) ease;background:#ffffff24;border:1px solid #ffffff80;border-radius:50%;place-items:center;display:grid}.c-btn:hover{transition-duration:var(--hover-in);background:#ffffff4d}.c-dots{display:flex}.c-dot{cursor:pointer;background:0 0;border:0;place-items:center;width:32px;height:44px;padding:0;display:grid}.c-dot:before{content:"";background:#ffffff8c;border-radius:50%;width:9px;height:9px;transition:width .3s,background-color .3s;box-shadow:0 0 0 1px #00000040}.c-dot[aria-current=true]:before{background:#fff;border-radius:6px;width:24px}.c-pause{width:auto;font:600 14px var(--font-body);border-radius:999px;align-items:center;gap:8px;margin-left:10px;padding:0 16px;display:inline-flex}@media (width<=600px){.hero-c-body{gap:18px;padding-block:40px 150px}.c-ui{flex-wrap:wrap;row-gap:4px;bottom:14px}.c-dots{order:-1;justify-content:center;width:100%}.c-dot{width:44px}.c-pause .c-pause-text{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.c-pause{justify-content:center;width:44px;margin-left:4px;padding:0}}@media (prefers-reduced-motion:reduce){.slide.is-moving{transition:none}.c-pause{display:none}}.hero-c{touch-action:pan-y}