/* Website 11 reference — home-mosaic. Generated from website11/homepage11.html; values unchanged. */
.log-home .mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:170px;grid-auto-flow:dense;gap:14px}
.log-home .tile{display:block;border-radius:22px;text-decoration:none}
.log-home .tile.tall{grid-row:span 2}
.log-home .tile.wide{grid-column:span 2}
.log-home .tile img{position:absolute;inset:0;transition:transform 1.2s var(--log-ease)}
.log-home .tile:hover img{transform:scale(1.08)}
.log-home .tile .shade{position:absolute;inset:0;background:linear-gradient(200deg,rgba(60,200,232,.08),rgba(3,10,11,.75))}
.log-home .tile .lbl{position:absolute;left:16px;bottom:14px;font-weight:800;font-size:17px;letter-spacing:-.02em;color:var(--log-text-strong)}
.log-home .drag-hint{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--log-muted);padding:8px 14px;border-radius:999px;border:1px dashed var(--log-line-2)}
.log-home .drag-hint svg{color:var(--log-mint)}
.log-home .mosaic.sortable .tile{cursor:grab;-webkit-user-drag:none;user-select:none;-webkit-user-select:none}
.log-home .mosaic.sortable .tile img{-webkit-user-drag:none}
.log-home .mosaic .tile.dragging{z-index:30;cursor:grabbing;pointer-events:none;box-shadow:0 50px 90px -30px rgba(0,0,0,.95),0 0 0 2px var(--log-mint)}
.log-home .mosaic .tile.drop-target{z-index:5;box-shadow:0 0 0 2px var(--log-aqua),0 0 50px -8px rgba(60,200,232,.7)}
.log-home .mosaic .tile.drop-target .shade{background:linear-gradient(200deg,rgba(60,200,232,.25),rgba(3,10,11,.7))}
.log-home .mosaic.is-sorting .tile:hover img{transform:none}
.log-home .tile .lbl{transform-origin:0 100%}
.log-home .par img{will-change:transform;scale:1.14}
@media (max-width:760px){
  /* swipe row (reference mobile block) - declared here because this file's base grid rule loads after log-home-hero.css */
  .log-home .mosaic{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:none;margin:0 -16px;padding:4px 16px 8px;scroll-padding-left:16px}
  .log-home .mosaic::-webkit-scrollbar{display:none}
  .log-home .mosaic>*{scroll-snap-align:start;flex:0 0 auto}
  .log-home .mosaic>*{width:42vw;height:190px}
  .log-home .tile.tall,.log-home .tile.wide{grid-row:auto;grid-column:auto}
  .log-home .mosaic .tile,.log-home .mosaic .tile img,.log-home .mosaic .tile .lbl{transform:none!important;rotate:none!important}
  .log-home .mosaic .tile{cursor:pointer;box-shadow:none!important}
  .log-home .drag-hint{display:none}
  .log-home .tile .lbl{font-size:17px;left:14px;bottom:12px}
  .log-home .par img{translate:none!important;scale:none!important}
}