:root{color-scheme:light;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f5f5f8;color:#1f1f1f}*{box-sizing:border-box}body{margin:0;background-color:inherit;color:inherit}img{display:block;max-width:100%;height:auto}button{font:inherit;background:none;border:none;padding:0;cursor:pointer}.app{max-width:1500px;margin:0 auto;padding:2rem 1.5rem 4rem}.app__header{text-align:center;margin-bottom:2rem}.app__header h1{margin:0 0 .5rem;font-size:clamp(2rem,5vw,3rem)}.app__controls{display:flex;justify-content:center;margin-bottom:2rem}.app__controls input[type=search]{width:min(400px,100%);padding:.75rem 1rem;border-radius:999px;border:1px solid #d0d0d5;box-shadow:0 1px 4px #0f172a14;background-color:#fff}.app__controls input[type=search]:focus{outline:2px solid #6366f1;outline-offset:1px}.status{text-align:center;margin:1rem 0;color:#475569}.status--error{color:#dc2626}.projects{column-width:340px;column-gap:1.25rem}.project-card{display:grid;gap:1rem;background-color:#fff;border-radius:20px;padding:1.5rem;box-shadow:0 12px 32px #0f172a14}.project-card__cover{border-radius:16px;overflow:hidden;aspect-ratio:16 / 9;background:linear-gradient(135deg,#eef2ff,#ede9fe)}.project-card__cover img{width:100%;height:100%;object-fit:cover}.project-card__body{display:flex;align-items:center;justify-content:space-between}.project-card__body h2{margin:0;font-size:1.25rem}.project-card__body p{margin:0;color:#64748b}.project-card__gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:.75rem}.thumb{border-radius:12px;overflow:hidden;background-color:#f8fafc;transition:transform .15s ease}.thumb:hover,.thumb:focus-visible{transform:translateY(-2px)}.thumb img{width:100%;height:100%;object-fit:cover}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172ad9;display:flex;align-items:center;justify-content:center;padding:2rem;z-index:1000}.lightbox img{max-width:min(90vw,1200px);max-height:80vh;border-radius:12px;box-shadow:0 16px 48px #0f172a80}.lightbox__close{position:absolute;top:1.5rem;right:1.5rem;font-size:2rem;line-height:1;color:#f8fafc}@media (min-width: 768px){.projects{column-width:380px;column-gap:1.5rem}}.mockup{position:relative;width:100%;margin:0 auto;background:url(../mockups/imac.png) no-repeat center/contain;aspect-ratio:16/10;--tilt: 4.3deg;--persp: clamp(500px, 55vw, 1400px);perspective:var(--persp);perspective-origin:top center}.mockup-screen{position:absolute;top:1.4%;left:12%;right:12%;bottom:30.6%;background:transparent;border-radius:8px;overflow-y:auto;padding:0;transform:rotateX(var(--tilt));transform-origin:top center;will-change:transform}@media (max-width: 900px){.mockup{--tilt: 3.5deg;--persp: clamp(420px, 60vw, 1200px)}}@media (max-width: 600px){.mockup{--tilt: 2.6deg;--persp: clamp(360px, 65vw, 900px)}}.project{margin-bottom:24px;break-inside:avoid;display:inline-block;width:100%}.thumbnails{display:flex;gap:12px;flex-wrap:wrap;position:relative}.thumbnails .thumb{border-radius:8px;overflow:hidden;width:220px;max-width:100%;aspect-ratio:4 / 3}.thumbnails .thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.more{display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;background:#111;color:#fff;border-radius:8px;min-width:120px;min-height:80px}.loader-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.loader-overlay--group{background:linear-gradient(to top,#fffc,#fff9);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.viewer-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#11111159;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:5}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.6);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back{margin:0 0 12px}.viewer{width:100%;height:100%}.viewer-screen{width:100%;height:100%;display:flex;align-items:flex-start;justify-content:center}.viewer-screen img{width:100%;height:auto;object-fit:contain;object-position:top center;border-radius:6px}.arrow{background:#111111bf;color:#fff;border-radius:999px;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;font-size:24px}.arrow--outside{position:absolute;top:50%;transform:translateY(-50%);z-index:10}.arrow--left.arrow--outside{left:4%}.arrow--right.arrow--outside{right:4%}.arrow[disabled]{opacity:.4;cursor:not-allowed}.thumbstrip{display:flex;gap:8px;overflow-x:auto;padding:12px 0 16px;position:relative}.thumbstrip__thumb{width:160px;min-width:160px;aspect-ratio:4 / 3;border-radius:8px;overflow:hidden;opacity:.75}.thumbstrip__thumb.is-active{outline:2px solid #6366f1;opacity:1}.thumbstrip__thumb img{width:100%;height:100%;object-fit:cover;object-position:top center}.loader-overlay--strip{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#ffffffb3,#ffffff80);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.device .screen{pointer-events:auto!important;-webkit-overflow-scrolling:touch}