#smooth-wrapper{overflow:hidden;position:fixed;width:100%;height:100%;top:0;left:0}#smooth-content{will-change:transform}.mosaic-wrapper{width:100%;max-width:1400px;margin:0 auto;padding:3rem 1.5rem 5rem}.boxes-container{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:80px;gap:6px}.box[data-size="small"]{grid-column:span 3;grid-row:span 3}.box[data-size="portrait"]{grid-column:span 3;grid-row:span 5}.box[data-size="landscape"]{grid-column:span 6;grid-row:span 3}.box[data-size="large"]{grid-column:span 6;grid-row:span 5}.box[data-size="wide"]{grid-column:span 8;grid-row:span 4}.box[data-size="tall"]{grid-column:span 4;grid-row:span 6}.box{border-radius:8px;overflow:hidden;position:relative}.box-content{width:100%;height:100%;background-size:cover;background-position:center;cursor:pointer;transition:transform 0.4s ease,filter 0.3s ease;will-change:transform;border-radius:8px}.box-content:hover{transform:scale(1.04);filter:brightness(1.08)}.modal{width:100%;height:100vh;position:fixed;top:0;left:0;z-index:1000;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;pointer-events:none}.modal.is-open{pointer-events:all}.modal .overlay{position:absolute;inset:0;background-color:#000;opacity:0}.modal .content{height:90vh;aspect-ratio:4 / 5;position:relative;z-index:1001;border-radius:10px;overflow:hidden}.modal .content .box-content{width:100%;height:100%;cursor:default;transform:none!important;filter:none!important;border-radius:0}.modal-close{position:fixed;top:1.5rem;right:1.5rem;z-index:1002;background:rgb(255 255 255 / .15);backdrop-filter:blur(6px);border:1px solid rgb(255 255 255 / .25);color:#fff;border-radius:50%;width:44px;height:44px;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background 0.2s;opacity:0;visibility:hidden}.modal-close:hover{background:rgb(255 255 255 / .3)}@media (max-width:900px){.boxes-container{grid-template-columns:repeat(6,1fr);grid-auto-rows:70px}.box[data-size="small"],.box[data-size="portrait"]{grid-column:span 3}.box[data-size="landscape"],.box[data-size="large"],.box[data-size="wide"]{grid-column:span 6}.box[data-size="tall"]{grid-column:span 3}}@media (max-width:500px){.boxes-container{grid-template-columns:repeat(2,1fr);grid-auto-rows:160px}.box[data-size]{grid-column:span 1;grid-row:span 1}}