.minimalist{--background:oklch(99% 0 0);--foreground:oklch(22% .005 150);--muted:oklch(95% .003 150);--muted-foreground:oklch(48% .008 150);--primary:var(--foreground);--primary-foreground:var(--background);--accent:oklch(91% .16 125);--accent-foreground:var(--foreground);--border:oklch(87% .003 150);--ring:var(--foreground);background:var(--background);color:var(--foreground);min-height:100svh}.ml-width{width:min(1160px,100% - 80px);margin-inline:auto}.ml-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:96px;display:flex}.ml-logo{font-size:23px;font-weight:650}.ml-logo span{color:var(--muted-foreground);font-weight:400}.ml-header nav{align-items:center;gap:25px;font-size:12px;display:flex}.ml-header a:hover,.ml-footer a:hover{text-underline-offset:5px;text-decoration:underline}.ml-header .ml-contact-button{box-shadow:none;border-radius:0;padding-inline:18px}.ml-intro{padding-block:66px 58px}.ml-kicker{align-items:center;gap:9px;font-size:11px;font-weight:500;display:flex}.ml-kicker i{background:var(--accent);border:1px solid var(--foreground);border-radius:50%;width:8px;height:8px;display:block}.ml-intro h1{margin-block:25px 30px;font-size:112px;font-weight:500;line-height:1.05}.ml-intro-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.ml-intro-bottom p{max-width:540px;font-size:21px;line-height:1.6}.ml-intro-bottom a{border-bottom:1px solid var(--foreground);align-items:center;gap:25px;padding-bottom:9px;font-size:12px;display:flex}.ml-section-label{border-top:1px solid var(--border);justify-content:space-between;align-items:center;padding-block:23px;display:flex}.ml-section-label h2,.ml-section-label span{font-size:11px;font-weight:500}.ml-work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 28px;padding-bottom:65px;display:grid}.ml-work-image{aspect-ratio:1.35;background:var(--muted);display:block;position:relative;overflow:hidden}.ml-work-image img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.ml-work-image:hover img{transform:scale(1.025)}.ml-work-image>span{background:var(--background);width:42px;height:42px;color:var(--foreground);place-items:center;display:grid;position:absolute;bottom:18px;right:18px}.ml-project-caption{justify-content:space-between;align-items:flex-start;gap:16px;padding-top:18px;display:flex}.ml-project-caption h3{font-size:21px;font-weight:500}.ml-project-caption p{color:var(--muted-foreground);margin-top:6px;font-size:12px}.ml-project-caption>span{color:var(--muted-foreground);padding-top:5px;font-size:11px}.ml-about{background:var(--muted);padding-block:50px 65px}.ml-about .ml-section-label{border-top:none;padding-top:0}.ml-about-layout{grid-template-columns:1fr 1.6fr;gap:50px;padding-top:30px;display:grid}.ml-about h3{font-size:37px;font-weight:500;line-height:1.25}.ml-about p{color:var(--muted-foreground);max-width:590px;font-size:16px;line-height:1.9}.ml-services{flex-wrap:wrap;gap:12px 25px;padding-top:28px;font-size:11px;display:flex}.ml-connect{padding-block:60px}.ml-connect h2{margin-block:25px;font-size:66px;font-weight:500;line-height:1.15}.ml-connect .ml-message{background:var(--accent);color:var(--accent-foreground);box-shadow:none;border-radius:0;height:46px}.ml-socials{flex-wrap:wrap;gap:28px;margin-top:30px;font-size:12px;display:flex}.ml-socials a{align-items:center;gap:8px;display:flex}.ml-footer{border-top:1px solid var(--border);color:var(--muted-foreground);justify-content:space-between;gap:16px;padding-block:26px;font-size:11px;display:flex}@media (width<=700px){.ml-width{width:calc(100% - 40px)}.ml-header{height:78px}.ml-header nav{gap:14px}.ml-header nav>a:not(.ml-contact-button){display:none}.ml-intro{padding-block:40px}.ml-intro h1{max-width:330px;font-size:60px}.ml-intro-bottom{display:block}.ml-intro-bottom p{font-size:18px}.ml-intro-bottom a{width:fit-content;margin-top:24px}.ml-work-grid{grid-template-columns:1fr;gap:32px;padding-bottom:40px}.ml-about-layout{grid-template-columns:1fr;gap:23px;padding-top:15px}.ml-about h3{font-size:30px}.ml-about p{font-size:14px}.ml-connect{padding-block:40px}.ml-connect h2{font-size:42px}.ml-footer{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.ml-work-image img{transition:none}}
