.pm{width:100%;height:100%;position:relative;border-radius:14px;overflow:hidden;font-family:var(--font-mono);box-shadow:0 8px 28px #00000059;isolation:isolate}.pm-dashboard{display:grid;grid-template-columns:26% 1fr;height:100%;background:#0e0e15;font-size:9px;color:#f5f4eed9}.pm-dashboard__sidebar{background:#0a0a10;padding:12px 10px;display:flex;flex-direction:column;gap:14px;border-right:1px solid rgba(212,255,63,.08)}.pm-dashboard__brand{font-size:8px;font-weight:700;letter-spacing:.18em;color:var(--color-chartreuse-500)}.pm-dashboard__nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:7px}.pm-dashboard__nav-item{display:flex;align-items:center;gap:7px;font-size:8px;font-weight:500;color:#f5f4ee8c;letter-spacing:.04em;padding:4px 6px;border-radius:4px}.pm-dashboard__nav-item.is-active{background:#d4ff3f1a;color:var(--color-chartreuse-500)}.pm-dashboard__nav-icon{width:6px;height:6px;background:currentColor;opacity:.6;transform:rotate(45deg);flex-shrink:0}.pm-dashboard__main{padding:14px 16px;display:flex;flex-direction:column;gap:10px;overflow:hidden}.pm-dashboard__topbar{display:flex;justify-content:space-between;align-items:center;font-size:8px}.pm-dashboard__crumb{color:#f5f4ee80;letter-spacing:.08em}.pm-dashboard__live{display:inline-flex;align-items:center;gap:5px;color:var(--color-chartreuse-500);font-weight:700;letter-spacing:.12em}.pm-dashboard__live-dot{width:5px;height:5px;border-radius:50%;background:var(--color-chartreuse-500);box-shadow:0 0 6px #d4ff3fb3}.pm-dashboard__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pm-dashboard__stat{background:#16161e;border:1px solid rgba(212,255,63,.07);border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.pm-dashboard__stat-label{font-size:7px;color:#f5f4ee80;letter-spacing:.1em;text-transform:uppercase}.pm-dashboard__stat-value{font-size:13px;font-weight:700;color:var(--color-cream-50);font-family:var(--font-display);letter-spacing:-.02em}.pm-dashboard__stat-trend{font-size:7px;color:var(--color-chartreuse-500);font-weight:700}.pm-dashboard__stat-trend--neutral{color:#f5f4ee66}.pm-dashboard__chart{background:#16161e;border-radius:6px;padding:8px;height:60px;border:1px solid rgba(212,255,63,.07)}.pm-dashboard__chart svg{width:100%;height:100%;display:block}.pm-dashboard__rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.pm-dashboard__row{display:grid;grid-template-columns:auto 1fr auto;gap:10px;padding:5px 8px;background:#f5f4ee0a;border-radius:4px;font-size:8px;color:#f5f4eeb3}.pm-dashboard__row-name{color:var(--color-cream-50);font-weight:500}.pm-dashboard__row-amount{color:var(--color-chartreuse-500);font-weight:700}.pm-browser{background:#f8f7f0;height:100%;display:flex;flex-direction:column;font-size:9px}.pm-browser__chrome{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#ebeae3;border-bottom:1px solid #d4d2c6}.pm-browser__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pm-browser__dot--r{background:#ff6b6b}.pm-browser__dot--y{background:#ffc857}.pm-browser__dot--g{background:#5ec47c}.pm-browser__url{margin-inline-start:6px;background:#fafaf5;border-radius:4px;padding:3px 8px;font-size:8px;color:#6b6b70;flex:1;letter-spacing:-.01em;text-align:center}.pm-browser__viewport{flex:1;padding:10px 12px;display:flex;flex-direction:column;gap:8px;overflow:hidden}.pm-browser__nav{display:flex;justify-content:space-between;align-items:center}.pm-browser__brand{font-family:var(--font-display);font-size:11px;font-weight:800;color:#1a1a1f;letter-spacing:-.02em}.pm-browser__cart{width:16px;height:16px;border-radius:50%;background:#1a1a1f;color:#d4ff3f;font-size:6px;display:grid;place-items:center}.pm-browser__hero{background:#1a1a1f;color:var(--color-chartreuse-500);border-radius:6px;padding:10px 12px;font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.pm-browser__hero-text{display:block}.pm-browser__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;flex:1}.pm-browser__product{background:#fafaf5;border:1px solid #ebeae3;border-radius:5px;padding:4px;display:flex;flex-direction:column;gap:3px}.pm-browser__product-img{flex:1;background:linear-gradient(135deg,#ebeae3,#d4d2c6);border-radius:3px;min-height:22px}.pm-browser__product-line{height:4px;background:#d4d2c6;border-radius:2px;width:70%}.pm-mobile{background:#f5f4ee;height:100%;display:grid;place-items:center;padding:12px}.pm-mobile__device{position:relative;width:110px;height:220px;background:#1a1a1f;border-radius:18px;padding:4px;box-shadow:0 0 0 1.5px #d4ff3f66,0 12px 32px #00000040;isolation:isolate}.pm-mobile__notch{position:absolute;inset-inline-start:50%;top:8px;transform:translate(-50%);width:32px;height:4px;border-radius:2px;background:#0e0e15;z-index:2}.pm-mobile__screen{background:#0e0e15;border-radius:14px;height:100%;display:flex;flex-direction:column;padding:16px 10px 10px;gap:8px;font-size:8px;color:var(--color-cream-50)}.pm-mobile__statusbar{display:flex;justify-content:space-between;align-items:center;font-size:7px;color:#f5f4ee80;letter-spacing:.08em}.pm-mobile__sync{display:inline-flex;align-items:center;gap:4px;color:var(--color-chartreuse-500);font-weight:700}.pm-mobile__sync-ring{width:6px;height:6px;border-radius:50%;border:1px solid var(--color-chartreuse-500);border-top-color:transparent;animation:pm-mobile-spin 2s linear infinite}@keyframes pm-mobile-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pm-mobile__sync-ring{animation:none}}.pm-mobile__app-title{font-family:var(--font-display);font-size:14px;font-weight:800;color:var(--color-cream-50);letter-spacing:-.03em;margin-block:2px 4px}.pm-mobile__cart{display:flex;flex-direction:column;gap:5px;padding:8px;background:#f5f4ee0a;border-radius:6px}.pm-mobile__line{display:flex;justify-content:space-between;font-size:8px;color:#f5f4eed9}.pm-mobile__total{display:flex;justify-content:space-between;padding:8px 8px 6px;font-size:8px;color:#f5f4ee99;letter-spacing:.06em;text-transform:uppercase;border-top:1px solid rgba(245,244,238,.1);margin-top:auto}.pm-mobile__total-amount{color:var(--color-cream-50);font-weight:700;font-size:10px}.pm-mobile__cta{background:var(--color-chartreuse-500);color:#0b0b0f;text-align:center;padding:8px;border-radius:6px;font-size:9px;font-weight:800;letter-spacing:.12em;font-family:var(--font-mono)}.pm-terminal{background:#0a0a10;height:100%;display:flex;flex-direction:column;font-family:var(--font-mono);font-size:9px}.pm-terminal__chrome{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#14141a;border-bottom:1px solid rgba(245,244,238,.06)}.pm-terminal__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.pm-terminal__dot--r{background:#ff6b6b}.pm-terminal__dot--y{background:#ffc857}.pm-terminal__dot--g{background:#5ec47c}.pm-terminal__title{margin-inline-start:8px;font-size:8px;color:#f5f4ee80;letter-spacing:.02em}.pm-terminal__body{flex:1;padding:12px 14px;display:flex;flex-direction:column;gap:6px;font-size:8.5px;line-height:1.4;color:#f5f4eed9}.pm-terminal__line{display:flex;gap:8px;align-items:baseline}.pm-terminal__prompt{color:var(--color-chartreuse-500);font-weight:700;flex-shrink:0}.pm-terminal__cmd{color:var(--color-cream-50)}.pm-terminal__line--out{color:#f5f4ee99;padding-inline-start:14px}.pm-terminal__hash{color:var(--color-info);font-weight:700;flex-shrink:0}.pm-terminal__line--ok{color:var(--color-chartreuse-500);font-weight:700}.pm-terminal__cursor{width:5px;height:11px;background:var(--color-chartreuse-500);display:inline-block;margin-inline-start:2px;animation:pm-terminal-blink 1s step-end infinite}@keyframes pm-terminal-blink{50%{opacity:0}}@media(prefers-reduced-motion:reduce){.pm-terminal__cursor{animation:none}}.work{background:var(--bg-page);padding:clamp(40px,6vw,88px) var(--gutter) clamp(56px,8vw,112px)}.work__inner{max-width:var(--content-max);margin:0 auto}.work__header{display:flex;flex-direction:column;gap:12px;margin-bottom:clamp(28px,4vw,48px);padding-bottom:clamp(16px,2vw,24px);border-bottom:1px solid var(--border-hairline)}.work__label{font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--accent-text)}.work__title{font-family:var(--font-display);font-size:clamp(1.875rem,4vw,3.25rem);font-weight:800;line-height:1.05;letter-spacing:-.025em;color:var(--text-primary);margin:0;max-width:22ch;text-wrap:balance}html[lang=ar] .work__title{font-family:var(--font-arabic);font-weight:700;line-height:1.25;letter-spacing:0;max-width:26ch}.work-featured{--tile-bg: var(--color-ink-900);--tile-text: var(--color-cream-50);--tile-text-soft: rgba(245, 244, 238, .78);--tile-text-muted: rgba(245, 244, 238, .55);--tile-border: rgba(245, 244, 238, .12);--tile-chip-bg: transparent;--tile-chip-border: rgba(245, 244, 238, .22);--tile-chip-text: rgba(245, 244, 238, .9);--tile-cta-bg: var(--color-chartreuse-500);--tile-cta-text: var(--color-ink-950);--tile-cta-bg-hover: var(--color-chartreuse-400);--tile-cta-circle-bg: var(--color-ink-950);--tile-cta-circle-text: var(--color-chartreuse-500);--tile-shadow-hover: 0 18px 56px rgba(0, 0, 0, .55), 0 0 0 1px rgba(212, 255, 63, .28);display:grid;grid-template-columns:1fr 1fr;background:var(--tile-bg);color:var(--tile-text);border-radius:28px;overflow:hidden;text-decoration:none;position:relative;isolation:isolate;margin-bottom:clamp(14px,1.4vw,22px);transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart);min-height:clamp(420px,38vw,540px)}.work-featured:hover{transform:translateY(-3px);box-shadow:var(--tile-shadow-hover)}.work-featured:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(max-width:980px){.work-featured{grid-template-columns:1fr;min-height:0}}.work-featured__media{position:relative;padding:clamp(28px,3vw,44px);display:flex;align-items:stretch;justify-content:center;background:linear-gradient(135deg,#1c1c24,#0e0e15);border-inline-end:1px solid rgba(212,255,63,.08);isolation:isolate;min-height:clamp(320px,30vw,440px)}.work-featured__media:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(212,255,63,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(212,255,63,.04) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.work-featured__media-frame{position:relative;width:100%;max-width:640px;aspect-ratio:16 / 10;z-index:1;border-radius:14px;overflow:hidden}@media(max-width:980px){.work-featured__media{border-inline-end:none;border-block-end:1px solid rgba(212,255,63,.08)}}.work-featured__media-tag{position:absolute;inset-block-end:18px;inset-inline-start:18px;z-index:2;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:#0b0b0fb3;border:1px solid rgba(212,255,63,.45);backdrop-filter:blur(8px);font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-chartreuse-500)}.work-featured__media-tag-dot{width:6px;height:6px;border-radius:50%;background:var(--color-chartreuse-500);box-shadow:0 0 8px #d4ff3fcc;animation:featured-pulse 2s var(--ease-out-quart) infinite}@keyframes featured-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@media(prefers-reduced-motion:reduce){.work-featured__media-tag-dot{animation:none}}.work-featured__info{padding:clamp(28px,3.4vw,56px);display:flex;flex-direction:column;justify-content:space-between;gap:clamp(20px,2vw,32px);background:var(--tile-bg);background-image:radial-gradient(ellipse at 100% 0%,rgba(212,255,63,.18) 0%,transparent 55%)}.work-featured__index{font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:700;letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--color-chartreuse-500)}.work-featured__index span{margin:0 6px;color:var(--tile-text-muted)}.work-featured__name{font-family:var(--font-display);font-size:clamp(1.875rem,4vw,3.25rem);font-weight:800;line-height:1.02;letter-spacing:-.04em;color:var(--tile-text);margin:0;display:flex;flex-direction:column;gap:6px;text-wrap:balance}html[lang=ar] .work-featured__name{font-family:var(--font-arabic);font-weight:700;line-height:1.2;letter-spacing:0}.work-featured__category{font-family:var(--font-body);font-size:clamp(.9375rem,1.05vw,1.0625rem);font-weight:400;color:var(--tile-text-soft);letter-spacing:-.005em}html[lang=ar] .work-featured__category{font-family:var(--font-arabic)}.work-featured__meta{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,2vw,32px);margin:0;padding:0;padding-block:clamp(16px,2vw,24px);border-top:1px solid var(--tile-border);border-bottom:1px solid var(--tile-border)}.work-featured__meta>div{display:flex;flex-direction:column;gap:4px}.work-featured__meta dt{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--tile-text-muted)}html[lang=ar] .work-featured__meta dt{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none;font-weight:600}.work-featured__meta dd{margin:0;font-family:var(--font-mono);font-size:.9375rem;font-weight:500;color:var(--tile-text)}html[lang=ar] .work-featured__meta dd{font-family:var(--font-arabic);font-size:1rem;font-weight:500}.work-featured__stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.work-featured__stack li{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em;padding:5px 11px;border-radius:999px;border:1px solid var(--tile-chip-border);background:var(--tile-chip-bg);color:var(--tile-chip-text);white-space:nowrap}.work-featured__cta{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;padding:12px 16px 12px 22px;border-radius:999px;background:var(--tile-cta-bg);color:var(--tile-cta-text);font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:700;letter-spacing:var(--type-label-track);text-transform:uppercase;margin-top:auto;transition:background var(--duration-base) var(--ease-out-quart),transform var(--duration-base) var(--ease-out-quart)}html[lang=ar] .work-featured__cta{font-family:var(--font-arabic);font-size:.9375rem;letter-spacing:0;text-transform:none;font-weight:700}.work-featured:hover .work-featured__cta{background:var(--tile-cta-bg-hover);transform:translate(2px)}html[dir=rtl] .work-featured:hover .work-featured__cta{transform:translate(-2px)}.work-featured__cta-arrow{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--tile-cta-circle-bg);color:var(--tile-cta-circle-text);transition:transform var(--duration-base) var(--ease-out-quart)}.work-featured:hover .work-featured__cta-arrow{transform:rotate(-15deg) scale(1.08)}html[dir=rtl] .work-featured__cta-arrow svg{transform:scaleX(-1)}.work-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.4vw,22px)}.work-grid>li{display:flex}.work-grid>li>.work-tile{width:100%}@media(max-width:980px){.work-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.work-grid{grid-template-columns:1fr}}.work-tile{position:relative;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;text-decoration:none;transition:transform var(--duration-base) var(--ease-out-quart),box-shadow var(--duration-base) var(--ease-out-quart);isolation:isolate;height:100%;background:var(--tile-bg);color:var(--tile-text)}.work-tile:hover{transform:translateY(-4px);box-shadow:var(--tile-shadow-hover)}.work-tile:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.work-tile--dark,.work-featured--dark{--tile-bg: var(--color-ink-900);--tile-text: var(--color-cream-50);--tile-text-soft: #c8c8d0;--tile-text-muted: #9a9aa3;--tile-border: rgba(245, 244, 238, .14);--tile-chip-bg: rgba(245, 244, 238, .04);--tile-chip-border: rgba(245, 244, 238, .24);--tile-chip-text: var(--color-cream-50);--tile-cta-bg: var(--color-cream-50);--tile-cta-text: var(--color-ink-950);--tile-cta-bg-hover: var(--color-chartreuse-500);--tile-cta-circle-bg: var(--color-chartreuse-500);--tile-cta-circle-text: var(--color-ink-950);--tile-shadow-hover: 0 18px 56px rgba(0, 0, 0, .55), 0 0 0 1px rgba(212, 255, 63, .25)}.work-tile--accent,.work-featured--accent{--tile-bg: var(--color-chartreuse-500);--tile-text: var(--color-ink-950);--tile-text-soft: rgba(11, 11, 15, .82);--tile-text-muted: rgba(11, 11, 15, .62);--tile-border: rgba(11, 11, 15, .2);--tile-chip-bg: rgba(11, 11, 15, .06);--tile-chip-border: rgba(11, 11, 15, .34);--tile-chip-text: var(--color-ink-950);--tile-cta-bg: var(--color-ink-950);--tile-cta-text: var(--color-chartreuse-500);--tile-cta-bg-hover: #1c1c24;--tile-cta-circle-bg: var(--color-chartreuse-500);--tile-cta-circle-text: var(--color-ink-950);--tile-shadow-hover: 0 18px 56px rgba(11, 11, 15, .32), 0 0 0 1px rgba(11, 11, 15, .4)}.work-tile--cream,.work-featured--cream{--tile-bg: var(--color-cream-100);--tile-text: var(--color-charcoal-900);--tile-text-soft: var(--color-charcoal-700);--tile-text-muted: var(--color-charcoal-500);--tile-border: var(--color-cream-300);--tile-chip-bg: var(--color-cream-50);--tile-chip-border: var(--color-cream-300);--tile-chip-text: var(--color-charcoal-700);--tile-cta-bg: var(--color-charcoal-900);--tile-cta-text: var(--color-chartreuse-500);--tile-cta-bg-hover: var(--color-ink-900);--tile-cta-circle-bg: var(--color-chartreuse-500);--tile-cta-circle-text: var(--color-ink-950);--tile-shadow-hover: 0 18px 56px rgba(26, 26, 31, .18), 0 0 0 1px rgba(166, 209, 25, .45)}.work-tile--cream{border:1px solid var(--color-cream-300)}.work-tile--gradient,.work-featured--gradient{--tile-bg: var(--color-ink-900);--tile-text: var(--color-cream-50);--tile-text-soft: #c8c8d0;--tile-text-muted: #9a9aa3;--tile-border: rgba(245, 244, 238, .14);--tile-chip-bg: rgba(245, 244, 238, .04);--tile-chip-border: rgba(245, 244, 238, .24);--tile-chip-text: var(--color-cream-50);--tile-cta-bg: var(--color-cream-50);--tile-cta-text: var(--color-ink-950);--tile-cta-bg-hover: var(--color-chartreuse-500);--tile-cta-circle-bg: var(--color-chartreuse-500);--tile-cta-circle-text: var(--color-ink-950);--tile-shadow-hover: 0 18px 56px rgba(0, 0, 0, .55), 0 0 0 1px rgba(212, 255, 63, .25);background:radial-gradient(circle at 0% 100%,rgba(94,196,255,.1) 0%,transparent 50%),linear-gradient(135deg,var(--color-ink-700) 0%,var(--color-ink-900) 100%)}.work-tile__media{padding:16px 16px 0;aspect-ratio:16 / 10;display:flex;align-items:stretch;position:relative}.work-tile__media .pm,.work-tile__media .work-shot{width:100%;border-radius:12px;overflow:hidden}.work-tile__info{display:flex;flex-direction:column;gap:12px;padding:16px 22px 22px;flex:1}.work-tile__top{display:flex;justify-content:space-between;align-items:center}.work-tile__index{font-family:var(--font-mono);font-size:.8125rem;font-weight:700;letter-spacing:.06em;color:var(--tile-text-muted)}.work-tile--accent .work-tile__index{color:var(--color-ink-950)}.work-tile--cream .work-tile__index{color:var(--accent-text)}.work-tile--dark .work-tile__index,.work-tile--gradient .work-tile__index{color:var(--color-chartreuse-500)}.work-tile__cta{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;background:var(--tile-cta-circle-bg);color:var(--tile-cta-circle-text);transition:transform var(--duration-base) var(--ease-out-quart)}.work-tile:hover .work-tile__cta{transform:rotate(-15deg) scale(1.08)}html[dir=rtl] .work-tile__cta svg{transform:scaleX(-1)}.work-tile__name-row{display:flex;flex-direction:column;gap:4px}.work-tile__name{font-family:var(--font-display);font-size:clamp(1.25rem,1.7vw,1.5rem);font-weight:800;line-height:1.1;letter-spacing:-.025em;margin:0;color:var(--tile-text);text-wrap:balance}html[lang=ar] .work-tile__name{font-family:var(--font-arabic);font-weight:700;line-height:1.25;letter-spacing:0}.work-tile__category{font-family:var(--font-body);font-size:.875rem;font-weight:400;line-height:1.4;color:var(--tile-text-soft)}html[lang=ar] .work-tile__category{font-family:var(--font-arabic)}.work-tile__bottom{display:flex;flex-direction:column;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid var(--tile-border)}.work-tile__role{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--tile-text-muted)}html[lang=ar] .work-tile__role{font-family:var(--font-arabic);font-size:.875rem;letter-spacing:0;text-transform:none}.work-tile__sep{color:var(--tile-text-muted)}.work-tile__stack{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.work-tile__stack li{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;letter-spacing:.04em;padding:4px 9px;border-radius:999px;border:1px solid var(--tile-chip-border);background:var(--tile-chip-bg);color:var(--tile-chip-text);white-space:nowrap}.work-shot{width:100%;height:100%;background:#0e0e15;border-radius:12px;display:flex;flex-direction:column;box-shadow:0 8px 28px #00000073;position:relative;overflow:hidden}.work-shot__chrome{display:flex;align-items:center;gap:5px;padding:8px 10px;background:#14141a;border-bottom:1px solid rgba(245,244,238,.08);flex-shrink:0;border-radius:12px 12px 0 0}.work-shot__dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.work-shot__dot--r{background:#ff6b6b}.work-shot__dot--y{background:#ffc857}.work-shot__dot--g{background:#5ec47c}.work-shot__url{margin-inline-start:8px;background:#f5f4ee0f;border-radius:4px;padding:3px 10px;font-family:var(--font-mono);font-size:8px;color:#f5f4ee99;flex:1;letter-spacing:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-shot__img{flex:1;width:100%;min-height:0;object-fit:cover;object-position:top center;display:block;background:#14141a;border-radius:0 0 12px 12px}.work__see-all{display:inline-flex;align-items:center;gap:12px;margin-top:clamp(28px,3.5vw,48px);padding:14px 4px;font-family:var(--font-mono);font-size:var(--type-label-size);font-weight:var(--type-label-weight);letter-spacing:var(--type-label-track);text-transform:uppercase;color:var(--accent-text);text-decoration:none;border-bottom:1px solid transparent;transition:border-color var(--duration-base) var(--ease-out-quart),color var(--duration-base) var(--ease-out-quart)}html[lang=ar] .work__see-all{font-family:var(--font-arabic);font-size:.9375rem;letter-spacing:0;text-transform:none;font-weight:600}.work__see-all:hover{border-bottom-color:var(--accent-text);color:var(--accent-text)}.work__see-all-arrow{display:inline-block;transition:transform var(--duration-base) var(--ease-out-quart)}.work__see-all:hover .work__see-all-arrow{transform:translate(6px)}html[dir=rtl] .work__see-all:hover .work__see-all-arrow{transform:translate(-6px)}