/* ============================================ MONLIS Website - Studio Gallery Section Masonry-style grid layout Figma node:2:3288 ============================================ *//* ========================================== GALLERY CONTAINER ========================================== */.studio-gallery {width:100%;background-color:#1a1a1a;padding:100px 0;}.studio-gallery__container {max-width:1340px;margin:0 auto;padding:0 48px;display:flex;flex-direction:column;gap:64px;}/* ========================================== SECTION HEADER ========================================== */.studio-gallery__header {display:flex;flex-direction:row;align-items:center;gap:24px;}.studio-gallery__header-line {width:80px;height:2px;background-color:var(--color-white);flex-shrink:0;}.studio-gallery__title {font-family:var(--font-secondary);font-weight:600;font-size:36px;line-height:54px;letter-spacing:1.8px;text-transform:uppercase;color:var(--color-white);margin:0;}/* ========================================== GALLERY GRID Custom masonry-like layout ========================================== */.studio-gallery__grid {display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,200px);gap:24px;}/* ========================================== GALLERY ITEM ========================================== */.studio-gallery__item {position:relative;border-radius:16px;overflow:hidden;cursor:pointer;}.studio-gallery__item img {width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;}.studio-gallery__item:hover img {transform:scale(1.05);}/* Overlay gradient */.studio-gallery__item::after {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0.3) 50%,rgba(0,0,0,0) 100%);opacity:0.6;pointer-events:none;transition:opacity 0.3s ease;}.studio-gallery__item:hover::after {opacity:0.3;}/* Grid item sizes *//* Row 1:small,wide,small */.studio-gallery__item--1 {grid-column:1;grid-row:1;}.studio-gallery__item--2 {grid-column:2 / 4;grid-row:1;}.studio-gallery__item--3 {grid-column:4;grid-row:1;}/* Row 2:wide,small,small */.studio-gallery__item--4 {grid-column:1 / 3;grid-row:2;}.studio-gallery__item--5 {grid-column:3;grid-row:2;}.studio-gallery__item--6 {grid-column:4;grid-row:2;}/* Row 3:small,small,wide */.studio-gallery__item--7 {grid-column:1;grid-row:3;}.studio-gallery__item--8 {grid-column:2;grid-row:3;}.studio-gallery__item--9 {grid-column:3 / 5;grid-row:3;}/* ========================================== RESPONSIVE STYLES ========================================== */@media (max-width:1200px) {.studio-gallery {padding:80px 0 60px;}.studio-gallery__grid {grid-template-rows:repeat(3,180px);gap:20px;}}@media (max-width:1024px) {.studio-gallery__container {padding:0 40px;gap:48px;}.studio-gallery__title {font-size:30px;}/* Simplify to 2 columns */ .studio-gallery__grid {grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(5,180px);}.studio-gallery__item--1 {grid-column:1;grid-row:1;}.studio-gallery__item--2 {grid-column:2;grid-row:1;}.studio-gallery__item--3 {grid-column:1;grid-row:2;}.studio-gallery__item--4 {grid-column:2;grid-row:2;}.studio-gallery__item--5 {grid-column:1;grid-row:3;}.studio-gallery__item--6 {grid-column:2;grid-row:3;}.studio-gallery__item--7 {grid-column:1;grid-row:4;}.studio-gallery__item--8 {grid-column:2;grid-row:4;}.studio-gallery__item--9 {grid-column:1 / 3;grid-row:5;}}@media (max-width:768px) {.studio-gallery {padding:60px 0 40px;}.studio-gallery__container {padding:0 20px;gap:40px;}.studio-gallery__title {font-size:24px;}.studio-gallery__grid {grid-template-rows:repeat(5,160px);gap:16px;}}@media (max-width:480px) {.studio-gallery {padding:40px 0 30px;}.studio-gallery__container {padding:0 15px;}.studio-gallery__title {font-size:20px;}/* Single column on mobile */ .studio-gallery__grid {grid-template-columns:1fr;grid-template-rows:auto;grid-auto-rows:200px;}.studio-gallery__item--1,.studio-gallery__item--2,.studio-gallery__item--3,.studio-gallery__item--4,.studio-gallery__item--5,.studio-gallery__item--6,.studio-gallery__item--7,.studio-gallery__item--8,.studio-gallery__item--9 {grid-column:1;grid-row:auto;}}