.ninjadevs-project .client-case{--gold:#b47b10;--gold-dark:#805000;--case-space:54px;color:#000}
.ninjadevs-project .case-heading{padding-top:18px}
.ninjadevs-project .case-heading h1{font-size:clamp(37px,4.2vw,61px);line-height:1.12;max-width:860px}
.ninjadevs-project .case-heading .accent{color:#805000}
.ninjadevs-project .case-heading .intro{font-size:18px;line-height:1.85;max-width:790px}
.ninjadevs-project .case-meta dd{font-size:15px;line-height:1.8}
.ninjadevs-project .case-meta dt,.ninjadevs-project .client-case .eyebrow{font-size:12px;color:#000}
.ninjadevs-project .client-case .case-lead{margin:24px 0 44px;padding:0;border:0;background:transparent;overflow:visible}
.ninjadevs-project .client-case .case-lead>img{display:block;width:100%;height:auto;margin:0;border-radius:6px}
.ninjadevs-project .case-lead figcaption{font-size:13px;line-height:1.8;padding:15px 0 0;color:#000}
.ninjadevs-project .case-section>h2{font-size:clamp(29px,3.1vw,41px);line-height:1.2}
.ninjadevs-project .case-section p{font-size:16px;line-height:1.9;color:#000}
.ninjadevs-project .nd-archive{margin:30px 0 0}
.ninjadevs-project .nd-archive-image{display:block;width:100%;padding:0;border:1px solid #cfc7ba;border-radius:5px;overflow:hidden;background:#222229;cursor:zoom-in}
.ninjadevs-project .nd-archive-image img{display:block;width:100%;height:auto}
.ninjadevs-project .nd-recovered{margin:30px 0 0;min-width:0}
.ninjadevs-project .nd-recovered+.nd-recovered{margin-top:36px}
.ninjadevs-project .nd-recovered-image{display:block;width:100%;padding:0;border:1px solid #cfc7ba;border-radius:5px;overflow:hidden;background:#222229;cursor:zoom-in;line-height:0}
.ninjadevs-project .nd-recovered-image img,.ninjadevs-project .nd-recovered-image svg{display:block;width:100%;height:auto}
.ninjadevs-project .nd-recovered figcaption{padding-top:15px;font-size:13px;line-height:1.8;color:#000}
.ninjadevs-project .nd-recovered figcaption strong{display:block;font-size:16px;line-height:1.5;margin-bottom:6px}
.ninjadevs-project .nd-recovered figcaption span{display:block}
.ninjadevs-project .nd-recovered-image:focus-visible{outline:3px solid #805000;outline-offset:4px}
.ninjadevs-project .nd-archive figcaption,.ninjadevs-project .nd-detail figcaption{padding-top:15px;font-size:13px;line-height:1.8;color:#000}
.ninjadevs-project .nd-archive figcaption strong,.ninjadevs-project .nd-detail figcaption strong{display:block;font-size:16px;line-height:1.5;margin-bottom:6px}
.ninjadevs-project .nd-archive figcaption span,.ninjadevs-project .nd-detail figcaption span{display:block}
.ninjadevs-project .nd-detail-grid{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.5fr);gap:26px;margin-top:30px;align-items:start}
.ninjadevs-project .nd-detail{margin:0;min-width:0}
.ninjadevs-project .nd-detail-stage{display:flex;justify-content:center;align-items:start;width:100%;height:470px;padding:16px;border:1px solid #cfc7ba;border-radius:5px;background:#222229;cursor:zoom-in;overflow:hidden}
.ninjadevs-project .nd-detail-stage svg{display:block;width:100%;height:100%;min-width:0}
.ninjadevs-project .nd-content-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:30px}
.ninjadevs-project .nd-content-card{min-width:0;padding:25px 23px;border:1px solid #d8cdbb;border-top:3px solid #b47b10;border-radius:4px;background:#f8f4eb}
.ninjadevs-project .nd-content-card .nd-card-number{font:12px/1.6 Consolas,monospace;text-transform:uppercase;letter-spacing:.035em;margin:0 0 24px}
.ninjadevs-project .nd-content-card h3{font-size:21px;line-height:1.35;margin:0 0 16px}
.ninjadevs-project .nd-content-card p{font-size:14px;line-height:1.85;margin-bottom:0}
.ninjadevs-project .client-case .text-link{font-size:15px}
.ninjadevs-project .client-case .text-link:hover,.ninjadevs-project .client-case .text-link:focus-visible{background-image:linear-gradient(#805000,#805000);border-color:#805000;color:#fff}
.ninjadevs-project .nd-archive-image:focus-visible,.ninjadevs-project .nd-detail-stage:focus-visible{outline:3px solid #805000;outline-offset:4px}
.ninjadevs-project .nd-recovered-image{transition:transform .45s ease,border-color .35s ease,box-shadow .45s ease}
.ninjadevs-project .nd-recovered-image:hover{transform:translateY(-3px);border-color:#b47b10;box-shadow:0 15px 32px #80500018}
.ninjadevs-project .case-lead{transform:perspective(1200px) rotateX(var(--nd-tilt-x,0deg)) rotateY(var(--nd-tilt-y,0deg));transition:transform .35s ease;transform-origin:50% 50%}
.ninjadevs-project .nd-reveal{opacity:0;translate:0 22px;transition:opacity .75s ease,translate .75s cubic-bezier(.2,.7,.2,1)}
.ninjadevs-project .nd-reveal.nd-in-view{opacity:1;translate:0 0}
.ninjadevs-project .nd-reading-progress{position:fixed;z-index:1000;top:0;left:0;width:100%;height:3px;background:#b47b10;transform:scaleX(0);transform-origin:left;pointer-events:none}
.ninjadevs-project.admin-bar .nd-reading-progress{top:32px}
@media(max-width:782px){.ninjadevs-project.admin-bar .nd-reading-progress{top:46px}}
@media(max-width:1100px){.ninjadevs-project .nd-content-grid{grid-template-columns:1fr}.ninjadevs-project .nd-content-card .nd-card-number{margin-bottom:16px}.ninjadevs-project .nd-detail-stage{height:380px}}
@media(max-width:600px){.ninjadevs-project .client-case{--case-space:38px}.ninjadevs-project .case-heading h1{font-size:clamp(33px,8.6vw,44px)}.ninjadevs-project .case-heading .intro{font-size:16px}.ninjadevs-project .case-meta dd{font-size:14px}.ninjadevs-project .case-section p{font-size:15px}.ninjadevs-project .nd-detail-grid{grid-template-columns:1fr;gap:30px}.ninjadevs-project .nd-detail:first-child{max-width:280px;width:100%;margin:auto}.ninjadevs-project .nd-detail:first-child .nd-detail-stage{height:510px}.ninjadevs-project .nd-detail-stage{height:auto;padding:12px}.ninjadevs-project .nd-detail-stage svg{height:auto;aspect-ratio:1860/1610}.ninjadevs-project .nd-detail:first-child .nd-detail-stage svg{height:100%;aspect-ratio:auto}.ninjadevs-project .nd-content-card{padding:25px 22px}.ninjadevs-project .nd-content-card p{font-size:14px}.ninjadevs-project .case-lead figcaption{font-size:12px}.ninjadevs-project .nd-archive figcaption strong,.ninjadevs-project .nd-detail figcaption strong{font-size:15px}.ninjadevs-project .project-nav{font-size:12px}}
.ninjadevs-project .nd-hover-window{--design-inset:0px;padding:0;aspect-ratio:1646/838;border:1px solid #cfc7ba;border-radius:5px;background:#222229}
.ninjadevs-project .nd-hover-window .case-design-viewport{inset:0;border-radius:inherit}
.ninjadevs-project .nd-hover-window .case-design-viewport:focus-visible{outline:3px solid #805000;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.ninjadevs-project .nd-reveal{opacity:1;translate:none;transition:none}.ninjadevs-project .case-lead,.ninjadevs-project .nd-recovered-image{transform:none!important;translate:none!important;transition:none}}