/*
Theme Name: Beckers Techniek - Live Composer Blocks
Template: astra
Version: 2.0
*/
:root{--bt-navy:#061827;--bt-navy2:#0a2235;--bt-blue:#11a8f5;--bt-text:#f5f8fb;--bt-muted:#b7c6d3;--bt-line:rgba(255,255,255,.13)}
.bt-lc-page{background:var(--bt-navy);color:var(--bt-text);overflow:hidden;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.bt-lc-page a{color:inherit;text-decoration:none}.bt-container{width:min(1180px,calc(100% - 40px));margin:auto}
.bt-block{position:relative}.bt-kicker{color:#42c1ff;text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:700;margin-bottom:14px}
/* HERO: image is a real <img>, not a CSS background. Replace it in the visual editor. */
.bt-hero{min-height:680px;display:flex;align-items:center;isolation:isolate}.bt-hero-media,.bt-marine-media{position:absolute;inset:0;z-index:-2}.bt-block-image{width:100%;height:100%;object-fit:cover;display:block}.bt-hero-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,14,24,.95),rgba(3,14,24,.30))}.bt-hero-content{padding:90px 0;max-width:1180px}.bt-hero-content>*{max-width:760px}.bt-hero h1{font-size:clamp(42px,6vw,76px);line-height:1.02;margin:0 0 24px;color:#fff}.bt-hero p{font-size:20px;line-height:1.65;color:#e1eaf1;margin:0 0 32px}
.bt-actions{display:flex;gap:14px;flex-wrap:wrap}.bt-btn{display:inline-flex;gap:10px;padding:14px 22px;border-radius:999px;background:var(--bt-blue);font-weight:700;color:#fff!important}.bt-btn.alt{background:transparent;border:1px solid rgba(255,255,255,.55)}
.bt-section{padding:92px 0}.bt-section-head{max-width:760px;margin-bottom:42px}.bt-section h1,.bt-section h2{color:#fff;line-height:1.08}.bt-section h1{font-size:clamp(40px,5vw,64px)}.bt-section h2{font-size:clamp(32px,4vw,52px)}.bt-section-lead{font-size:18px;line-height:1.7;color:var(--bt-muted)}
.bt-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.bt-card{border:1px solid var(--bt-line);background:rgba(255,255,255,.045);border-radius:18px;padding:30px;min-height:220px}.bt-card h3{font-size:24px;color:#fff}.bt-card p{color:var(--bt-muted);line-height:1.65}.bt-link{color:#4bc5ff!important;font-weight:700}.bt-icon{width:48px;height:48px;border-radius:14px;background:rgba(17,168,245,.12);display:grid;place-items:center;color:#4bc5ff;font-size:21px;margin-bottom:20px}.bt-card-image{height:220px;margin:-10px -10px 25px;overflow:hidden;border-radius:12px}.bt-card-image .bt-block-image{height:100%}
.bt-project{background:var(--bt-navy2)}.bt-project-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:58px;align-items:center}.bt-project-image{border-radius:18px;overflow:hidden;border:1px solid var(--bt-line);min-height:420px}.bt-project-image .bt-block-image{height:520px}.bt-project-copy p{color:var(--bt-muted);line-height:1.75}.bt-bullets{list-style:none;padding:0;display:grid;gap:10px;color:#e2ebf1}.bt-bullets li:before{content:"✓";color:#35bbfa;font-weight:800;margin-right:10px}.bt-spaced{margin-top:55px}
.bt-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.bt-flow-item{padding:22px;border:1px solid var(--bt-line);border-radius:15px;background:rgba(255,255,255,.035)}.bt-flow-item strong{display:block;color:#fff;margin-bottom:8px}.bt-flow-item span{color:var(--bt-muted);font-size:14px}
.bt-marine{min-height:560px;display:flex;align-items:center;isolation:isolate;overflow:hidden}.bt-marine-overlay{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(4,19,31,.92),rgba(4,19,31,.45))}.bt-marine-content{padding:90px 0}.bt-marine-content>*{max-width:650px}.bt-pill-row{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.bt-pill{border:1px solid rgba(255,255,255,.25);padding:10px 15px;border-radius:999px;color:#e5edf2}
.bt-contact{background:#04131f}.bt-contact-box{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;padding:55px;border:1px solid var(--bt-line);border-radius:24px;background:rgba(17,168,245,.08)}.bt-contact-box h2{margin:0 0 12px}.bt-contact-box p{color:var(--bt-muted);line-height:1.7}.bt-contact-right{display:flex;justify-content:flex-end}
@media(max-width:900px){.bt-grid-3,.bt-project-grid,.bt-contact-box{grid-template-columns:1fr}.bt-flow{grid-template-columns:repeat(2,1fr)}.bt-contact-right{justify-content:flex-start}}
@media(max-width:600px){.bt-container{width:calc(100% - 28px)}.bt-section{padding:65px 0}.bt-hero{min-height:600px}.bt-hero h1{font-size:43px}.bt-flow{grid-template-columns:1fr}.bt-project-image .bt-block-image{height:400px}.bt-card-image{height:180px}}