:root { --contact-green:#213d2b; --contact-deep:#173128; --contact-gold:#f4c85e; --contact-red:#ca3527; --contact-ink:#26372f; --contact-muted:#6d7a72; --contact-paper:#faf8f2; }
.contact-page { margin:0; color:var(--contact-ink); background:var(--contact-paper); font-family:Arial,sans-serif; }
.contact-page * { box-sizing:border-box; }
.contact-hero { position:relative; min-height:465px; overflow:hidden; background:var(--contact-green); }
.contact-hero__image, .contact-hero__image::after { position:absolute; inset:0; }
.contact-hero__image { background:url('../images/bajji-mix-raw-bg.png') center/cover no-repeat; }
.contact-hero__image::after { content:""; background:linear-gradient(90deg,rgba(22,54,38,.94),rgba(22,54,38,.65) 53%,rgba(22,54,38,.25)); }
.contact-hero__copy { position:relative; z-index:1; width:min(1180px,100%); margin:auto; padding:89px max(6%,24px); color:#fff; }
.contact-hero__copy small, .contact-intro>span, .contact-enquiry__copy>span { display:block; color:var(--contact-gold); font-size:11px; font-weight:800; letter-spacing:2px; text-transform:uppercase; }
.contact-hero h1 { margin:14px 0; color:#fff; font:700 clamp(46px,6vw,72px)/.97 Georgia,serif; letter-spacing:-2px; }
.contact-hero p { max-width:490px; margin:0 0 25px; color:rgba(255,255,255,.82); font-size:16px; line-height:1.7; }
.contact-hero a { display:inline-flex; align-items:center; gap:16px; padding:14px 18px; color:#2e210f; background:var(--contact-gold); font-size:13px; font-weight:800; text-decoration:none; }
.contact-hero a span, .contact-submit span { font-size:20px; line-height:0; }
.contact-main { max-width:1180px; margin:auto; padding:92px max(6%,24px) 100px; }
.contact-intro { max-width:640px; margin:0 auto 48px; text-align:center; }
.contact-intro h2, .contact-enquiry h2 { margin:12px 0 15px; color:var(--contact-ink); font:700 clamp(32px,4vw,48px)/1.08 Georgia,serif; letter-spacing:-1px; }
.contact-intro p { margin:0; color:var(--contact-muted); font-size:15px; line-height:1.75; }
.contact-cards { display:grid; grid-template-columns:repeat(3,1fr); gap:22px; max-width:1020px; margin:auto; }
.contact-card { position:relative; min-height:355px; padding:34px 30px 30px; overflow:hidden; border:0; border-radius:18px; background:linear-gradient(145deg,#fff,#fbfcfa); box-shadow:0 18px 38px rgba(45,55,46,.08); transition:transform .25s,box-shadow .25s; }
.contact-card::before { content:"01"; position:absolute; top:25px; right:25px; color:rgba(33,61,43,.08); font:700 57px/.8 Georgia,serif; letter-spacing:-2px; }
.contact-card::after { content:""; position:absolute; bottom:0; left:30px; width:52px; height:4px; background:var(--contact-gold); }
.contact-card:nth-child(2) { background:linear-gradient(145deg,#fffaf0,#fff8e8); }.contact-card:nth-child(2)::before { content:"02"; color:rgba(164,121,25,.1); }.contact-card:nth-child(2)::after { background:#b78618; }
.contact-card:nth-child(3) { background:linear-gradient(145deg,#fff8f6,#fff2ee); }.contact-card:nth-child(3)::before { content:"03"; color:rgba(202,53,39,.09); }.contact-card:nth-child(3)::after { background:var(--contact-red); }
.contact-card:hover { transform:translateY(-9px) rotate(-.2deg); box-shadow:0 26px 48px rgba(45,55,46,.15); }
.contact-card__icon { position:relative; z-index:1; display:grid; width:52px; height:52px; place-items:center; margin-bottom:23px; border-radius:50%; color:#fff; background:var(--contact-green); font-size:23px; box-shadow:0 10px 18px rgba(33,61,43,.22); }
.contact-card:nth-child(2) .contact-card__icon { background:#b78618; }.contact-card:nth-child(3) .contact-card__icon { background:var(--contact-red); }
.contact-card h2 { position:relative; z-index:1; margin:0 0 14px; color:var(--contact-ink); font:700 28px Georgia,serif; }.contact-card p { position:relative; z-index:1; margin:0; color:var(--contact-muted); font-size:14px; line-height:1.82; }.contact-card b { color:var(--contact-ink); }
.contact-enquiry { max-width:1180px; display:grid; grid-template-columns:.85fr 1.15fr; margin:0 auto 96px; background:var(--contact-green); box-shadow:0 24px 60px rgba(25,51,39,.16); }
.contact-enquiry__copy { position:relative; overflow:hidden; padding:58px 50px; color:#fff; }
.contact-enquiry__copy::after { content:""; position:absolute; width:250px; height:250px; right:-130px; bottom:-130px; border:28px solid rgba(244,200,94,.25); border-radius:50%; }
.contact-enquiry__copy h2 { color:#fff; }.contact-enquiry__copy p { max-width:325px; color:#d8e4da; font-size:15px; line-height:1.8; }
.contact-enquiry__copy div { position:relative; z-index:1; margin-top:50px; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); }.contact-enquiry__copy b,.contact-enquiry__copy small { display:block; }.contact-enquiry__copy b { color:var(--contact-gold); font:700 21px Georgia,serif; }.contact-enquiry__copy small { margin-top:6px; color:#d8e4da; font-size:12px; }
.contact-enquiry__form { padding:48px; background:#fff; }
.contact-notice { margin-bottom:22px; padding:14px 16px; color:#1c6b43; background:#e8f6ed; font-size:14px; }
.contact-form-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }.contact-form-grid label { display:block; }.contact-form-grid label>span { display:block; margin-bottom:8px; color:#55645c; font-size:11px; font-weight:800; letter-spacing:.7px; text-transform:uppercase; }.contact-form-grid input,.contact-form-grid textarea { width:100%; border:1px solid #dce4dc; border-radius:0; padding:14px 15px; color:var(--contact-ink); background:#fbfcfa; font:14px Arial; outline:0; }.contact-form-grid input:focus,.contact-form-grid textarea:focus { border-color:#bf922b; box-shadow:0 0 0 3px rgba(244,200,94,.19); }.contact-form-grid textarea { min-height:120px; resize:vertical; }.contact-form-full { grid-column:1/-1; }
.contact-submit { display:inline-flex; align-items:center; gap:18px; margin-top:24px; padding:15px 20px; border:0; color:#fff; background:var(--contact-red); font-size:13px; font-weight:800; cursor:pointer; transition:background .2s,transform .2s; }.contact-submit:hover { background:var(--contact-green); transform:translateY(-2px); }
@media(max-width:800px) { .contact-hero { min-height:380px; }.contact-hero__copy { padding:72px 8%; text-align:center; }.contact-hero__image::after { background:rgba(22,54,38,.72); }.contact-hero p { margin-right:auto; margin-left:auto; }.contact-cards,.contact-enquiry { grid-template-columns:1fr; }.contact-enquiry { margin-right:24px; margin-left:24px; }.contact-enquiry__copy { padding:45px 35px; }.contact-main { padding-top:65px; padding-bottom:70px; } }
@media(max-width:520px) { .contact-hero { min-height:330px; }.contact-hero h1 { font-size:43px; }.contact-main { padding:52px 20px 60px; }.contact-cards { gap:14px; }.contact-card { min-height:auto; }.contact-enquiry { margin:0 14px 65px; }.contact-enquiry__copy,.contact-enquiry__form { padding:34px 24px; }.contact-form-grid { grid-template-columns:1fr; }.contact-form-full { grid-column:auto; } }