:root {--font-base:1rem;--container:1400px;--space-bleed:5vw;--radius-s:0.25rem;--space-xs:0.25rem;--container-narrow:800px;--radius-m:0.625rem;--color-complimentary:#1dc296;--font-h6:clamp(0.875rem,0.7841rem + 0.4545vw,1.125rem);--space-s:0.5rem;--font-h5:clamp(1rem,0.9091rem + 0.4545vw,1.25rem);--radius-l:1.25rem;--color-primary:#dd9243;--space-base:1rem;--font-h4:clamp(1.125rem,0.9886rem + 0.6818vw,1.5rem);--radius-xl:1.875rem;--color-dark:#000000;--color-secondary:#c82323;--font-h3:clamp(1.25rem,1.0227rem + 1.1364vw,1.875rem);--space-m:clamp(1.25rem,1.1591rem + 0.4545vw,1.5rem);--radius-full:50%;--font-h2:clamp(1.625rem,1.3068rem + 1.5909vw,2.5rem);--space-l:clamp(1.5rem,1.3182rem + 0.9091vw,2rem);--font-h1:clamp(2.25rem,1.8864rem + 1.8182vw,3.25rem);--space-xl:clamp(2rem,1.6364rem + 1.8182vw,3rem);--space-2xl:clamp(3rem,2.6364rem + 1.8182vw,4rem);--space-3xl:clamp(4rem,3.2727rem + 3.6364vw,6rem);--space-4xl:clamp(6rem,5.25rem + 3.75vw,8.0625rem)}h1{font-size:var(--font-h1)}h2{font-size:var(--font-h2)}h3{font-size:var(--font-h3)}h4{font-size:var(--font-h4)}h5{font-size:var(--font-h5)}[class*=" grid--"],[class^="grid--"]{--grid-gap:var(--gutter-column,var(--gutter,0px)););--column-count:1;--min-width:calc((var(--container) - var(--total-gap-width)) / var(--column-count) * 0.6);--gap-count:calc(var(--column-count) - 1);--total-gap-width:calc(var(--gap-count) * var(--grid-gap));--grid-item--max-width:calc((100% - var(--total-gap-width)) / var(--column-count));display:grid;grid-template-columns:repeat(auto-fill,minmax(max(min(var(--min-width),100%),calc((100% - var(--total-gap-width)) / var(--column-count))),1fr));row-gap:var(--gutter-row,var(--gutter,0px));column-gap:var(--grid-gap)}.img-cover {object-fit:cover}.img-contain {object-fit:contain}.img-fill {object-fit:fill}.aspect-1-1 {aspect-ratio:1}.radius-full {border-radius:50%}.radius-s {border-radius:0.25rem}.radius-m {border-radius:0.625rem}.radius-l {border-radius:1.25rem}.radius-xl {border-radius:1.875rem}.button {padding-block:0.75rem;padding-inline:1.5rem;font-size:1rem;font-weight:600;border-radius:0.25rem}.btn-primary {background-color:var(--complimentary);color:#000}.btn-secondary {background-color:var(--secondary);color:#fff}.align-self-start {align-self:flex-start}.align-self-center {align-self:center}.align-self-end {align-self:flex-end}.align-self-stretch {align-self:stretch}.align-self-baseline {align-self:baseline}.justify-self-start {justify-self:start}.justify-self-center {justify-self:center}.justify-self-end {justify-self:end}.justify-self-stretch {justify-self:stretch}.justify-self-baseline {justify-self:baseline}.btn-outlined {border-width:2px;border-style:solid;border-color:#000}.color-dark {color:var(--color-dark)}.bg-dark {background-color:var(--color-dark)}.color-complimentary {color:var(--color-complimentary)}.bg-complimentary {background-color:var(--color-complimentary)}.color-primary {color:var(--color-primary)}.bg-primary {background-color:var(--color-primary)}.color-secondary {color:var(--color-secondary)}.bg-secondary {background-color:var(--color-secondary)}.font-h6 {font-size:var(--font-h6)}.align-text-center {text-align:center}.align-text-right {text-align:right}.align-text-left {text-align:left}.font-h4 {font-size:var(--font-h4)}.font-h5 {font-size:var(--font-h5)}.grid--5 {--column-count:5}.grid--6 {--column-count:6}.grid--8 {--column-count:8}.section-grid {--content-half:calc(var(--container)/2);--bleed:var(--space-bleed);display:grid;row-gap:var(--row-gap,0px);grid-template-columns:[full-width-start] minmax(0,1fr) [content-left-start] min(calc(50% - var(--bleed)),var(--content-half))[content-left-end] 0 [content-right-start] min(calc(50% - var(--bleed)),var(--content-half))[content-right-end] minmax(0,1fr) [full-width-end];& >*{grid-column:content-left/content-right}}.p-4xl {padding:var(--space-4xl)}.py-4xl {padding-block:var(--space-4xl)}.p-3xl {padding:var(--space-3xl)}.py-3xl {padding-block:var(--space-3xl)}.p-2xl {padding:var(--space-2xl)}.py-2xl {padding-block:var(--space-2xl)}.p-xl {padding:var(--space-xl)}.py-xl {padding-block:var(--space-xl)}.p-l {padding:var(--space-l)}.py-l {padding-block:var(--space-l)}.p-m {padding:var(--space-m)}.py-m {padding-block:var(--space-m)}.p-xs {padding:var(--space-xs)}.py-xs {padding-block:var(--space-xs)}.gap-base {gap:var(--space-base)}.row-gap-base {row-gap:var(--space-base)}.pt-4xl {padding-block-start:var(--space-4xl)}.pb-4xl {padding-block-end:var(--space-4xl)}.pt-3xl {padding-block-start:var(--space-3xl)}.pb-3xl {padding-block-end:var(--space-3xl)}.pt-2xl {padding-block-start:var(--space-2xl)}.pb-2xl {padding-block-end:var(--space-2xl)}.pt-xl {padding-block-start:var(--space-xl)}.pb-xl {padding-block-end:var(--space-xl)}.pt-m {padding-block-start:var(--space-m)}.pb-m {padding-block-end:var(--space-m)}.column-gap-base {column-gap:var(--space-base)}.p-base {padding:var(--space-base)}.gap-s {gap:var(--space-s)}.gap-xs {gap:var(--space-xs)}.row-gap-xs {row-gap:var(--space-xs)}.block {display:flex;flex-direction:column}.column-gap-xs {column-gap:var(--space-xs)}.pt-xs {padding-block-start:var(--space-xs)}.pb-xs {padding-block-end:var(--space-xs)}.row-gap-s {row-gap:var(--space-s)}.column-gap-s {column-gap:var(--space-s)}.p-s {padding:var(--space-s)}.py-base {padding-block:var(--space-base)}.px-base {padding-inline:var(--space-base)}.pt-base {padding-block-start:var(--space-base)}.gap-m {gap:var(--space-m)}.row-gap-m {row-gap:var(--space-m)}.column-gap-m {column-gap:var(--space-m)}.gap-l {gap:var(--space-l)}.row-gap-l {row-gap:var(--space-l)}.column-gap-l {column-gap:var(--space-l)}.px-l {padding-inline:var(--space-l)}.pt-l {padding-block-start:var(--space-l)}.gap-xl {gap:var(--space-xl)}.row-gap-xl {row-gap:var(--space-xl)}.column-gap-xl {column-gap:var(--space-xl)}.gap-2xl {gap:var(--space-2xl)}.row-gap-2xl {row-gap:var(--space-2xl)}.column-gap-2xl {column-gap:var(--space-2xl)}.gap-3xl {gap:var(--space-3xl)}.row-gap-3xl {row-gap:var(--space-3xl)}.column-gap-3xl {column-gap:var(--space-3xl)}.gap-4xl {gap:var(--space-4xl)}.row-gap-4xl {row-gap:var(--space-4xl)}.column-gap-4xl {column-gap:var(--space-4xl)}.row {display:flex}.items-start {align-items:flex-start}.items-center {align-items:center}.items-end {align-items:end}.items-stretch {align-items:stretch}.items-baseline {align-items:baseline}.justify-start {justify-content:start}.justify-center {justify-content:center}.justify-end {justify-content:end}.justify-space-between {justify-content:space-between}.justify-space-around {justify-content:space-around}.flex-wrap {flex-wrap:wrap}.card-super {row-gap:var(--grid-gap)}.container-narrow {max-width:var(--container-narrow);margin-inline:auto}.py-s {padding-block:var(--space-s)}.px-s {padding-inline:var(--space-s)}.pt-s {padding-block-start:var(--space-s)}.pb-s {padding-block-end:var(--space-s)}.px-xs {padding-inline:var(--space-xs)}.pb-base {padding-block-end:var(--space-base)}.pb-l {padding-block-end:var(--space-l)}.px-4xl {padding-inline:var(--space-4xl)}.px-3xl {padding-inline:var(--space-3xl)}.px-2xl {padding-inline:var(--space-2xl)}.px-xl {padding-inline:var(--space-xl)}.px-m {padding-inline:var(--space-m)}.pl-xs {padding-inline-start:var(--space-xs)}.pl-base {padding-inline-start:var(--space-base)}.pl-l {padding-inline-start:var(--space-l)}.pl-4xl {padding-inline-start:var(--space-4xl)}.pl-3xl {padding-inline-start:var(--space-3xl)}.pl-2xl {padding-inline-start:var(--space-2xl)}.pl-xl {padding-inline-start:var(--space-xl)}.pl-m {padding-inline-start:var(--space-m)}.pl-s {padding-inline-start:var(--space-s)}.pr-s {padding-inline-end:var(--space-s)}.pr-xs {padding-inline-end:var(--space-xs)}.pr-base {padding-inline-end:var(--space-base)}.pr-4xl {padding-inline-end:var(--space-4xl)}.pr-3xl {padding-inline-end:var(--space-3xl)}.pr-2xl {padding-inline-end:var(--space-2xl)}.pr-xl {padding-inline-end:var(--space-xl)}.pr-l {padding-inline-end:var(--space-l)}.pr-m {padding-inline-end:var(--space-m)}.gutter-xs {--gutter:var(--space-xs)}.gutter-row-xs {--gutter-row:var(--space-xs)}.gutter-column-xs {--gutter-column:var(--space-xs)}.gutter-s {--gutter:var(--space-s)}.gutter-row-s {--gutter-row:var(--space-s)}.gutter-column-s {--gutter-column:var(--space-s)}.gutter-base {--gutter:var(--space-base)}.gutter-row-base {--gutter-row:var(--space-base)}.gutter-column-base {--gutter-column:var(--space-base)}.gutter-m {--gutter:var(--space-m)}.gutter-row-m {--gutter-row:var(--space-m)}.gutter-column-m {--gutter-column:var(--space-m)}.gutter-l {--gutter:var(--space-l)}.gutter-row-l {--gutter-row:var(--space-l)}.gutter-column-l {--gutter-column:var(--space-l)}.gutter-xl {--gutter:var(--space-xl)}.gutter-row-xl {--gutter-row:var(--space-xl)}.gutter-column-xl {--gutter-column:var(--space-xl)}.gutter-2xl {--gutter:var(--space-2xl)}.gutter-row-2xl {--gutter-row:var(--space-2xl)}.gutter-column-2xl {--gutter-column:var(--space-2xl)}.gutter-3xl {--gutter:var(--space-3xl)}.gutter-row-3xl {--gutter-row:var(--space-3xl)}.gutter-column-3xl {--gutter-column:var(--space-3xl)}.gutter-4xl {--gutter:var(--space-4xl)}.gutter-row-4xl {--gutter-row:var(--space-4xl)}.gutter-column-4xl {--gutter-column:var(--space-4xl)}.test-block-1 {aspect-ratio:4/5}.column {display:flex;flex-direction:column;row-gap:var(--space)}.centered {margin-inline:auto}.font-base {font-size:var(--font-base)}.font-h1 {font-size:var(--font-h1)}.font-h2 {font-size:var(--font-h2)}.font-h3 {font-size:var(--font-h3)}.container {max-width:var(--container);margin-inline:auto}.grid--2 {--column-count:2}.grid--3 {--column-count:3}.grid--4 {--column-count:4}.test-card {background:green;aspect-ratio:3/2}.test-superclass-1 {background:blue}.hero-list {columns:2;gap:var(--space)}.section {padding-inline:5vw}.hero-list__item {padding-block:var(--space)}.dark-section {color:#fff}.hero-section {background:url(/wp-content/uploads/2025/11/smiling-craftsman-with-electric-drill.webp) 100% 0/contain no-repeat;position:relative;&::before{content:"";position:absolute;background-image:linear-gradient(to right,#282A3E,#0D4B62);top:0;bottom:0;left:-16rem;transform:skew(-35deg);width:70%}}.hero-content {max-width:60ch;position:relative}