/* A still curled dragon on dark green; nostril smoke is the only motion. */
.case-library main{padding-top:0}
.case-library .case-intro{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:40px;align-items:center;background:#172423;color:#f4eddf;padding:85px 0;box-shadow:0 0 0 100vmax #172423;clip-path:inset(0 -100vmax);border:0}
.case-library .case-intro h1{max-width:none;font-size:clamp(30px,3.6vw,54px);line-height:1.15;margin:25px 0}
.case-library .case-intro h1>span,.case-library .case-intro h1>em{display:block;white-space:nowrap}
.case-library .case-intro h1>em{color:#df9576}
.case-library .case-intro p{color:#f4eddf;max-width:42ch}
.case-library .case-intro .library-jump{color:#f4eddf}
.case-library .library-featured{padding-top:60px}
.case-dragon-scene{margin:0;position:relative;min-width:0;align-self:center}
.case-dragon-art{position:relative;width:100%;aspect-ratio:1/.8;pointer-events:none;mix-blend-mode:normal}
.case-dragon-art>img{position:absolute;width:100%;height:125%;bottom:0;left:0;object-fit:contain;opacity:1;clip-path:inset(20% 0 0);mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent);animation:none;transform:none}
.case-dragon-smoke{position:absolute;left:-13.5%;top:-.625%;width:20%;height:37.5%;overflow:visible;opacity:.7;filter:blur(.8px)}
.case-dragon-smoke path{stroke-width:4;transform-origin:98px 148px;animation:case-smoke-curl 5.5s ease-in-out infinite}
.case-dragon-smoke path+path{animation-delay:-2.7s;stroke-width:2.5}
@keyframes case-smoke-curl{0%,100%{transform:skewX(-3deg) scaleX(.9);opacity:.35}50%{transform:skewX(4deg) scaleX(1.07);opacity:.85}}
body.paused .case-dragon-smoke path{animation-play-state:paused}
@media(min-width:1200px){.case-library .case-intro{gap:48px}.case-dragon-scene{width:min(100%,540px);justify-self:end}}
@media(max-width:700px){.case-library .case-intro{grid-template-columns:1fr;gap:40px;padding:45px 0}.case-library .case-intro h1{font-size:clamp(23px,7vw,42px)}.case-dragon-scene{width:min(92%,420px);justify-self:center}.case-library .library-featured{padding-top:40px}}
@media(prefers-reduced-motion:reduce){.case-dragon-smoke path{animation:none}}