:root{
  --cream:#f8f3eb;
  --ink:#24342d;
  --green:#164a35;
  --rust:#d8643f;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%}
body{
  font-family:"DM Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:var(--cream); color:var(--ink);
}
.site-shell{
  min-height:100svh;
  display:grid;
  grid-template-columns:minmax(0,44%) minmax(0,56%);
}
.gallery{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:1fr 1fr;
  gap:14px; padding:14px;
  min-height:100svh;
  background:#efe3d6;
}
.tile{margin:0;overflow:hidden;border-radius:20px;background:#ddd}
.tile-a{grid-row:1/3}
.tile-b{grid-column:2;grid-row:1}
.tile-c{grid-column:2;grid-row:2}
.tile img{width:100%;height:100%;display:block;object-fit:cover}
.hero{
  display:flex;align-items:center;justify-content:center;
  padding:56px 7vw;background:var(--cream);
}
.hero-inner{width:min(620px,100%);text-align:center}
.brand{width:min(255px,48vw);height:auto;margin:0 auto 56px;display:block}
h1{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(3rem,5vw,5.8rem);line-height:.92;letter-spacing:-.055em;font-weight:800;color:var(--green)}
.tagline{margin:30px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(.95rem,1.2vw,1.22rem);line-height:1.4;font-weight:700;color:var(--rust)}
.coming{margin:26px 0 0;display:inline-block;padding:9px 17px;border:1px solid rgba(22,74,53,.22);border-radius:999px;font-size:.82rem;font-weight:600;color:var(--green);background:rgba(255,255,255,.35)}
@media (max-width:900px){
  .site-shell{display:block}
  .gallery{
    min-height:0;height:47svh;
    grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;
    gap:8px;padding:8px;
  }
  .tile{border-radius:14px}
  .hero{min-height:53svh;padding:38px 24px 52px;align-items:flex-start}
  .brand{width:min(255px,48vw);height:auto;margin:0 auto 56px;display:block}
  h1{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(3rem,5vw,5.8rem);line-height:.92;letter-spacing:-.055em;font-weight:800;color:var(--green)}
  .tagline{margin:30px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(.95rem,1.2vw,1.22rem);line-height:1.4;font-weight:700;color:var(--rust)}
  .coming{margin:26px 0 0;display:inline-block;padding:9px 17px;border:1px solid rgba(22,74,53,.22);border-radius:999px;font-size:.82rem;font-weight:600;color:var(--green);background:rgba(255,255,255,.35)}
}
@media (max-width:520px){
  .gallery{height:40svh}
  .hero{min-height:60svh;padding-top:28px}
  .brand{width:min(255px,48vw);height:auto;margin:0 auto 56px;display:block}
  h1{margin:0;font-family:"Manrope",sans-serif;font-size:clamp(3rem,5vw,5.8rem);line-height:.92;letter-spacing:-.055em;font-weight:800;color:var(--green)}
  .tagline{margin:30px 0 0;font-family:"Manrope",sans-serif;font-size:clamp(.95rem,1.2vw,1.22rem);line-height:1.4;font-weight:700;color:var(--rust)}
}


/* v3 — mobile-only refinements */
@media (max-width: 900px){
  .gallery{
    height: 36svh;
  }

  .hero{
    min-height: 64svh;
    padding: 24px 22px 34px;
  }

  .hero-inner{
    width: min(560px, 100%);
  }

  .brand{
    width: min(165px, 39vw);
    margin-bottom: 20px;
  }

  h1{
    font-size: clamp(2.35rem, 9.8vw, 4.05rem);
    line-height: .94;
    letter-spacing: -.05em;
  }

  .tagline{
    margin-top: 18px;
    font-size: clamp(.82rem, 3.5vw, 1rem);
  }

  .coming{
    margin-top: 18px;
    padding: 8px 16px;
    font-size: .78rem;
  }
}

@media (max-width: 520px){
  .gallery{
    height: 34svh;
  }

  .hero{
    min-height: 66svh;
    padding: 20px 18px 28px;
  }

  .brand{
    width: min(155px, 40vw);
    margin-bottom: 18px;
  }

  h1{
    font-size: clamp(2.15rem, 10.6vw, 3.5rem);
    line-height: .95;
  }

  .tagline{
    margin-top: 17px;
    max-width: 340px;
    font-size: clamp(.78rem, 3.7vw, .96rem);
  }

  .coming{
    margin-top: 17px;
  }
}