/*
Theme Name: La Quadri Engineering
Theme URI: https://www.laquadriengineering.it/
Author: La Quadri Engineering
Description: Tema istituzionale personalizzato per La Quadri Engineering.
Version: 1.0.0
Text Domain: la-quadri-engineering
*/

:root { --brown:#60352f; --deep:#291a17; --gold:#d7bd76; --cream:#f5f0e4; --ink:#352723; --white:#fffdf8; }
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif} a{color:inherit;text-decoration:none} img{display:block;max-width:100%}
.topbar{height:92px;padding:0 5vw;display:flex;align-items:center;gap:34px;background:rgba(255,253,248,.97);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(96,53,47,.12)}
.brand img{width:205px;height:76px;object-fit:contain}.topbar nav{display:flex;gap:26px;margin-left:auto;font-size:11px;text-transform:uppercase;letter-spacing:.13em}.topbar nav a:hover{color:var(--brown)}.nav-cta{border:1px solid var(--brown);padding:14px 18px;font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.hero{height:calc(100vh - 92px);min-height:690px;position:relative;color:white;overflow:hidden;background:#102033}.hero-image{width:100%;height:100%;object-fit:cover}.hero-gradient{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,20,34,.94) 0%,rgba(9,25,42,.77) 32%,rgba(8,20,31,.12) 70%)}.hero-panel{position:absolute;left:7vw;top:50%;transform:translateY(-50%);width:min(520px,42vw)}.hero-panel>img{width:205px;height:112px;object-fit:contain;background:white;margin-bottom:35px}.hero-panel h1{font-family:Arial,Helvetica,sans-serif;font-size:clamp(45px,5vw,80px);line-height:.96;font-weight:300;text-transform:uppercase;letter-spacing:-.025em;margin:0}.hero-panel h1 strong{color:var(--gold);font-weight:600}.hero-panel p{max-width:430px;font-size:17px;line-height:1.62;color:rgba(255,255,255,.82);margin:30px 0 0}.hero-scroll{position:absolute;right:4vw;bottom:35px;padding:14px 18px;background:rgba(10,22,36,.72);backdrop-filter:blur(10px);border:1px solid rgba(215,189,118,.55);text-transform:uppercase;letter-spacing:.15em;font-size:10px}.hero-scroll span{margin-left:12px;color:var(--gold)}.eyebrow{text-transform:uppercase;letter-spacing:.25em;font-size:11px;font-weight:bold;color:var(--brown);margin:0 0 24px}.eyebrow.light{color:#ebd794}.section h2,.project-image h2{font-family:Georgia,'Times New Roman',serif;font-weight:400}.button{display:inline-block;padding:17px 25px;text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:bold}.button.gold{background:var(--gold);color:var(--deep)}.button.brown{background:var(--brown);color:white}
.section{padding:120px 8vw}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:11vw;align-items:start}.intro h2,.section-heading h2,.feature h2,.solutions h2,.contact h2{font-size:clamp(39px,4vw,67px);line-height:1.06;margin:0}.intro-copy{padding-top:43px;font-size:17px;line-height:1.8}.intro-copy p{margin:0 0 20px}.signature{border-top:1px solid var(--gold);padding-top:20px;margin-top:40px;text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--brown)}
.services{background:var(--brown);color:white}.section-heading{display:flex;align-items:end;justify-content:space-between}.section-heading h2{max-width:800px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:80px;border-top:1px solid rgba(255,255,255,.25)}.service-card{padding:38px 28px 15px 0;border-right:1px solid rgba(255,255,255,.2);min-height:270px}.service-card+article{padding-left:28px}.service-card span{font-family:Georgia,serif;color:var(--gold);font-size:15px}.service-card h3{font-family:Georgia,serif;font-size:25px;font-weight:400;margin:62px 0 16px}.service-card p{font-size:14px;line-height:1.7;color:rgba(255,255,255,.68)}
.feature{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.feature-image{height:720px;overflow:hidden}.feature-image img{width:100%;height:100%;object-fit:cover}.feature-copy p{font-size:17px;line-height:1.75}.feature-copy ul{list-style:none;padding:0;margin:36px 0 0;border-top:1px solid rgba(96,53,47,.25)}.feature-copy li{padding:17px 0;border-bottom:1px solid rgba(96,53,47,.25);font-size:12px;text-transform:uppercase;letter-spacing:.14em}
.project-image{height:80vh;min-height:620px;position:relative;color:white}.project-image img{width:100%;height:100%;object-fit:cover}.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(21,13,11,.76),transparent 65%)}.project-image>div{position:absolute;left:8vw;bottom:80px;z-index:2;max-width:820px}.project-image h2{font-size:clamp(42px,5vw,76px);line-height:1.05;margin:0}
.solutions{display:block}.solution-copy{max-width:940px}.solution-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:700px}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:32px}.pill-row span{border:1px solid var(--gold);border-radius:40px;padding:10px 14px;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.network{background:#12334a;color:white}.network-intro{display:grid;grid-template-columns:1.25fr .75fr;gap:9vw;align-items:end}.network-intro h2{font-size:clamp(42px,5vw,76px);line-height:1.02;margin:0}.network-intro>p{font-size:16px;line-height:1.75;color:rgba(255,255,255,.72);margin:0}.network-system{display:flex;flex-wrap:wrap;gap:9px;margin:65px 0 45px}.network-system span{padding:11px 15px;border:1px solid rgba(215,189,118,.55);border-radius:30px;color:#f0dda4;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.process{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid rgba(255,255,255,.22);border-bottom:1px solid rgba(255,255,255,.22)}.process-step{padding:30px 24px 30px 0;min-height:230px}.process-step+.process-step{border-left:1px solid rgba(255,255,255,.18);padding-left:24px}.process-step b{font-family:Georgia,serif;color:var(--gold);font-size:16px;font-weight:400}.process-step h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin:38px 0 12px}.process-step p{font-size:13px;line-height:1.65;color:rgba(255,255,255,.65);margin:0}.network-benefits{display:flex;flex-wrap:wrap;gap:14px 28px;align-items:center;margin-top:35px;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.72)}.network-benefits strong{color:var(--gold);margin-right:10px}
.technical{background:var(--brown);color:white}.technical-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:70px}.technical-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.02;margin:0}.technical-heading>p{font-size:15px;line-height:1.75;color:rgba(255,255,255,.7);margin:0}.drawing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.drawing{margin:0;background:var(--white);color:var(--deep);overflow:hidden}.drawing-wide{grid-column:1/-1}.drawing img{width:100%;height:450px;object-fit:contain;padding:24px;background:#f8f5ee}.drawing-wide img{height:560px}.drawing figcaption{display:flex;align-items:center;gap:16px;padding:20px 24px;text-transform:uppercase;letter-spacing:.13em;font-size:11px}.drawing figcaption span{color:#9b7338;font-family:Georgia,serif;font-size:17px}
.datacenter{background:var(--deep);color:white;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw;align-items:center}.data-copy h2{font-size:clamp(45px,5vw,80px);line-height:1;margin:0 0 28px}.data-copy>p:not(.eyebrow){color:rgba(255,255,255,.7);line-height:1.7}.datacenter img{background:white;padding:12px}
.contact{display:grid;grid-template-columns:1.2fr 1fr;gap:10vw}.contact-details{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding-top:40px}.contact-details>a:not(.button){font-family:Georgia,serif;font-size:22px}.contact-details p{line-height:1.65;margin:22px 0}.contact-details .button{margin-top:10px}
footer{background:#fffdf8;padding:70px 8vw 28px;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:38px 5vw;border-top:1px solid rgba(96,53,47,.15);font-size:11px;line-height:1.7;color:#66544e}.footer-brand img{width:210px;height:110px;object-fit:contain;margin-bottom:16px}.footer-brand p{max-width:250px;text-transform:uppercase;letter-spacing:.14em;font-size:9px}.footer-block strong{text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--brown)}.footer-block p{margin:12px 0 0}.footer-company{grid-column:2/4;border-top:1px solid rgba(96,53,47,.15);padding-top:22px}.footer-bottom{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:18px 35px;border-top:1px solid rgba(96,53,47,.15);padding-top:22px;margin-top:5px;text-transform:uppercase;letter-spacing:.08em;font-size:9px}
@media(max-width:900px){.topbar{height:82px}.topbar nav{display:none}.brand img{width:165px;height:70px}.nav-cta{margin-left:auto;padding:11px;font-size:9px}.hero{height:820px;min-height:0}.hero-gradient{background:linear-gradient(90deg,rgba(7,20,34,.94),rgba(9,25,42,.48))}.hero-panel{width:auto;left:7vw;right:7vw}.hero-panel h1{font-size:55px}.hero-panel>img{width:185px;height:100px}.hero-scroll{right:20px;bottom:20px}.section{padding:80px 7vw}.intro,.feature,.solutions,.datacenter,.contact,.technical-heading,.network-intro{grid-template-columns:1fr;gap:45px}.intro-copy{padding-top:0}.service-grid{grid-template-columns:1fr 1fr}.service-card:nth-child(2){border-right:0}.feature-image{height:520px;order:2}.project-image{height:680px}.datacenter img{order:-1}.process{grid-template-columns:repeat(2,1fr)}.process-step{border-bottom:1px solid rgba(255,255,255,.18)}.process-step:nth-child(odd){border-left:0;padding-left:0}.contact-details{padding-top:0}.drawing img,.drawing-wide img{height:390px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-company{grid-column:1/-1}.footer-bottom{grid-column:1/-1}}
@media(max-width:560px){.nav-cta{display:none}.hero{height:720px}.hero-panel h1{font-size:42px}.hero-panel p{font-size:15px}.hero-panel>img{width:160px;height:86px;margin-bottom:25px}.hero-scroll{display:none}.service-grid,.drawing-grid,.process{grid-template-columns:1fr}.drawing-wide{grid-column:auto}.service-card,.service-card+article{padding:28px 0;border-right:0;border-bottom:1px solid rgba(255,255,255,.2);min-height:0}.service-card h3{margin-top:28px}.feature-image{height:430px}.project-image{height:620px}.project-image>div{left:7vw;right:7vw;bottom:55px}.solutions h2,.contact h2{font-size:40px}.process-step,.process-step+.process-step,.process-step:nth-child(odd){padding:25px 0;border-left:0;min-height:0}.process-step h3{margin-top:20px}.drawing img,.drawing-wide img{height:300px;padding:12px}.contact-details>a:not(.button){font-size:18px;word-break:break-word}footer{grid-template-columns:1fr}.footer-brand,.footer-company,.footer-bottom{grid-column:1}}