:root{--bg:#0b0b0c;--gold:#e9b84e;--gold2:#ffd87b;--text:#f5f3ef;--muted:#b8b5b0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}.header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;gap:35px;padding:14px max(4%,calc((100vw - 1380px)/2));background:linear-gradient(#080808dc,transparent)}.brand{display:flex;flex-direction:column;align-items:center;min-width:230px;line-height:1}.monogram{font-family:Georgia,serif;font-size:42px;font-weight:bold;color:var(--gold2);letter-spacing:-9px;padding-right:9px}.brand strong{font-family:Georgia,serif;letter-spacing:6px;font-size:24px}.brand small{font-size:9px;letter-spacing:4px;margin-top:9px;color:#e7e0cf}.header nav{display:flex;gap:30px;align-items:center;margin:auto}.header nav a{font-size:14px;white-space:nowrap}.header nav a:hover,.header nav .active{color:var(--gold2)}.phone{border:1px solid var(--gold);border-radius:30px;padding:12px 18px;white-space:nowrap;font-weight:bold}.menu-toggle{display:none}.hero{min-height:570px;position:relative;display:flex;align-items:center;overflow:hidden;background:#08090b}.hero-image{position:absolute;inset:0 0 0 37%;background:url('assets/hero-gate.jpg') center center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#09090bf7 0%,#09090be8 29%,#09090b78 49%,#09090b05 85%),linear-gradient(0deg,#09090b5a,transparent 30%)}.hero-inner{position:relative;z-index:1;padding:140px 5% 85px;width:100%;max-width:1400px;margin:auto}.eyebrow{font-size:12px;letter-spacing:4px;font-weight:600}.hero h1{font:normal clamp(38px,5vw,70px)/1.08 Georgia,serif;letter-spacing:-1.5px;margin:25px 0 12px}.hero h1 em,h2 em{font-style:normal;color:var(--gold2)}.gold-rule{width:70px;height:3px;background:var(--gold);margin:20px 0}.intro{line-height:1.9;font-size:17px;color:#e9e9e9}.cta{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 24px;border-radius:8px;background:linear-gradient(135deg,#ffe39b,#e6a925);color:#15120a;font-weight:750;cursor:pointer;margin-top:20px;box-shadow:0 2px 18px #0006}.cta:hover{filter:brightness(1.08)}.features{display:flex;justify-content:space-around;flex-wrap:wrap;gap:20px;padding:24px 4%;border-block:1px solid #8c6d2c;background:#111}.features span{font-size:13px}.collections{max-width:1370px;margin:auto;padding:70px 25px 85px}.center{text-align:center;color:var(--gold)}h2{font:normal clamp(29px,3.5vw,45px)/1.2 Georgia,serif}.collections h2{text-align:center;margin:8px 0}.heading-line{height:2px;background:var(--gold);width:80px;margin:22px auto 35px}.products{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.product{grid-column:span 3;min-width:0;border:1px solid #9a762d;border-radius:12px;overflow:hidden;background:#171717;transition:transform .2s,border-color .2s}.product:hover{transform:translateY(-4px);border-color:var(--gold2)}.product:nth-child(n+5){grid-column:span 4}.product img{display:block;width:100%;height:210px;object-fit:cover}.product span{padding:17px 18px;display:flex;align-items:center;justify-content:space-between;font-size:17px}.product b{color:var(--gold);font-size:24px;font-weight:normal}.about{padding:75px max(7%,calc((100vw - 1100px)/2));background:linear-gradient(125deg,#191713,#0d0d0e);border-block:1px solid #493b23}.about h2{margin:15px 0}.about p:last-child{max-width:800px;color:var(--muted);line-height:1.8}.contact{padding:80px max(5%,calc((100vw - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact p{line-height:1.7;color:var(--muted)}.contact form{display:flex;flex-direction:column;gap:10px;background:#161616;border:1px solid #67522e;padding:28px;border-radius:14px}.contact label{font-size:14px;color:#e3d6bc}.contact select,.contact textarea{background:#0e0e0e;border:1px solid #5e5444;border-radius:6px;color:#fff;padding:12px;width:100%}.contact form .cta{width:100%;margin-top:12px}.contact form small{color:#aaa;line-height:1.5}.projects{padding:50px 5% 90px;max-width:1300px;margin:auto}.projects p{color:var(--muted)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.project-grid img{width:100%;height:260px;object-fit:cover;border-radius:9px}footer{border-top:1px solid #4d3b1d;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px 5%;color:#ccc}footer strong{font-family:Georgia,serif;letter-spacing:3px;color:#fff}footer small{font-size:9px;letter-spacing:1px}.floating{position:fixed;right:22px;bottom:22px;z-index:15;width:56px;height:56px;display:grid;place-items:center;background:#18ba55;color:white;font-size:30px;border-radius:50%;box-shadow:0 4px 20px #0008}@media(max-width:1000px){.header{gap:15px}.brand{min-width:180px}.brand strong{font-size:19px}.header nav{gap:15px}.header nav a{font-size:12px}.phone{font-size:12px}.product img{height:180px}}@media(max-width:760px){.header{position:absolute;padding:12px 18px;justify-content:space-between}.brand{min-width:0}.monogram{font-size:32px}.brand strong{font-size:16px;letter-spacing:4px}.brand small{font-size:7px;letter-spacing:2px}.menu-toggle{display:block;background:#151515;color:var(--gold2);border:1px solid #80652f;border-radius:7px;padding:8px 12px;font-size:22px}.header nav{display:none;position:absolute;top:85px;right:15px;left:15px;background:#151515;border:1px solid #80652f;border-radius:10px;padding:20px;flex-direction:column;align-items:stretch}.header nav.open{display:flex}.header nav a{font-size:16px;padding:7px}.phone{display:none}.hero{min-height:630px;align-items:flex-end}.hero-image{inset:0;background-position:60% center}.hero:after{background:linear-gradient(0deg,#09090b 7%,#09090be6 32%,#09090b52 78%),linear-gradient(90deg,#09090b55,transparent)}.hero-inner{padding:190px 22px 55px}.hero h1{font-size:43px}.intro{font-size:14px}.features{justify-content:flex-start;padding:20px;gap:14px 25px}.features span{font-size:12px}.collections{padding:50px 15px}.products{gap:12px}.product,.product:nth-child(n+5){grid-column:span 6}.product img{height:145px}.product span{font-size:13px;padding:12px 10px}.product b{font-size:18px}.contact{grid-template-columns:1fr;padding:55px 18px;gap:20px}.project-grid{grid-template-columns:1fr 1fr}.project-grid img{height:170px}footer{flex-wrap:wrap;font-size:12px}}@media(max-width:400px){.hero h1{font-size:37px}.product img{height:120px}.product span{font-size:12px}}

/* FERROARTE: hero mobil compact, aproximativ 50% mai scurt */
@media (max-width:760px){
  .hero{min-height:315px;align-items:flex-end}
  .hero-inner{padding:95px 18px 22px}
  .hero .eyebrow{font-size:9px;letter-spacing:2px}
  .hero h1{font-size:29px;line-height:1.05;margin:9px 0 6px;letter-spacing:-.5px}
  .hero .gold-rule{margin:9px 0;width:48px;height:2px}
  .hero .intro{font-size:11px;line-height:1.35;margin:7px 0}
  .hero .cta{font-size:11px;padding:10px 13px;gap:10px;margin-top:9px}
}
@media (max-width:400px){.hero h1{font-size:27px}}

/* FERROARTE: spatiere compacta pentru titlul colectiilor pe mobil.
   Varianta aleasa: 50% reducere, apoi +10% fata de varianta redusa. */
@media (max-width:760px) {
  .collections { padding-top: 28px; padding-bottom: 50px; }
  .collections .eyebrow { margin-top: 0; margin-bottom: 8px; }
  .collections h2 { margin-top: 5px; margin-bottom: 5px; }
  .collections .heading-line { margin-top: 12px; margin-bottom: 19px; }
}