@layer tokens,base,layout,components,prose;@layer tokens{:root{color-scheme:light;--font-plex: "IBM Plex Mono", monospace;--font-geist: "Geist", sans-serif;--color-text: oklch(0 0 0);--color-accent: oklch(86.89 .29 142.02);--color-border: oklch(.38 0 1);--color-background: oklch(99.7 0 0);--color-callout: oklch(86.89 .29 142.02)}}@layer base{html{scroll-behavior:smooth}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-geist);line-height:1.5}*{box-sizing:border-box}a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img{display:block;max-width:100%}hr{border:0;border-top:1px dashed var(--color-border)}blockquote{margin:0;padding-left:1rem;border-left:1px dashed var(--color-border)}h1,h2,h3,h4,h5,h6{margin:0;font:inherit}time{color:var(--color-border)}p,ul{margin:0}ul{padding-left:1.25rem}svg{display:block}table{width:100%;border-collapse:collapse}th,td{padding:.75rem;border:1px dashed var(--color-border);text-align:left}}@layer layout{header{position:sticky;top:0;z-index:50}footer{position:relative}nav a{color:inherit}main{display:block}.container{width:min(100% - 2rem,80rem);margin:0 auto}.site-shell{position:relative;min-height:100vh;width:100%}.site-background{position:fixed;inset:0;z-index:-50;background-color:var(--color-background)}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.5rem 0}.site-header-shell.is-scrolled .site-brand,.site-header-shell.is-scrolled .header-cta{opacity:0;transform:translateY(-.35rem);pointer-events:none}.content{width:100%}.site-brand{display:flex;align-items:center;gap:.75rem}.site-logo{display:block;width:4.5rem;height:4.5rem}.site-title{display:block;font-family:var(--font-plex);font-size:1rem;text-transform:uppercase;letter-spacing:.3em}.site-description,.footer-info{color:var(--color-border)}.title h1{font-family:var(--font-plex)}.hero{display:grid;grid-template-columns:1fr;align-items:start;align-content:start;gap:2rem;min-height:auto;padding:1rem 0 3rem}.hero-copy,.hero-aside,.hero-points,.contact-copy,.contact-panel{display:flex;flex-direction:column;gap:2rem}.hero-actions{display:flex;flex-direction:column;gap:.625rem}.contact{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem}.services{display:flex;flex-direction:column;gap:2.5rem;padding:0 0 4rem}.services-header{display:flex;flex-direction:column;gap:1rem}.services-grid{display:grid;grid-template-columns:1fr;gap:1rem}.service-card{display:flex;flex-direction:column;gap:1rem;padding:1.5rem;border:1px dashed var(--color-border);border-radius:2rem;background:#fefefeb8;transition:filter .18s ease,opacity .18s ease,transform .18s ease,background-color .18s ease,border-color .18s ease}.services-grid:has(.service-card:hover) .service-card:not(:hover){filter:blur(3px);opacity:.5;transform:scale(.985)}.contact-card{display:grid;gap:2rem;padding:1.75rem 1.25rem;border-radius:2.5rem;background:var(--color-accent);color:var(--color-text)}.contact-panel{justify-self:stretch;align-self:center;width:100%;max-width:100%;padding:1.25rem;border:1px dashed var(--color-border);border-radius:2rem}.contact-section{display:flex;flex-direction:column;gap:.75rem}.site-footer{padding-bottom:2rem}.footer-info{display:flex;flex-direction:column;gap:1rem;padding:1.5rem 0;border-top:1px dashed var(--color-border);font-size:.875rem}.footer-nav{display:flex;flex-wrap:wrap;gap:1rem}.not-found{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:1.5rem;min-height:70vh;padding:4rem 0}.monolume-bg{background-image:radial-gradient(circle at 1px 1px,rgba(0,0,0,.1) 1px,transparent 0);background-size:25px 25px}@media(min-width:48rem){.footer-info{flex-direction:row;align-items:center;justify-content:space-between}.hero-actions{flex-direction:row}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.hero{grid-template-columns:repeat(2,minmax(0,1fr));gap:4rem;padding:1rem 0 3.5rem}.contact-card{grid-template-columns:minmax(0,1fr) max-content;padding:3.5rem 3rem}.contact-panel{justify-self:start;width:fit-content;padding:1.5rem}.services{gap:3rem;padding-bottom:4.5rem}.contact{gap:2.5rem;padding-bottom:4.5rem}}}@layer components{.heading{font-family:var(--font-plex);font-weight:700;letter-spacing:-.02em}.text-balance{text-wrap:balance}.eyebrow{font-family:var(--font-plex);font-size:.75rem;text-transform:uppercase;letter-spacing:.32em;color:var(--color-border)}.button{display:inline-flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border:1px dashed transparent;border-radius:1rem;font-family:var(--font-plex);font-size:.75rem;text-transform:uppercase;letter-spacing:.25em;transition:background-color .16s ease,color .16s ease,border-color .16s ease}.button:hover{border-color:var(--color-border)}.button-primary{background:var(--color-accent);color:var(--color-text)}.button-primary:hover{background:var(--color-background)}.button-dark,.button-dark:hover,.button-outline:hover,.social-chip:hover{background:var(--color-text);color:var(--color-background)}.button-outline{border-color:var(--color-text);border-radius:999px;color:var(--color-text)}.button-block{width:100%}.hero-title{max-width:5ch;font-size:clamp(4.5rem,18vw,11rem);line-height:.92;text-transform:uppercase}.hero-description,.hero-list,.services-intro,.service-card-description,.contact-description,.contact-text,.not-found-copy{color:var(--color-border)}.hero-description{max-width:36rem;font-size:1.5rem}.hero-list{display:flex;flex-direction:column;gap:1rem;padding-left:1.25rem;font-size:1.25rem}.services-title{max-width:18ch;font-size:clamp(2.6rem,7vw,4.75rem);line-height:.98;text-transform:uppercase}.services-intro{max-width:48rem;font-size:1.125rem;line-height:1.8}.service-card-title{font-size:1.5rem;line-height:1.05;text-transform:uppercase}.service-card-description{font-size:1rem;line-height:1.7}.service-card-list{display:flex;flex-direction:column;gap:.875rem;padding-left:1.25rem;color:var(--color-border)}.contact-title{max-width:11ch;font-size:clamp(1.9rem,10vw,5rem);line-height:.95;text-transform:uppercase}.contact-description,.not-found-copy{max-width:42rem;font-size:1.125rem;line-height:1.8}.contact-link{display:inline-block;max-width:100%;font-size:clamp(1.15rem,7vw,2rem);line-height:1.1;text-decoration:underline;text-underline-offset:.25rem;overflow-wrap:anywhere}.social-links{display:flex;flex-wrap:wrap;gap:.75rem}.social-chip{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1rem;border:1px dashed var(--color-border);border-radius:999px;font-family:var(--font-plex);font-size:.75rem;text-transform:uppercase;letter-spacing:.2em;transition:background-color .16s ease,color .16s ease}.site-brand,.header-cta{transition:opacity .18s ease,transform .18s ease,background-color .16s ease,color .16s ease,border-color .16s ease}.not-found-title{max-width:12ch;font-size:clamp(3rem,10vw,7rem);line-height:.95;text-transform:uppercase}.callout{border:1px dashed var(--color-border);background:var(--color-callout)}.draft-label,.meta,.tags,.soc,.posts,.post,.post-heading,.post-title,.post-summary,.post-read-more{color:inherit}@media(min-width:48rem){.button-block{width:auto;min-width:15rem}}}@layer prose{article{max-width:48rem;margin:0 auto;color:var(--color-border);font-size:1.125rem;line-height:1.8}article :where(h1,h2,h3,h4,h5,h6){margin:0 0 1rem;color:var(--color-text);font-family:var(--font-plex);font-weight:700}article p,article ul,article ol,article pre,article blockquote,article figure{margin:0 0 1.5rem}article a{text-decoration:underline;text-underline-offset:.125rem}figure{margin:0}figure img{margin:0 auto}figure h4{color:var(--color-border)}code{overflow-wrap:break-word}pre,.highlight{overflow-x:auto}[class*=language-]:before{color:var(--color-border)}}
