.case-head{padding:calc(var(--header-h) + clamp(44px, 7vw, 80px)) 0 clamp(40px, 5vw, 60px);background:var(--background-deep);position:relative;overflow:clip}.case-head .hero__canvas{opacity:.45;width:100%;height:100%;position:absolute;inset:0}.case-head:after{content:"";background:linear-gradient(180deg, transparent, var(--background));pointer-events:none;height:140px;position:absolute;inset:auto 0 0}.case-head__grid{z-index:2;grid-template-columns:minmax(0,1.3fr) minmax(0,.5fr);align-items:start;gap:clamp(40px,6vw,100px);display:grid;position:relative}.case-crumb{color:var(--faint-foreground);margin-bottom:26px;font-size:.66rem}.case-crumb a{color:inherit;transition:color .3s}.case-crumb a:hover{color:var(--primary)}.case-crumb span{margin-inline:6px}.case-head__title{font-size:var(--type-h1-long);letter-spacing:-.035em;background:var(--gradient-text-accent);-webkit-text-fill-color:transparent;color:#0000;background-clip:text;margin:8px 0 20px;font-weight:400;line-height:1.05}.case-head__desc{color:var(--muted-foreground);max-width:58ch;margin-bottom:28px;font-size:1.02rem;font-weight:300;line-height:1.72}.case-chips{flex-wrap:wrap;gap:8px;display:flex}.case-chips .chip{font-size:.58rem}.case-head__meta{gap:18px;padding-top:58px;display:grid}.case-meta__item{gap:5px;display:grid}.case-meta__item dt{color:var(--primary);font-size:.62rem}.case-meta__item dd{color:var(--foreground);font-size:.95rem;font-weight:400;line-height:1.5}.case-media{padding-block:clamp(36px,5vw,64px) clamp(40px,6vw,80px)}.case-media__frame{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--background-deep);box-shadow:var(--shadow-deep), 0 0 80px -30px #34dde540;position:relative;overflow:hidden}.case-media__frame iframe,.case-media__frame img{object-fit:cover;border:0;width:100%;height:100%;position:absolute;inset:0}.case-media__play{cursor:pointer;isolation:isolate;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.case-media__poster{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-out), filter .5s;position:absolute;inset:0}.case-media__play:after{content:"";background:radial-gradient(circle,oklch(4% .02 250/.12),oklch(4% .02 250/.55));transition:opacity .5s;position:absolute;inset:0}.case-media__playbtn{z-index:2;width:76px;height:76px;color:var(--primary-foreground);background:var(--primary);transition:transform .4s var(--ease-out), box-shadow .4s;border-radius:50%;place-items:center;padding-left:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 44px -10px oklch(82% .13 200/.55)}.case-media__play:hover .case-media__poster{filter:brightness(1.06);scale:1.04}.case-media__play:hover:after{opacity:.7}.case-media__play:hover .case-media__playbtn{transform:translate(-50%,-50%)scale(1.08);box-shadow:0 16px 54px -8px oklch(82% .13 200/.7)}.case-media__play:focus-visible{outline:none}.case-media__play:focus-visible .case-media__playbtn{outline:2px solid var(--primary);outline-offset:5px}@media (prefers-reduced-motion:reduce){.case-media__poster,.case-media__playbtn{transition:none}}.case-block__grid{grid-template-columns:.9fr 1.1fr;align-items:start;gap:clamp(40px,6vw,90px);display:grid}.case-block__label{position:sticky;top:120px}.case-block__label .section__title{font-size:var(--type-display-2)}.case-block__text{letter-spacing:-.01em;color:var(--muted-foreground);padding-top:8px;font-size:clamp(1.1rem,1.6vw,1.3rem);font-weight:300;line-height:1.75}.case-dev{background:var(--background-deep);border-block:1px solid var(--border)}.case-dev__grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.case-dev__item{border:1px solid var(--border);border-radius:var(--radius);background:var(--gradient-card);color:var(--foreground);transition:border-color .4s, transform .4s var(--ease-out);align-items:center;gap:14px;padding:18px 22px;font-size:.98rem;font-weight:300;display:flex}.case-dev__item:hover{border-color:#1a4f5e8c;transform:translate(4px)}.case-dev__item i{width:22px;height:22px;color:var(--primary);background:var(--primary-soft);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6rem;font-style:normal;display:grid;box-shadow:inset 0 0 0 1px #34dde54d}.case-gallery__grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.case-gallery__item{aspect-ratio:4/3;border-radius:var(--radius);border:1px solid var(--border);cursor:zoom-in;isolation:isolate;transition:border-color .4s, box-shadow .5s, transform .5s var(--ease-out);position:relative;overflow:hidden}.case-gallery__item:after{content:"+";width:34px;height:34px;color:var(--primary-foreground);background:var(--primary);opacity:0;transition:opacity .35s, transform .35s var(--ease-out);border-radius:50%;place-items:center;font-size:1.1rem;font-weight:300;display:grid;position:absolute;bottom:12px;right:12px;transform:scale(.7)}.case-gallery__item:hover{box-shadow:var(--shadow-glow);border-color:#1a4f5e99;transform:translateY(-4px)}.case-gallery__item:hover:after{opacity:1;transform:scale(1)}.case-gallery__item img{object-fit:cover;width:100%;height:100%;transition:scale .7s var(--ease-out)}.case-gallery__item:hover img{scale:1.05}.lightbox{z-index:9000;-webkit-backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out), visibility 0s .4s;background:#000205f0;place-items:center;display:grid;position:fixed;inset:0}.lightbox.is-open{opacity:1;visibility:visible;transition-delay:0s}.lightbox__img{border-radius:var(--radius);border:1px solid var(--border-strong);max-width:min(1200px,88vw);max-height:84vh;box-shadow:var(--shadow-deep);transition:transform .4s var(--ease-out);transform:scale(.96)}.lightbox.is-open .lightbox__img{transform:scale(1)}.lightbox__close,.lightbox__nav{border:1px solid var(--border-strong);width:48px;height:48px;color:var(--foreground);cursor:pointer;background:#050b15cc;border-radius:50%;place-items:center;font-size:1.1rem;transition:border-color .3s,color .3s,background .3s;display:grid;position:absolute}.lightbox__close:hover,.lightbox__nav:hover{color:var(--primary);border-color:#34dde599}.lightbox__close{top:24px;right:24px}.lightbox__nav--prev{top:50%;left:24px;transform:translateY(-50%)}.lightbox__nav--next{top:50%;right:24px;transform:translateY(-50%)}.lightbox__counter{color:var(--muted-foreground);font-size:.62rem;position:absolute;bottom:26px;left:50%;transform:translate(-50%)}.more-cases{border-top:1px solid var(--border)}.portfolio__grid--two{grid-template-columns:repeat(2,1fr)}@media (width<=1080px){.case-head__grid{grid-template-columns:1fr;gap:36px}.case-head__meta{grid-template-columns:repeat(2,1fr);gap:18px 28px;padding-top:0}.case-block__grid{grid-template-columns:1fr}.case-block__label{position:static}.case-gallery__grid{grid-template-columns:repeat(2,1fr)}.portfolio__grid--two{grid-template-columns:1fr}}@media (width<=720px){.case-dev__grid,.case-gallery__grid,.case-head__meta{grid-template-columns:1fr}.lightbox__nav--prev{left:10px}.lightbox__nav--next{right:10px}}