:root{--primary:#000;--font-family:Barlow,sans-serif;--font-condensed:'Barlow Condensed',sans-serif;--pico-font-size:16px;--pico-border-radius:0;--pico-typography-spacing-vertical:1.5rem;--pico-primary-background:#000;--pico-spacing:2rem;--gray-900:#111;--gray-700:#555;--gray-500:#888;--gray-300:#ddd;--gray-200:#eee}
body{font-family:var(--font-family);background-color:#fff;color:var(--primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}
h1{font-size:32px;font-weight:600;line-height:1.15;margin-bottom:2rem;letter-spacing:-.03em;color:var(--primary)}
h2{font-size:24px;font-weight:600;margin-bottom:2rem;letter-spacing:-.02em;color:var(--primary)}
h3{font-size:18px;font-weight:600;margin-bottom:.5rem;letter-spacing:-.01em}
.label{font-family:var(--font-condensed);font-size:13px;font-weight:600;color:var(--primary);display:block;margin-bottom:4rem;border-top:1px solid var(--primary);padding-top:1rem;width:100%;text-transform:uppercase;letter-spacing:.1em}
header{padding:2rem 0;margin-bottom:4rem}
.logo-text{font-size:1.5rem;font-family:var(--font-condensed);text-decoration:none}
.hero{margin-bottom:10rem}
.hero p{font-size:20px;max-width:680px;line-height:1.5;color:var(--gray-700);font-weight:400}
section{margin-bottom:12rem}
.content-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:6rem;align-items:start}
.item-block{margin-bottom:6rem}
.secondary-text{color:var(--gray-700);font-size:18px;font-weight:400;max-width:600px;line-height:1.6;margin-bottom:4rem}
ul.custom-list{list-style:none!important;padding:0;margin:0}
ul.custom-list li{list-style:none!important;padding:.75rem 0;font-size:15px;color:var(--gray-900);border-bottom:1px solid var(--gray-200);transition:all .3s ease}
ul.custom-list li:hover{border-bottom-color:var(--primary);padding-left:.5rem}
ul.custom-list li a{color:inherit;text-decoration:none;display:flex;justify-content:space-between}
.meta{font-family:var(--font-condensed);font-size:13px;font-weight:600;color:var(--gray-500);margin-bottom:.75rem;display:block;text-transform:uppercase;letter-spacing:.05em}
.service-desc{font-size:14px;color:var(--gray-700);line-height:1.6;margin-top:.5rem}
.product-link{font-family:var(--font-condensed);font-size:13px;font-weight:600;color:var(--primary);text-decoration:none;text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--primary);padding-bottom:2px;transition:opacity .2s ease}
.product-link:hover{opacity:.5}
footer{padding:8rem 0 4rem;border-top:2px solid var(--primary)}
footer h2{font-size:28px;font-weight:600;margin-bottom:.5rem;letter-spacing:-.03em}
footer a.email-link{font-size:24px;color:var(--primary);font-weight:500;text-decoration:none;display:inline-block;margin-bottom:4rem;position:relative;letter-spacing:-.02em;padding-bottom:4px}
footer a.email-link::after{content:'';position:absolute;width:100%;height:1px;bottom:0;left:0;background-color:var(--gray-300);transition:background-color .3s ease}
footer a.email-link:hover::after{background-color:var(--primary)}
.footer-links{list-style:none;padding:0;margin:0;display:flex;gap:2rem}
.footer-links li{list-style:none}
.footer-links li a{font-family:var(--font-condensed);font-size:13px;font-weight:600;color:var(--primary)!important;text-decoration:none;text-transform:uppercase;letter-spacing:.05em}
.footer-copyright{margin-top:8rem;border-top:1px solid var(--gray-200);padding-top:2rem}
header nav ul li a{font-family:var(--font-family);font-weight:500;font-size:14px;color:var(--gray-500)!important;transition:color .2s ease}
header nav ul li a:hover{color:var(--primary)!important}
.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:4rem 3rem}
@media (max-width: 992px) {
    .content-grid{grid-template-columns:1fr;gap:3rem}
    .hero{margin-bottom:6rem}
    section{margin-bottom:8rem}
    .label{margin-bottom:2rem}
}