.gallery-wrapper{isolation:isolate;background:#000;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.gallery-mask{z-index:1;clip-path:inset(0%);background:#fff;border-radius:0;width:100vw;height:100vh;position:absolute;overflow:hidden}.gallery{grid-template-columns:repeat(6,1fr);gap:10px;width:100vw;height:100vh;display:grid}.gallery-column{will-change:transform;flex-direction:column;gap:16px;display:flex}.gallery-item{border-radius:16px;height:420px;overflow:hidden}.gallery-image{object-fit:cover;width:100%;height:100%}.morph-image{object-fit:cover;opacity:0;z-index:30;pointer-events:none;will-change:opacity;width:422px;height:122px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.back-phone{opacity:0;z-index:5;pointer-events:none;will-change:transform, opacity;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%)}.morph-wrapper{width:422px;max-width:80vw;position:relative}.camera-overlay{pointer-events:none;opacity:1;width:100%;height:100%;position:absolute;inset:0;z-index:999!important}.camera-overlay path{fill:none;stroke:#ff6200;stroke-width:.4px;stroke-dasharray:300;stroke-dashoffset:300px}.camera-overlay .dot{fill:#ff6a00;opacity:0}.anchor{width:1px;height:1px;position:absolute}.camera-center{top:50%;left:50%}.phone-left{top:50%;left:25%}.camera-slot{top:45%;left:52%}@media (max-width:1400px){.gallery{grid-template-columns:repeat(5,1fr)}}@media (max-width:1100px){.gallery{grid-template-columns:repeat(4,1fr)}}@media (max-width:768px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.gallery{grid-template-columns:repeat(2,1fr)}}