/*
Theme Name: Sipoura Promotions
Theme URI: https://sipoura.com/
Author: Sipoura Promotions
Description: A refined, one-page contact landing theme for Sipoura Promotions Ltd.
Version: 1.0
Text Domain: sipoura-promotions
*/

:root { --wine: #751129; --ink: #201b1c; --gold: #d7b76f; --cream: #fbf8f3; }
* { box-sizing: border-box; }
html { background: var(--cream); }
body { margin: 0; color: var(--ink); font-family: Arial, Helvetica, sans-serif; }
a { color: inherit; text-decoration: none; }
.sipoura-hero { min-height: 690px; position: relative; overflow: hidden; color: #fff; background: radial-gradient(circle at 20% 110%, #9b2640 0, #701125 28%, #291015 65%, #160d0e 100%); }
.sipoura-hero::after { content: ""; position: absolute; inset: 0; opacity: .45; background: linear-gradient(115deg, transparent 20%, rgba(255,255,255,.1) 20.15%, transparent 20.35%); }
.sipoura-hero-inner { position: relative; z-index: 1; max-width: 1160px; margin: auto; padding: 56px 40px 96px; }
.sipoura-logo-wrap { margin-bottom: 70px; }
.sipoura-wordmark { display: inline-grid; grid-template-columns: auto auto; align-items: end; color: #fff8f1; font-family: Georgia, 'Times New Roman', serif; line-height: .7; filter: drop-shadow(0 2px 12px rgba(0,0,0,.24)); }
.sipoura-logo-wrap .custom-logo { display: block; width: min(355px, 58vw); height: auto; max-height: 145px; object-fit: contain; object-position: left center; }
.sipoura-mark { color: #9f1d3b; font-size: clamp(64px, 7vw, 104px); font-style: italic; letter-spacing: -.2em; z-index: 1; }
.sipoura-name { color: #fff8f1; font-size: clamp(45px, 5vw, 74px); letter-spacing: -.075em; }
.sipoura-submark { grid-column: 2; justify-self: end; margin-top: 18px; color: var(--gold); font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight: 700; letter-spacing: .33em; line-height: 1; text-transform: uppercase; }
.sipoura-eyebrow, .sipoura-section-label { color: var(--gold); text-transform: uppercase; letter-spacing: .2em; font-size: 11px; font-weight: 700; }
.sipoura-title { max-width: 760px; margin: 16px 0 18px; font-family: Georgia, 'Times New Roman', serif; font-size: clamp(52px, 8vw, 108px); font-weight: 400; line-height: .92; letter-spacing: -.055em; }
.sipoura-intro { max-width: 455px; font-size: 17px; line-height: 1.65; color: rgba(255,255,255,.8); }
.sipoura-cta { display: inline-flex; gap: 36px; align-items: center; margin-top: 25px; padding: 15px 0 13px; border-bottom: 1px solid var(--gold); color: #fff; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; }
.sipoura-cta span { color: var(--gold); font-size: 22px; }
.sipoura-halo { position: absolute; border: 1px solid rgba(216,183,111,.18); border-radius: 50%; pointer-events: none; }
.sipoura-halo-one { width: 730px; height: 730px; right: -290px; top: -220px; }
.sipoura-halo-two { width: 460px; height: 460px; right: -120px; top: -80px; }
.sipoura-contact { display: grid; grid-template-columns: 1.1fr 1fr; gap: 70px; max-width: 1160px; margin: auto; padding: 100px 40px; }
.sipoura-contact h2 { max-width: 520px; margin: 14px 0 0; color: var(--wine); font: 400 clamp(36px, 4.5vw, 61px)/1 Georgia, 'Times New Roman', serif; letter-spacing: -.045em; }
.sipoura-contact-details { align-self: end; padding-bottom: 5px; }
.sipoura-email { display: block; margin-bottom: 41px; color: var(--wine); font: 400 clamp(26px, 3vw, 38px)/1.1 Georgia, 'Times New Roman', serif; border-bottom: 1px solid #d6c4a2; padding-bottom: 19px; }
.sipoura-people { display: flex; gap: 45px; }
.sipoura-person { display: grid; gap: 7px; font-size: 13px; line-height: 1.25; }
.sipoura-person span { color: #806d62; text-transform: uppercase; letter-spacing: .14em; font-size: 10px; }
.sipoura-person strong { color: var(--wine); font-weight: 500; }
.sipoura-footer { border-top: 1px solid #e6ddd0; padding: 23px 40px; color: #8b827b; text-align: center; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; }
@media (max-width: 680px) { .sipoura-hero { min-height: 630px; } .sipoura-hero-inner { padding: 32px 24px 70px; } .sipoura-logo-wrap { margin-bottom: 85px; } .sipoura-contact { grid-template-columns: 1fr; gap: 45px; padding: 70px 24px; } .sipoura-people { gap: 28px; } .sipoura-footer { padding: 20px 24px; } }