/* MKRST landing system v1.0.0. See SOURCES.md for observed vs proposed values. */
@font-face{font-family:"MKRST Sans";src:url("assets/mkrst-book.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"MKRST Sans";src:url("assets/mkrst-medium.woff2") format("woff2");font-weight:500;font-display:swap}
:root{
 --mkr-white:#fff;--mkr-ink:#2d2d2d;--mkr-dark:#161616;--mkr-gray:#f0f0f0;--mkr-off-white:#f5f5f5;
 --mkr-bg:var(--mkr-white);--mkr-text:var(--mkr-ink);--mkr-surface:var(--mkr-off-white);--mkr-muted:#686868;--mkr-rule:#000;--mkr-control:var(--mkr-ink);
 --mkr-error:#a51d27;--mkr-success:#21623d;
 --mkr-font:"MKRST Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 --mkr-xs:8px;--mkr-sm:12px;--mkr-md:16px;--mkr-lg:24px;--mkr-xl:32px;--mkr-2xl:48px;--mkr-3xl:64px;--mkr-4xl:96px;--mkr-5xl:128px;
 --mkr-gap:16px;--mkr-gutter:clamp(20px,3vw,48px);--mkr-max:1440px;--mkr-section:clamp(64px,8vw,128px);
 --mkr-body:clamp(1rem,.94rem + .3vw,1.25rem);--mkr-display:clamp(2.5rem,5.5vw,5.625rem);--mkr-heading:clamp(2rem,4vw,3.75rem);--mkr-lead:clamp(1.375rem,2.5vw,2.5rem);--mkr-label:.8125rem;
 --mkr-pill:999px;--mkr-fast:150ms;--mkr-duration:200ms;--mkr-ease:cubic-bezier(.2,.7,.2,1);color-scheme:light;
}
[data-theme="dark"],.mkr-inverse{--mkr-bg:var(--mkr-dark);--mkr-text:var(--mkr-white);--mkr-surface:#292929;--mkr-muted:#bdbdbd;--mkr-rule:#454545;--mkr-control:#bdbdbd;--mkr-error:#ffb4b8;--mkr-success:#a0ddb7;color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--mkr-bg);color:var(--mkr-text);font:400 var(--mkr-body)/1.4 var(--mkr-font);font-synthesis:none}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}p+p{margin-top:16px}a{color:inherit;text-underline-offset:.2em}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img,video{display:block;max-width:100%}a,button,input,textarea,select,summary{touch-action:manipulation}:focus-visible{outline:2px solid var(--mkr-text);outline-offset:4px}section[id]{scroll-margin-top:32px}
.mkr-container{width:100%;max-width:calc(var(--mkr-max) + 2*var(--mkr-gutter));margin-inline:auto;padding-inline:var(--mkr-gutter)}.mkr-section{padding-block:var(--mkr-section)}.mkr-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--mkr-gap)}.mkr-half{grid-column:span 6;min-width:0}.mkr-third{grid-column:span 4;min-width:0}.mkr-copy{max-width:60ch}.mkr-stack{display:grid;gap:var(--mkr-lg)}.mkr-rule{border-top:1px solid var(--mkr-rule);padding-top:var(--mkr-sm)}
.mkr-display{font-size:var(--mkr-display);line-height:1.05;letter-spacing:-.01em;max-width:20ch;text-wrap:balance}.mkr-heading{font-size:var(--mkr-heading);line-height:1.1;letter-spacing:-.01em;max-width:26ch;text-wrap:balance}.mkr-lead{font-size:var(--mkr-lead);line-height:1.25}.mkr-label{font-size:var(--mkr-label);font-weight:500;letter-spacing:.04em;text-transform:uppercase}.mkr-muted{color:var(--mkr-muted)}
.mkr-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:80px;padding-block:16px}.mkr-brand{font-size:28px;text-decoration:none;white-space:nowrap}.mkr-nav{display:flex;flex-wrap:wrap;gap:12px}.mkr-nav a{display:inline-flex;align-items:center;min-height:44px}.mkr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:32px}
.mkr-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;max-width:100%;padding:.55em 1.4em;border:1px solid var(--mkr-text);border-radius:var(--mkr-pill);background:transparent;color:var(--mkr-text);font:inherit;line-height:1.2;text-align:center;text-decoration:none;transition:background var(--mkr-duration),color var(--mkr-duration)}.mkr-button:hover,.mkr-button[data-variant="solid"]{background:var(--mkr-text);color:var(--mkr-bg)}.mkr-button[data-variant="solid"]:hover{background:var(--mkr-bg);color:var(--mkr-text)}.mkr-button:active{transform:translateY(1px)}.mkr-button:disabled{opacity:.5;cursor:not-allowed;transform:none}
.mkr-work{display:grid;gap:8px;text-decoration:none}.mkr-work-media{aspect-ratio:16/9;overflow:hidden;background:var(--mkr-surface)}.mkr-work-media img{width:100%;height:100%;object-fit:cover;transition:transform var(--mkr-duration) var(--mkr-ease)}.mkr-work:hover img{transform:scale(1.015)}.mkr-work h3{font-size:1em}.mkr-work:hover h3{text-decoration:underline}
.mkr-step{border-top:1px solid var(--mkr-rule);padding-top:12px;display:grid;grid-template-columns:48px 1fr;gap:16px}.mkr-step h3{font-size:var(--mkr-lead)}.mkr-step p{margin-top:16px}.mkr-faq{border-top:1px solid var(--mkr-rule);padding:16px 0}.mkr-faq summary{min-height:44px;cursor:pointer;display:list-item;padding-right:24px}.mkr-faq>p{max-width:60ch;padding-top:16px}.mkr-field{display:grid;gap:8px}.mkr-field input,.mkr-field textarea,.mkr-field select{width:100%;min-height:48px;background:transparent;border:1px solid var(--mkr-control);border-radius:0;padding:12px}.mkr-field [aria-invalid="true"]{border-color:var(--mkr-error)}.mkr-error{color:var(--mkr-error)}.mkr-success{color:var(--mkr-success)}.mkr-inverse{background:var(--mkr-bg);color:var(--mkr-text)}.mkr-skip{position:fixed;top:8px;left:8px;transform:translateY(-200%);z-index:100;background:var(--mkr-bg);padding:12px}.mkr-skip:focus{transform:none}
@media(max-width:1023px){.mkr-third{grid-column:span 6}}@media(max-width:767px){.mkr-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.mkr-half,.mkr-third{grid-column:1/-1}.mkr-header{align-items:flex-start;flex-wrap:wrap}.mkr-nav{font-size:16px}.mkr-actions{align-items:stretch}.mkr-display{max-width:100%}}@media(max-width:540px){.mkr-actions .mkr-button{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.mkr-work:hover img,.mkr-button:active{transform:none}}
