/* Golden Engineering — landing page specific styles (extracted from golden-engineering-v2.html). */

/* HERO */
.hero{position:relative;padding:74px 0 64px}
.hero-grid{display:grid;grid-template-columns:1.04fr .96fr;gap:50px;align-items:center}
.eyebrow{display:inline-flex;align-items:center;gap:9px;color:var(--gold-light);background:rgba(201,162,77,.09);border:1px solid rgba(201,162,77,.24);padding:7px 13px;border-radius:999px;font-weight:700;font-size:12.5px;letter-spacing:.02em;margin-bottom:22px}
.eyebrow::before{content:"";width:7px;height:7px;background:var(--gold);border-radius:999px;box-shadow:0 0 0 5px rgba(201,162,77,.14);animation:pulse 2.4s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.35}}
h1{font-family:var(--serif);font-weight:600;font-size:clamp(40px,5.6vw,70px);line-height:1.0;letter-spacing:-.02em;margin-bottom:22px}
h1 em{font-style:italic;color:var(--gold-light)}
.lead{color:var(--muted);font-size:18px;max-width:560px;margin-bottom:28px}
.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-bottom:30px}
.trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;max-width:600px}
.trust-item{border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:16px;padding:15px}
.trust-item strong{display:block;font-family:var(--serif);font-size:24px;color:var(--white);line-height:1.05}
.trust-item span{color:var(--muted-2);font-size:12.5px}

/* HERO before/after slider */
.hero-visual{position:relative;min-height:560px}
.ba{position:relative;height:560px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow);user-select:none;cursor:ew-resize;background:linear-gradient(135deg,#2a2620,#14110c)}
.ba-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
.ba-top{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0);filter:saturate(.55) brightness(.7)}
.ba-divider{position:absolute;top:0;bottom:0;left:var(--pos,50%);width:2px;background:var(--white);transform:translateX(-1px);box-shadow:0 0 14px rgba(0,0,0,.5)}
.ba-knob{position:absolute;top:50%;left:var(--pos,50%);transform:translate(-50%,-50%);width:46px;height:46px;border-radius:999px;background:rgba(20,18,12,.7);backdrop-filter:blur(8px);border:2px solid var(--white);display:grid;place-items:center;color:var(--white);font-size:18px;box-shadow:0 8px 24px rgba(0,0,0,.45)}
.ba-tag{position:absolute;top:16px;z-index:3;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:5px 11px;border-radius:999px;backdrop-filter:blur(6px)}
.ba-tag.bef{left:16px;background:rgba(0,0,0,.5);color:rgba(255,255,255,.9)}
.ba-tag.aft{right:16px;background:var(--gold);color:#15120b}
.float-card{position:absolute;left:-24px;bottom:30px;width:280px;border-radius:22px;padding:18px;background:rgba(22,25,34,.82);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.14);z-index:4;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.float-card strong{font-size:16px;display:block;margin-bottom:7px}
.float-card p{color:var(--muted);font-size:13px;margin-bottom:12px}
.progress{height:7px;background:rgba(255,255,255,.12);border-radius:999px;overflow:hidden}
.progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-light));border-radius:inherit;transition:width 1.4s cubic-bezier(.2,.7,.2,1)}
.insp-card{position:absolute;right:-16px;top:28px;width:150px;border-radius:20px;background:#f7f0e3;color:#191610;padding:17px;z-index:4;box-shadow:0 24px 60px rgba(0,0,0,.32)}
.insp-card small{color:#6f6454;font-weight:800;font-size:11px;text-transform:uppercase;letter-spacing:.06em}
.insp-card .price{font-family:var(--serif);font-size:38px;font-weight:600;line-height:1;color:#17120b;margin-top:4px}

/* SERVICES */
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.service-card{min-height:248px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018));padding:24px;position:relative;overflow:hidden;transition:transform .3s,border-color .3s}
.service-card:hover{transform:translateY(-5px);border-color:rgba(201,162,77,.4)}
.service-card::after{content:"";position:absolute;width:120px;height:120px;border-radius:999px;background:rgba(201,162,77,.08);top:-40px;right:-40px}
.s-icon{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:rgba(201,162,77,.12);border:1px solid rgba(201,162,77,.24);color:var(--gold-light);font-size:22px;margin-bottom:20px}
.service-card h3{font-family:var(--serif);font-weight:600;font-size:21px;margin-bottom:9px}
.service-card p{color:var(--muted);font-size:14.5px;margin-bottom:16px}
.text-link{color:var(--gold-light);font-weight:800;font-size:13.5px}

/* PROCESS */
.process{background:linear-gradient(rgba(12,14,18,.9),rgba(12,14,18,.96)),url("https://images.unsplash.com/photo-1503387762-592deb58ef4e?auto=format&fit=crop&w=1600&q=80");background-size:cover;background-position:center}
.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:11px}
.step{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);backdrop-filter:blur(8px);border-radius:18px;padding:17px;min-height:200px;transition:transform .3s,background .3s}
.step:hover{transform:translateY(-4px);background:rgba(255,255,255,.09)}
.step-num{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:var(--gold);color:#17120b;font-weight:900;font-family:var(--serif);margin-bottom:16px}
.step h3{font-size:16px;margin-bottom:7px;letter-spacing:-.01em}
.step p{color:var(--muted);font-size:13px;line-height:1.5}

/* PROJECTS */
.filters{display:flex;gap:8px;flex-wrap:wrap}
.flt{padding:8px 16px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--line);color:var(--muted);background:rgba(255,255,255,.03);cursor:pointer;transition:all .2s;font-family:inherit}
.flt.on,.flt:hover{background:var(--gold);color:#15120b;border-color:var(--gold)}
.proj-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}
.proj-card{position:relative;border-radius:22px;overflow:hidden;border:1px solid var(--line);background:var(--bg-card);min-height:300px;cursor:pointer;grid-column:span 2;transition:transform .3s,box-shadow .3s}
.proj-card.wide{grid-column:span 3}
.proj-card.tall{grid-row:span 1}
.proj-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.proj-card.hide{display:none}
.pimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transition:opacity .55s ease,transform .5s ease}
.pimg.after-img{opacity:0}
.proj-card:hover .pimg.before-img{opacity:0}
.proj-card:hover .pimg.after-img{opacity:1}
.proj-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.8));z-index:1}
.swatch{position:absolute;top:14px;left:14px;z-index:3;font-size:10.5px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:5px 11px;border-radius:999px;transition:all .3s}
.swatch.bef{background:rgba(0,0,0,.5);color:rgba(255,255,255,.85)}
.proj-card:hover .swatch.bef{opacity:0}
.swatch.aft{background:var(--gold);color:#15120b;opacity:0}
.proj-card:hover .swatch.aft{opacity:1}
.pinfo{position:absolute;z-index:3;left:22px;right:22px;bottom:20px}
.ptags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:11px}
.ptag{font-size:11px;font-weight:800;color:#17120b;background:rgba(230,199,114,.92);padding:5px 9px;border-radius:999px}
.pinfo h3{font-family:var(--serif);font-weight:600;font-size:21px;letter-spacing:-.01em;margin-bottom:5px}
.proj-card.wide .pinfo h3{font-size:25px}
.pinfo p{color:rgba(245,241,234,.8);font-size:13.5px;max-width:560px}
.hint{display:inline-flex;align-items:center;gap:6px;margin-top:9px;font-size:12px;font-weight:700;color:var(--gold-light);opacity:.85}

/* INSPECTION + FORM */
.split{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}
.panel{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.022));border:1px solid var(--line);border-radius:28px;padding:34px;box-shadow:var(--shadow)}
.panel p{color:var(--muted);margin-bottom:18px}
.check-list{display:grid;gap:12px;margin:20px 0}
.check{display:flex;gap:12px;align-items:flex-start;color:var(--muted);font-size:14.5px}
.check::before{content:"✓";flex:0 0 24px;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;background:rgba(201,162,77,.16);color:var(--gold-light);font-weight:900;font-size:12px}
.form-card{background:#f5efe3;color:#17120b;border-radius:28px;padding:34px;box-shadow:var(--shadow)}
.form-card h3{font-family:var(--serif);font-weight:600;font-size:28px;line-height:1.05;margin-bottom:8px}
.form-card>p{color:#6c6256;margin-bottom:22px;font-size:14.5px}
.form-grid{display:grid;gap:11px}
.form-card input,.form-card select,.form-card textarea{width:100%;border:1px solid rgba(0,0,0,.12);background:rgba(255,255,255,.74);border-radius:14px;padding:13px 15px;font:inherit;font-size:14.5px;outline:none;transition:border-color .2s,box-shadow .2s}
.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(201,162,77,.16)}
.form-card textarea{min-height:104px;resize:vertical}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:11px}
.form-card .btn-dark{width:100%;margin-top:3px}
.note{color:#766c61;font-size:12.5px;margin-top:11px}
.field-error{color:#b4402f;font-size:12px;font-weight:600}
.form-status{padding:13px 15px;border-radius:14px;font-size:14px;font-weight:600;margin-bottom:6px}
.form-status.ok{background:rgba(123,197,141,.2);color:#2c6b3c;border:1px solid rgba(123,197,141,.5)}
.form-status.err{background:rgba(217,107,95,.18);color:#9b3326;border:1px solid rgba(217,107,95,.45)}

/* TESTIMONIALS */
.testimonials{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.quote{border:1px solid var(--line);background:rgba(255,255,255,.045);border-radius:22px;padding:24px}
.stars{color:var(--gold);font-size:14px;letter-spacing:2px;margin-bottom:12px}
.quote p{color:var(--text);font-size:15px;margin-bottom:16px;font-style:italic}
.quote strong{color:var(--muted);font-style:normal;font-size:13.5px;font-weight:700}

@media(max-width:1050px){
  .hero-grid,.split,.proj-grid{grid-template-columns:1fr}
  .proj-card,.proj-card.wide{grid-column:span 1}
  .hero-visual{min-height:480px}.ba{height:480px}
  .services-grid{grid-template-columns:repeat(2,1fr)}
  .steps{grid-template-columns:repeat(2,1fr)}
  .testimonials{grid-template-columns:1fr}
}
@media(max-width:820px){
  .trust-row,.services-grid,.steps,.form-row{grid-template-columns:1fr}
  .float-card,.insp-card{position:relative;inset:auto;width:auto;margin-top:12px}
  .hero-visual{min-height:auto}.ba{height:380px}
}