/*
 * Aditi Promoters — Creative Contact Page
 * Production replacement: assets/css/contact-page.css
 *
 * Fully scoped to .aditi-contact-page.
 */

.aditi-contact-page {
	--cp-navy: #123566;
	--cp-navy-deep: #0d2b52;
	--cp-gold: #d49a22;
	--cp-ivory: #f7f5ef;
	--cp-white: #fff;
	--cp-ink: #14233b;
	--cp-muted: #68758a;
	--cp-line: rgba(18,53,102,.14);
	--cp-soft: #eef1f5;
	background: var(--cp-ivory);
	color: var(--cp-ink);
	overflow: hidden;
}

.aditi-contact-page *,
.aditi-contact-page *::before,
.aditi-contact-page *::after { box-sizing:border-box; }

.aditi-contact-page a { text-decoration:none; }
.aditi-contact-page img { display:block; max-width:100%; }
.aditi-contact-page h1,
.aditi-contact-page h2,
.aditi-contact-page h3 { font-family:"Playfair Display",Georgia,serif; }
.aditi-contact-page em { color:var(--cp-gold); font-style:normal; }

.aditi-contact-container {
	width:min(1200px,calc(100% - 80px));
	margin-inline:auto;
}

.aditi-contact-eyebrow,
.aditi-contact-section-label {
	display:flex;
	align-items:center;
	gap:14px;
	color:var(--cp-gold);
	font-size:10px;
	font-weight:700;
	letter-spacing:.22em;
	text-transform:uppercase;
}

.aditi-contact-section-label { margin-bottom:44px; }
.aditi-contact-section-label i {
	width:34px;
	height:1px;
	background:currentColor;
}

/* HERO */

.aditi-contact-hero {
	display:grid;
	grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);
	min-height:690px;
	background:#fff;
}

.aditi-contact-hero__copy {
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:clamp(55px,8vw,120px);
}

.aditi-contact-hero__copy h1 {
	max-width:760px;
	margin:0 0 28px;
	color:var(--cp-navy);
	font-size:clamp(3.6rem,6vw,6.8rem);
	font-weight:600;
	line-height:.91;
	letter-spacing:-.055em;
}

.aditi-contact-hero__copy p {
	max-width:540px;
	margin:0 0 38px;
	color:var(--cp-muted);
	font-size:16px;
	line-height:1.8;
}

.aditi-contact-hero__jump {
	display:flex;
	align-items:center;
	gap:16px;
	width:max-content;
	color:var(--cp-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:.18em;
	text-transform:uppercase;
}

.aditi-contact-hero__jump i {
	display:grid;
	place-items:center;
	width:42px;
	height:42px;
	border:1px solid rgba(18,53,102,.25);
	border-radius:50%;
	font-size:18px;
	font-style:normal;
}

.aditi-contact-hero__card {
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:65px clamp(30px,5vw,75px);
	background:var(--cp-navy);
	color:#fff;
}

.aditi-contact-card-label {
	margin-bottom:28px;
	color:var(--cp-gold);
	font-size:10px;
	font-weight:700;
	letter-spacing:.22em;
}

.aditi-contact-choice-list { border-top:1px solid rgba(255,255,255,.16); }

.aditi-contact-choice-list a {
	display:grid;
	grid-template-columns:46px 1fr 24px;
	align-items:center;
	gap:14px;
	padding:17px 0;
	border-bottom:1px solid rgba(255,255,255,.16);
	color:#fff;
	transition:padding .25s ease,color .25s ease;
}

.aditi-contact-choice-list a:hover {
	padding-left:8px;
	color:#fff;
}

.aditi-contact-choice-icon {
	display:grid;
	place-items:center;
	width:40px;
	height:40px;
	border:1px solid rgba(255,255,255,.22);
	border-radius:50%;
	color:var(--cp-gold);
	font-size:17px;
}

.aditi-contact-choice-list b {
	display:block;
	font-size:13px;
	font-weight:600;
}

.aditi-contact-choice-list small {
	display:block;
	margin-top:4px;
	color:rgba(255,255,255,.58);
	font-size:11px;
}

.aditi-contact-choice-list i {
	color:var(--cp-gold);
	font-size:17px;
	font-style:normal;
}

/* INTENT */

.aditi-contact-intent { padding:110px 0; }

.aditi-contact-intent h2,
.aditi-contact-projects__heading h2,
.aditi-contact-enquiry__intro h2,
.aditi-contact-talk h2 {
	margin:0;
	color:var(--cp-navy);
	font-size:clamp(3rem,5vw,5.7rem);
	font-weight:600;
	line-height:.95;
	letter-spacing:-.045em;
}

.aditi-contact-intent-grid {
	display:grid;
	grid-template-columns:repeat(4,1fr);
	margin-top:68px;
	border-top:1px solid var(--cp-line);
	border-left:1px solid var(--cp-line);
}

.aditi-contact-intent-card {
	position:relative;
	min-height:245px;
	padding:32px;
	background:#fff;
	border-right:1px solid var(--cp-line);
	border-bottom:1px solid var(--cp-line);
	color:var(--cp-ink);
	transition:transform .25s ease,background .25s ease;
}

.aditi-contact-intent-card:hover {
	z-index:1;
	transform:translateY(-5px);
	background:#fff;
	box-shadow:0 18px 45px rgba(18,53,102,.09);
}

.aditi-contact-intent-card span {
	color:var(--cp-gold);
	font-size:10px;
	font-weight:700;
	letter-spacing:.18em;
}

.aditi-contact-intent-card h3 {
	max-width:230px;
	margin:60px 0 0;
	font-size:25px;
	line-height:1.08;
}

.aditi-contact-intent-card b {
	position:absolute;
	right:26px;
	bottom:24px;
	color:var(--cp-navy);
	font-size:11px;
	letter-spacing:.15em;
}

/* PROJECTS */

.aditi-contact-projects {
	padding:110px 0;
	background:#fff;
}

.aditi-contact-projects__heading {
	display:flex;
	align-items:end;
	justify-content:space-between;
	gap:30px;
}

.aditi-contact-projects__heading > a {
	color:var(--cp-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:.15em;
	text-transform:uppercase;
}

.aditi-contact-project-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	gap:24px;
	margin-top:65px;
}

.aditi-contact-project-card { background:var(--cp-ivory); }

.aditi-contact-project-card__image {
	display:grid;
	place-items:center;
	aspect-ratio:1.35;
	overflow:hidden;
	background:#ddd9cf;
	color:var(--cp-navy);
}

.aditi-contact-project-card__image img {
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .6s ease;
}

.aditi-contact-project-card:hover img { transform:scale(1.025); }

.aditi-contact-project-card__body { padding:25px 27px 29px; }

.aditi-contact-project-card__body > span {
	color:var(--cp-gold);
	font-size:9px;
	font-weight:700;
	letter-spacing:.2em;
}

.aditi-contact-project-card__body h3 {
	margin:12px 0 27px;
	color:var(--cp-navy);
	font-size:25px;
	line-height:1.08;
}

.aditi-contact-project-card__body a {
	color:var(--cp-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.aditi-contact-project-card__body i { margin-left:10px; font-style:normal; }

.aditi-contact-projects__help {
	margin:30px 0 0;
	color:var(--cp-muted);
	font-size:13px;
}

.aditi-contact-projects__help a {
	color:var(--cp-navy);
	font-weight:700;
}

/* FORM */

.aditi-contact-enquiry { padding:115px 0; background:var(--cp-soft); }

.aditi-contact-enquiry__grid {
	display:grid;
	grid-template-columns:.85fr 1.15fr;
	gap:90px;
}

.aditi-contact-enquiry__intro > p {
	max-width:390px;
	margin:28px 0 45px;
	color:var(--cp-muted);
	font-size:15px;
	line-height:1.8;
}

.aditi-contact-enquiry__note {
	display:flex;
	gap:18px;
	max-width:390px;
	padding-top:24px;
	border-top:1px solid var(--cp-line);
}

.aditi-contact-enquiry__note span {
	color:var(--cp-gold);
	font-size:10px;
	font-weight:700;
}

.aditi-contact-enquiry__note p {
	margin:0;
	color:var(--cp-muted);
	font-size:12px;
	line-height:1.6;
}

.aditi-contact-form-wrap {
	padding:42px;
	background:#fff;
	box-shadow:0 20px 60px rgba(18,53,102,.06);
}

.aditi-contact-form {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:25px 22px;
}

.aditi-contact-form label { display:block; }

.aditi-contact-form label > span {
	display:block;
	margin-bottom:10px;
	color:var(--cp-navy);
	font-size:9px;
	font-weight:700;
	letter-spacing:.17em;
}

.aditi-contact-form input,
.aditi-contact-form select,
.aditi-contact-form textarea {
	width:100%;
	border:0;
	border-bottom:1px solid rgba(18,53,102,.22);
	border-radius:0;
	outline:0;
	padding:12px 0;
	background:transparent;
	color:var(--cp-ink);
	font:inherit;
	font-size:14px;
}

.aditi-contact-form textarea { resize:vertical; min-height:100px; }

.aditi-contact-form input:focus,
.aditi-contact-form select:focus,
.aditi-contact-form textarea:focus {
	border-bottom-color:var(--cp-gold);
}

.aditi-contact-form__full { grid-column:1 / -1; }

.aditi-contact-submit {
	display:flex;
	align-items:center;
	justify-content:space-between;
	grid-column:1 / -1;
	width:100%;
	margin-top:6px;
	padding:17px 20px;
	border:0;
	background:var(--cp-navy);
	color:#fff;
	cursor:pointer;
	font:inherit;
	font-size:10px;
	font-weight:700;
	letter-spacing:.17em;
	text-transform:uppercase;
}

.aditi-contact-submit b { font-size:18px; font-weight:400; }

.aditi-contact-honeypot {
	position:absolute !important;
	left:-9999px !important;
	opacity:0 !important;
	pointer-events:none !important;
}

.aditi-contact-notice {
	margin-bottom:25px;
	padding:15px 18px;
	font-size:12px;
	line-height:1.6;
}

.aditi-contact-notice.is-success { background:#edf5ed; color:#245b32; }
.aditi-contact-notice.is-error { background:#f8eeee; color:#7b2c2c; }

/* TALK */

.aditi-contact-talk { padding:110px 0; background:var(--cp-ivory); }

.aditi-contact-talk h2 { margin-bottom:68px; }

.aditi-contact-talk-grid {
	display:grid;
	grid-template-columns:repeat(3,1fr);
	border-top:1px solid var(--cp-line);
	border-left:1px solid var(--cp-line);
}

.aditi-contact-talk-grid a {
	min-height:230px;
	padding:30px;
	border-right:1px solid var(--cp-line);
	border-bottom:1px solid var(--cp-line);
	color:var(--cp-navy);
	transition:background .25s ease,transform .25s ease;
}

.aditi-contact-talk-grid a:hover {
	background:#fff;
	transform:translateY(-3px);
}

.aditi-contact-talk-grid span {
	color:var(--cp-gold);
	font-size:9px;
	font-weight:700;
	letter-spacing:.2em;
}

.aditi-contact-talk-grid h3 {
	margin:58px 0 28px;
	font-size:26px;
	line-height:1.05;
}

.aditi-contact-talk-grid b {
	font-family:Inter,Arial,sans-serif;
	font-size:11px;
	font-weight:600;
	letter-spacing:.04em;
}

.aditi-contact-talk-grid i {
	margin-left:10px;
	color:var(--cp-gold);
	font-style:normal;
}

/* LOCATION */

.aditi-contact-location {
	display:grid;
	grid-template-columns:1.15fr .85fr;
	min-height:530px;
	background:#fff;
}

.aditi-contact-location__map {
	position:relative;
	display:grid;
	place-items:center;
	overflow:hidden;
	background:#e8e5dc;
	color:var(--cp-navy);
}

.aditi-contact-map-grid {
	position:absolute;
	inset:-10%;
	opacity:.4;
	background:
		linear-gradient(30deg,transparent 48%,rgba(18,53,102,.12) 49%,rgba(18,53,102,.12) 50%,transparent 51%),
		linear-gradient(150deg,transparent 48%,rgba(18,53,102,.10) 49%,rgba(18,53,102,.10) 50%,transparent 51%),
		linear-gradient(90deg,transparent 49%,rgba(18,53,102,.08) 50%,transparent 51%);
	background-size:120px 120px,140px 140px,180px 180px;
	transform:rotate(-7deg) scale(1.15);
}

.aditi-contact-map-pin {
	position:relative;
	z-index:2;
	display:grid;
	place-items:center;
	width:72px;
	height:72px;
	border:1px solid var(--cp-navy);
	border-radius:50%;
	background:rgba(255,255,255,.82);
	color:var(--cp-gold);
	font-size:24px;
	box-shadow:0 15px 30px rgba(18,53,102,.15);
}

.aditi-contact-location__map > span {
	position:absolute;
	left:40px;
	bottom:35px;
	z-index:2;
	color:var(--cp-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:.2em;
}

.aditi-contact-location__copy {
	display:flex;
	flex-direction:column;
	justify-content:center;
	padding:75px clamp(30px,6vw,90px);
}

.aditi-contact-location__copy h2 {
	margin:0 0 30px;
	color:var(--cp-navy);
	font-size:clamp(3rem,5vw,5rem);
	font-weight:600;
	line-height:.95;
	letter-spacing:-.045em;
}

.aditi-contact-location__copy address {
	margin:0 0 30px;
	color:var(--cp-muted);
	font-size:14px;
	font-style:normal;
	line-height:1.8;
}

.aditi-contact-directions {
	display:inline-flex;
	align-items:center;
	gap:18px;
	width:max-content;
	color:var(--cp-navy);
	font-size:10px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.aditi-contact-directions span { color:var(--cp-gold); font-size:17px; }

/* FINAL */

.aditi-contact-final {
	position:relative;
	display:grid;
	grid-template-columns:1fr minmax(420px,1fr) 1fr;
	align-items:center;
	min-height:330px;
	padding:55px 5vw;
	overflow:hidden;
	background:var(--cp-navy);
	color:#fff;
	text-align:center;
}

.aditi-contact-final > div:nth-child(2) { position:relative; z-index:2; }

.aditi-contact-final h2 {
	margin:16px 0 28px;
	color:#fff;
	font-size:clamp(3rem,5vw,5.3rem);
	font-weight:600;
	line-height:.93;
	letter-spacing:-.045em;
}

.aditi-contact-final a {
	display:inline-flex;
	align-items:center;
	gap:20px;
	padding:15px 22px;
	background:var(--cp-gold);
	color:#fff;
	font-size:10px;
	font-weight:700;
	letter-spacing:.16em;
	text-transform:uppercase;
}

.aditi-contact-final a span { font-size:17px; }

.aditi-contact-final__drawing {
	opacity:.22;
	color:#fff;
}

.aditi-contact-final__drawing svg { width:100%; }

/* TABLET */

@media(max-width:991px) {
	.aditi-contact-container { width:min(100% - 48px,760px); }

	.aditi-contact-hero { grid-template-columns:1fr; }
	.aditi-contact-hero__copy { padding:80px 7vw; }
	.aditi-contact-hero__card { padding:60px 7vw 75px; }

	.aditi-contact-intent-grid { grid-template-columns:repeat(2,1fr); }
	.aditi-contact-project-grid { grid-template-columns:1fr; }
	.aditi-contact-enquiry__grid { grid-template-columns:1fr; gap:50px; }
	.aditi-contact-talk-grid { grid-template-columns:1fr; }
	.aditi-contact-location { grid-template-columns:1fr; }
	.aditi-contact-location__map { min-height:420px; }

	.aditi-contact-final { grid-template-columns:1fr; }
	.aditi-contact-final__drawing { display:none; }
}

/* MOBILE */

@media(max-width:600px) {
	.aditi-contact-container { width:calc(100% - 40px); }

	.aditi-contact-hero__copy { padding:62px 20px; }
	.aditi-contact-hero__copy h1 { font-size:clamp(3rem,13vw,4rem); }
	.aditi-contact-hero__copy p { font-size:14px; }

	.aditi-contact-hero__card { padding:48px 20px 58px; }

	.aditi-contact-intent,
	.aditi-contact-projects,
	.aditi-contact-enquiry,
	.aditi-contact-talk { padding:76px 0; }

	.aditi-contact-intent h2,
	.aditi-contact-projects__heading h2,
	.aditi-contact-enquiry__intro h2,
	.aditi-contact-talk h2 { font-size:clamp(2.8rem,13vw,4rem); }

	.aditi-contact-intent-grid { grid-template-columns:1fr; margin-top:45px; }

	.aditi-contact-intent-card { min-height:190px; }

	.aditi-contact-projects__heading { align-items:start; flex-direction:column; }
	.aditi-contact-project-grid { margin-top:45px; }

	.aditi-contact-form-wrap { padding:25px 20px; }
	.aditi-contact-form { grid-template-columns:1fr; }
	.aditi-contact-form__full,
	.aditi-contact-submit { grid-column:auto; }

	.aditi-contact-talk-grid a { min-height:190px; }
	.aditi-contact-talk-grid h3 { margin:40px 0 22px; }

	.aditi-contact-location__map { min-height:350px; }
	.aditi-contact-location__copy { padding:65px 20px; }

	.aditi-contact-final { min-height:360px; padding:60px 20px; }
	.aditi-contact-final h2 { font-size:clamp(2.8rem,13vw,4rem); }
}

/* Contact form success acknowledgement */
.contact-form-message{
    display:block;
    width:100%;
    margin:0 0 24px;
    padding:16px 20px;
    border:1px solid #D79B2B;
    border-left:4px solid #D79B2B;
    background:#FFF4D6;
    color:#162033;
    font-size:15px;
    line-height:1.6;
    font-weight:600;
}

.contact-form-message--success{
    background:#FFF4D6;
    border-color:#D79B2B;
    color:#162033;
}

.contact-form-message--error{
    background:#FAE8E5;
    border-color:#A63D2F;
    color:#7A2D22;
}

@media(max-width:600px){
    .contact-form-message{
        margin-bottom:20px;
        padding:14px 16px;
        font-size:14px;
    }
}