.hero-background{position:relative;width:100%;height:100vh;overflow:hidden}.hero-background__media{object-fit:cover;object-position:center;z-index:1}.hero-background__media,.hero-background__overlay{position:absolute;top:0;left:0;width:100%;height:100%}.hero-background__overlay{z-index:2;pointer-events:none}.hero-background__content{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:24px}.collage-gallery{padding:120px 24px;background:#0f0702;overflow:hidden;min-height:100vh;position:relative;z-index:1}@media(min-width:768px){.collage-gallery{padding:160px 48px}}.particles-container{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}.particle{position:absolute;width:6px;height:6px;background:radial-gradient(circle,rgba(212,165,116,.9) 0,rgba(212,165,116,0) 70%);border-radius:50%;opacity:0;animation:float-glow 8s ease-in-out infinite;box-shadow:0 0 12px rgba(212,165,116,.6)}.particle:nth-child(3n){width:8px;height:8px;box-shadow:0 0 18px rgba(212,165,116,.7)}.particle:nth-child(3n+1){width:4px;height:4px;box-shadow:0 0 10px rgba(212,165,116,.5)}@keyframes float-glow{0%{transform:translateY(0) translateX(0);opacity:0}50%{opacity:.9}to{transform:translateY(-120px) translateX(30px);opacity:0}}.collage-header{text-align:center;margin-bottom:80px}.collage-title{font-size:40px;font-weight:300;letter-spacing:-.02em;color:var(--text-primary);margin-bottom:16px}@media(min-width:640px){.collage-title{font-size:52px}}@media(min-width:1024px){.collage-title{font-size:64px}}.gradient-text{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text;font-weight:600}.collage-subtitle{font-size:18px;color:var(--text-muted);font-weight:300}.collage-grid{display:grid;grid-gap:16px;gap:16px;max-width:1400px;margin:0 auto;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(4,180px)}@media(min-width:640px){.collage-grid{gap:20px;grid-template-rows:repeat(4,220px)}}@media(min-width:768px){.collage-grid{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,280px);gap:24px}}@media(min-width:1024px){.collage-grid{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,320px);gap:28px}}.collage-item{position:relative;border-radius:16px;overflow:hidden;cursor:pointer}.collage-item .collage-image{transition:transform .3s ease-out}.collage-item:hover .collage-image{transform:scale(1.05)}@media(min-width:1024px){.item-1{grid-column:span 2;grid-row:span 1}.item-2{grid-row:span 1}.item-2,.item-3{grid-column:span 1}.item-3{grid-row:span 2}.item-4{grid-column:span 1;grid-row:span 1}.item-5{grid-column:span 2;grid-row:span 1}.item-6{grid-column:span 1;grid-row:span 1}}@media(min-width:768px)and (max-width:1023px){.item-1{grid-column:span 2}.item-3{grid-row:span 2}.item-5{grid-column:span 2}}.collage-image-wrapper{position:relative;width:100%;height:100%;background:var(--bg-tertiary,#f0f0f0)}.collage-image{transition:transform .25s ease-out;will-change:transform}.collage-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.7) 0,rgba(0,0,0,0) 60%);display:flex;align-items:flex-end;padding:24px;opacity:0;transition:opacity .4s ease}.collage-item-title{color:#fff;font-size:18px;font-weight:500;font-family:Playfair Display,serif}@media(min-width:768px){.collage-item-title{font-size:22px}}@media(hover:none){.collage-overlay{opacity:1;background:linear-gradient(0deg,rgba(0,0,0,.5) 0,rgba(0,0,0,0) 50%)}}