/*
Theme Name: A&T Kluswerk
Author: A&T Kluswerk
Description: A&T Kluswerk WordPress theme based on the Agentic design export.
Version: 1.0.0
*/
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&display=swap');
:root{--charcoal-900:#1a1a1a;--charcoal-800:#2d2d2d;--charcoal-700:#3a3a3a;--terracotta:#c85a3a;--terracotta-light:#dc846d;--cream:#f9f6f2;--off-white:#f5f3f0;--light-gray:#e8e6e3;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--off-white);color:var(--charcoal-900);font-family:Outfit,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:var(--terracotta);text-decoration:none;transition:.2s}a:hover{color:var(--charcoal-900)}.site-header{background:var(--charcoal-900);color:var(--cream);position:sticky;top:0;z-index:20}.header-inner{max-width:1180px;margin:auto;padding:20px 28px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{color:var(--cream);font-weight:800;letter-spacing:.08em;font-size:1.25rem}.brand span{color:var(--terracotta)}.main-nav ul{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}.main-nav a{color:var(--cream);font-size:.95rem;font-weight:500}.main-nav a:hover{color:var(--terracotta-light)}.site-main{min-height:70vh}.content-wrap{max-width:1120px;margin:0 auto;padding:72px 28px}.home-content>main>article>main>section:first-child{margin:-72px calc((1120px - 100vw)/2) 72px;padding:120px max(28px,calc((100vw - 1120px)/2)) 115px;background:linear-gradient(120deg,var(--charcoal-900),var(--charcoal-800));color:var(--cream);position:relative;overflow:hidden}.home-content h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:1.02;margin:0 0 24px;letter-spacing:-.05em}.home-content>main>article>main>section:first-child>*{position:relative;z-index:1;max-width:740px}.home-content>main>article>main>section:first-child p{font-size:1.2rem;max-width:650px}.home-content>main>article>main>section:first-child a,.content-wrap main a[href*="contact"]{display:inline-block;background:var(--terracotta);color:#fff;padding:13px 22px;border-radius:999px;font-weight:700;margin:10px 8px 0 0}.home-content>main>article>main>section:first-child a:hover{background:var(--terracotta-light);color:#fff}main{max-width:920px;margin:auto}h1,h2,h3{line-height:1.1;letter-spacing:-.04em}h1{font-size:clamp(2.3rem,5vw,4.5rem);margin:0 0 24px}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:64px 0 18px}h3{font-size:1.35rem;margin:30px 0 8px}main>p:first-child{color:var(--terracotta);font-weight:700;text-transform:uppercase;letter-spacing:.16em;font-size:.8rem}main ul,main ol{padding-left:1.3rem}main li{margin:.5rem 0}.home-content>main>article>main>section:not(:first-child){max-width:920px;margin:0 auto 48px}.home-content>main>article>main>section:nth-child(2) ul{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;list-style:none;padding:0}.home-content>main>article>main>section:nth-child(2) li{background:var(--cream);border:1px solid var(--light-gray);border-radius:var(--radius);padding:28px;font-weight:700}.site-footer{background:var(--charcoal-900);color:var(--cream);margin-top:60px}.footer-inner{max-width:1180px;margin:auto;padding:46px 28px;display:flex;justify-content:space-between;gap:24px}.site-footer a{color:var(--terracotta-light)}input,textarea,select{width:100%;padding:13px 15px;border:1px solid var(--light-gray);border-radius:10px;background:#fff;font:inherit;margin:6px 0 16px}button,.wp-element-button{background:var(--terracotta);color:#fff;border:0;border-radius:999px;padding:13px 24px;font:inherit;font-weight:700;cursor:pointer}@media(max-width:760px){.header-inner{align-items:flex-start;flex-direction:column}.main-nav ul{flex-wrap:wrap;gap:12px}.content-wrap{padding:48px 20px}.home-content>main>article>main>section:first-child{margin:-48px -20px 48px;padding:80px 20px}.footer-inner{flex-direction:column}}