/*
Theme Name: Lioni GmbH
Theme URI: https://example.com/lioni
Author: Lioni GmbH
Description: Custom construction and insulation company theme with project request form.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: lioni
*/
:root{--ink:#121811;--cream:#f1eee5;--lime:#c9f227;--muted:#697066;--line:#d7d7ce}*{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}.wrap{width:min(1180px,90vw);margin:auto}.header{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;font-size:24px;font-weight:900;letter-spacing:-1px}.brand small{font:700 9px monospace;letter-spacing:2px}.mark{display:flex;align-items:flex-end;gap:2px;transform:skew(-10deg)}.mark i{display:block;width:8px;background:var(--ink)}.mark i:nth-child(1){height:15px}.mark i:nth-child(2){height:23px}.mark i:nth-child(3){height:30px;background:var(--lime)}nav{display:flex;gap:30px;font-size:13px;font-weight:700}.cta,.button{background:var(--ink);color:#fff;padding:15px 19px;text-transform:uppercase;font-size:11px;font-weight:800;letter-spacing:.8px}.hero{position:relative;overflow:hidden;background:var(--ink);color:#fff;padding:95px 0 115px}.hero:before{content:"";position:absolute;inset:0;opacity:.08;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:64px 64px}.hero .wrap{position:relative;z-index:1}.eyebrow{font:700 11px monospace;text-transform:uppercase;letter-spacing:1.7px;margin:0 0 22px}.eyebrow:before{content:"";display:inline-block;width:24px;height:2px;background:var(--lime);margin-right:10px;vertical-align:middle}.hero h1{font-size:clamp(58px,8vw,110px);line-height:.88;letter-spacing:-6px;margin:0;max-width:900px}.hero h1 em{color:var(--lime);font-style:normal}.hero p.intro{max-width:570px;color:#b8beb5;font-size:17px;line-height:1.7;margin:35px 0}.hero .button{background:var(--lime);color:var(--ink);display:inline-block;padding:18px 23px}.service-strip{background:#20271f;color:#fff;padding:22px 5vw;text-align:center;font:700 10px monospace;letter-spacing:1.4px;text-transform:uppercase;word-spacing:22px}.section{padding:105px 0}.heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:55px}.heading h2,.dark h2,.request h2{font-size:clamp(45px,5vw,72px);line-height:.95;letter-spacing:-4px;margin:0}.heading>p{max-width:420px;color:var(--muted);line-height:1.7}.services{display:grid;grid-template-columns:repeat(4,1fr);border-left:1px solid var(--line)}.card{padding:28px;min-height:370px;border-right:1px solid var(--line)}.card .num{font:700 11px monospace;color:#777}.card .icon{height:105px;position:relative;margin:45px 0 25px}.card .icon:before{content:"";position:absolute;bottom:25px;width:84px;height:7px;background:var(--ink);transform:skewY(-18deg)}.card .icon:after{content:"";position:absolute;top:0;right:15%;width:32px;height:32px;background:var(--lime);border-radius:50%}.card h3{font-size:22px}.card p{color:var(--muted);font-size:14px;line-height:1.65}.dark{background:var(--ink);color:#fff}.process{display:grid;grid-template-columns:1.1fr .9fr;gap:10vw}.dark .copy>p{color:#aeb5ac;line-height:1.7}.steps{margin-top:40px;display:flex;gap:25px}.steps div{border-top:1px solid #3b4539;padding-top:14px;min-width:130px}.steps b{display:block;color:var(--lime);font:700 12px monospace}.benefits{background:#242c23;padding:38px}.benefits div{padding:22px 0;border-top:1px solid #3a4438}.benefits b{display:block}.benefits small{display:block;color:#9da69a;margin-top:7px;line-height:1.5}.request-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:8vw}.request-copy>p{color:var(--muted);line-height:1.7}.form-box{background:#fff;padding:40px;box-shadow:12px 12px 0 #dbd9cf}.form-box h3{font:800 12px monospace;text-transform:uppercase;border-bottom:2px solid var(--ink);padding-bottom:16px}.row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field{display:block;font-size:12px;font-weight:700;margin:0 0 18px}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #d1d4cd;background:#f7f7f3;padding:13px;margin-top:8px;font:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--lime);border-color:var(--ink)}.submit{width:100%;border:0;background:var(--ink);color:#fff;padding:17px;text-align:left;text-transform:uppercase;font-weight:800;font-size:11px;cursor:pointer}.notice{padding:15px;margin-bottom:20px;background:#e7f6b0;border-left:4px solid var(--lime)}footer{background:#0c110b;color:#fff;padding:35px 0}footer .wrap{display:flex;justify-content:space-between;align-items:center}footer p{color:#899084;font:600 10px monospace;text-transform:uppercase}.footer-brand .mark i{background:#fff}.footer-brand .mark i:last-child{background:var(--lime)}@media(max-width:850px){nav{display:none}.services{grid-template-columns:1fr 1fr}.process,.request-grid{grid-template-columns:1fr}.heading{align-items:start;flex-direction:column}}@media(max-width:560px){.header .cta{padding:12px;font-size:9px}.hero{padding:65px 0 90px}.hero h1{font-size:54px;letter-spacing:-3px}.section{padding:75px 0}.heading h2,.dark h2,.request h2{font-size:47px;letter-spacing:-2px}.services,.row{grid-template-columns:1fr}.card{min-height:300px;border-left:1px solid var(--line)}.steps{flex-direction:column}.form-box{padding:24px;box-shadow:7px 7px 0 #dbd9cf}footer .wrap{align-items:start;gap:20px;flex-direction:column}}