.portfolio-page[data-astro-cid-soatoodv]{background:var(--bg-deep, #0c0813);background-image:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(168,85,247,.3),transparent),radial-gradient(ellipse 50% 40% at 100% 50%,rgba(34,211,238,.05),transparent),radial-gradient(ellipse 50% 30% at 0% 90%,rgba(244,114,182,.08),transparent);color:#fff;min-height:100vh;padding:80px 0 60px}.project-header[data-astro-cid-soatoodv]{padding-bottom:50px}.eyebrow[data-astro-cid-soatoodv]{color:#a855f7;text-transform:uppercase;letter-spacing:3px;font-weight:700;font-size:.9rem}.project-title[data-astro-cid-soatoodv]{font-size:clamp(2.6rem,4vw,3.8rem);font-weight:800;background:linear-gradient(to right,#fff,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:1.5rem}.project-subtitle[data-astro-cid-soatoodv]{color:#cbd5e1;font-size:1.1rem;line-height:1.7;max-width:850px;margin:0 auto}.segment-header-inline[data-astro-cid-soatoodv]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:10px}.segment-title[data-astro-cid-soatoodv]{font-size:1.5rem;font-weight:700;margin-bottom:0;color:#e2e8f0;border-left:3px solid #a855f7;padding-left:12px}.courtesy-badge[data-astro-cid-soatoodv]{display:inline-flex;align-items:center;gap:.5rem;color:#e2e8f0;background:#0f172ab3;border:1px solid rgba(226,232,240,.12);border-radius:999px;padding:.55rem .95rem;font-size:.9rem;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.courtesy-badge[data-astro-cid-soatoodv] svg[data-astro-cid-soatoodv]{flex-shrink:0}.courtesy-badge[data-astro-cid-soatoodv]:hover{transform:translateY(-1px);background:#ffffff14}.showcase-card[data-astro-cid-soatoodv]{border-radius:1rem;overflow:hidden;background:#0f172aa6;box-shadow:0 24px 80px #0f172a40;border:1px solid rgba(255,255,255,.08);max-width:260px;margin:0 auto}.video-local-container[data-astro-cid-soatoodv],.gif-container[data-astro-cid-soatoodv]{position:relative;overflow:hidden;min-height:320px;max-height:380px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172af5,#0f172ae0)}.portfolio-video[data-astro-cid-soatoodv],.single-gif[data-astro-cid-soatoodv]{width:100%;height:100%;display:block;object-fit:cover}.video-progress-panel[data-astro-cid-soatoodv]{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;padding:0;background:linear-gradient(to top,#020617bf,#02061700);opacity:0;transform:translateY(8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;will-change:opacity,transform}.video-local-container[data-astro-cid-soatoodv]:hover .video-progress-panel[data-astro-cid-soatoodv],.video-local-container[data-astro-cid-soatoodv]:focus-within .video-progress-panel[data-astro-cid-soatoodv],.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .video-progress-panel[data-astro-cid-soatoodv]{opacity:1;transform:translateY(0);pointer-events:auto}.video-progress-track[data-astro-cid-soatoodv]{display:flex;align-items:center;width:100%;padding:0 .4rem .35rem}.video-seek[data-astro-cid-soatoodv]{width:100%;height:2px;cursor:pointer;opacity:1;margin:0;appearance:none;-webkit-appearance:none;border-radius:999px;background:linear-gradient(90deg,#c084fc 0%,#38bdf8 var(--seek-progress, 0%),rgba(255,255,255,.2) var(--seek-progress, 0%),rgba(255,255,255,.2) 100%)}.video-seek[data-astro-cid-soatoodv]::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:transparent}.video-seek[data-astro-cid-soatoodv]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:0;height:0;margin-top:-1px;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #c084fc;background:transparent;box-shadow:0 0 0 1px #c084fc40;transform:rotate(180deg)}.video-seek[data-astro-cid-soatoodv]::-moz-range-track{height:2px;border-radius:999px;background:transparent}.video-seek[data-astro-cid-soatoodv]::-moz-range-thumb{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:8px solid #c084fc;background:transparent;border-radius:0;box-shadow:0 0 0 1px #c084fc40;transform:rotate(180deg)}.video-custom-controls[data-astro-cid-soatoodv]{position:absolute;bottom:.8rem;right:.8rem;display:flex;gap:.5rem;z-index:2}.control-btn[data-astro-cid-soatoodv]{width:28px;height:28px;border-radius:50%;border:none;background:#0f172a59;color:#ffffffe6;cursor:pointer;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;transition:transform .2s ease,background-color .2s ease,opacity .2s ease;box-shadow:inset 0 0 0 1px #ffffff0a}.control-btn[data-astro-cid-soatoodv]:hover{background:#0f172a8c;transform:translateY(-1px);opacity:1}.btn-expand[data-astro-cid-soatoodv]{position:absolute;top:.85rem;right:.85rem;z-index:5;display:none}.project-footer[data-astro-cid-soatoodv]{margin-top:4rem;padding-top:2rem;border-top:1px solid rgba(226,232,240,.1)}.footer-content[data-astro-cid-soatoodv] p[data-astro-cid-soatoodv]{color:#cbd5e1;font-size:1.1rem;margin-bottom:1.3rem}.btn-primary-custom[data-astro-cid-soatoodv]{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 1.8rem;border-radius:999px;background:linear-gradient(135deg,#a855f7,#38bdf8);color:#fff;text-decoration:none;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.btn-primary-custom[data-astro-cid-soatoodv]:hover{transform:translateY(-2px);box-shadow:0 18px 45px #a855f738}@media (max-width: 768px){.project-title[data-astro-cid-soatoodv]{font-size:2.6rem}.segment-header-inline[data-astro-cid-soatoodv]{flex-direction:column;align-items:flex-start}.video-local-container[data-astro-cid-soatoodv],.gif-container[data-astro-cid-soatoodv]{min-height:250px;max-height:300px}.btn-expand[data-astro-cid-soatoodv]{display:inline-flex}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .btn-expand[data-astro-cid-soatoodv]{background:#0f172ab3;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px #0000003d}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .video-custom-controls[data-astro-cid-soatoodv]{position:absolute;left:.85rem;right:auto;bottom:.85rem;top:auto;justify-content:flex-start}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .video-progress-panel[data-astro-cid-soatoodv]{left:.55rem;right:.55rem;bottom:3.8rem}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded{position:fixed;inset:0;z-index:9999;width:100vw;height:100vh;max-width:none;margin:0;border-radius:0;background:#020617d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:1.2rem;border:none;box-shadow:none;animation:mobileVideoFadeIn .22s ease-out}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .video-local-container[data-astro-cid-soatoodv]{width:min(100%,420px);min-height:0;height:min(76vh,760px);max-height:none;border-radius:1.25rem;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,.08);box-shadow:0 24px 80px #0f172a8c}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .portfolio-video[data-astro-cid-soatoodv]{object-fit:cover}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .video-custom-controls[data-astro-cid-soatoodv]{right:.85rem;bottom:.85rem;gap:.45rem}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .control-btn[data-astro-cid-soatoodv]{width:42px;height:42px;background:#0f172ab8;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 22px #0000003d}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .btn-expand[data-astro-cid-soatoodv]{background:#a855f733;border-color:#c4b5fd8c;color:#f5f3ff}.showcase-card[data-astro-cid-soatoodv].video-card.mobile-expanded .btn-expand[data-astro-cid-soatoodv][data-expanded=true]{background:#38bdf82e;border-color:#7dd3fca6}@keyframes mobileVideoFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}}