@layer theme,base;@layer components{.filter-tile{opacity:0}@media (prefers-reduced-motion:reduce){.filter-tile{opacity:1}}}@layer utilities;
@layer theme,base;@layer components{.cover-art{flex-direction:column;justify-content:center;gap:12px;width:100%;height:100%;padding:24px 26px 44px;display:flex;overflow:hidden}.cover-art-dark{color:#fff}.cover-art-paper{color:#1d1d1f;background:linear-gradient(160deg,#f6f3ee 0%,#ece6da 100%)}.dark .cover-art-paper{background:linear-gradient(160deg,#efe9df 0%,#ddd5c6 100%);box-shadow:inset 0 0 0 1px #00000014}.cover-art-eyebrow{font-size:var(--text-3xs,9px);letter-spacing:.18em;text-transform:uppercase;opacity:.7;font-weight:500}.cover-art-tagline{font-size:var(--text-xl,21px);letter-spacing:-.018em;text-wrap:balance;max-width:18ch;margin:0;font-weight:700;line-height:1.15}.cover-art-tagline-lg{font-size:var(--text-2xl,25px);font-weight:700}.cover-art-sub{font-size:var(--text-xs,13px);opacity:.7;max-width:36ch;margin:0}.cover-art-cli{font-size:var(--text-2xs,11px);color:#ffffffd9;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:3px;max-width:340px;padding:10px 12px;display:flex}.cover-art-cli-prompt{color:#a78bfa}.cover-art-stats{flex-wrap:wrap;gap:10px;display:flex}.cover-art-stat{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;flex-direction:column;gap:4px;min-width:90px;padding:10px 14px;display:flex}.cover-art-paper .cover-art-stat{background:#0000000d;border-color:#00000014}.cover-art-stat-value{font-size:var(--text-l,19px);font-weight:700;line-height:1}.cover-art-stat-label{font-size:var(--text-3xs,9px);letter-spacing:.1em;text-transform:uppercase;opacity:.6}.cover-art-pills{flex-wrap:wrap;gap:6px;display:flex}.cover-art-pill{font-size:var(--text-2xs,11px);white-space:nowrap;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;padding:4px 10px}.cover-art-paper .cover-art-pill{background:#fff9;border-color:#00000026}.cover-art-chat{flex-direction:column;gap:6px;max-width:240px;display:flex}.cover-art-bubble{font-size:var(--text-xs,13px);background:#ffffff1f;border-radius:14px 14px 14px 4px;align-self:flex-start;padding:6px 12px}.cover-art-bubble-me{background:#3ecf8e40;border-radius:14px 14px 4px;align-self:flex-end}@media (max-width:768px){.cover-art{gap:8px;padding:18px 20px 40px}.cover-art-tagline{font-size:var(--text-m,17px)}.cover-art-cli,.cover-art-sub{display:none}}}@layer utilities;
@layer theme,base;@layer components{.cover-carousel{--slide-height:250px;position:relative;overflow:hidden}.cover-carousel-modal{--slide-height:280px}.cover-carousel-track{align-items:stretch;transition:transform .3s ease-in-out;display:flex}.cover-carousel-slide{width:100%;height:var(--slide-height);object-fit:cover;flex-shrink:0}.cover-carousel-nav{opacity:0;z-index:10;gap:6px;transition:opacity .3s;display:flex;position:absolute;top:10px;right:10px}.cover-carousel-nav-btn{color:#1d1d1f;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffd9;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;transition:all .3s;display:flex;box-shadow:0 1px 3px #00000026}.dark .cover-carousel-nav-btn{color:#f3f3f3;background:#0009}.cover-carousel-nav-btn:hover{background:#fff;transform:scale(1.1);box-shadow:0 2px 8px #0003}.dark .cover-carousel-nav-btn:hover{background:#000c}.cover-carousel-dots{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;z-index:10;background:#00000059;border-radius:999px;align-items:center;gap:6px;padding:5px 8px;transition:opacity .3s;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.cover-carousel-dot{cursor:pointer;background:#ffffff8c;border:none;border-radius:50%;width:6px;height:6px;padding:0;transition:all .2s}.cover-carousel-dot:hover{background:#fffc}.cover-carousel-dot.active{background:#fff;border-radius:10px;width:16px}.project-card:hover .cover-carousel-nav,.project-card:hover .cover-carousel-dots,.cover-carousel-modal .cover-carousel-nav,.cover-carousel-modal .cover-carousel-dots{opacity:1}.cover-carousel-modal .cover-carousel-nav{top:auto;bottom:10px}.cover-carousel-transitioning{pointer-events:none}@media (max-width:768px){.cover-carousel,.cover-carousel-modal{--slide-height:180px}.cover-carousel-dot{width:5px;height:5px}.cover-carousel-dot.active{width:14px}.project-card .cover-carousel-nav,.project-card .cover-carousel-dots{opacity:1}}@media (min-width:1440px){.cover-carousel{--slide-height:300px}.cover-carousel-modal{--slide-height:320px}}@media (prefers-reduced-motion:reduce){.cover-carousel-track{transition:none}}}@layer utilities;
@layer theme,base;@layer components{.project-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);background:#0009;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out modalFadeIn;display:flex;position:fixed;inset:0}.project-modal-content{overscroll-behavior:contain;background:#fff;border-radius:20px;width:90vw;max-width:720px;max-height:75vh;animation:.3s cubic-bezier(.4,0,.2,1) modalSlideUp;position:relative;overflow-y:auto;box-shadow:0 25px 50px #00000040}.dark .project-modal-content{background:#1a1a1a;box-shadow:0 25px 50px #00000080}.project-modal-content::-webkit-scrollbar{width:4px}.project-modal-content::-webkit-scrollbar-track{background:0 0}.project-modal-content::-webkit-scrollbar-thumb{background:#00000026;border-radius:4px}.dark .project-modal-content::-webkit-scrollbar-thumb{background:#ffffff26}.project-modal-close{z-index:20;color:#1d1d1f;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 2px 8px #0000001a}.dark .project-modal-close{color:#f3f3f3;background:#000000b3}.project-modal-close:hover{background:#fff;transform:scale(1.1)}.dark .project-modal-close:hover{background:#000000e6}.project-modal-carousel{background:linear-gradient(135deg,#e6fbfe 0%,#edddfb 100%);border-radius:20px 20px 0 0;width:100%;overflow:hidden}.project-modal-carousel img{object-fit:cover;width:100%}.dark .project-modal-carousel{background:linear-gradient(135deg,#24a1fb26 0%,#8166e826 100%)}.project-modal-body{padding:28px}.project-modal-btn{font-size:var(--text-xs);cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:6px 16px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.project-modal-btn-primary{color:#fff;background:linear-gradient(66deg,#24a1fb 0%,#8166e8 100%)}.project-modal-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #24a1fb4d}.project-modal-btn-secondary{color:#1d1d1f;background:#f4f4f5}.dark .project-modal-btn-secondary{color:#f3f3f3;background:#ffffff1a}.project-modal-btn-secondary:hover{background:#e4e4e7;transform:translateY(-1px)}.dark .project-modal-btn-secondary:hover{background:#ffffff26}.project-modal-section-label{font-size:var(--text-2xs);letter-spacing:.18em;text-transform:uppercase;color:#6b7280;font-weight:600;display:block}.dark .project-modal-section-label{color:#a1a1aa}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:768px){.project-modal-content{border-radius:16px;width:95vw;max-height:90vh}.project-modal-carousel{border-radius:16px 16px 0 0}.project-modal-body{padding:20px}.project-modal-backdrop{align-items:flex-end;padding:12px}}@media (prefers-reduced-motion:reduce){.project-modal-backdrop,.project-modal-content{animation:none}}}@layer utilities;
@layer theme,base;@layer components{.project-card-wrapper{opacity:0;transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);transform:translateY(24px)}.project-card-wrapper.project-card-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.project-card-wrapper{opacity:1;transition:none;transform:none}}}@layer utilities;