/* Igloo-style Islatopia hero tiles integration */

/* Hide the old static hero mark so the tile logo replaces it */
.hero .hero-mark { display: none; }

/* Tile logo container overlayed above the hero video */
.hero .hero-tiles { position: absolute; inset: 0; display: grid; place-items: center; pointer-events: none; }
.hero .logo-tiles { position: relative; width: min(58vmin, 760px); height: min(58vmin, 760px); filter: drop-shadow(0 0 10px rgba(0,0,0,.25)); }
/* Photoreal/neutral glass tiles (no cartoon fill) */
.hero .logo-tiles .tile { position: absolute; background: rgba(255,255,255,0.15); backdrop-filter: blur(6px) saturate(1.1) brightness(1.05);
  border: 1px solid rgba(255,255,255,.35); box-shadow: 0 2px 8px rgba(0,0,0,.12), inset 0 0 2px rgba(255,255,255,.25); border-radius: 8%;
  width: 10%; height: 10%; transition: transform .25s ease, filter .25s ease, opacity .25s; pointer-events: auto; }
/* Minimal glow only */
.hero .logo-tiles .tile.glow { filter: brightness(1.02); }

/* Realistic farm parallax section */
.igloo-farm { position: relative; height: 80vh; overflow: hidden; background:#0b0e10; }
.igloo-farm .layer { position:absolute; inset:0; background-size:cover; background-position:center; will-change: transform; }
.igloo-farm .layer.back { background-image:url('/assets/farm-after-5.jpg'); }
.igloo-farm .layer.mid  { background-image:url('/assets/farm-after-3.jpg'); mix-blend-mode:screen; opacity:.85; }
.igloo-farm .layer.front{ background-image:url('/assets/farm-after-1.jpg'); pointer-events:none; }
.igloo-farm .overlay { position:absolute; bottom:8vh; left:8vw; max-width:560px; color:#e9efe9; }

/* Ensure the hero section allows absolute overlays */
.hero.stage { position: relative; overflow: hidden; }