@font-face{font-family:Geist Mono;src:url(/assets/fonts/geist-mono-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{--ink: #1b1d20;--ink-2: #4b4f56;--mute: #868b93;--paper: #f5f5f6;--fog: #e9eaec;--ground: #c0c4c9;--orange: #ff4f1a;--orange-deep: #e2410d;--peach: #ffb89e;--pad: clamp(16px, 3vw, 38px);--mono: "Geist Mono", ui-monospace, "Cascadia Mono", "Segoe UI Mono", Consolas, "Liberation Mono", monospace;--out: cubic-bezier(.2, .8, .2, 1);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0}body{min-height:100dvh;color:var(--ink);font-family:var(--mono);font-feature-settings:"zero" 0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(to bottom,#dcdee1 0%,#c9ccd0 34%,var(--ground) 100%) fixed;overflow-x:hidden}::selection{background:var(--orange);color:#fff}.defs{position:absolute;width:0;height:0;overflow:hidden}.smr-a{fill:var(--logo-a, var(--ink))}.smr-b{fill:var(--logo-b, var(--orange))}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .35s ease}.has-scene #scene{opacity:1}.is-plain body{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.85) 0 1.1px,transparent 1.7px) 0 0 / 9px 9px,linear-gradient(to bottom,#dcdee1 0%,#c9ccd0 34%,var(--ground) 100%) fixed}.is-plain #scene{display:none}.bar{position:fixed;z-index:4;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:calc(var(--pad) * .8 + env(safe-area-inset-top,0px)) calc(var(--pad) + env(safe-area-inset-right,0px)) 0 calc(var(--pad) + env(safe-area-inset-left,0px));pointer-events:none}.brand{display:flex;align-items:center;gap:clamp(10px,1.2vw,16px)}.mark{display:block;height:clamp(26px,2.5vw,34px);aspect-ratio:545 / 186}.rule{width:1px;height:clamp(18px,1.9vw,24px);background:var(--ink);opacity:.28}.word{margin:0 -.44em 0 0;font-size:clamp(16px,1.6vw,21px);font-weight:700;letter-spacing:.44em;line-height:1}.status{display:flex;align-items:center;gap:clamp(10px,1.2vw,16px)}.when{display:grid;justify-items:end;gap:3px;font-size:11px;letter-spacing:.12em;line-height:1;color:var(--ink-2);font-variant-numeric:tabular-nums}.clock{font-size:15px;font-weight:600;color:var(--ink);letter-spacing:.08em}html:not(.js) .motion,.is-plain .motion{display:none}.motion{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#f5f5f68c;box-shadow:0 0 0 1px #1b1d201f;color:var(--ink);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:background .2s ease,box-shadow .2s ease,transform .2s var(--out)}.motion svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.motion__play{display:none;fill:currentColor;stroke-width:1.2}.motion[aria-pressed=true] .motion__pause{display:none}.motion[aria-pressed=true] .motion__play{display:block}.motion:hover{background:#ffffffe6;box-shadow:0 0 0 1px #1b1d2059}.motion:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.motion:active{transform:scale(.92)}.deck{position:relative;z-index:3;min-height:100dvh;display:grid;place-items:center;padding:calc(var(--pad) + 84px) var(--pad) calc(var(--pad) + 8px);pointer-events:none}.apps{display:flex;flex-wrap:wrap;justify-content:center;gap:clamp(12px,2.2vw,34px);max-width:1180px;margin-top:9vh}.app{--w: clamp(100px, 13.2vw, 196px);position:relative;width:var(--w);display:flex;flex-direction:column;padding:0 0 clamp(11px,1.1vw,15px);color:var(--ink);text-decoration:none;border-radius:clamp(16px,1.6vw,22px);background:linear-gradient(to bottom,#fafafbe6,#f0f1f3d6);-webkit-backdrop-filter:blur(9px) saturate(1.1);backdrop-filter:blur(9px) saturate(1.1);box-shadow:inset 0 0 0 1px #ffffffc7,0 0 0 1px #1b1d2014,0 2px 5px #1b1d2012,0 24px 44px -24px #1b1d2080;pointer-events:auto;outline:none;-webkit-tap-highlight-color:transparent;transition:transform .4s var(--out),box-shadow .4s var(--out),background .3s ease}.app__no{position:absolute;top:clamp(9px,.95vw,13px);left:clamp(11px,1.1vw,15px);font-size:10px;letter-spacing:.14em;color:var(--mute);transition:color .25s ease}.app__go{position:absolute;top:clamp(8px,.85vw,12px);right:clamp(9px,.95vw,13px);width:15px;height:15px;fill:none;stroke:var(--orange);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:translate(-5px,5px);transition:opacity .25s ease,transform .4s var(--out)}.app__icon{display:grid;place-items:center;aspect-ratio:1 / .9;padding:20% 17% 5%}.app__icon svg{display:block;width:100%;height:100%;overflow:visible}.app__initials{font-size:clamp(22px,3vw,36px);font-weight:700;letter-spacing:.06em;color:var(--ink)}.app__name{padding:0 clamp(10px,1.1vw,15px);font-size:clamp(9.5px,.92vw,13px);font-weight:600;letter-spacing:.1em;line-height:1.4;text-transform:uppercase;text-wrap:balance}.app:before{content:"";position:absolute;inset:-9px;pointer-events:none;opacity:0;transform:scale(1.07);transition:opacity .2s ease,transform .45s var(--out);--c: var(--orange);--l: 15px;--t: 2px;background:linear-gradient(var(--c) 0 0) left top / var(--l) var(--t),linear-gradient(var(--c) 0 0) left top / var(--t) var(--l),linear-gradient(var(--c) 0 0) right top / var(--l) var(--t),linear-gradient(var(--c) 0 0) right top / var(--t) var(--l),linear-gradient(var(--c) 0 0) left bottom / var(--l) var(--t),linear-gradient(var(--c) 0 0) left bottom / var(--t) var(--l),linear-gradient(var(--c) 0 0) right bottom / var(--l) var(--t),linear-gradient(var(--c) 0 0) right bottom / var(--t) var(--l);background-repeat:no-repeat}@media(hover:hover){.app:hover{transform:translateY(-6px)}.app:hover:before{opacity:1;transform:none}.app:hover .app__go{opacity:1;transform:none}.app:hover .app__no{color:var(--ink)}.app:hover{background:linear-gradient(to bottom,#fffffff7,#f6f7f8ed);box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #1b1d2033,0 3px 8px #1b1d2014,0 34px 54px -26px #1b1d2099}}.app:focus-visible{transform:translateY(-6px);background:linear-gradient(to bottom,#fffffff7,#f6f7f8ed);box-shadow:inset 0 0 0 1px #fff,0 0 0 1px #1b1d2033,0 3px 8px #1b1d2014,0 34px 54px -26px #1b1d2099}.app:focus-visible:before{opacity:1;transform:none}.app:focus-visible .app__go{opacity:1;transform:none}.app:focus-visible .app__no{color:var(--ink)}.app:active{transform:translateY(-2px) scale(.985);transition-duration:.12s}.i-level,.i-rod,.i-lift,.i-arrow,.i-bar{transition:transform .6s var(--out)}.i-dial{transition:stroke-dasharray .8s var(--out)}.i-bar{transform-box:fill-box;transform-origin:50% 100%;transition-delay:calc(var(--d) * 45ms)}.i-arrow path{transition:stroke .25s ease}.app:hover .i-level,.app:focus-visible .i-level{transform:translateY(-10px)}.app:hover .i-rod,.app:focus-visible .i-rod{transform:translateY(5px)}.app:hover .i-lift,.app:focus-visible .i-lift{transform:translateY(-5px)}.app:hover .i-arrow,.app:focus-visible .i-arrow{transform:translate(3px,-3px)}.app:hover .i-arrow path,.app:focus-visible .i-arrow path{stroke:var(--orange)}.app:hover .i-dial,.app:focus-visible .i-dial{stroke-dasharray:88 100}.app:hover .i-bar,.app:focus-visible .i-bar{transform:scaleY(1.16)}.ident{display:none}.js .ident{position:fixed;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none}.ident__lockup{display:grid;justify-items:center;gap:clamp(10px,1.6vw,16px);transform:translateY(-4vh)}.ident__mark{display:block;width:min(56vw,340px);aspect-ratio:545 / 186;transform-origin:0 0;will-change:transform}.ident__strap{display:flex;align-items:center;gap:clamp(10px,1.6vw,18px);font-size:clamp(9px,1.5vw,13px);font-weight:500;letter-spacing:.6em;color:var(--ink-2);transition:opacity .28s ease,transform .5s var(--out)}.ident__strap span{margin-right:-.6em}.ident__strap:before,.ident__strap:after{content:"";width:clamp(22px,5vw,54px);height:1px;background:currentColor;opacity:.55}.ident.is-leaving .ident__strap{opacity:0;transform:translateY(6px)}.ident.is-done,.js.no-ident .ident{display:none}.js:not(.is-ready) .app,.js:not(.is-ready) .rule,.js:not(.is-ready) .word,.js:not(.is-ready) .status{opacity:0;pointer-events:none}.js:not(.has-mark) .mark{opacity:0}.js.is-ready:not(.is-settled) .app{animation:tile-in .8s var(--out) backwards;animation-delay:calc(var(--i) * 85ms + 40ms)}.js.is-ready:not(.is-settled) .rule{animation:fade-in .5s ease backwards;animation-delay:.05s}.js.is-ready:not(.is-settled) .word{animation:word-in .7s var(--out) backwards;animation-delay:.08s}.js.is-ready:not(.is-settled) .status{animation:fade-in .7s ease backwards;animation-delay:.3s}@keyframes tile-in{0%{opacity:0;transform:translateY(22px) scale(.95)}}@keyframes fade-in{0%{opacity:0}}@keyframes word-in{0%{opacity:0;letter-spacing:.9em}}@media(max-width:560px){.when .date{display:none}.deck{padding-top:calc(var(--pad) + 70px)}.apps{margin-top:12vh}.app:before{inset:-6px;--l: 11px}}@media(max-height:520px){.apps{margin-top:4vh}}html[data-motion=still] *,html[data-motion=still] *:before,html[data-motion=still] *:after{animation:none!important;transition:none!important}
