/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* カスタマイズする場合にはこれより下に追記してください  */

.mh-hero {
  min-height: 100vh;
  background: radial-gradient(circle at 20% 30%, #ffb7d5 0%, transparent 60%),
              radial-gradient(circle at 80% 70%, #b7f2ff 0%, transparent 60%),
              #fffafa;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
}
.mh-section {
  padding:80px 20px;
}
.mh-grid {
  display:grid;
  grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
  gap:20px;
}
.mh-card {
  border-radius:16px;
  overflow:hidden;
  box-shadow:0 10px 26px rgba(0,0,0,.1);
}

/* Layout base */
#mirelt-home{ background:#fffafa; color:#2a2440; }
.mh-container{ width:min(1080px,92vw); margin:0 auto; }
.mh-section{ padding:72px 0; }
.mh-h2{ font-size:clamp(24px,3.2vw,36px); text-align:center; margin:0 0 24px; }

/* Hero */
.mh-hero{ position:relative; min-height:100svh; display:grid; place-items:center; overflow:hidden; }
.mh-hero__bg{
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 20% -10%, rgba(183,242,255,.45), transparent 60%),
    radial-gradient(ellipse at 80% 110%, rgba(255,183,213,.45), transparent 60%),
    linear-gradient(180deg, #fefefe 0%, #fff0f5 100%);
}
.mh-hero__inner{ position:relative; z-index:1; text-align:center; }
.mh-copy{ font-size:clamp(18px,2.6vw,22px); opacity:.9; }
.mh-cta{
  display:inline-block; margin-top:16px; padding:10px 22px; border-radius:999px;
  background:linear-gradient(90deg,#ffb7d5,#b7f2ff);
  color:#1f1632; text-decoration:none; font-weight:700;
}

/* Profile */
.mh-profile .mh-grid{ display:grid; grid-template-columns:1fr 1fr; gap:min(5vw,40px); align-items:center; }
@media (max-width: 840px){ .mh-profile .mh-grid{ grid-template-columns:1fr; } }
.mh-portrait{ width:100%; border-radius:24px; box-shadow:0 14px 40px rgba(28,27,41,.14); }
.mh-lead{ line-height:1.9; }

/* Gallery (masonry-like) */
.mh-masonry{ columns:3 240px; column-gap:14px; }
.mh-card{ display:block; margin:0 0 14px; border-radius:16px; overflow:hidden; box-shadow:0 10px 26px rgba(28,27,41,.10); }
.mh-card img{ display:block; width:100%; height:auto; transform:scale(1); transition:transform .55s ease; }
.mh-card:hover img{ transform:scale(1.04); }