/*
Theme Name: JelsBjerg Byg
Theme URI: https://jelsbjergbyg.dk/
Author: JelsBjerg Byg ApS
Description: Custom, mobile-first WordPress theme for JelsBjerg Byg ApS.
Version: 1.0.1
Text Domain: jelsbjerg-byg
*/
:root{--green:#294238;--green2:#365849;--green3:#1f332b;--charcoal:#151817;--wood:#B99A73;--cream:#F4F1EA;--white:#fff;--muted:#68716d;--line:#dedbd2;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{text-decoration:none;color:inherit}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}
header{position:sticky;top:0;z-index:50;background:var(--green);border-bottom:1px solid rgba(255,255,255,.13)}.nav{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{width:210px;display:block;height:auto}.main-nav{display:flex;align-items:center;gap:25px;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase}.main-nav a{opacity:.9}.main-nav a:hover{opacity:1}.main-nav .nav-btn{background:var(--wood);color:var(--charcoal);padding:14px 19px!important;opacity:1}.menu{display:none;border:0;background:var(--wood);color:var(--charcoal);font-weight:900;padding:11px 14px}
.hero{background:var(--green);color:#fff;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.78fr 1.22fr;min-height:510px}.hero-copy{padding:67px 35px 60px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow,.kicker{color:var(--wood);font-weight:900;text-transform:uppercase;letter-spacing:.14em;font-size:12px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(49px,5vw,73px);line-height:.94;letter-spacing:-.04em;margin:14px 0 25px}h1 span{display:block}.hero-copy p{max-width:520px;color:rgba(255,255,255,.82);font-size:16px;margin:0 0 20px}.hero-services{color:#d6bd98!important;text-transform:uppercase;font-size:11px!important;font-weight:800;letter-spacing:.08em}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 19px;font-size:12px;font-weight:900;text-transform:uppercase;border:1px solid transparent}.btn-gold{background:var(--wood);color:var(--charcoal)}.btn-outline{border-color:rgba(255,255,255,.4);color:#fff}.btn-green{background:var(--green);color:#fff}
.hero-visual{display:grid;grid-template-columns:1fr 1fr;min-height:510px}.hero-panel{position:relative;overflow:hidden}.hero-panel img{width:100%;height:100%;object-fit:cover;display:block}.hero-panel:first-child{border-right:2px solid #fff}.tag{position:absolute;left:18px;bottom:18px;background:rgba(21,24,23,.82);color:#fff;padding:8px 15px;font-weight:900;font-size:11px}.tag.after{left:auto;right:18px;background:var(--wood);color:var(--charcoal)}.center-arrow{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);width:42px;height:42px;border:2px solid #fff;background:var(--green3);border-radius:50%;display:grid;place-items:center;font-size:20px}
.focus{background:#fff;border-bottom:1px solid var(--line)}.focus-grid{display:grid;grid-template-columns:repeat(3,1fr)}.focus-card{padding:27px 28px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start;border-right:1px solid var(--line)}.focus-card:last-child{border-right:0}.check{width:29px;height:29px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font-size:16px;font-weight:900}.focus-card strong{font-size:15px;text-transform:uppercase}.focus-card p{margin:5px 0 0;color:var(--muted);font-size:13px}
.section{padding:76px 0}.section-head{margin-bottom:30px}.section-head h2{font-weight:800;font-size:clamp(34px,4vw,49px);letter-spacing:-.035em;margin:8px 0 12px}.section-head p{color:var(--muted);max-width:700px;margin:0}.serif{font-family:Georgia,"Times New Roman",serif!important;font-weight:700!important}
.split{display:grid;grid-template-columns:1fr 1fr;min-height:430px}.split-copy{padding:70px 70px 65px 0;display:flex;justify-content:center;flex-direction:column}.split-copy p{color:#59615d;max-width:560px}.photo{min-height:430px}.photo img{width:100%;height:100%;object-fit:cover;display:block}.small-btn{margin-top:15px;width:max-content}
.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#f7f6f2;border:1px solid #e6e2da;overflow:hidden}.card-image{height:170px}.card-image img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:19px 17px 20px}.card-body h3{margin:0 0 8px;font-size:15px;text-transform:uppercase}.card-body p{margin:0;color:var(--muted);font-size:13px;min-height:56px}.card-arrow{margin-top:15px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:var(--wood);font-weight:900}
.dark{background:var(--charcoal);color:#fff}.dark-project{padding:65px 0}.project-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:50px;align-items:center}.dark h2{color:#fff}.dark-project p{color:rgba(255,255,255,.72);max-width:430px}.project-photo{height:350px;position:relative;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.project-photo img{width:100%;height:100%;object-fit:cover}.project-photo img:first-child{border-right:2px solid #fff}
.quote{padding:65px 0;background:var(--green);color:#fff}.quote blockquote{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,4vw,48px);line-height:1.1;max-width:900px;margin:0}.quote p{color:rgba(255,255,255,.7)}
.case-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case{background:#fff;border:1px solid var(--line);overflow:hidden}.case img{width:100%;height:260px;object-fit:cover;display:block}.case-body{padding:20px}.case-body h3{margin:0 0 5px;font-size:20px}.case-body p{margin:0;color:var(--muted);font-size:14px}.case-meta{color:var(--wood);font-size:11px;text-transform:uppercase;font-weight:900;letter-spacing:.1em;margin-bottom:9px}.process{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.step{border-top:2px solid var(--wood);padding-top:16px}.step b{display:block;font-size:12px;color:var(--wood);margin-bottom:7px}.step strong{font-size:15px}.step p{font-size:12px;color:var(--muted)}
.contact{padding:68px 0;background:var(--cream)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.contact h2{font-size:clamp(34px,4vw,48px);font-weight:800;margin:8px 0 16px}.contact p{color:var(--muted)}.form{background:#fff;padding:25px;border:1px solid var(--line)}.fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}input,select,textarea{width:100%;padding:13px 14px;border:1px solid #d8d8d2;font:inherit;background:#fff;border-radius:0}textarea{grid-column:1/-1;min-height:115px}.full{grid-column:1/-1}.form .btn{border:0;cursor:pointer}.tagcheck{background:var(--green);color:#fff;padding:75px 0}.tagcheck-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.tagcheck h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(39px,4vw,55px);line-height:1.02;margin:10px 0 15px}.tagcheck p{color:rgba(255,255,255,.75)}.tagcheck .form{color:var(--charcoal)}
.page-hero{background:var(--green);color:#fff;padding:70px 0}.page-hero h1{margin:10px 0 15px;max-width:900px}.page-hero p{max-width:720px;color:rgba(255,255,255,.78);font-size:18px}.content-area{padding:70px 0}.content-area h2{font-size:clamp(32px,4vw,48px);margin:0 0 15px}.content-area h3{font-size:24px}.content-area p,.content-area li{color:#59615d}.content-area .wp-block-image img{width:100%;height:auto}.content-area .wp-block-columns{gap:40px}.wp-block-button__link{background:var(--wood)!important;color:var(--charcoal)!important;border-radius:0;font-weight:900;text-transform:uppercase;font-size:12px}
footer{background:var(--green3);color:#fff;padding:34px 0 42px}.foot{display:flex;justify-content:space-between;gap:30px;align-items:center}.foot-logo{width:175px}.foot p{margin:4px 0;color:rgba(255,255,255,.68);font-size:12px}.mobile-bar{display:none}
.notice{padding:15px 18px;background:#fff;border-left:4px solid var(--wood);margin-bottom:25px}.form-status{padding:14px 16px;margin-bottom:15px;background:#fff;border:1px solid var(--line)}
@media(max-width:900px){.main-nav{display:none}.menu{display:block}.nav{min-height:70px}.logo{width:190px}.hero-grid{grid-template-columns:1fr}.hero-copy{padding:48px 0 42px}.hero-visual{min-height:370px}.focus-grid{grid-template-columns:1fr}.focus-card{border-right:0;border-bottom:1px solid var(--line);padding:20px}.focus-card:last-child{border-bottom:0}.split,.project-grid,.contact-grid,.tagcheck-grid{grid-template-columns:1fr}.split-copy{padding:55px 0 35px}.photo{min-height:330px}.cards{grid-template-columns:1fr 1fr}.project-photo{height:330px}.process{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.wrap{width:min(100% - 28px,var(--max))}h1{font-size:49px}.hero-copy{padding-top:38px}.hero-visual{min-height:285px}.hero-panel:first-child{border-right:1px solid #fff}.center-arrow{width:34px;height:34px;font-size:16px}.hero-actions{display:grid;grid-template-columns:1fr}.btn{width:100%}.section{padding:58px 0}.cards,.case-grid{grid-template-columns:1fr}.card-image{height:205px}.project-photo{height:260px}.process{grid-template-columns:1fr 1fr}.fields{grid-template-columns:1fr}textarea,.full{grid-column:auto}.form .btn{width:100%}.foot{align-items:flex-start;flex-direction:column}.mobile-bar{display:grid;position:fixed;z-index:60;left:0;right:0;bottom:0;background:#fff;border-top:1px solid #ddd;padding:7px;grid-template-columns:1fr 1fr;gap:7px}.mobile-bar a{display:flex;align-items:center;justify-content:center;min-height:46px;font-weight:900;font-size:12px}.mobile-bar a:first-child{background:var(--green);color:#fff}.mobile-bar a:last-child{background:var(--wood);color:var(--charcoal)}footer{padding-bottom:70px}}