@font-face{font-family:Poppins;src:url('/assets/poppins-regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Poppins;src:url('/assets/poppins-bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--ink:#172d3c;--paper:#fbfaf6;--surface:#fff;--muted:#566570;--line:#dce3e3;--accent:#19c6d1;--accent-ink:#122c3b;--dark:#172d3c;--soft:#eef3f2;--radius:4px;--demo-height:74px;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Poppins,Arial,sans-serif;font-size:15px;line-height:1.7}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.14;letter-spacing:-.045em;font-weight:700}p{max-width:66ch}h1{font-size:clamp(42px,5.3vw,76px)}h2{font-size:clamp(32px,4vw,52px)}h3{font-size:23px;letter-spacing:-.025em}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7753ff;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}::selection{background:var(--accent);color:var(--accent-ink)}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.section{padding-block:104px}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:700;line-height:1.6;display:block;margin-bottom:20px}.eyebrow:before{content:'';display:inline-block;width:21px;height:2px;background:currentColor;vertical-align:middle;margin-right:11px}.lead{font-size:17px;line-height:1.8;color:var(--muted);margin-top:25px}.small{font-size:12px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 24px;background:var(--accent);color:var(--accent-ink);border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:700;line-height:1.45;transition:transform .18s,background .18s}.button:hover{transform:translateY(-2px)}.button .arrow{font-size:22px;line-height:1;font-weight:400}.button.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.button.dark{background:var(--dark);color:#fff}.text-link{display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid currentColor;padding-bottom:4px;font-size:13px;font-weight:700}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:32px}.section-head{display:flex;justify-content:space-between;gap:36px;align-items:flex-end;margin-bottom:42px}.section-head h2{max-width:710px}.section-head>p{max-width:330px;font-size:14px;color:var(--muted)}.number{font-size:12px;letter-spacing:.05em;color:var(--muted)}.skip-link{position:fixed;top:-100px;left:20px;background:#fff;color:#17171b;padding:12px 18px;z-index:100}.skip-link:focus{top:8px}
/* The Servus frame stays visually separate from each fictional business. */
.demo-bar{position:sticky;top:0;z-index:50;background:#242833;color:#fff;border-bottom:1px solid #454955;min-height:var(--demo-height);font-family:Poppins,Arial,sans-serif}.demo-inner{min-height:var(--demo-height);width:min(1480px,calc(100% - 48px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.demo-brand{display:flex;align-items:center;gap:13px;flex-shrink:0}.servus-mark{display:grid;place-items:center;background:#6d36ed;color:white;width:32px;height:32px;border-radius:8px;font-weight:700;font-size:21px}.demo-brand strong{font-size:12px;display:block;line-height:1.4;letter-spacing:0}.demo-brand small{font-size:10px;display:block;color:#c5c7ce;line-height:1.5}.demo-tabs{display:flex;align-items:center;padding:4px;background:#171a22;border:1px solid #484b56;border-radius:7px;gap:3px}.demo-tabs button{border:0;background:transparent;color:#d6d8df;padding:9px 17px;border-radius:4px;font-size:11px;white-space:nowrap}.demo-tabs button[aria-selected=true]{background:#fff;color:#242833;font-weight:700}.demo-back{font-size:11px;color:#eee;white-space:nowrap}.demo-back span{margin-right:8px}.demo-explainer{padding:13px 24px;background:#ede9f8;color:#3f2c6c;font-size:11px;text-align:center;border-bottom:1px solid #ddd4f0}.demo-explainer strong{font-weight:700}.business-nav{height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px}.business-brand{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:700;letter-spacing:-.07em;line-height:1.1}.business-brand small{font-size:9px;letter-spacing:.15em;text-transform:uppercase;display:block;font-weight:400;margin-top:6px}.brand-symbol{width:34px;height:40px;display:block;flex-shrink:0}.nav-links{display:flex;align-items:center;gap:27px;font-size:12px}.nav-links .button{min-height:44px;padding:11px 17px;font-size:11px;gap:15px}.demo-label{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:50px;font-size:10px;color:var(--muted);line-height:1.4}.demo-label:before{content:'';width:5px;height:5px;background:currentColor;border-radius:100%}.image-caption{font-size:10px;color:var(--muted);margin-top:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-card{padding:30px;border:1px solid var(--line);background:var(--surface);min-height:268px;display:flex;flex-direction:column;align-items:flex-start}.service-card .number{margin-bottom:36px}.service-card h3{margin-bottom:17px}.service-card p{font-size:13px;color:var(--muted);line-height:1.8}.service-card .text-link{margin-top:auto;padding-top:26px}.service-icon{font-size:28px;margin-bottom:26px;color:var(--ink)}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.split-copy h2{max-width:540px}.split-copy>p{margin-top:24px;color:var(--muted)}.check-list{padding:0;list-style:none;margin:28px 0 0}.check-list li{display:flex;gap:14px;align-items:flex-start;border-top:1px solid var(--line);padding:15px 0;font-size:13px}.check-list li:before{content:'↗';color:var(--ink);font-size:18px;line-height:1.5}.photo-block{position:relative}.photo-block img{aspect-ratio:4/4.7}.photo-note{position:absolute;bottom:24px;left:24px;right:24px;padding:20px 24px;background:var(--paper);box-shadow:0 8px 35px #00000010}.photo-note p{font-size:17px;line-height:1.4;font-weight:700;max-width:260px}.photo-note small{font-size:10px;color:var(--muted);display:block;margin-top:8px}.process-list{counter-reset:process;margin-top:32px}.process-item{display:grid;grid-template-columns:45px 1fr;gap:15px;padding:23px 0;border-top:1px solid var(--line)}.process-item:before{counter-increment:process;content:'0' counter(process);font-size:12px;padding-top:2px;color:var(--muted)}.process-item h3{font-size:18px;margin-bottom:10px}.process-item p{font-size:13px;color:var(--muted)}.business-footer{border-top:1px solid var(--line);padding:35px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:25px}.footer-inner p{max-width:570px;font-size:11px;color:var(--muted)}.footer-links{display:flex;gap:22px;font-size:11px;flex-wrap:wrap}
/* The interactive demo never accepts personal details or sends a request. */
.enquiry-section{background:var(--dark);color:#fff}.enquiry-section .eyebrow{color:var(--accent)}.enquiry-section h2{max-width:470px}.enquiry-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.enquiry-intro>p{color:#c0cbd0;margin-top:25px;font-size:14px}.enquiry-intro .demo-label{border-color:#63727a;color:#e4edef;margin-top:30px}.enquiry-intro .enquiry-disclaimer{font-size:11px;color:#a8b8bf;margin-top:16px;max-width:365px}.enquiry-card{background:var(--paper);color:var(--ink);padding:34px;border-radius:var(--radius);min-height:440px}.form-progress{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.form-progress p{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.progress-dots{display:flex;gap:5px}.progress-dots i{display:block;width:23px;height:3px;background:var(--line)}.progress-dots i.is-active{background:var(--ink)}.demo-form fieldset{border:0;padding:0;margin:0;min-width:0}.demo-form legend{font-weight:700;font-size:21px;letter-spacing:-.035em;line-height:1.4;padding:0;margin-bottom:6px;max-width:100%}.question-help{font-size:11px;color:var(--muted);margin-bottom:21px}.choices{display:grid;gap:10px}.choice{position:relative;display:flex;align-items:center;gap:14px;min-height:60px;padding:15px 17px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);cursor:pointer;font-size:13px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.choice:hover{border-color:var(--ink)}.choice:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.choice input{margin:0;accent-color:var(--ink);width:16px;height:16px;flex-shrink:0}.form-actions{display:flex;align-items:center;gap:16px;justify-content:space-between;margin-top:25px}.form-actions .button{min-height:47px;padding:11px 21px}.form-prev{background:transparent;border:0;padding:10px 0;font-size:12px;color:var(--muted)}.form-next{margin-left:auto}.form-error{font-size:12px;color:#a52921;margin-top:17px}.form-note{font-size:10px;color:var(--muted);margin-top:20px}.summary-mark{display:grid;place-items:center;width:45px;height:45px;background:var(--accent);color:var(--accent-ink);border-radius:50%;font-size:21px;margin-bottom:22px}.demo-summary h3{font-size:24px}.demo-summary>p{font-size:12px;color:var(--muted);margin-top:15px}.summary-details{margin:25px 0}.summary-details div{padding:12px 0;border-top:1px solid var(--line)}.summary-details dt{font-size:10px;color:var(--muted);margin-bottom:3px}.summary-details dd{margin:0;font-size:13px;font-weight:700}.demo-summary .text-link{margin-top:24px}.form-reset{border:0;background:none;color:var(--ink);padding:12px 0;font-size:12px;display:block;text-decoration:underline;text-underline-offset:4px;margin-top:12px}.demo-summary .summary-no-send{font-size:11px;color:var(--ink);font-weight:700}.concept-notes{background:#f2eff9;color:#292131;font-family:Poppins,Arial,sans-serif;padding:55px 0;border-top:1px solid #ded7ed}.notes-head{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-bottom:27px}.notes-head h2{font-size:24px;max-width:510px;letter-spacing:-.03em}.notes-head .button{background:#5e17eb;color:white;border-radius:6px;font-size:11px;min-height:46px}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.notes-grid h3{font-size:14px;letter-spacing:0;margin-bottom:10px}.notes-grid p{font-size:12px;color:#60566b;line-height:1.8}.notes-eyebrow{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#735499;display:block;margin-bottom:10px}
/* SHK: calm, practical, light; a vivid cyan only for the next action. */
.shk .business-brand{letter-spacing:-.045em}.shk-hero{display:grid;grid-template-columns:1fr 1.04fr;gap:62px;align-items:center;padding-top:28px;padding-bottom:68px}.shk-hero h1{max-width:580px}.shk-hero h1 span{color:#408692}.shk-hero .lead{max-width:470px}.shk-hero .hero-photo{position:relative}.shk-hero .hero-photo>img{height:570px;border-radius:3px;object-position:center}.hero-photo .image-badge{position:absolute;left:-27px;bottom:35px;background:var(--dark);color:#fff;padding:23px 28px;max-width:270px;box-shadow:0 12px 35px #122c3b24}.image-badge small{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#a5d8df;display:block;margin-bottom:9px}.image-badge strong{font-size:19px;line-height:1.4;display:block}.shk-hero .hero-meta{display:flex;align-items:center;gap:18px;margin-top:32px;font-size:11px;color:var(--muted)}.hero-meta span+span{border-left:1px solid var(--line);padding-left:18px}.shk .service-section{background:#f0f4f1}.shk .service-card:first-child{background:var(--dark);color:#fff;border-color:var(--dark)}.shk .service-card:first-child p,.shk .service-card:first-child .number{color:#bed0d4}.shk .service-card:first-child .text-link{color:#75d8df}.shk .split-copy{padding-block:15px}.shk .craft-photo{aspect-ratio:4/4.2;object-position:right}
/* Elektro: technical, bold and recruiting-oriented. */
.elektro{--ink:#24292b;--paper:#f3f4ed;--surface:#fff;--muted:#606864;--line:#d8ddd2;--accent:#cfef68;--accent-ink:#202726;--dark:#202726;--soft:#e8ebdf;--radius:2px}.elektro .business-nav{background:#202726;color:#f4f6eb}.elektro .nav-shell{background:#202726}.elektro .business-brand{font-size:25px;letter-spacing:-.06em}.elektro .business-brand b{color:var(--accent)}.elektro-hero-shell{background:#202726;color:#f4f6eb;padding-bottom:60px}.elektro-hero{position:relative;display:grid;grid-template-columns:1.07fr .93fr;gap:40px;align-items:center;padding-top:29px;padding-bottom:15px}.elektro-hero .eyebrow{color:var(--accent)}.elektro-hero h1{font-size:clamp(44px,5.5vw,78px);max-width:630px;line-height:1.08}.elektro-hero h1 span{color:var(--accent)}.elektro-hero .lead{color:#c5cec9;max-width:480px;font-size:16px}.elektro-hero .hero-photo{position:relative;padding:18px 0 18px 18px}.elektro-hero .hero-photo:before{content:'';position:absolute;top:0;left:0;width:50%;height:60%;border-top:1px solid #a5bf59;border-left:1px solid #a5bf59}.elektro-hero img{height:560px;object-position:center}.electric-tag{position:absolute;bottom:37px;left:-35px;background:var(--accent);color:var(--ink);padding:20px 28px;min-width:225px}.electric-tag strong{font-size:23px;display:block;line-height:1.25}.electric-tag small{font-size:10px;display:block;margin-top:8px}.elektro-hero .image-caption{color:#a9b6ad}.elektro-hero .demo-label{color:#d8e4dc;border-color:#65726a;margin-top:27px}.elektro-strip{border-top:1px solid #435046;display:flex;justify-content:space-between;gap:25px;padding-top:28px;margin-top:24px;font-size:11px;color:#c8d0c9}.elektro-strip span:before{content:'+';color:var(--accent);font-size:17px;margin-right:12px}.elektro .service-card{background:none;border-left:0;border-right:0;border-bottom:0;padding:25px 0 0;min-height:250px}.elektro .service-grid{gap:46px}.elektro .service-card .number{color:#586741;margin-bottom:33px}.elektro .service-card h3{max-width:230px;font-size:27px}.elektro .team-section{background:#e9ecdf}.elektro .photo-block img{aspect-ratio:4/4.5;object-position:left}.elektro .photo-note{background:var(--accent)}.elektro .working-day{display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.09em;text-transform:uppercase;margin-bottom:26px}.working-day:before{content:'';width:7px;height:7px;background:var(--accent);box-shadow:0 0 0 6px #cdef6821;border-radius:50%}.elektro .enquiry-card{--accent:#cfef68}.elektro .business-footer{background:#202726;color:#fff;border-color:#435046}.elektro .footer-inner p{color:#bbc5bf}.elektro .footer-links{color:#dce3de}
/* Schreinerei: quiet editorial layout, timber and sage. */
.schreinerei{--ink:#323b2d;--paper:#f5f1e8;--surface:#fbf8f2;--muted:#69705e;--line:#dcdccf;--accent:#d5ddc5;--accent-ink:#35402f;--dark:#354431;--soft:#e8eadd;--radius:0}.schreinerei h1,.schreinerei h2,.schreinerei .business-brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}.schreinerei .business-brand{font-size:31px;letter-spacing:-.06em}.schreinerei .business-brand small{font-family:Poppins,Arial,sans-serif;font-size:8px;letter-spacing:.2em}.schreinerei .nav-links .button{background:var(--dark);color:#fff}.wood-hero-head{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;padding-top:40px;padding-bottom:40px}.wood-hero-head h1{font-size:clamp(49px,6vw,88px);max-width:750px;line-height:1.06}.wood-hero-head h1 em{font-weight:400;color:#788065}.wood-hero-head>div:last-child{max-width:295px;padding-bottom:8px}.wood-hero-head .lead{font-size:13px;line-height:1.9;margin:0}.wood-hero-head .text-link{margin-top:21px}.wood-panorama{position:relative}.wood-panorama>img{height:480px;object-position:center}.wood-panorama .wood-caption{position:absolute;bottom:24px;left:28px;background:#f7f4ebf2;padding:16px 24px;display:flex;gap:35px;align-items:center;max-width:calc(100% - 56px)}.wood-caption small{font-size:9px;line-height:1.7;color:var(--muted)}.wood-caption strong{font-size:13px;display:block;font-weight:400}.wood-caption .caption-line{display:block;width:35px;height:1px;background:var(--muted)}.wood-hero-foot{display:flex;justify-content:space-between;gap:30px;padding-block:23px;font-size:10px;border-bottom:1px solid var(--line);color:var(--muted)}.schreinerei .section-head h2{font-size:clamp(36px,4.4vw,58px)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.project-card:nth-child(2){padding-top:65px}.project-image{position:relative;overflow:hidden}.project-image img{aspect-ratio:5/4;transition:transform .4s}.project-card:hover img{transform:scale(1.025)}.project-card:nth-child(2) img{object-position:right}.project-card .project-label{position:absolute;left:18px;top:18px;background:var(--paper);padding:6px 10px;font-size:9px}.project-card .project-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:22px;margin-bottom:14px}.project-title h3{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:400}.project-title span{font-size:11px;color:var(--muted)}.project-card p{font-size:12px;color:var(--muted);max-width:460px}.project-spec{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:15px}.project-card .text-link{margin-top:21px;font-size:11px}.schreinerei .craft-section{background:var(--soft)}.schreinerei .photo-block img{object-position:left;aspect-ratio:4/4.3}.schreinerei .photo-note{max-width:280px;right:auto}.schreinerei .service-card{min-height:235px;padding:26px;background:none;border-left:0;border-right:0;border-bottom:0}.schreinerei .service-card h3{font-family:Georgia,serif;font-size:28px;font-weight:400}.schreinerei .enquiry-section h2{font-size:clamp(40px,4.2vw,60px)}.schreinerei .enquiry-section .eyebrow{color:#d5ddc5}.schreinerei .enquiry-intro>p{color:#d6decd}.schreinerei .enquiry-card{--ink:#323b2d;--muted:#69705e;--paper:#f5f1e8}.schreinerei .enquiry-card h3{font-family:Poppins,Arial,sans-serif}.schreinerei .concept-notes h2{font-family:Poppins,Arial,sans-serif;font-weight:700}
/* The starting point is intentionally modest, useful and fair. */
.old-panel{--ink:#343b42;--paper:#fff;--surface:#f6f7f8;--line:#d9dfe3;--muted:#626c75;--dark:#455d6d;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif}.old-panel h1,.old-panel h2,.old-panel h3{font-family:Arial,sans-serif;letter-spacing:0}.old-panel h1{font-size:36px}.old-panel h2{font-size:27px}.old-panel h3{font-size:19px}.old-wrap{width:min(940px,calc(100% - 70px));margin:auto}.old-nav{padding:34px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.old-brand{font-size:23px;font-weight:700}.old-nav nav{display:flex;gap:22px;font-size:13px}.old-hero{padding:57px 0;display:grid;grid-template-columns:1.1fr 1fr;gap:44px;align-items:center}.old-hero p{margin-top:20px;color:var(--muted);font-size:15px}.old-hero img{height:275px}.old-section{padding:45px 0;border-top:1px solid var(--line)}.old-section>p{margin-top:18px;color:var(--muted);font-size:15px}.old-services{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:27px}.old-services article{padding:25px 20px;background:var(--surface)}.old-services p{margin-top:13px;font-size:14px;color:var(--muted)}.old-contact{max-width:550px;padding:24px;background:var(--surface);border:1px solid var(--line);margin-top:25px}.old-contact label{display:block;margin-top:12px;font-size:13px}.old-input{height:35px;background:#fff;border:1px solid #cdd4d9;margin-top:6px}.old-input.message{height:80px}.old-contact button{background:#455d6d;color:#fff;padding:11px 18px;border:0;font-size:13px;margin-top:20px}.old-contact .small{margin-top:15px}.old-notice{margin-top:18px;padding:14px;background:#eaf0f4;font-size:13px;color:#344a59}.old-footer{padding:29px 0;border-top:1px solid var(--line);font-size:12px;color:var(--muted);margin-top:35px}.old-job{background:var(--surface);padding:25px;margin-top:25px;border-left:3px solid #758784}.old-job p{font-size:14px;margin-top:14px}.old-job .old-email{font-size:13px;color:#525c66;margin-top:15px}.old-panel .concept-notes{margin-top:0}
.demo-explainer{max-width:none;width:100%}.shk-hero h1{font-size:clamp(42px,4.5vw,65px)}
.project-sketch{display:block;width:100%;height:auto;aspect-ratio:5/4}
@media(min-width:1500px){.wrap{width:min(1300px,calc(100% - 110px))}.shk-hero{gap:85px}.shk-hero .hero-photo>img{height:620px}.elektro-hero img{height:610px}.wood-panorama>img{height:530px}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.demo-inner{gap:12px;width:calc(100% - 32px)}.demo-brand small{max-width:140px}.demo-tabs button{padding:9px 12px}.demo-back{font-size:10px}.business-nav{height:90px}.nav-links{gap:18px}.shk-hero{gap:36px}.shk-hero .hero-photo>img{height:500px}.shk-hero h1{font-size:54px}.split{gap:45px}.enquiry-layout{gap:40px}.service-card{padding:24px}.elektro-hero{gap:26px}.elektro-hero h1{font-size:59px}.elektro-hero img{height:540px}.wood-hero-head{gap:30px}.wood-hero-head h1{font-size:70px}.wood-hero-head>div:last-child{max-width:255px}.nav-links .nav-optional{display:none}}
@media(max-width:800px){:root{--demo-height:112px;scroll-padding-top:135px}.demo-inner{display:grid;grid-template-columns:1fr auto;gap:8px;padding-block:10px}.demo-brand{gap:9px}.demo-brand strong{font-size:11px}.demo-brand small{max-width:none;font-size:9px}.servus-mark{width:27px;height:27px;font-size:18px}.demo-tabs{grid-row:2;grid-column:1/-1;justify-self:stretch}.demo-tabs button{flex:1;padding:8px 10px}.demo-back{grid-column:2;grid-row:1;font-size:10px}.demo-explainer{font-size:10px;padding:11px 22px;line-height:1.7}.wrap{width:calc(100% - 40px)}.section{padding-block:70px}.business-nav{height:85px;gap:15px}.business-brand{font-size:20px}.business-brand small{font-size:8px}.brand-symbol{width:28px;height:34px}.nav-links>a:not(.button){display:none}.nav-links .button{font-size:10px;padding:10px 13px;gap:10px;min-height:41px}.shk-hero{grid-template-columns:1fr;gap:35px;padding-top:28px;padding-bottom:38px}.shk-hero h1{font-size:clamp(44px,8vw,65px);max-width:650px}.shk-hero .lead{max-width:580px;font-size:15px}.shk-hero .hero-photo>img{height:430px}.hero-photo .image-badge{left:20px;bottom:35px;max-width:250px}.shk-hero .hero-meta{margin-top:23px}.section-head{display:block;margin-bottom:32px}.section-head>p{max-width:560px;margin-top:22px}.service-grid{gap:14px}.service-card{padding:23px 19px}.service-card h3{font-size:21px}.service-card p{font-size:12px}.split{grid-template-columns:1fr;gap:38px}.photo-block img,.shk .craft-photo{aspect-ratio:4/3.3}.split .photo-block{max-width:620px}.enquiry-layout{grid-template-columns:1fr;gap:34px}.enquiry-section h2{max-width:620px}.enquiry-intro>p{max-width:570px}.enquiry-intro .demo-label{margin-top:22px}.enquiry-intro .enquiry-disclaimer{max-width:570px}.enquiry-card{max-width:650px;min-height:420px}.notes-head{align-items:flex-start}.notes-head h2{max-width:400px;font-size:22px}.notes-head .button{max-width:190px;font-size:10px;padding:12px 16px;gap:10px}.notes-grid{gap:25px}.footer-inner{display:block}.footer-inner p{margin-block:20px}.elektro-hero{grid-template-columns:1fr;padding-top:25px;gap:40px}.elektro-hero h1{font-size:clamp(47px,9vw,74px);max-width:690px}.elektro-hero .lead{max-width:560px}.elektro-hero .hero-photo{margin-inline:0;padding-left:14px}.elektro-hero img{height:410px}.electric-tag{left:34px;bottom:40px}.elektro-hero-shell{padding-bottom:32px}.elektro-strip{flex-wrap:wrap;gap:13px 28px;margin-top:14px;font-size:10px}.elektro .service-grid{gap:22px}.elektro .service-card h3{font-size:23px}.elektro .photo-block img{aspect-ratio:4/3.5}.wood-hero-head{padding-top:25px;display:block}.wood-hero-head h1{font-size:clamp(50px,9vw,77px)}.wood-hero-head>div:last-child{max-width:560px;margin-top:28px}.wood-hero-head .lead{font-size:14px}.wood-panorama>img{height:390px}.wood-hero-foot{font-size:9px;gap:20px}.project-grid{gap:26px}.project-title h3{font-size:25px}.project-card .project-title{align-items:flex-start}.project-card .project-title>span{display:none}.project-spec{gap:10px;font-size:9px}.schreinerei .photo-block img{aspect-ratio:4/3.5}.old-hero{gap:25px}.old-hero h1{font-size:29px}}
@media(max-width:560px){h1{font-size:44px}h2{font-size:34px}.eyebrow{font-size:10px;margin-bottom:17px}.lead{font-size:15px}.actions{gap:23px;margin-top:25px}.button{min-height:50px;font-size:12px;padding:13px 20px;gap:19px}.wrap{width:calc(100% - 36px)}.business-brand{font-size:18px}.business-brand small{font-size:7px}.brand-symbol{width:24px;height:31px}.business-nav{height:80px}.nav-links .button{font-size:9px;padding:10px 12px}.nav-links .button .arrow{font-size:17px}.demo-back .back-desktop{display:none}.demo-brand strong{font-size:10px}.demo-brand small{font-size:8px}.demo-tabs button{font-size:10px}.demo-explainer{padding:10px 18px}.shk-hero{padding-top:21px}.shk-hero h1{font-size:47px;line-height:1.09}.shk-hero .hero-photo>img{height:365px}.hero-photo .image-badge{padding:18px 22px;left:16px;bottom:29px;max-width:235px}.image-badge strong{font-size:17px}.shk-hero .hero-meta{gap:12px;font-size:10px}.hero-meta span+span{padding-left:12px}.service-grid{grid-template-columns:1fr;gap:16px}.service-card{min-height:0;padding:25px}.service-card .number{margin-bottom:25px}.service-card h3{font-size:26px}.service-card p{font-size:13px}.service-card .text-link{padding-top:24px}.section{padding-block:61px}.section-head>p{font-size:13px;margin-top:18px}.photo-note{left:16px;right:16px;bottom:16px;padding:17px 20px}.photo-note p{font-size:17px}.split-copy>p{font-size:14px}.check-list li{font-size:12px}.enquiry-card{padding:25px 21px;min-height:438px}.demo-form legend{font-size:21px}.choice{font-size:12px;min-height:60px;padding:14px}.form-progress{margin-bottom:25px}.enquiry-intro>p{font-size:13px}.form-actions{margin-top:22px}.form-actions .button{font-size:11px;padding:12px 17px;gap:14px}.notes-head{display:block}.notes-head h2{font-size:24px;max-width:420px}.notes-head .button{margin-top:23px;max-width:none;min-height:48px;font-size:11px}.notes-grid{grid-template-columns:1fr;gap:24px}.notes-grid h3{font-size:14px}.notes-grid p{max-width:450px}.concept-notes{padding:43px 0}.notes-head{margin-bottom:30px}.footer-links{gap:18px}.elektro .business-brand{font-size:22px}.elektro-hero h1{font-size:49px;line-height:1.1}.elektro-hero .lead{font-size:14px}.elektro-hero .demo-label{font-size:9px}.elektro-hero img{height:380px}.electric-tag{left:28px;padding:18px 22px;min-width:200px}.electric-tag strong{font-size:22px}.elektro-strip{font-size:9px;gap:12px 20px;line-height:1.5}.elektro-strip span:before{font-size:14px;margin-right:8px}.elektro .service-grid{gap:30px}.elektro .service-card{min-height:0;padding-top:24px}.elektro .service-card h3{max-width:none;font-size:27px}.elektro .service-card .number{margin-bottom:18px}.elektro .service-card p{max-width:400px}.schreinerei .business-brand{font-size:27px}.schreinerei .business-brand small{font-size:7px}.wood-hero-head{padding-top:20px;padding-bottom:27px}.wood-hero-head h1{font-size:53px}.wood-hero-head .eyebrow{font-size:9px}.wood-hero-head>div:last-child{margin-top:22px}.wood-hero-head .lead{font-size:12px}.wood-panorama>img{height:365px}.wood-panorama .wood-caption{left:15px;bottom:16px;padding:13px 17px;max-width:calc(100% - 30px);gap:17px}.wood-caption .caption-line{width:22px}.wood-caption strong{font-size:11px}.wood-caption small{font-size:8px}.wood-hero-foot{display:block;padding-block:17px}.wood-hero-foot span{display:block;line-height:1.9}.project-grid{grid-template-columns:1fr;gap:38px}.project-card:nth-child(2){padding-top:0}.project-title h3{font-size:30px}.project-card .project-title>span{display:block}.project-spec{font-size:10px;gap:18px}.schreinerei .section-head h2{font-size:39px}.schreinerei .service-card{padding:23px 0;min-height:0}.schreinerei .service-card .number{margin-bottom:20px}.schreinerei .enquiry-section h2{font-size:43px}.old-wrap{width:calc(100% - 40px)}.old-nav{display:block;padding:25px 0}.old-nav nav{margin-top:18px;gap:20px;font-size:12px}.old-hero{grid-template-columns:1fr;padding:34px 0;gap:25px}.old-hero h1{font-size:30px}.old-hero img{height:220px}.old-services{grid-template-columns:1fr;gap:13px}.old-section{padding:32px 0}.old-panel h2{font-size:25px}.old-contact{padding:20px}.old-brand{font-size:23px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.button:hover,.project-card:hover img{transform:none}}