.pw-hero{--hero-fade:linear-gradient(180deg, #000 0, #000 calc(100% - 90px), #000000e6 calc(100% - 72px), #000000b3 calc(100% - 54px), #00000073 calc(100% - 36px), #0003 calc(100% - 18px), transparent 100%);--hero-top:24px;isolation:isolate;width:100vw;margin-inline:calc(50% - 50vw);margin-top:calc(-1 * var(--header-h));padding:0 var(--gutter) 44px;color:var(--hero-ink);flex-direction:column;display:flex;position:relative;overflow:hidden}.pw-hero:before{content:"";z-index:-2;background:var(--hero-bg);pointer-events:none;-webkit-mask-image:var(--hero-fade);-webkit-mask-image:var(--hero-fade);mask-image:var(--hero-fade);position:absolute;inset:0}.pw-hero-photo{inset:calc(var(--hero-top) + var(--header-h)) 0 auto;z-index:-1;pointer-events:none;height:78vw;position:absolute;-webkit-mask-image:linear-gradient(#0000 0,#000 40px 52%,#0000008c 74%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 40px 52%,#0000008c 74%,#0000 100%)}.pw-hero-photo img{object-fit:cover;object-position:50% 42%;width:100%;height:100%;display:block}.pw-hero-mark{z-index:0;top:calc(var(--hero-top) + var(--header-h) + 30vw);filter:invert()drop-shadow(0 2px 12px #00000059);pointer-events:none;width:50%;height:auto;position:absolute;left:50%;transform:translate(-50%)}.pw-hero-in{z-index:1;width:100%;max-width:var(--column);margin:calc(var(--hero-top) + var(--header-h) + 56vw) auto 0;position:relative}.pw-hero h1{letter-spacing:-.025em;text-wrap:balance;max-width:13ch;margin:0;font-size:clamp(30px,8vw,58px);font-weight:600;line-height:1.06}html[lang=ar] .pw-hero h1{letter-spacing:0;line-height:1.3}.pw-hero-search{border-radius:var(--r-pill);background:var(--hero-fill);max-width:min(100%,clamp(520px,32vw,760px));height:56px;color:var(--hero-on-fill);align-items:center;gap:8px;margin-top:18px;padding:0 6px 0 16px;display:flex;box-shadow:0 10px 30px #00000059}[dir=rtl] .pw-hero-search{padding:0 16px 0 6px}.pw-hero-search>svg{width:20px;height:20px;color:var(--hero-on-fill-2);flex:none}.pw-hero-search input{width:0;min-width:0;height:100%;color:var(--hero-on-fill);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:16px}.pw-hero-search input::placeholder{color:var(--hero-on-fill-2)}.pw-hero-search input::-webkit-search-cancel-button{appearance:none}.pw-hero-search:focus-within{box-shadow:0 10px 30px #00000059, 0 0 0 3px var(--hero-line-2)}.pw-hero-search .btn{min-height:44px;font-size:var(--t-body);padding:0 18px}.pw-hero-search .btn-primary{background:var(--pill-solid);color:var(--hero-ink);box-shadow:none}@media (hover:hover){.pw-hero-search .btn-primary:hover{background:var(--surface-3);color:var(--hero-ink)}}.pw-hero-cta{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.btn-hero{background:var(--hero-fill);color:var(--hero-on-fill)}.btn-hero-ghost{background:var(--hero-well);color:var(--hero-ink);box-shadow:inset 0 0 0 1px var(--hero-line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (hover:hover){.btn-hero:hover{background:var(--hero-fill-2);color:var(--hero-on-fill)}.btn-hero-ghost:hover{background:var(--hero-well-2);color:var(--hero-ink)}}.pw-hero .btn:focus-visible{outline:3px solid var(--hero-ink);outline-offset:3px}.pw-hero .btn{min-height:46px;font-size:var(--t-body)}@media (max-width:360px){.pw-hero h1{font-size:29px}}@media (min-width:700px){.pw-hero{--hero-fade:linear-gradient(180deg, #000 0, #000 calc(100% - 170px), #000000e6 calc(100% - 136px), #000000b3 calc(100% - 102px), #00000073 calc(100% - 68px), #0003 calc(100% - 34px), transparent 100%);min-height:var(--hero-min);padding:calc(var(--header-h) + 24px) var(--gutter) 112px;justify-content:center}.pw-hero-photo{--photo-side:linear-gradient(90deg, transparent 0, #0000000a 6%, #00000021 12%, #00000047 18%, #00000078 24%, #000000a8 30%, #000000d1 36%, #000000ed 42%, #000000fa 47%, #000 52%);--photo-top:linear-gradient(180deg, #0000004d 0, #00000073 calc(var(--header-h) * .5), #0000009e var(--header-h), #000c calc(var(--header-h) + 40px), #000000ed calc(var(--header-h) + 80px), #000 calc(var(--header-h) + 120px));width:64%;height:auto;-webkit-mask-image:var(--photo-side), var(--photo-top), var(--hero-fade);-webkit-mask-composite:source-in, source-in;-webkit-mask-image:var(--photo-side), var(--photo-top), var(--hero-fade);mask-image:var(--photo-side), var(--photo-top), var(--hero-fade);inset:0 0 0 auto;-webkit-mask-composite:source-in;mask-composite:intersect}[dir=rtl] .pw-hero-photo{--photo-side:linear-gradient(270deg, transparent 0, #0000000a 6%, #00000021 12%, #00000047 18%, #00000078 24%, #000000a8 30%, #000000d1 36%, #000000ed 42%, #000000fa 47%, #000 52%);inset:0 auto 0 0}.pw-hero-photo img{object-position:50% 45%}.pw-hero-mark{filter:invert();opacity:.92;width:16%;top:calc(42% + 3.06vw);left:auto;right:23%;transform:translateY(-50%)}[dir=rtl] .pw-hero-mark{left:23%;right:auto}.pw-hero-in{max-width:var(--column);margin:0 auto}.pw-hero-in>*{max-width:clamp(520px,36vw,820px)}}
.pw-explore{margin-top:clamp(32px,2.6vw,56px)}.pw-explore .explore-h{color:var(--ink);font-size:var(--t-section);letter-spacing:-.01em;margin:0 0 clamp(12px,1vw,20px);font-weight:600;line-height:1.25}html[lang=ar] .pw-explore .explore-h{letter-spacing:0}.pw-explore .tiles{isolation:isolate;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(13px,1.4vw,24px);display:grid}.pw-explore .tile{--tile-pad:clamp(6px, .5vw, 10px);padding:var(--tile-pad);border-radius:var(--r-tile);background:var(--card);box-shadow:inset 0 0 0 1px var(--line);color:var(--ink);-webkit-tap-highlight-color:transparent;transition:box-shadow var(--dur-2) var(--ease-out);flex-direction:column;text-decoration:none;display:flex;position:relative;overflow:hidden}.pw-explore .tile-art{aspect-ratio:2.1;border-radius:calc(var(--r-tile) - var(--tile-pad));background:var(--soft);padding:7% 0;display:block;position:relative;overflow:hidden}.pw-explore .tile-illustration{width:100%;height:100%;display:block;overflow:visible}.pw-explore .tile-foot{flex:1;align-items:center;gap:4px 9px;min-width:0;min-height:56px;padding:clamp(10px,.9vw,16px) clamp(6px,.5vw,10px) clamp(4px,.4vw,8px);display:flex}.pw-explore .tile-title{overflow-wrap:anywhere;min-width:0;font-size:clamp(14px,.45vw + 10px,19px);font-weight:600;line-height:1.3}.pw-explore .tile-badge{border-radius:var(--r-pill);background:var(--soft);min-height:22px;color:var(--ink-2);font-size:var(--t-mark);font-variant-numeric:tabular-nums;flex:none;align-items:center;padding:0 8px;font-weight:500;line-height:1;display:inline-flex}.pw-explore .tile-go{width:clamp(28px,2vw,36px);height:clamp(28px,2vw,36px);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2);transition:background-color var(--dur-2) var(--ease-out), color var(--dur-2) var(--ease-out);border-radius:50%;flex:none;place-items:center;margin-inline-start:auto;display:grid}.pw-explore .tile-go svg{width:62%;height:62%;transition:translate var(--dur-3) var(--ease-out);scale:-1 1}[dir=rtl] .pw-explore .tile-go svg{scale:1}.pw-explore .tile:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.pw-explore .tile:focus-visible .tile-go{background:var(--accent-soft);color:var(--accent)}@media (min-width:700px){.pw-explore .tiles{grid-template-columns:repeat(3,minmax(0,1fr))}.pw-home .pw-explore{margin-top:clamp(48px, 100svh - var(--hero-min) + 16px, 360px)}}@media (min-width:1100px){.pw-explore .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:699px){.pw-explore .tile-art{aspect-ratio:16/10;padding:6% 0}.pw-explore .tile-foot{flex-wrap:wrap;min-height:56px;padding:10px 5px 4px}.pw-explore .tile-title{flex:60%;font-size:13px}.pw-explore .tile-badge{order:3;min-height:20px;font-size:11px}.pw-explore .tile-go{order:2;width:25px;height:25px}}.pw-explore :is(.tile-art-back,.tile-art-front,.tile-art-classic,.tile-art-camera){transform-box:fill-box;transform-origin:50%}.pw-explore .tile-art-tag{transform-box:view-box;transform-origin:253.5px 64.76px}.pw-explore .tile-art-clock-hand{transform-box:view-box;transform-origin:104px 76px}.pw-explore .tile-art-lens{transform-box:fill-box;transform-origin:50%}@media (hover:hover) and (pointer:fine){.pw-explore .tile:hover{box-shadow:inset 0 0 0 1px var(--line-2)}.pw-explore .tile:hover .tile-go{background:var(--accent-soft);color:var(--accent)}}@media (prefers-reduced-motion:no-preference){.pw-explore .tile:focus-visible .tile-go svg{translate:2px}[dir=rtl] .pw-explore .tile:focus-visible .tile-go svg{translate:-2px}.pw-explore .tile:focus-visible[data-art=buy] .tile-art-front{animation:.65s both explore-fan-front}.pw-explore .tile:focus-visible[data-art=buy] .tile-art-back{animation:.65s both explore-fan-back}.pw-explore .tile:focus-visible[data-art=bike] .tile-art-front{animation:.65s both explore-bike-front}.pw-explore .tile:focus-visible[data-art=bike] .tile-art-back{animation:.65s both explore-bike-back}.pw-explore .tile:focus-visible .tile-art-classic{animation:.6s both explore-classic}.pw-explore .tile:focus-visible .tile-art-tag{animation:.75s both explore-tag}.pw-explore .tile:focus-visible .tile-art-slip{animation:.65s both explore-slip}.pw-explore .tile:focus-visible .tile-art-value-marker{animation:.8s both explore-estimate}.pw-explore .tile:focus-visible .tile-art-loupe{animation:.8s both explore-search}.pw-explore .tile:focus-visible .tile-art-watch{animation:.65s both explore-hurry}.pw-explore .tile:focus-visible .tile-art-clock-hand{animation:.8s both explore-tick}.pw-explore .tile:focus-visible .tile-art-camera{animation:.65s both explore-camera}.pw-explore .tile:focus-visible .tile-art-lens{animation:.65s both explore-lens}.pw-explore .tile:active{scale:.985}}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pw-explore .tile:hover .tile-go svg{translate:2px}[dir=rtl] .pw-explore .tile:hover .tile-go svg{translate:-2px}.pw-explore .tile:hover[data-art=buy] .tile-art-front{animation:.65s both explore-fan-front}.pw-explore .tile:hover[data-art=buy] .tile-art-back{animation:.65s both explore-fan-back}.pw-explore .tile:hover[data-art=bike] .tile-art-front{animation:.65s both explore-bike-front}.pw-explore .tile:hover[data-art=bike] .tile-art-back{animation:.65s both explore-bike-back}.pw-explore .tile:hover .tile-art-classic{animation:.6s both explore-classic}.pw-explore .tile:hover .tile-art-tag{animation:.75s both explore-tag}.pw-explore .tile:hover .tile-art-slip{animation:.65s both explore-slip}.pw-explore .tile:hover .tile-art-value-marker{animation:.8s both explore-estimate}.pw-explore .tile:hover .tile-art-loupe{animation:.8s both explore-search}.pw-explore .tile:hover .tile-art-watch{animation:.65s both explore-hurry}.pw-explore .tile:hover .tile-art-clock-hand{animation:.8s both explore-tick}.pw-explore .tile:hover .tile-art-camera{animation:.65s both explore-camera}.pw-explore .tile:hover .tile-art-lens{animation:.65s both explore-lens}}@keyframes explore-fan-front{0%,to{translate:0;rotate:0deg}45%{translate:-3px -5px;rotate:-1deg}}@keyframes explore-fan-back{0%,to{translate:0;rotate:0deg}45%{translate:4px -2px;rotate:1deg}}@keyframes explore-bike-front{0%,to{translate:0}45%{translate:3px -4px}}@keyframes explore-bike-back{0%,to{translate:0}45%{translate:-3px -3px}}@keyframes explore-classic{0%,to{translate:0;scale:1}45%{translate:0 -4px;scale:1.025}}@keyframes explore-tag{0%,to{rotate:0deg}30%{rotate:8deg}65%{rotate:-4deg}}@keyframes explore-slip{0%,to{translate:0}45%{translate:0 -3px}}@keyframes explore-estimate{0%,to{translate:0}40%{translate:9px}70%{translate:-3px}}@keyframes explore-search{0%,to{translate:0}35%{translate:-7px -5px}70%{translate:-2px 2px}}@keyframes explore-hurry{0%,to{translate:0}35%{translate:5px -1px}65%{translate:2px}}@keyframes explore-tick{0%{rotate:0deg}to{rotate:360deg}}@keyframes explore-camera{0%,to{translate:0}45%{translate:0 -3px}}@keyframes explore-lens{0%,to{scale:1}45%{scale:.92}}@media (prefers-reduced-motion:reduce){.pw-explore .tile,.pw-explore .tile-go,.pw-explore .tile-go svg{transition:none}.pw-explore .tile-art *,.pw-explore .tile-art :before,.pw-explore .tile-art :after{transition:none!important;animation:none!important}}
