.form-item{
	width: 100%;
	display: inline-block;
	height: auto;
}
.abut-us{
    width: 100%;
    font-size: clamp(36px, 6vw, 56px);
    font-weight: 750;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    text-align: center;
    height: auto;
    line-height: 70px;
}
.become1-video iframe {
  text-align: center;
  width: 80%;
  height: auto;
  display: flex;
  padding: 55px 0px 55px 0px;
  min-height: 500px;
  margin: 0 auto;
  place-items: center;
  background: #0b0b0b;
}
.where-it-all-began{
	width: 100%;
	text-align: center;
	margin-top: 30px;
}
.where-it-all-began-head{
	width: 100%;
    font-size: clamp(18px, 2.4vw, 22px);
    text-align: center;
    height: auto;
    font-weight: 400;
    color: #cfcfcf;
    margin-top: 20px;
}
.where-it-all-began-head-right{
	width: 100%;
    font-size: clamp(18px, 2.4vw, 22px);
    text-align: right;
    height: auto;
    font-weight: 400;
    color: #cfcfcf;
    margin-top: -20px;
}
.where-it-all-began-head-left{
	width: 100%;
    font-size: clamp(18px, 2.4vw, 22px);
    text-align: left;
    height: auto;
    font-weight: 400;
    color: #cfcfcf;
    margin-top: -20px;
}
.about-text{
	  width: 60%;
    grid-template-columns: 24px 1fr;
    align-items: start;
    gap: 10px;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    line-height: 1.6;
    padding: 10px 0px 50px 0px;
    color: #9e9e9e;
    margin: 0 auto;
}
.about-text-left{
	width: 50%;
  grid-template-columns: 24px 1fr;
  align-items: start;
  gap: 10px;
  font-size: 17px;
  font-weight: 300;
  text-align: left;
  line-height: 1.6;
  padding: 10px 0px 50px 0px;
  color: #9e9e9e;
}
.about-text-inspiration{
		width: 60%;
    grid-template-columns: 24px 1fr;
    align-items: start;
    gap: 10px;
    font-size: 17px;
    line-height: 1.6;
    padding:10px 0px 50px 50px;
    text-align: right;
    float: right;
    color: #9e9e9e;
}
.clearfix{
	width: 100%;
	height: 1px;
	border: unset;
	padding: 0px;
	margin: 0px;
	background: none;
	margin-bottom: 20px;
}
.clearfix1{
		display: block;
    color: #cfcfcf;
    font-weight: 400;
    font-size: 15px;
    margin-top: 80px;
    position: absolute;
}
.inspiration-left{
	width: 40%;
	float: left;
	text-align: left;
}
.inspiration-left img{
	width: 600px;
}
.inspiration-gem{
	width: 100%;
	float: center;
}
.inspiration-gem img{
	display: block;
	max-width: 100%;
  width: min(88vw, 820px);     /* responsive but not edge-to-edge */
  margin-inline: auto;
  border-radius: 22px;         /* soft corners */
  background: #fff;            /* clean frame for cutout PNGs */
  /* Subtle layered shadow for Apple-like depth */
  box-shadow:
    0 24px 70px rgba(0,0,0,0.12),
    0 8px 24px rgba(0,0,0,0.08),
    0 1px 0 rgba(0,0,0,0.06) inset;
  transform: translateZ(0);    /* enable GPU for smooth hover */
  transition: transform .35s ease, box-shadow .35s ease, filter .35s ease;
  margin-top: 50px;
   margin-bottom: 70px;
     /*box-shadow:
      0 30px 120px rgba(0,0,0,.55),
      0 12px 36px rgba(0,0,0,.45),
      0 1px 0 rgba(255,255,255,.04) inset;*/
}
.inspiration-gem img:hover{
	transform: translateY(-4px);
    box-shadow:
      0 36px 110px rgba(0,0,0,.16),
      0 14px 36px rgba(0,0,0,.12),
      0 1px 0 rgba(0,0,0,.06) inset;
    filter: saturate(1.02);
}
.inspiration{
	width: 100%;
	text-align: center;
	float: center;
	margin-top: 50px;
}
.become1-video {
  border-radius: 16px;
  padding: 28px 0px;
  background: #111111;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6);
  width: 92% !important;
  margin: 0 auto;
  margin-bottom: 50px;
  margin-top: 40px;
}
.inspiration-head{
		width: 100%;
		display:inline-block;
    font-size: clamp(36px, 6vw, 56px);
    font-weight: 750;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    height: auto;
    margin-bottom: 20px;
    margin-top: 100px;
    line-height: 70px;
    text-align: center;
}
.inspiration-head-left{
	width: 100%;
    font-size: clamp(36px, 6vw, 56px);
    font-weight: 750;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    text-align: right;
    height: auto;
    margin-bottom: 20px;
    line-height: 70px;
}
.the-birth{
	width: 100%;
    font-size: clamp(36px, 6vw, 56px);
    font-weight: 750;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    text-align: center;
    height: auto;
    margin-bottom: 20px;
    line-height: 70px;
}
.the-birth-head{
	width: 100%;
  display: inline-block;
  font-size: clamp(36px, 6vw, 56px);
  font-weight: 750;
  letter-spacing: -0.02em;
  margin: 0 0 12px;
  margin-bottom: 20px;
  margin-top: 100px;
 	line-height: 70px;
  text-align: left;
  height: auto;
}
.become{
	width: 100%;
	text-align: center;
}
.become-head{
	width: 100%;
    font-size: clamp(36px, 6vw, 56px);
    font-weight: 750;
    letter-spacing: -0.02em;
    margin: 0 0 12px;
    text-align: center;
    height: auto;
    margin-bottom: 20px;
    line-height: 70px;
    margin-top: 100px;
}
.about-button{
		margin-bottom: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 12px 18px;
    border-radius: 12px;
    font: 600 16px / 1.1 system-ui, -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
    user-select: none;
}
.about-btn{
	margin: 30px;
    float: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 12px 18px;
    border-radius: 12px;
    font: 600 16px / 1.1 system-ui, -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
    user-select: none;
    border: 1px solid transparent;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
}
.about-button{
	width: 100%;
    text-align: center;
}
.about-btn-center{
	margin: 30px;
    float: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 12px 18px;
    border-radius: 480px;
    font: 600 16px / 1.1 system-ui, -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
    user-select: none;
    border: 1px solid transparent;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
}
.about-btn-center:hover{
	transform: translateY(-1px); 
	box-shadow: 0 8px 22px rgba(0,0,0,.10); 
}
.about-btn-center:active{
	transform: translateY(0); 
	box-shadow: 0 4px 12px rgba(0,0,0,.10);
}
.about-btn-left{
		margin-left: 20px;
    float: left;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 12px 18px;
    border-radius: 480px;
    font: 400 16px / 1.1 system-ui, -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
    user-select: none;
    border: 1px solid transparent;
    box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
}
.about-btn-left:hover{
	transform: translateY(-1px); 
	box-shadow: 0 8px 22px rgba(0,0,0,.10); 
}
.about-btn-left:active{
	transform: translateY(0); 
	box-shadow: 0 4px 12px rgba(0,0,0,.10);
}
.about-btn-white{
		margin-left: 20px;
    float: left;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: 12px 18px;
    border-radius: 480px;
    font: 400 16px / 1.1 system-ui, -apple-system, "SF Pro Text", "Helvetica Neue", Arial, sans-serif;
    text-decoration: none;
    cursor: pointer;
    transition: transform .18s ease, box-shadow .18s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
    user-select: none;
    border: 1px solid rgba(0,0,0,.10);
    box-shadow: 0 6px 16px rgba(0, 0, 0, .06);
    background: #fff !important;
    color: #000 !important;
}
.about-btn-white:hover{
	transform: translateY(-1px); 
	box-shadow: 0 8px 22px rgba(0,0,0,.10); 
	border: 1px solid rgba(0,0,0,.10);
}
.about-btn-white:active{
	transform: translateY(0); 
	box-shadow: 0 4px 12px rgba(0,0,0,.10);
	border: 1px solid rgba(0,0,0,.08);
}
.become-image{
		width: min(92vw, 440px);
    margin: 0 auto;
    background: var(--card);
    border-radius: 18px;
    box-shadow: var(--shadow-1);
    padding: clamp(18px, 3vw, 28px);
    --shadow-1: 0 2px 20px rgba(0,0,0,0.04);
    transition: box-shadow .3s ease, transform .3s ease;
  	max-width: 440px; 
}
.become-image img{
	  background: white;
    display: block;
    max-width: 100%;
    margin: 0 auto;
    background: #fff;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.become-image:hover{
	transform: translateY(-4px);
    box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
}
@media (max-width: 600px) {
	.inspiration-left,
	.become-image{
		width: 100%;
	}
	.become-image{
		margin-top: 50px;
	}
	.inspiration-left img,
	.become-image img{
		width: 100%;
	}
	.inspiration,
	.the-birth,
	.where-it-all-began{
		width: 100%;
	}
}