/* SVG fallback unique to home.css */
:root {
  --photo-fall: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='1600' height='900' viewBox='0 0 1600 900'><defs><linearGradient id='g' x1='0' y1='0' x2='1' y2='1'><stop offset='0' stop-color='%231f3a2a'/><stop offset='0.5' stop-color='%234a6b54'/><stop offset='1' stop-color='%232c4a5a'/></linearGradient><pattern id='p' width='14' height='14' patternUnits='userSpaceOnUse' patternTransform='rotate(35)'><rect width='14' height='14' fill='url(%23g)'/><line x1='0' y1='0' x2='0' y2='14' stroke='%23000' stroke-opacity='0.06' stroke-width='1'/></pattern></defs><rect width='1600' height='900' fill='url(%23p)'/></svg>");
}

/* ---------- Photo Stack (unique background pattern) ---------- */

.photo-stack .ph.b {
  inset: auto -40px -40px auto;
  width: 55%; height: 55%;
  background:
    linear-gradient(135deg, rgba(0,0,0,0.0), rgba(0,0,0,0.2)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='800' height='800' viewBox='0 0 800 800'><defs><pattern id='s' width='10' height='10' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'><rect width='10' height='10' fill='%23f0e3c8'/><line x1='0' y1='0' x2='0' y2='10' stroke='%23b6541f' stroke-opacity='0.55' stroke-width='1.5'/></pattern></defs><rect width='800' height='800' fill='url(%23s)'/></svg>");
  background-size: cover;
  border: 6px solid var(--cream-soft);
}

/* ---------- Owner Photo (unique pattern) ---------- */

.owner-photo .ph {
  background:
    linear-gradient(160deg, rgba(0,0,0,0.0), rgba(0,0,0,0.15)),
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='600' height='750' viewBox='0 0 600 750'><defs><pattern id='s' width='10' height='10' patternUnits='userSpaceOnUse' patternTransform='rotate(45)'><rect width='10' height='10' fill='%231f3a2a'/><line x1='0' y1='0' x2='0' y2='10' stroke='%23e9c483' stroke-opacity='0.4' stroke-width='1.2'/></pattern></defs><rect width='600' height='750' fill='url(%23s)'/></svg>") center/cover no-repeat;
}

/* ---------- Seasons (unique gradient sets) ---------- */

.s-winter .s-img { background: linear-gradient(160deg, #93a4af, #41525e 60%, #1a2128); }
.s-spring .s-img { background: linear-gradient(160deg, #cad9b3, #6a8a4f 60%, #2f4733); }
.s-summer .s-img { background: linear-gradient(160deg, #e9c483, #b8893b 50%, #5d7a4f); }
.s-fall   .s-img { background: linear-gradient(160deg, #e08a3a, #b6541f 55%, #703414); }

/* ---------- Newsletter (unique background) ---------- */

.news::before {
  background: linear-gradient(180deg, rgba(0,0,0,0.55), rgba(0,0,0,0.65)), var(--photo-fall) center/cover no-repeat;
}