.shot-frame{display:block;border-radius:16px;overflow:hidden;border:1px solid var(--line);background:var(--paper);box-shadow:0 18px 50px rgba(0,0,0,0.5)}.shot-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--glass)}.shot-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f57;flex-shrink:0}.shot-bar i:nth-child(2){background:#febc2e}.shot-bar i:nth-child(3){background:#28c840}.shot-url{margin-inline-start:10px;font-size:0.7rem;font-weight:600;letter-spacing:0.02em;color:var(--muted);background:var(--glass);border:1px solid var(--line);border-radius:var(--pill);padding:4px 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%;direction:ltr;unicode-bidi:isolate}.shot-frame img,.shot-frame video{display:block;width:100%;height:auto;aspect-ratio:16 / 10;object-fit:cover;object-position:center top;background:var(--noir-panel,#151513);transition:transform 0.7s var(--ease-fluid);margin:0}.shot-reel{display:block;position:relative;width:100%;aspect-ratio:16 / 10;background:var(--noir-panel,#151513);line-height:0}.shot-frame .shot-slide{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center top;opacity:0;transition:opacity 0.9s var(--ease-fluid)}.shot-frame .shot-slide.is-on{opacity:1}.case-shot{display:block;min-width:0}.shot-dots{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.shot-dot{width:30px;height:24px;padding:0;border:0;background:none;cursor:pointer;display:flex;align-items:center}.shot-dot::before{content:'';display:block;width:100%;height:3px;border-radius:2px;background:var(--line);transition:background var(--dur-ui) var(--ease-fluid)}.shot-dot:hover::before{background:var(--muted)}.shot-dot.is-on::before{background:var(--ember)}.shot-dot:focus-visible{outline:3px solid #b34700;outline-offset:3px;border-radius:4px}.shot-mono{display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;font-family:var(--font-display);font-weight:700;font-size:clamp(3rem,6vw,5rem);color:var(--muted);background:var(--glass)}.case-list{display:grid;gap:clamp(22px,3vw,36px)}.case-card{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(20px,3.4vw,44px);align-items:center;padding:clamp(18px,2.6vw,34px)}.case-card--flip .case-media,.case-card--flip .case-shot{order:2}.case-card--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.case-media{display:block;text-decoration:none}.case-media:hover img,.case-media:focus-visible img{transform:scale(1.035)}.case-media:focus-visible{outline:3px solid #b34700;outline-offset:4px;border-radius:16px}.case-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.case-num{font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;color:transparent;-webkit-text-stroke:1px var(--muted);opacity:0.5;margin-bottom:14px}.case-copy .card-tag{margin-bottom:16px}.case-copy h3{font-size:clamp(1.45rem,2.3vw,2.05rem);margin-bottom:12px}.case-copy>p{font-weight:450;font-size:0.96rem;line-height:1.7;color:var(--muted);max-width:52ch}.case-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.case-stack span{font-size:0.7rem;font-weight:650;letter-spacing:0.02em;padding:6px 12px;border-radius:var(--pill);border:1px solid var(--line);background:var(--glass);color:var(--muted)}.case-actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.btn-case{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:var(--pill);background:var(--ember);color:#fff;font-family:var(--font-display);font-weight:700;font-size:0.86rem;text-decoration:none;box-shadow:0 10px 30px rgba(255,107,0,0.35);transition:transform var(--dur-tap) var(--ease-fluid),box-shadow var(--dur-ui) var(--ease-fluid)}.btn-case:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(255,107,0,0.45)}.btn-case:active{transform:scale(0.97)}@media (max-width:999px){.case-card{grid-template-columns:1fr;align-items:start}.case-card--flip .case-media,.case-card--flip .case-shot{order:0}.case-num{display:none}}.case-count{color:var(--orange);font-weight:700}html[dir="rtl"] .case-card{direction:ltr}.work-strip{overflow:hidden;padding-block:8px;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.work-track{display:flex;width:max-content;animation:work-scroll 46s linear infinite}.work-strip:hover .work-track,.work-strip:focus-within .work-track{animation-play-state:paused}@keyframes work-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.work-seq{display:flex;flex-shrink:0;direction:ltr}.work-cell{display:block;width:min(340px,78vw);flex-shrink:0;margin-inline-end:var(--gap);text-decoration:none;color:var(--ink)}.work-cell .shot-frame{border-radius:14px;box-shadow:0 10px 28px rgba(0,0,0,0.45);transition:transform 0.35s var(--ease-fluid),box-shadow 0.35s var(--ease-fluid)}.work-cell .shot-bar{padding:7px 12px}.work-cell .shot-bar i{width:7px;height:7px}.work-cell .shot-url{font-size:0.62rem;padding:3px 10px}.work-cell:hover .shot-frame,.work-cell:focus-visible .shot-frame{transform:translateY(-4px);box-shadow:0 0 0 1px rgba(255,107,0,0.45),0 16px 38px rgba(0,0,0,0.5)}.work-cell:focus-visible{outline:none}.work-cap{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:10px 4px 0}.work-cap strong{font-family:var(--font-display);font-size:0.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.work-cap span{font-size:0.7rem;font-weight:600;color:var(--muted);flex-shrink:0}.work-more{margin-top:26px}html.motion-off .work-track{animation:none;width:auto;flex-wrap:wrap;gap:var(--gap)}html.motion-off .work-seq{flex-wrap:wrap;flex-shrink:1;width:100%;gap:var(--gap)}html.motion-off .work-seq[aria-hidden="true"]{display:none}html.motion-off .work-cell{margin-inline-end:0}@media (hover:none){.work-strip{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;mask-image:none;-webkit-mask-image:none}.work-track{animation:none;width:max-content}.work-cell{scroll-snap-align:start}.work-seq[aria-hidden="true"]{display:none}}@media (max-width:380px){.case-card{padding:14px;gap:16px}.page:not(.admin-page){padding-inline:12px}.shot-bar{padding:8px 10px}.shot-url{font-size:0.62rem;max-width:60%}}.page:not(.admin-page) .work-cell:focus-visible .shot-frame{box-shadow:0 0 0 3px var(--orange),0 16px 38px rgba(0,0,0,0.5)}