.bento-section{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:.5rem;max-width:1000px;margin:0 auto}.magic-bento-grid{display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);grid-auto-rows:minmax(140px,auto)}@media (min-width:768px){.magic-bento-grid{grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(160px,auto);gap:1rem}.bento-section{padding:1rem}}.compact-gallery-grid{display:flex;gap:.75rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0;-webkit-overflow-scrolling:touch}.compact-gallery-grid::-webkit-scrollbar{height:4px}.compact-gallery-grid::-webkit-scrollbar-track{background:var(--color-bg)}.compact-gallery-grid::-webkit-scrollbar-thumb{background:var(--color-gold);border-radius:2px}.compact-card{flex:0 0 auto;width:180px;height:200px}@media (min-width:768px){.compact-gallery-grid{gap:1rem}.compact-card{width:220px;height:240px}}.artwork-card{position:relative;border-radius:var(--border-radius);border:1px solid var(--color-gold-border);background:inherit;overflow:hidden;cursor:pointer;transition:all .3s ease;min-height:100%;--glow-x:50%;--glow-y:50%;--glow-intensity:0;--glow-radius:200px}.artwork-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px var(--color-gold-muted)}.artwork-content{position:relative;width:100%;height:100%;min-height:180px}.artwork-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s ease-in-out}.artwork-card:hover .artwork-image{transform:scale(1.05)}.hero-card .artwork-content{min-height:320px}@media (min-width:768px){.hero-card .artwork-content{min-height:460px}}.artwork-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8) 0,rgba(0,0,0,.4) 50%,transparent);display:flex;align-items:flex-end;padding:1rem;opacity:0;transition:opacity .3s ease}.artwork-card:hover .artwork-overlay{opacity:1}@media (max-width:767px){.artwork-overlay{opacity:1}}.artwork-info{width:100%;color:white;transform:translateY(10px);transition:transform .3s ease}.artwork-card:hover .artwork-info{transform:translateY(0)}@media (max-width:767px){.artwork-info{transform:translateY(0)}}.artwork-title{font-size:.875rem;font-weight:500;margin:0 0 .25rem;line-height:1.3;color:var(--color-text);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width:768px){.artwork-title{font-size:1rem}}.hero-card .artwork-title{font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.artwork-creator{font-size:.75rem;color:var(--color-muted);margin:0 0 .5rem}.position-badge{display:inline-block;background:linear-gradient(45deg,var(--color-gold),var(--color-gold-dark));color:var(--color-bg);padding:.25rem .5rem;border-radius:12px;font-size:.75rem;font-weight:600;margin-bottom:.5rem;text-shadow:none;min-width:2rem;text-align:center}.artwork-likes{display:flex;align-items:center;gap:.25rem;background:rgba(0,0,0,.5);padding:.25rem .5rem;border-radius:16px;backdrop-filter:blur(4px);width:-moz-fit-content;width:fit-content}.like-icon{width:14px;height:14px;color:var(--color-gold)}.artwork-likes span{font-size:.75rem;color:var(--color-text);font-weight:500}.card--border-glow:after{content:"";position:absolute;inset:0;padding:2px;background:radial-gradient(var(--glow-radius) circle at var(--glow-x) var(--glow-y),rgba(255,215,0,calc(var(--glow-intensity) * .6)) 0,rgba(255,215,0,calc(var(--glow-intensity) * .3)) 30%,transparent 60%);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:source-out;mask-composite:subtract;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;transition:opacity .3s ease;z-index:1}.card--border-glow:hover:after{opacity:1}.card--border-glow:hover{box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px rgba(255,215,0,.2)}.particle-container{position:relative;overflow:hidden}.particle:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:rgba(255,215,0,.3);border-radius:50%;z-index:-1}.particle-container:hover{box-shadow:0 8px 32px rgba(0,0,0,.3),0 0 40px rgba(255,215,0,.15)}.global-spotlight{mix-blend-mode:screen;will-change:transform,opacity;z-index:200!important;pointer-events:none}@media (max-width:767px){.col-span-2{grid-column:span 2}.row-span-2{grid-row:span 2}.wide-card{grid-column:span 2}}@media (min-width:768px){.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.row-span-1{grid-row:span 1}.row-span-2{grid-row:span 2}.wide-card{grid-column:span 2}}.card--text-autohide .artwork-creator,.card--text-autohide .artwork-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.card--text-autohide .artwork-title{-webkit-line-clamp:2;line-clamp:2}.card--text-autohide .artwork-creator{-webkit-line-clamp:1;line-clamp:1}.artwork-card:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:20px;background:linear-gradient(to bottom,var(--color-gold-muted),transparent);opacity:0;transition:opacity .5s ease;z-index:10;border-radius:0 0 50% 50%;filter:blur(8px)}.artwork-card:hover:before{opacity:.6}.artwork-card:focus{outline:2px solid var(--color-gold);outline-offset:2px}.artwork-card:focus-visible{outline:2px solid var(--color-gold);outline-offset:2px}