/*
Theme Name:  Switch Child (ラピュタ)
Theme URI:   https://laputa.blue/
Description: switch_tcd063 の子テーマ。自己紹介LP専用テンプレートを追加。
Author:      森田松之助
Template:    switch_tcd063
Version:     1.0.0
*/

/* About page refresh: white/navy simple style */
body.lp-about-fullscreen,
.lp-about-fullscreen {
	  background: #fff !important;
	  color: #102033 !important;
	  letter-spacing: 0 !important;
}

.lp-about-fullscreen {
	  --lp-navy: #002847;
	  --lp-blue: #0b5f8f;
	  --lp-text: #102033;
	  --lp-muted: #5d6d7e;
	  --lp-line: #dbe5ee;
	  --lp-soft: #f6f9fc;
}

.lp-about-fullscreen section,
.lp-about-fullscreen #hero,
.lp-about-fullscreen #timeline,
.lp-about-fullscreen #lecture,
.lp-about-fullscreen #audience,
.lp-about-fullscreen #next {
	  background: #fff !important;
	  color: var(--lp-text) !important;
}

.lp-about-fullscreen section:nth-of-type(even),
.lp-about-fullscreen #origin,
.lp-about-fullscreen #iseshima,
.lp-about-fullscreen #mission,
.lp-about-fullscreen #closing {
	  background: var(--lp-soft) !important;
	  color: var(--lp-text) !important;
}

.lp-about-fullscreen .hero-bg,
.lp-about-fullscreen .hero-overlay,
.lp-about-fullscreen .scroll-hint {
	  display: none !important;
}

.lp-about-fullscreen #hero {
	  min-height: 86svh !important;
	  padding: 120px 24px 96px !important;
	  text-align: left !important;
	  align-items: center !important;
	  justify-content: center !important;
	  border-bottom: 1px solid var(--lp-line) !important;
}

.lp-about-fullscreen .hero-inner {
	  width: min(100%, 1080px) !important;
	  max-width: 1080px !important;
	  margin: 0 auto !important;
	  padding-left: 22px !important;
	  border-left: 6px solid var(--lp-navy) !important;
}

.lp-about-fullscreen .hero-eyebrow,
.lp-about-fullscreen .section-label {
	  color: var(--lp-blue) !important;
	  font-weight: 800 !important;
	  letter-spacing: 0 !important;
}

.lp-about-fullscreen .hero-name,
.lp-about-fullscreen .hero-tagline,
.lp-about-fullscreen h1,
.lp-about-fullscreen h2,
.lp-about-fullscreen h3,
.lp-about-fullscreen .section-title,
.lp-about-fullscreen .mission-quote,
.lp-about-fullscreen .closing-headline,
.lp-about-fullscreen .next-year {
	  color: var(--lp-navy) !important;
	  background: none !important;
	  -webkit-text-fill-color: var(--lp-navy) !important;
	  text-shadow: none !important;
	  letter-spacing: 0 !important;
}

.lp-about-fullscreen .hero-name {
	  font-size: 72px !important;
}

.lp-about-fullscreen .hero-name-en,
.lp-about-fullscreen p,
.lp-about-fullscreen li,
.lp-about-fullscreen .lead,
.lp-about-fullscreen .hero-sub,
.lp-about-fullscreen .profile-text,
.lp-about-fullscreen .origin-text,
.lp-about-fullscreen .iseshima-text,
.lp-about-fullscreen .lecture-text,
.lp-about-fullscreen .mission-body,
.lp-about-fullscreen .closing-body,
.lp-about-fullscreen .next-hero-card p {
	  color: var(--lp-muted) !important;
}

.lp-about-fullscreen strong,
.lp-about-fullscreen .hl,
.lp-about-fullscreen .fact-num,
.lp-about-fullscreen .lecture-stat-num {
	  color: var(--lp-blue) !important;
}

.lp-about-fullscreen .btn {
	  border-radius: 6px !important;
	  box-shadow: none !important;
	  letter-spacing: 0 !important;
}

.lp-about-fullscreen .btn-primary,
.lp-about-fullscreen .btn-warm {
	  background: var(--lp-navy) !important;
	  color: #fff !important;
}

.lp-about-fullscreen .btn-outline,
.lp-about-fullscreen .btn-ghost {
	  background: #fff !important;
	  border: 1px solid var(--lp-line) !important;
	  color: var(--lp-navy) !important;
}

.lp-about-fullscreen #profile .container {
	  display: grid !important;
	  grid-template-columns: minmax(0, 1fr) minmax(300px, 420px) !important;
	  grid-template-areas:above   "label photo"
		      "title photo"
		      "content photo" !important;
	  gap: 14px 64px !important;
	  align-items: center !important;
}

.lp-about-fullscreen #profile .section-label { grid-area: label !important; }
.lp-about-fullscreen #profile .section-title { grid-area: title !important; }

.lp-about-fullscreen .profile-family-photo {
	  grid-area: photo !important;
	  width: 100% !important;
	  max-width: 420px !important;
	  height: min(56vw, 520px) !important;
	  min-height: 360px !important;
	  justify-self: end !important;
	  margin: 0 !important;
	  border-radius: 18px !important;
	  overflow: hidden !important;
	  border: 1px solid var(--lp-line) !important;
	  box-shadow: 0 20px 50px rgba(0, 40, 71, .14) !important;
	  background: url("https://laputa.blue/wp-content/uploads/2026/05/IMG_20260407_140513-scaled-e1778320958741.jpg") center / cover no-repeat #fff !important;
}

.lp-about-fullscreen .profile-family-photo img {
	  opacity: 0 !important;
	  width: 100% !important;
	  height: 100% !important;
	  display: block !important;
}

.lp-about-fullscreen .profile-grid {
	  grid-area: content !important;
	  display: grid !important;
	  grid-template-columns: 1fr !important;
	  gap: 28px !important;
}

.lp-about-fullscreen .fact-stack {
	  display: grid !important;
	  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	  gap: 12px !important;
}

.lp-about-fullscreen .fact-card,
.lp-about-fullscreen .tl-body,
.lp-about-fullscreen .iseshima-cta-card,
.lp-about-fullscreen .next-hero-card,
.lp-about-fullscreen .audience-card,
.lp-about-fullscreen .origin-quote,
.lp-about-fullscreen .lecture-stat,
.lp-about-fullscreen .next-badges .badge {
	  background: #fff !important;
	  color: var(--lp-text) !important;
	  border: 1px solid var(--lp-line) !important;
	  border-radius: 8px !important;
	  box-shadow: none !important;
}

.lp-about-fullscreen .timeline::before {
	  background: var(--lp-line) !important;
}

.lp-about-fullscreen .tl-dot,
.lp-about-fullscreen .audience-icon {
	  background: var(--lp-navy) !important;
	  color: #fff !important;
	  box-shadow: none !important;
}

.lp-about-fullscreen .origin-photo,
.lp-about-fullscreen .lecture-photo,
.lp-about-fullscreen .iseshima-hero-img {
	  border-radius: 8px !important;
	  overflow: hidden !important;
	  box-shadow: none !important;
	  border: 1px solid var(--lp-line) !important;
}


/* Profile final polish */
.lp-about-fullscreen{background:#eef6f9!important;}
.lp-about-fullscreen section{background:linear-gradient(180deg,#fbfdff,#eef6f9)!important;}
.lp-about-fullscreen section:nth-of-type(even){background:#fff!important;}
.lp-about-fullscreen #profile{background:linear-gradient(180deg,#f6fafc,#edf5f8)!important;}
.lp-about-fullscreen .section-title{word-break:keep-all!important;overflow-wrap:normal!important;line-height:1.16!important;font-size:clamp(34px,4.4vw,56px)!important;}
.lp-about-fullscreen #profile .container{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(360px,560px)!important;grid-template-areas:"label label" "title title" "content photo"!important;gap:18px 64px!important;align-items:center!important;}
.lp-about-fullscreen #profile .section-label{grid-area:label!important;}
.lp-about-fullscreen #profile .section-title{grid-area:title!important;max-width:100%!important;}
.lp-about-fullscreen .profile-grid{grid-area:content!important;}
.lp-about-fullscreen .profile-family-photo{grid-area:photo!important;justify-self:end!important;max-width:560px!important;width:100%!important;aspect-ratio:16/10!important;height:auto!important;min-height:0!important;background:#fff url("https://laputa.blue/wp-content/uploads/2026/05/IMG_20260407_140513-scaled-e1778320958741.jpg") center/contain no-repeat!important;border-radius:16px!important;box-shadow:0 22px 52px rgba(6,41,67,.16)!important;}
.lp-about-fullscreen .fact-card{min-height:112px!important;padding:18px 20px!important;display:flex!important;align-items:center!important;gap:14px!important;}
@media screen and (max-width:900px){.lp-about-fullscreen #profile .container{grid-template-columns:1fr!important;grid-template-areas:"label" "title" "photo" "content"!important;}.lp-about-fullscreen .profile-family-photo{justify-self:start!important;max-width:100%!important;}}


/* Final readability override */
body.lp-about-fullscreen,
body.lp-about-fullscreen #hero,
body.lp-about-fullscreen #profile {
	  background: linear-gradient(135deg, #f4fafc 0%, #e9f3f7 58%, #ffffff 100%) !important;
}

body.lp-about-fullscreen #profile .container {
	  grid-template-columns: minmax(430px, 1fr) minmax(520px, 680px) !important;
	  gap: 22px 72px !important;
	  max-width: 1120px !important;
}

body.lp-about-fullscreen #profile .section-title {
	  white-space: nowrap !important;
	  word-break: keep-all !important;
	  overflow-wrap: normal !important;
	  max-width: none !important;
	  font-size: clamp(38px, 4.2vw, 58px) !important;
	  line-height: 1.14 !important;
}

body.lp-about-fullscreen .profile-family-photo {
	  width: 100% !important;
	  max-width: 680px !important;
	  aspect-ratio: 16 / 9 !important;
	  height: auto !important;
	  min-height: 0 !important;
	  background-color: #fff !important;
	  background-image: url("https://laputa.blue/wp-content/uploads/2026/05/IMG_20260407_140513-scaled-e1778320958741.jpg") !important;
	  background-position: center !important;
	  background-size: contain !important;
	  background-repeat: no-repeat !important;
	  box-shadow: 0 22px 52px rgba(6, 41, 67, .16) !important;
	  border: 1px solid rgba(6, 41, 67, .12) !important;
}

body.lp-about-fullscreen .fact-card {
	  min-height: 96px !important;
	  padding: 16px 18px !important;
	  background: rgba(255,255,255,.94) !important;
	  box-shadow: 0 10px 28px rgba(6, 41, 67, .06) !important;
}

@media screen and (max-width: 900px) {
	  body.lp-about-fullscreen #profile .section-title {
		      white-space: normal !important;
		      font-size: 34px !important;
	}
	  body.lp-about-fullscreen .profile-family-photo {
		      max-width: 100% !important;
		      aspect-ratio: 16 / 10 !important;
		  
		  /* Live wrapper override */
		  .lp-about-fullscreen,
		  .lp-about-fullscreen #hero,
		  .lp-about-fullscreen #profile {
			    background: linear-gradient(135deg, #f4fafc 0%, #e7f1f6 58%, #ffffff 100%) !important;
		  }
		  
		  .lp-about-fullscreen #profile .container {
			    grid-template-columns: minmax(430px, 1fr) minmax(520px, 680px) !important;
			    gap: 22px 72px !important;
			    max-width: 1120px !important;
		  }
		  
		  .lp-about-fullscreen #profile .section-title {
			    white-space: nowrap !important;
			    word-break: keep-all !important;
			    max-width: none !important;
			    font-size: clamp(36px, 4vw, 54px) !important;
			    line-height: 1.12 !important;
		  }
		  
		  .lp-about-fullscreen .profile-family-photo {
			    max-width: 680px !important;
			    aspect-ratio: 16 / 9 !important;
			    height: auto !important;
			    min-height: 0 !important;
			    background-image: url("https://laputa.blue/wp-content/uploads/2026/05/IMG_20260407_140513-scaled.jpg") !important;
			    background-position: center !important;
			    background-size: contain !important;
			    background-repeat: no-repeat !important;
			    background-color: #fff !important;
		  }
		  
		  @media screen and (max-width: 900px) {
			  .lp-about-fullscreen #profile .section-title {
				      white-space: normal !important;
			  }
			  .lp-about-fullscreen .profile-family-photo {
				      max-width: 100% !important;
				      aspect-ratio: 16 / 10 !important;
				      height: auto !important;
			  }
		  }
		  
			  }
			  }
		  }
		  }
		  }
		  }
		  }
		      height: auto !important;
	}
}
.lp-about-fullscreen .lp-footer {
	  background: var(--lp-navy) !important;
	  color: #dbeafe !important;
}

.lp-about-fullscreen .lp-footer a,
.lp-about-fullscreen .lp-footer p,
.lp-about-fullscreen .lp-footer span {
	  color: #dbeafe !important;
}

@media screen and (max-width: 900px) {
	.lp-about-fullscreen section { padding-top: 70px !important; padding-bottom: 70px !important; }
	.lp-about-fullscreen #hero { min-height: auto !important; padding-top: 100px !important; padding-bottom: 78px !important; }
	.lp-about-fullscreen #profile .container {
		    grid-template-columns: 1fr !important;
		    grid-template-areas: "label" "title" "photo" "content" !important;
		    gap: 16px !important;
	}
	.lp-about-fullscreen .profile-family-photo {
		    justify-self: start !important;
		    max-width: 520px !important;
		    height: 380px !important;
		    margin: 8px 0 20px !important;
	}
	.lp-about-fullscreen .fact-stack { grid-template-columns: 1fr !important; }
}

@media screen and (max-width: 540px) {
	.lp-about-fullscreen .hero-inner { padding-left: 16px !important; border-left-width: 4px !important; }
	.lp-about-fullscreen .hero-name { font-size: 44px !important; }
	.lp-about-fullscreen .hero-sub br { display: none !important; }
	.lp-about-fullscreen .btn { width: 100% !important; justify-content: center !important; }
	.lp-about-fullscreen .profile-family-photo { height: 320px !important; }
}
/* Final profile layout fix */
.lp-about-fullscreen #profile .container{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,420px)!important;grid-template-areas:"label photo" "title photo" "content photo"!important;gap:14px 64px!important;align-items:center!important;}
.lp-about-fullscreen #profile .section-label{grid-area:label!important;}
.lp-about-fullscreen #profile .section-title{grid-area:title!important;}
.lp-about-fullscreen .profile-family-photo{grid-area:photo!important;justify-self:end!important;width:100%!important;max-width:420px!important;height:min(56vw,520px)!important;min-height:360px!important;background:url("https://laputa.blue/wp-content/uploads/2026/05/IMG_20260407_140513-scaled-e1778320958741.jpg") center/cover no-repeat #fff!important;}
.lp-about-fullscreen .profile-grid{grid-area:content!important;}
@media screen and (max-width:900px){.lp-about-fullscreen #profile .container{grid-template-columns:1fr!important;grid-template-areas:"label" "title" "photo" "content"!important;gap:16px!important}.lp-about-fullscreen .profile-family-photo{justify-self:start!important;max-width:520px!important;height:380px!important;margin:8px 0 20px!important}}


}
	}
	}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}