:root{--bg:#141210;--ink:#f4f1ec;--ink-dim:#9a938a;--ink-faint:#877d71;--mango:#f59b38;--amber:#f5c243;--clay:#ec6c2d;--line:#282420;--maxw:760px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);letter-spacing:-.005em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;padding:0 32px;font-family:Helvetica Neue,Helvetica,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.6}.wrap{max-width:var(--maxw);margin:0 auto}a{color:inherit}a:focus-visible{outline:1px solid var(--mango);outline-offset:4px}header{align-items:center;gap:12px;padding:64px 0 0;display:flex}header img{width:26px;height:auto;display:block}header .brand{letter-spacing:0;color:var(--ink-dim);font-size:14px;font-weight:400}header .brand b{color:var(--ink);font-weight:500}.hero{padding:100px 0 110px}.hero p{letter-spacing:-.02em;text-wrap:balance;max-width:20ch;font-size:40px;font-weight:200;line-height:1.28}.hero .accent{color:var(--mango);font-weight:300}.hero .sig{color:var(--ink-dim);letter-spacing:0;max-width:46ch;margin-top:44px;font-size:15px;font-weight:300;line-height:1.55}.hero .sig b{color:var(--ink);font-weight:400}section{padding:72px 0}section+section{border-top:1px solid var(--line)}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:44px;font-size:12px;font-weight:400}.note{border-top:1px solid var(--line);padding:26px 0;text-decoration:none;display:block}.note:first-of-type{border-top:0;padding-top:0}.note:hover .note-title{color:var(--mango)}.note-meta{color:var(--ink-faint);letter-spacing:.04em;font-size:12px;font-weight:400}.note-title{color:var(--ink);letter-spacing:-.015em;margin-top:8px;font-size:22px;font-weight:300;transition:color .2s}.note-dek{color:var(--ink-dim);max-width:56ch;margin-top:8px;font-size:15px;font-weight:300}.case{border-top:1px solid var(--line);padding:38px 0}.case:first-of-type{border-top:0;padding-top:0}.case-head{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.case-name{color:var(--ink);letter-spacing:-.01em;font-size:20px;font-weight:400}.case-role{color:var(--ink-faint);letter-spacing:.04em;white-space:nowrap;font-size:12px;font-weight:400}.case-cover-link{margin-top:22px;display:block}.case-cover{border:1px solid var(--line);width:100%;height:auto;display:block}.case-visit{color:var(--ink-faint);letter-spacing:.04em;margin-top:18px;font-size:12px;font-weight:400;transition:color .2s;display:inline-block}.case-visit:hover{color:var(--mango)}.case-body{margin-top:18px;font-size:15px;font-weight:300;line-height:1.7}.case-body .row{gap:14px;display:flex}.case-body .row+.row{margin-top:6px}.case-body .lbl{color:var(--ink-faint);letter-spacing:.02em;min-width:56px}.case-body .val{color:var(--ink-dim)}.case-body .val.built{color:var(--ink)}.ribbon-note{color:var(--ink-faint);letter-spacing:0;margin-bottom:32px;font-size:13px;font-weight:300}.ribbon{flex-wrap:wrap;align-items:center;gap:20px 44px;list-style:none;display:flex}.ribbon .logo{opacity:.6;filter:grayscale();width:auto;height:28px;transition:opacity .2s,filter .2s}.ribbon a:hover .logo,.ribbon a:focus-visible .logo,.ribbon .logo:hover{opacity:1;filter:grayscale(0)}.ribbon .name{letter-spacing:-.01em;color:var(--ink-dim);font-size:16px;font-weight:300}.contact a.mail{color:var(--ink);letter-spacing:-.02em;font-size:28px;font-weight:200;text-decoration:none;transition:color .2s}.contact a.mail:hover{color:var(--mango)}.contact .also{color:var(--ink-dim);letter-spacing:0;margin-top:28px;font-size:14px;font-weight:300}.contact .also a{color:var(--ink-dim);text-decoration:none;transition:color .2s}.contact .also a:hover{color:var(--mango)}footer{border-top:1px solid var(--line);color:var(--ink-faint);letter-spacing:.02em;padding:56px 0 80px;font-size:12px;font-weight:300}@media (width<=560px){body{padding:0 24px}.hero{padding:72px 0 80px}.hero p{font-size:30px}.contact a.mail{font-size:22px}.case-head{flex-direction:column;gap:4px}.case-role{white-space:normal}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.page-head{padding:72px 0 0}.page-title{letter-spacing:-.02em;color:var(--ink);text-wrap:balance;max-width:20ch;font-size:40px;font-weight:200;line-height:1.28}.page-dek{color:var(--ink-dim);max-width:56ch;margin-top:20px;font-size:15px;font-weight:300;line-height:1.55}.link-quiet{color:var(--ink-dim);letter-spacing:0;font-size:13px;font-weight:300;text-decoration:none;transition:color .2s;display:inline-block}.link-quiet:hover{color:var(--mango)}.list-more{margin-top:38px}.tail{margin-top:72px;padding-bottom:16px}.prose{color:var(--ink);text-wrap:pretty;max-width:68ch;margin-top:44px;font-size:16px;font-weight:300;line-height:1.75}.prose>*+*{margin-top:20px}.prose h2{letter-spacing:-.015em;color:var(--ink);margin-top:48px;font-size:22px;font-weight:400}.prose h3{letter-spacing:-.01em;color:var(--ink);margin-top:36px;font-size:18px;font-weight:400}.prose a{color:var(--mango);border-bottom:1px solid var(--line);text-decoration:none;transition:border-color .2s}.prose a:hover{border-bottom-color:var(--mango)}.prose ul,.prose ol{padding-left:20px}.prose li+li{margin-top:6px}.prose blockquote{border-left:1px solid var(--clay);color:var(--ink-dim);padding-left:20px}.prose code{color:var(--amber);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.prose pre{border:1px solid var(--line);padding:20px;overflow-x:auto}.prose pre code{color:var(--ink-dim)}.prose pre code .hljs-keyword{color:var(--mango)}.prose pre code .hljs-string,.prose pre code .hljs-number,.prose pre code .hljs-literal{color:var(--amber)}.prose pre code .hljs-type,.prose pre code .hljs-built_in{color:var(--clay)}.prose pre code .hljs-comment{color:var(--ink-faint)}.prose pre code .hljs-attr,.prose pre code .hljs-property{color:var(--ink)}.prose pre code .hljs-operator,.prose pre code .hljs-punctuation,.prose pre code .hljs-meta{color:var(--ink-faint)}.prose img{max-width:100%;height:auto}.prose hr{border:0;border-top:1px solid var(--line)}.cover{border:1px solid var(--line);width:100%;height:auto;margin-top:44px;display:block}.empty{color:var(--ink-dim);font-size:15px;font-weight:300}.home.svelte-12qhfyh{align-items:center;gap:12px;text-decoration:none;display:flex}