@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

.about-us{
	padding: 28px 5%;
}

#about{
	text-align:center;
}
#about h2{
	font-family: "Playfair Display SC", serif;
    font-weight: 400;
    font-style: normal;
	padding: 4% 5%;
	color: #B68D40;
	text-align: center;
	font-size: 2rem;
	line-height: 1.18;
}
#about p{
	font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
	color: #F4EBD0;
	padding: 2% 3%;
	line-height: 1.9;
	font-size: 1rem;
}
.space{
	display: flex;
	justify-content: space-between;
	gap: 28px;
	align-items: center;
}

#founder-cvnaik p,
#deepak-naik p{
	font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
	padding: 10px 4%;
	color: #F4EBD0;
	line-height: 1.9;
	font-size: 1rem;
}

#founder-cvnaik h2,
#deepak-naik h2{
	font-family: "Playfair Display SC", serif;
    font-weight: 400;
	font-style: normal;
	padding: 4% 5%;
	color: #B68D40;
	text-align: center;
	font-size: 2rem;
	line-height: 1.25;
}
.imgph{
	display: none;
}
.imgph2{
	display: flex;
}
.companies{
	padding: 5%;
}

.cabt {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 36px;
    padding: 54px 28px;
    background: #F4EBD0;
    border-radius: 18px;
    box-shadow: 0 14px 32px rgba(0,0,0,0.12);
    flex-wrap: wrap;
	margin: 5%;
}

.cabt img {
    max-width: 350px;
    width: 100%;
    height: auto;
    border-radius: 8px;
    object-fit: contain;
}

.cabt .cwrite {
    flex: 1;
    min-width: 300px;
}

.cabt .cwrite h1 {
	font-family: "Playfair Display", serif;
	font-weight: 400;
	font-style: italic;
    font-size: 26px;
    margin-bottom: 16px;
    color: #766a45;
	font-style: italic;
	text-align: left;
	padding-left: 0;
	line-height: 1.3;
}

.cabt .cwrite p {
    font-size: 1rem;
    line-height: 1.8;
    color: #62542c;
    font-family: 'Poppins', sans-serif; /* Clean, modern text */
    font-weight: 300;
}



@media (width<825px){
	.companies{
		padding: 2.5%;
	}
	.imgph2{
		display: none;
	}
	.imgph{
		display: flex;
		padding: 5%;
	}
	.imgph3{
		display: flex;
		padding: 5%;
	}
	.space{
		display: block;
	}
	.cwrite{
		padding: 10px;
	}
}

/* About page refresh */
.about-us {
    --about-ink: #f4ebd0;
    --about-gold: #c9a45c;
    --about-muted: rgba(244, 235, 208, .76);
    max-width: 1440px;
    margin: 0 auto;
    padding: clamp(48px, 8vw, 112px) clamp(20px, 7vw, 104px) clamp(64px, 9vw, 128px);
    color: var(--about-ink);
}

.about-us #about {
    position: relative;
    display: block !important;
    text-align: left;
    max-width: 1000px;
    padding: clamp(30px, 6vw, 82px) clamp(24px, 7vw, 96px);
    margin: 0 auto clamp(72px, 11vw, 150px);
    border: 1px solid rgba(201, 164, 92, .35);
    border-radius: 4px 40px 4px 40px;
    background: linear-gradient(125deg, rgba(35, 57, 46, .98), rgba(18, 38, 32, .82));
    box-shadow: 0 28px 70px rgba(0, 0, 0, .18);
    overflow: hidden;
}

.about-us #about::after {
    content: "CVNS  ·  GOA";
    position: absolute;
    right: clamp(22px, 5vw, 68px);
    bottom: 18px;
    color: rgba(201, 164, 92, .62);
    font: 500 .72rem "Poppins", sans-serif;
    letter-spacing: .24em;
}

.about-us #about > div { min-width: 0 !important; max-width: 800px; }
.about-us #about h2,
.about-us #founder-cvnaik h2,
.about-us #deepak-naik h2 {
    padding: 0;
    color: var(--about-gold);
    text-align: left;
    font-family: "Playfair Display", "Merriweather", serif;
    font-weight: 400;
    letter-spacing: -.025em;
    line-height: 1.12;
}
.about-us #about h2 { font-size: clamp(2.5rem, 4.5vw, 3.8rem); margin: 0 0 24px; }
.about-us #about p,
.about-us #founder-cvnaik p,
.about-us #deepak-naik p {
    color: var(--about-muted);
    font: 300 clamp(.98rem, 1.15vw, 1.08rem)/1.95 "Poppins", sans-serif;
    padding: 0;
    margin: 0;
}

.about-us #founder-cvnaik,
.about-us #deepak-naik { display: block !important; margin: 0 auto clamp(72px, 10vw, 132px); }
.about-us #founder-cvnaik > div,
.about-us #deepak-naik > div { min-width: 0 !important; }
.about-us #founder-cvnaik h2,
.about-us #deepak-naik h2 {
    max-width: 850px;
    margin: 0 auto 32px;
    font-size: clamp(2rem, 4vw, 3.25rem);
}
.about-us #founder-cvnaik .space,
.about-us #deepak-naik .space {
    display: grid;
    grid-template-columns: minmax(240px, .8fr) minmax(0, 1.2fr);
    gap: clamp(26px, 5vw, 68px);
    align-items: center;
    max-width: 1060px;
    margin: 0 auto;
}
.about-us #founder-cvnaik .space { grid-template-columns: minmax(0, 1.2fr) minmax(240px, .8fr); }
.about-us #founder-cvnaik .space > p { grid-column: 1; grid-row: 1; }
.about-us #founder-cvnaik .imgph2 { grid-column: 2; grid-row: 1; }
.about-us #deepak-naik .imgph3 { grid-column: 1; grid-row: 1; }
.about-us #deepak-naik .space > p { grid-column: 2; grid-row: 1; }
.about-us .imgph, .about-us .imgph2, .about-us .imgph3 {
    display: block;
    min-width: 0 !important;
    height: auto !important;
    padding: 0;
    position: relative;
}
.about-us .imgph { display: none; }
.about-us .imgph img, .about-us .imgph2 img, .about-us .imgph3 img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
    border-radius: 4px 42px 4px 42px !important;
    border: 1px solid rgba(201, 164, 92, .5);
    box-shadow: 18px 18px 0 rgba(201, 164, 92, .12);
}
.about-us #founder-cvnaik .imgph2 img { object-position: center 35%; }
.about-us #deepak-naik .imgph3 img { object-position: center; }

/* Founder stories use the same framed editorial card as the introduction. */
.about-us #founder-cvnaik{
    max-width: 1120px;
    padding: clamp(28px, 5vw, 64px);
    border: 1px solid rgba(201, 164, 92, .36);
    border-radius: 4px 38px 4px 38px;
    background: linear-gradient(135deg, rgba(35, 57, 46, .96), rgba(18, 38, 32, .96));
    box-shadow: 0 24px 64px rgba(0, 0, 0, .17);
}

.about-us #deepak-naik {
    max-width: 1120px;
    padding: clamp(28px, 5vw, 64px);
    border: 1px solid rgba(201, 164, 92, .36);
    border-radius: 38px 4px 38px 4px;
    background: linear-gradient(135deg, rgba(35, 57, 46, .96), rgba(18, 38, 32, .96));
    box-shadow: 0 24px 64px rgba(0, 0, 0, .17);
}
.about-us #about {
    max-width: none;
    margin: 0 auto clamp(72px, 11vw, 150px);
    padding: 0 clamp(8px, 3vw, 32px);
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    text-align: center;
    overflow: visible;
}
.about-us #about::after { display: none; }
.about-us #about > div { max-width: none; margin: 0 auto; }
.about-us #about h2 { text-align: center; margin-bottom: 22px; }
.about-us #about p {
    max-width: none;
    margin: 0 auto;
    text-align: center;
}
.about-us #about p + p { margin-top: 20px; }
.about-us #founder-cvnaik h2,
.about-us #deepak-naik h2 { max-width: none; margin: 0 0 30px; }
.about-us #founder-cvnaik .space,
.about-us #deepak-naik .space { max-width: none; }
.about-us #founder-cvnaik .space { grid-template-columns: minmax(0, 1fr) minmax(250px, .62fr); }
.about-us #founder-cvnaik .space > p { grid-column: 1; }
.about-us #founder-cvnaik .imgph2 { grid-column: 2; }
.about-us #deepak-naik .space { grid-template-columns: minmax(250px, .62fr) minmax(0, 1fr); }
.about-us #deepak-naik .imgph3 { grid-column: 1; }
.about-us #deepak-naik .space > p { grid-column: 2; }
.about-us #founder-cvnaik .imgph2 img,
.about-us #deepak-naik .imgph3 img,
.about-us #founder-cvnaik .imgph img {
    width: 100%;
    height: auto;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    background: rgba(8, 20, 16, .25);
    border-radius: 4px 28px 4px 28px !important;
    box-shadow: 12px 12px 0 rgba(201, 164, 92, .12);
}

.companies {
    padding: clamp(48px, 7vw, 100px) clamp(20px, 7vw, 100px) clamp(64px, 8vw, 110px);
    background: #f4ebd0;
}
.companies > h1 {
    padding: 0 0 clamp(32px, 5vw, 62px);
    color: #122620;
    font: 400 clamp(2.3rem, 5vw, 4rem)/1.15 "Playfair Display", "Merriweather", serif;
}
.companies .comlog { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(16px, 2.5vw, 32px); }
.companies .cabt {
    min-width: 0;
    margin: 0;
    padding: clamp(22px, 3vw, 38px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 28px;
    border: 1px solid rgba(18, 38, 32, .12);
    border-radius: 4px 28px 4px 28px;
    background: #fffdf7;
    box-shadow: 0 14px 36px rgba(18, 38, 32, .09);
}
.companies .cabt img { width: 100%; height: clamp(130px, 17vw, 210px); max-width: none; object-fit: contain; }
.companies .cabt .cwrite { min-width: 0; padding: 0; }
.companies .cabt .cwrite h1 { color: #766a45; font: italic 400 clamp(1.25rem, 1.7vw, 1.55rem)/1.35 "Playfair Display", serif; margin: 0 0 14px; }
.companies .cabt .cwrite p { color: #62542c; font: 300 .93rem/1.8 "Poppins", sans-serif; }

@media (max-width: 850px) {
    .companies .comlog { grid-template-columns: 1fr; max-width: 680px; }
    .companies .cabt { display: grid; grid-template-columns: minmax(130px, .45fr) minmax(0, 1fr); align-items: center; }
    .companies .cabt img { height: 150px; }
}

@media (max-width: 640px) {
    .about-us { padding: 38px 20px 64px; }
    .about-us #about { padding: 32px 24px 48px; margin-bottom: 72px; border-radius: 4px 28px 4px 28px; }
    .about-us #about::after { font-size: .62rem; right: 22px; bottom: 14px; }
    .about-us #founder-cvnaik h2, .about-us #deepak-naik h2 { margin-bottom: 22px; }
    .about-us #founder-cvnaik, .about-us #deepak-naik { padding: 28px 22px; border-radius: 4px 28px 4px 28px; }
    .about-us #founder-cvnaik .space, .about-us #deepak-naik .space { display: flex; flex-direction: column; align-items: stretch; gap: 24px; }
    .about-us #founder-cvnaik .imgph2 { display: none; }
    .about-us #founder-cvnaik .imgph { display: block; order: -1; }
    .about-us #deepak-naik .imgph3 { order: -1; }
    .about-us .imgph img, .about-us .imgph2 img, .about-us .imgph3 img { aspect-ratio: auto; width: 100%; height: auto; object-fit: contain; border-radius: 4px 26px 4px 26px !important; box-shadow: 10px 10px 0 rgba(201, 164, 92, .12); }
    .companies { padding: 52px 20px 68px; }
    .companies .cabt { display: flex; padding: 24px; gap: 18px; }
    .companies .cabt img { height: 130px; }
}

@media (prefers-reduced-motion: reduce) {
    .about-us *, .companies * { scroll-behavior: auto !important; }
}