/* ==========================================================================
   Corporate gifting page + contact-sales form
   ========================================================================== */

.corp-hero { padding-block: clamp(32px, 5vw, 64px) clamp(40px, 6vw, 80px); }
.corp-hero-grid { display: grid; grid-template-columns: 1.2fr 1fr; gap: clamp(28px, 5vw, 64px); align-items: center; }
@media (max-width: 860px) { .corp-hero-grid { grid-template-columns: 1fr; } }
.corp-title { font-size: clamp(2.8rem, 6.6vw, 5.4rem); margin-bottom: .3em; }
.corp-phone { font-weight: 600; color: var(--ink-2); }
.corp-photo {
	position: relative; margin: 0;
	border: 3px solid var(--ink); border-radius: var(--radius-lg); overflow: hidden;
	box-shadow: 8px 8px 0 0 var(--gold), 8px 8px 0 3px var(--ink);
}
.corp-photo img { width: 100%; aspect-ratio: 1; object-fit: cover; }

.corp-uses { background: var(--kraft); border-block: 3px solid var(--ink); }
.use-grid { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(12px, 2vw, 20px); }
@media (max-width: 960px) { .use-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .use-grid { grid-template-columns: 1fr; } }
.use-grid li {
	padding: 24px 22px; background: var(--white);
	border: 2px solid var(--ink); border-radius: var(--radius-lg); box-shadow: 0 5px 0 0 var(--ink);
}
.use-grid li::before { content: ""; display: block; width: 34px; height: 14px; border-radius: 3px; background: var(--calvert); margin-bottom: 16px; }
.use-grid li:nth-child(even)::before { background: var(--crossland); }
.use-grid h3 { font-size: 1.2rem; }
.use-grid p { margin: 0; color: var(--ink-2); font-size: .98rem; }

.corp-how-grid { display: grid; grid-template-columns: 1fr 1.3fr; gap: clamp(24px, 5vw, 64px); align-items: start; }
@media (max-width: 860px) { .corp-how-grid { grid-template-columns: 1fr; } }
.corp-steps { margin: 0; }

/* ---------- Form section ---------- */

.corp-form-section { background: var(--ink); color: var(--white); position: relative; }
.corp-form-section::before { content: ""; position: absolute; inset: 0 0 auto; height: 14px; background: var(--calvert) 0 0 / 50% 100% no-repeat, var(--crossland) 100% 0 / 50% 100% no-repeat; }
.corp-form-section .eyebrow { color: var(--gold); }
.corp-form-grid { display: grid; grid-template-columns: 1fr 1.4fr; gap: clamp(28px, 5vw, 64px); align-items: start; }
@media (max-width: 900px) { .corp-form-grid { grid-template-columns: 1fr; } }
.corp-form-intro p { color: #d9d2c5; font-size: 1.08rem; max-width: 40ch; }
.corp-contact { list-style: none; margin: 24px 0 0; padding: 0; display: grid; gap: 14px; }
.corp-contact li { display: grid; }
.corp-contact span { font-size: .78rem; text-transform: uppercase; letter-spacing: .12em; font-weight: 700; color: #a59d90; }
.corp-contact a { font-size: 1.2rem; font-weight: 600; text-decoration: none; color: var(--white); }
.corp-contact a:hover { color: var(--gold); }