@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";:root{--g-bg: #0a0a0b;--g-surface: #141417;--g-surface-hover: #1c1c21;--g-border: #2a2a30;--g-border-hover: #3a3a42;--g-text: #f0f0f2;--g-text-muted: #8a8a96;--g-accent: #7c5cfc;--g-accent-glow: rgba(124, 92, 252, .25);--g-gradient-1: linear-gradient(135deg, #7c5cfc, #c084fc);--g-gradient-2: linear-gradient(135deg, #f472b6, #fb923c);--g-gradient-3: linear-gradient(135deg, #34d399, #22d3ee)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--g-bg);color:var(--g-text);min-height:100vh;overflow-x:hidden}.gallery-bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.gallery-bg:before{content:"";position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,var(--g-accent-glow),transparent 70%);top:-200px;right:-100px;animation:float-orb 20s ease-in-out infinite}.gallery-bg:after{content:"";position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(244,114,182,.12),transparent 70%);bottom:-150px;left:-100px;animation:float-orb 25s ease-in-out infinite reverse}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(60px,-40px) scale(1.1)}66%{transform:translate(-30px,50px) scale(.95)}}.gallery-header{position:relative;z-index:1;text-align:center;padding:80px 24px 20px}.gallery-logo{display:inline-flex;align-items:center;gap:10px;margin-bottom:32px;font-size:14px;font-weight:600;letter-spacing:3px;text-transform:uppercase;color:var(--g-text-muted)}.gallery-logo-icon{width:32px;height:32px;border-radius:8px;background:var(--g-gradient-1);display:flex;align-items:center;justify-content:center;font-size:16px}.gallery-header h1{font-size:clamp(2.5rem,6vw,4.5rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:20px}.gallery-header h1 .gradient-text{background:var(--g-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gallery-header p{font-size:1.15rem;color:var(--g-text-muted);max-width:520px;margin:0 auto;line-height:1.7;font-weight:400}.gallery-stats{position:relative;z-index:1;display:flex;justify-content:center;gap:40px;padding:32px 24px 48px;flex-wrap:wrap}.stat-item{text-align:center}.stat-number{font-size:2rem;font-weight:800;background:var(--g-gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:.8rem;color:var(--g-text-muted);text-transform:uppercase;letter-spacing:1.5px;margin-top:4px;font-weight:500}.gallery-grid{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 24px 100px;display:grid;grid-template-columns:repeat(auto-fill,minmax(min(350px,100%),1fr));gap:28px}.gallery-card{position:relative;background:var(--g-surface);border:1px solid var(--g-border);border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.gallery-card:hover{transform:translateY(-6px);border-color:var(--g-border-hover);box-shadow:0 20px 60px #0006,0 0 0 1px var(--g-border-hover)}.gallery-card:hover .card-thumbnail{transform:scale(1.03)}.gallery-card:hover .card-arrow{transform:translate(3px,-3px);opacity:1}.card-thumbnail-wrapper{position:relative;aspect-ratio:16 / 10;overflow:hidden;background:var(--g-bg)}.card-thumbnail{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card-thumbnail-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(10,10,11,.8) 100%);pointer-events:none}.card-badge{position:absolute;top:14px;left:14px;padding:5px 12px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:2}.badge-ethereal{background:#7c5cfc33;color:#a78bfa;border:1px solid rgba(124,92,252,.3)}.badge-brutalist{background:#f472b633;color:#f472b6;border:1px solid rgba(244,114,182,.3)}.badge-bento{background:#34d39933;color:#34d399;border:1px solid rgba(52,211,153,.3)}.badge-estate{background:#8c735533;color:#c4a87a;border:1px solid rgba(140,115,85,.3)}.card-body{padding:22px 24px 24px;display:flex;flex-direction:column;gap:10px;flex:1}.card-title-row{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.3rem;font-weight:700;letter-spacing:-.01em}.card-arrow{font-size:1.2rem;opacity:.4;transition:all .3s ease;color:var(--g-text-muted)}.card-description{font-size:.9rem;color:var(--g-text-muted);line-height:1.6}.card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.card-tag{padding:4px 10px;border-radius:6px;font-size:.72rem;font-weight:500;background:#ffffff0d;color:var(--g-text-muted);border:1px solid rgba(255,255,255,.06)}.gallery-footer{position:relative;z-index:1;text-align:center;padding:40px 24px 60px;border-top:1px solid var(--g-border)}.gallery-footer p{font-size:.85rem;color:var(--g-text-muted)}.gallery-footer a{color:var(--g-accent);text-decoration:none}.gallery-footer a:hover{text-decoration:underline}@media(max-width:768px){.gallery-header{padding:60px 20px 16px}.gallery-grid{grid-template-columns:1fr;padding:0 16px 80px}.gallery-stats{gap:24px}.stat-number{font-size:1.6rem}}@keyframes fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.gallery-header{animation:fade-up .7s ease-out}.gallery-stats{animation:fade-up .7s ease-out .15s both}.gallery-card{animation:fade-up .6s ease-out both}.gallery-card:nth-child(1){animation-delay:.2s}.gallery-card:nth-child(2){animation-delay:.3s}.gallery-card:nth-child(3){animation-delay:.4s}.gallery-card:nth-child(4){animation-delay:.5s}.gallery-card:nth-child(5){animation-delay:.6s}.gallery-card:nth-child(6){animation-delay:.7s}