:root{--black:#0b0b0c;--black2:#111113;--panel:#17171a;--gold:#c9a24a;--gold2:#f2d47a;--white:#f5f2ea;--muted:#b9b6ad;--line:rgba(201,162,74,.28);--shadow:0 24px 70px rgba(0,0,0,.5)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Montserrat,Inter,Segoe UI,Arial,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.site-header{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:16px clamp(18px,4vw,64px);background:linear-gradient(180deg,rgba(11,11,12,.92),rgba(11,11,12,.55));backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.site-header.solid{position:sticky;background:rgba(11,11,12,.96)}.brand img{width:min(260px,60vw);height:auto}.nav{display:flex;align-items:center;gap:24px;color:var(--muted);font-size:.92rem;text-transform:uppercase;letter-spacing:.08em}.nav a:hover{color:var(--gold2)}.nav-cta{padding:10px 16px;border:1px solid var(--gold);border-radius:999px;color:var(--gold)!important}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--white);font-size:1.35rem;border-radius:10px;padding:7px 10px}.hero{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;padding:120px 20px 80px}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55),rgba(0,0,0,.85)),url('/images/hero.avif') center/cover no-repeat;transform:scale(1.03)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(0deg,var(--black),transparent)}.hero-content{position:relative;z-index:2;max-width:940px;text-align:center}.hero-mark{width:150px;margin:0 auto 20px;filter:drop-shadow(0 18px 34px rgba(0,0,0,.6))}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--gold);font-size:.78rem;font-weight:700;margin:0 0 14px}.hero h1,.page-hero h1{font-size:clamp(3.4rem,10vw,8rem);line-height:.88;margin:0 0 22px;text-transform:uppercase;letter-spacing:.05em}.hero h1 span{color:var(--gold2)}.hero-copy{max-width:720px;margin:0 auto 34px;color:var(--muted);font-size:1.1rem}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border-radius:999px;text-transform:uppercase;letter-spacing:.1em;font-size:.82rem;font-weight:800;transition:.25s}.btn.primary{background:linear-gradient(135deg,var(--gold2),var(--gold));color:#121212;box-shadow:0 12px 28px rgba(201,162,74,.23)}.btn.ghost{border:1px solid var(--line);color:var(--white);background:rgba(255,255,255,.03)}.btn:hover{transform:translateY(-2px)}.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.section{padding:96px clamp(20px,5vw,84px)}.intro{text-align:center;max-width:1100px;margin:auto}.intro h2{font-size:clamp(2rem,5vw,4rem);line-height:1.05;margin:0}.section-head{text-align:center;max-width:760px;margin:0 auto 52px}.section-head h2,.split-copy h2,.about-card h2,.cta h2{font-size:clamp(2rem,5vw,4rem);line-height:1.04;margin:0 0 16px}.section-head p,.split-copy p,.about-card p,.cta p{color:var(--muted)}.service-grid,.price-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border:1px solid rgba(255,255,255,.09);border-radius:26px;padding:30px;box-shadow:var(--shadow);transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:var(--line)}.service-card span{color:var(--gold);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-size:.78rem}.service-card h3{font-size:1.45rem;margin:18px 0 10px}.service-card p{color:var(--muted);margin:0}.featured{border-color:var(--gold)}.portfolio{background:var(--black2)}.masonry{columns:3 280px;column-gap:20px}.masonry img,.gallery-grid img{width:100%;border-radius:22px;margin:0 0 20px;break-inside:avoid;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);object-fit:cover}.masonry img{height:320px}.masonry .tall{height:560px}.center{text-align:center;margin-top:24px;display:flex;justify-content:center}.split{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.split-media img{border-radius:30px;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1)}.split-copy ul{padding:0;margin:24px 0;display:grid;gap:10px;list-style:none}.split-copy li{padding-left:28px;position:relative;color:var(--white)}.split-copy li:before{content:"✦";position:absolute;left:0;color:var(--gold)}.about{background:radial-gradient(circle at center,rgba(201,162,74,.12),transparent 55%)}.about-card{max-width:1000px;margin:auto;display:grid;grid-template-columns:180px 1fr;gap:36px;align-items:center;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:34px;padding:42px;box-shadow:var(--shadow)}.cta{text-align:center;padding:110px 20px;background:linear-gradient(135deg,rgba(201,162,74,.18),rgba(255,255,255,.03)),url('/images/banner.jpg') center/cover no-repeat;background-blend-mode:multiply}.cta>div,.cta{position:relative}.cta p{max-width:680px;margin:0 auto 28px}footer{padding:40px 20px;text-align:center;border-top:1px solid rgba(255,255,255,.08);background:#070708;color:var(--muted)}footer img{width:240px;margin:0 auto 16px}.small{font-size:.84rem;color:#8d897f}.page-hero{padding:150px 20px 70px;text-align:center;background:radial-gradient(circle at top,rgba(201,162,74,.18),transparent 45%)}.page-hero h1{font-size:clamp(3rem,9vw,7rem)}.page-hero p{color:var(--muted);max-width:700px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.gallery-grid img{height:360px;margin:0;object-fit:cover}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:18px;right:18px;flex-direction:column;align-items:flex-start;padding:20px;background:rgba(11,11,12,.98);border:1px solid rgba(255,255,255,.1);border-radius:20px}.nav.open{display:flex}.service-grid,.price-grid,.split,.gallery-grid{grid-template-columns:1fr}.about-card{grid-template-columns:1fr;text-align:center}.about-card img{margin:auto;width:150px}.masonry img{height:auto}.hero h1{font-size:clamp(3rem,16vw,5rem)}.section{padding:72px 20px}}


/* Contact form */
.contact-section{padding:110px clamp(20px,5vw,84px);text-align:left}
.contact-wrap{max-width:1060px;margin:0 auto;display:grid;grid-template-columns:.9fr 1.1fr;gap:34px;align-items:start}
.contact-copy{text-align:left;padding-top:12px}
.contact-copy p{margin-left:0;margin-right:0}
.contact-form{background:rgba(11,11,12,.82);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:28px;box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-row{display:grid;gap:8px;margin-bottom:16px}
.contact-form label{font-size:.78rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gold);font-weight:800}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(255,255,255,.06);color:var(--white);padding:13px 14px;font:inherit;outline:none}
.contact-form select option{background:#111113;color:#f5f2ea}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.15)}
.contact-form textarea{resize:vertical;min-height:150px}
.form-submit{width:100%;border:0;cursor:pointer}
.form-note{margin:14px 0 0!important;text-align:center;font-size:.88rem;color:var(--muted)}
.hp-field{position:absolute!important;left:-9999px!important;opacity:0!important;height:0!important;width:0!important}
.alert{max-width:760px;margin:90px auto -60px;padding:16px 20px;border-radius:18px;text-align:center;border:1px solid var(--line);background:rgba(201,162,74,.11);color:var(--white)}
@media(max-width:900px){.contact-wrap,.form-grid{grid-template-columns:1fr}.contact-copy{text-align:center}.contact-copy p{margin-left:auto;margin-right:auto}.contact-form{padding:22px}}


/* Polished CXI Media contact form update */
.hp-field{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.contact-band{padding:110px clamp(20px,5vw,84px);background:radial-gradient(circle at 18% 10%,rgba(201,162,74,.18),transparent 28%),linear-gradient(135deg,#080809,#141416 55%,#09090a);border-top:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08)}
.contact-section{padding:110px clamp(20px,5vw,84px);text-align:left}
.contact-wrap{max-width:1120px;margin:0 auto;display:grid;grid-template-columns:.86fr 1.14fr;gap:34px;align-items:start}
.contact-copy{text-align:left;padding:28px 0}.contact-copy h2{margin-bottom:16px}.contact-copy p{max-width:520px;margin-left:0;margin-right:0}
.contact-form{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.032));border:1px solid rgba(255,255,255,.13);border-radius:30px;padding:30px;box-shadow:0 28px 80px rgba(0,0,0,.58);backdrop-filter:blur(16px)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row,.form-field{display:grid;gap:8px;margin-bottom:16px}.contact-form label{font-size:.76rem;text-transform:uppercase;letter-spacing:.14em;color:var(--gold2);font-weight:800}.contact-form input,.contact-form select,.contact-form textarea{width:100%;min-height:52px;border:1px solid rgba(255,255,255,.16);border-radius:16px;background:rgba(7,7,8,.72);color:var(--white);padding:14px 15px;font:inherit;outline:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}.contact-form textarea{min-height:165px;resize:vertical}.contact-form input::placeholder,.contact-form textarea::placeholder{color:rgba(245,242,234,.48)}.contact-form select option{background:#111113;color:#f5f2ea}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--gold2);box-shadow:0 0 0 4px rgba(201,162,74,.16),inset 0 1px 0 rgba(255,255,255,.05)}.form-submit{width:100%;border:0;cursor:pointer;margin-top:4px}.form-note{margin:14px 0 0!important;text-align:center;font-size:.88rem;color:var(--muted)}
.contact-hero-pro{padding:170px 20px 88px;background:linear-gradient(180deg,rgba(0,0,0,.52),rgba(11,11,12,.96)),url('/images/banner.jpg') center/cover no-repeat;text-align:center;border-bottom:1px solid rgba(255,255,255,.08)}.contact-hero-inner{max-width:860px;margin:auto}.contact-hero-pro h1{font-size:clamp(3rem,8vw,6.8rem);line-height:.92;margin:0 0 18px;text-transform:uppercase;letter-spacing:.04em}.contact-hero-pro p:not(.eyebrow){max-width:680px;margin:0 auto;color:var(--muted);font-size:1.08rem}.contact-page-pro{padding:90px clamp(20px,5vw,84px);background:radial-gradient(circle at 85% 20%,rgba(201,162,74,.16),transparent 30%),linear-gradient(135deg,#09090a,#141416 55%,#080809)}.contact-layout{max-width:1180px;margin:auto;display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:stretch}.contact-info-card{border:1px solid rgba(255,255,255,.12);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025));padding:34px;box-shadow:var(--shadow)}.contact-info-card h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.02;margin:0 0 18px}.contact-info-card p:not(.eyebrow){color:var(--muted)}.contact-highlights{display:grid;gap:12px;margin-top:28px}.contact-highlights div{display:flex;gap:14px;align-items:center;border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:14px;background:rgba(0,0,0,.24)}.contact-highlights strong{color:var(--gold2);letter-spacing:.12em}.contact-highlights span{color:var(--white);font-weight:700}.pro-form{padding:34px}
@media(max-width:900px){.contact-wrap,.contact-layout,.form-grid{grid-template-columns:1fr}.contact-copy{text-align:center;padding-top:0}.contact-copy p{margin-left:auto;margin-right:auto}.contact-form,.pro-form,.contact-info-card{padding:22px}.contact-section,.contact-page-pro,.contact-band{padding:72px 20px}.contact-hero-pro{padding:135px 20px 70px}.contact-hero-pro h1{font-size:clamp(2.8rem,14vw,4.6rem)}}

/* Clean centered contact form */
.contact-clean-page{
  position:relative;
  min-height:calc(100vh - 96px);
  padding:150px 20px 90px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.9)),
    url('/images/banner.jpg') center/cover no-repeat;
  overflow:hidden;
}
.contact-clean-page::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 8%,rgba(201,162,74,.26),transparent 34%);
  pointer-events:none;
}
.contact-clean-wrap{
  position:relative;
  z-index:1;
  width:min(100%, 880px);
  margin:0 auto;
}
.contact-clean-heading{
  text-align:center;
  margin:0 auto 30px;
  max-width:760px;
}
.contact-clean-heading h1{
  margin:0 0 14px;
  font-size:clamp(2.4rem,7vw,5.4rem);
  line-height:.95;
  text-transform:uppercase;
  letter-spacing:.035em;
}
.contact-clean-heading p:not(.eyebrow){
  max-width:670px;
  margin:0 auto;
  color:rgba(245,242,234,.78);
  font-size:clamp(1rem,2.2vw,1.15rem);
  line-height:1.7;
}
.contact-clean-card{
  width:100%;
  margin:0 auto;
  padding:clamp(22px,4vw,42px);
  border:1px solid rgba(201,162,74,.38);
  border-radius:30px;
  background:linear-gradient(180deg,rgba(15,15,17,.94),rgba(8,8,9,.96));
  box-shadow:0 30px 90px rgba(0,0,0,.62), 0 0 0 1px rgba(255,255,255,.04) inset;
  backdrop-filter:blur(16px);
}
.clean-form-grid.two-columns{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.clean-field{
  display:grid;
  gap:9px;
  margin-bottom:18px;
}
.clean-field label{
  color:#d9bd6a;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
}
.clean-field label span{color:#fff}
.clean-field input,
.clean-field select,
.clean-field textarea{
  width:100%;
  min-height:56px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:rgba(255,255,255,.065);
  color:#f7f3ea;
  padding:15px 16px;
  font:inherit;
  outline:none;
  transition:border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.clean-field textarea{
  min-height:165px;
  resize:vertical;
}
.clean-field input::placeholder,
.clean-field textarea::placeholder{color:rgba(247,243,234,.45)}
.clean-field select option{background:#111113;color:#f7f3ea}
.clean-field input:focus,
.clean-field select:focus,
.clean-field textarea:focus{
  border-color:#d9bd6a;
  background:rgba(255,255,255,.09);
  box-shadow:0 0 0 4px rgba(201,162,74,.18);
}
.clean-submit{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  background:linear-gradient(135deg,#f1d06f,#b9892d);
  color:#080809;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
  box-shadow:0 18px 42px rgba(201,162,74,.25);
  transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.clean-submit:hover{
  transform:translateY(-2px);
  filter:brightness(1.06);
  box-shadow:0 24px 54px rgba(201,162,74,.34);
}
.clean-form-note{
  margin:16px 0 0;
  text-align:center;
  color:rgba(245,242,234,.62);
  font-size:.92rem;
}
.hp-field{display:none!important}
@media(max-width:760px){
  .contact-clean-page{padding:130px 14px 70px;align-items:flex-start}
  .contact-clean-card{border-radius:24px;padding:22px}
  .clean-form-grid.two-columns{grid-template-columns:1fr;gap:0}
  .contact-clean-heading{margin-bottom:22px}
  .contact-clean-heading h1{font-size:clamp(2.25rem,12vw,3.5rem)}
  .clean-field input,.clean-field select,.clean-field textarea{font-size:16px}
}

/* Final simple centered contact page */
.cxi-contact-page{
  min-height:calc(100vh - 95px);
  background:
    radial-gradient(circle at 50% 0%, rgba(201,162,74,.20), transparent 34%),
    linear-gradient(180deg,#070708 0%,#111113 48%,#070708 100%);
  padding:96px 18px 86px;
}
.cxi-contact-shell{
  width:min(100%, 860px);
  margin:0 auto;
}
.cxi-contact-intro{
  text-align:center;
  margin:0 auto 28px;
}
.cxi-contact-intro h1{
  margin:0 0 14px;
  font-size:clamp(2.35rem,6vw,4.75rem);
  line-height:.98;
  letter-spacing:.015em;
  text-transform:none;
}
.cxi-contact-intro p:not(.eyebrow){
  max-width:640px;
  margin:0 auto;
  color:rgba(245,242,234,.74);
  font-size:clamp(1rem,2vw,1.12rem);
}
.cxi-contact-card{
  width:100%;
  background:rgba(13,13,15,.96);
  border:1px solid rgba(201,162,74,.36);
  border-radius:26px;
  padding:clamp(22px,4vw,38px);
  box-shadow:0 28px 80px rgba(0,0,0,.62), inset 0 1px 0 rgba(255,255,255,.05);
}
.cxi-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.cxi-field{
  display:grid;
  gap:8px;
  margin-bottom:18px;
}
.cxi-field label{
  color:#f2d47a;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.cxi-field label span{color:#fff;}
.cxi-field input,
.cxi-field select,
.cxi-field textarea{
  width:100%;
  min-height:54px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:14px;
  background:#17171a;
  color:#f5f2ea;
  padding:14px 15px;
  font:inherit;
  outline:none;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease;
}
.cxi-field textarea{
  min-height:155px;
  resize:vertical;
}
.cxi-field input::placeholder,
.cxi-field textarea::placeholder{color:rgba(245,242,234,.46);}
.cxi-field select option{background:#111113;color:#f5f2ea;}
.cxi-field input:focus,
.cxi-field select:focus,
.cxi-field textarea:focus{
  border-color:#f2d47a;
  background:#1d1d20;
  box-shadow:0 0 0 4px rgba(201,162,74,.16);
}
.cxi-submit{
  width:100%;
  min-height:58px;
  border:0;
  border-radius:999px;
  cursor:pointer;
  background:linear-gradient(135deg,#f2d47a,#c9a24a);
  color:#080809;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-size:.92rem;
  box-shadow:0 18px 42px rgba(201,162,74,.22);
}
.cxi-submit:hover{filter:brightness(1.06);transform:translateY(-1px);}
.cxi-note{
  margin:14px 0 0;
  text-align:center;
  color:rgba(245,242,234,.60);
  font-size:.92rem;
}
.hp-field{display:none!important;}
@media(max-width:760px){
  .cxi-contact-page{padding:70px 14px 64px;}
  .cxi-contact-card{border-radius:22px;}
  .cxi-field-grid{grid-template-columns:1fr;gap:0;}
  .cxi-field input,.cxi-field select,.cxi-field textarea{font-size:16px;}
}