@font-face{font-family:GeistSans;src:url(../media/Geist_Variable-s.p.111odzyf_79w_.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:GeistSans Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.geistsans_d5a4f12f-module__Ur3q_a__className{font-family:GeistSans,GeistSans Fallback}.geistsans_d5a4f12f-module__Ur3q_a__variable{--font-geist-sans:"GeistSans", "GeistSans Fallback"}
@font-face{font-family:GeistMono;src:url(../media/GeistMono_Variable.p.11tlzvxxbe5bj.woff2)format("woff2");font-display:swap;font-weight:100 900}.geistmono_157ca88a-module__iaM1Ya__className{font-family:GeistMono,ui-monospace,SFMono-Regular,Roboto Mono,Menlo,Monaco,Liberation Mono,DejaVu Sans Mono,Courier New,monospace}.geistmono_157ca88a-module__iaM1Ya__variable{--font-geist-mono:"GeistMono", ui-monospace, SFMono-Regular, Roboto Mono, Menlo, Monaco, Liberation Mono, DejaVu Sans Mono, Courier New, monospace}
:root{--surface:#0a0a0a;--paper:#121212;--ink:#f5f5f5;--ink-soft:#adadad;--ink-muted:#8a8a8a;--hairline:#242424;--rust:#f77740;--dot:#ffffff14;--dot-lit:#f7774099;--glare:255 255 255;--shadow:0 0 0;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}body{background:var(--surface);min-height:100svh;color:var(--ink);font-family:var(--font-geist-sans), system-ui, sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}a{color:inherit;text-decoration:none}.stage{--px:50vw;--py:40vh;isolation:isolate;align-content:center;place-items:center;gap:28px;min-height:100svh;padding:24px;display:grid;position:relative}.stage:before,.stage:after{content:"";z-index:-1;background-image:radial-gradient(circle, var(--dot) 1px, transparent 1.5px);background-position:50%;background-size:22px 22px;position:absolute;inset:0}.stage:after{background-image:radial-gradient(circle, var(--dot-lit) 1.2px, transparent 1.7px);-webkit-mask-image:radial-gradient(circle 220px at var(--px) var(--py), black, transparent 100%);mask-image:radial-gradient(circle 220px at var(--px) var(--py), black, transparent 100%);-webkit-mask-image:radial-gradient(circle 220px at var(--px) var(--py), black, transparent 100%)}.scene{perspective:1400px;width:min(100%,560px);animation:.9s cubic-bezier(.2,.7,.2,1) both rise}.card{--light:0;--lx:50%;--ly:30%;--tx:0;--ty:0;aspect-ratio:85/55;transform-style:preserve-3d;cursor:pointer;will-change:transform;-webkit-tap-highlight-color:transparent;position:relative}.face{border:1px solid var(--hairline);background:var(--paper);backface-visibility:hidden;box-shadow:0 1px 1px rgb(var(--shadow) / .03), calc(var(--tx) * -10px) calc(8px + var(--ty) * 10px) 24px -8px rgb(var(--shadow) / .12), calc(var(--tx) * -30px) calc(40px + var(--ty) * 30px) 80px -32px rgb(var(--shadow) / .28);border-radius:18px;position:absolute;inset:0;overflow:hidden}.front{flex-direction:column;justify-content:space-between;padding:clamp(22px,5vw,40px);display:flex}.front:before{content:"";background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--rust) 60%, transparent), transparent);height:1px;position:absolute;inset:0 24px auto}.back{background:radial-gradient(ellipse 70% 60% at 50% 45%, color-mix(in srgb, var(--rust) 10%, transparent), transparent 70%), var(--paper);align-content:center;place-items:center;gap:clamp(16px,4vw,26px);padding:24px;display:grid;transform:rotateY(180deg)}.glare{pointer-events:none;border-radius:inherit;opacity:var(--light);background:radial-gradient(circle at var(--lx) var(--ly), rgb(var(--glare) / .12), transparent 45%), linear-gradient(115deg, transparent calc(var(--lx) - 45%), color-mix(in srgb, var(--rust) 12%, transparent) var(--lx), transparent calc(var(--lx) + 45%));mix-blend-mode:screen;position:absolute;inset:0}.card-top{justify-content:space-between;align-items:flex-start;display:flex}.mark-small{width:30px;height:34px}.mark-small path,.mark-small circle,.mark-large path,.mark-large circle{stroke-dasharray:1;stroke-dashoffset:1px}.mark-small path,.mark-small circle{animation:1.1s cubic-bezier(.65,0,.35,1) .25s forwards draw}.mark-small circle{animation-duration:.6s;animation-delay:.9s}.card-bottom{justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.rule{background:var(--rust);transform-origin:0;border-radius:999px;width:32px;height:2px;animation:.7s cubic-bezier(.65,0,.35,1) .6s both grow;display:block}h1{letter-spacing:-.02em;margin:14px 0 0;font-size:clamp(1.75rem,6vw,2.5rem);font-weight:600;line-height:1.04;animation:.8s cubic-bezier(.2,.7,.2,1) .7s both lift}.role{color:var(--ink-soft);margin:8px 0 0;font-size:clamp(13px,2.4vw,15px);animation:.8s cubic-bezier(.2,.7,.2,1) .82s both lift}.contacts{text-align:right;font-family:var(--font-geist-mono), ui-monospace, monospace;color:var(--ink-muted);white-space:nowrap;gap:4px;margin:0;padding:0;font-size:12px;list-style:none;animation:.8s 1s both fade;display:grid}.contacts a{transition:color .15s}.contacts a:hover{color:var(--rust)}.mark-large{width:clamp(72px,18vw,110px);height:auto;filter:drop-shadow(0 6px 18px color-mix(in srgb, var(--rust) 35%, transparent));overflow:visible}.is-flipped .mark-large path,.is-flipped .mark-large circle{animation:1.1s cubic-bezier(.65,0,.35,1) .25s forwards draw}.is-flipped .mark-large circle{animation-duration:.6s;animation-delay:.85s}.back-line{letter-spacing:-.015em;text-align:center;color:var(--ink);opacity:0;margin:0;font-size:clamp(1.125rem,3.4vw,1.5rem);font-weight:600;line-height:1.2}.is-flipped .back-line{animation:.7s .9s forwards fade}.hint{font:inherit;font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 10px;font-size:11px;transition:color .15s;animation:.8s 1.8s both fade}.hint:hover{color:var(--rust)}.hint:focus-visible{outline:1px solid var(--rust);outline-offset:2px}.hint-touch{display:none}@media (hover:none){.hint-pointer{display:none}.hint-touch{display:inline}}@media (max-width:520px){.scene{max-width:340px}.card{aspect-ratio:55/85}.card-bottom{flex-direction:column;align-items:flex-start;gap:28px}.contacts{text-align:left}.back-line{max-width:14ch}}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.97)}}@keyframes draw{to{stroke-dashoffset:0}}@keyframes fade{0%{opacity:0}to{opacity:1}}@keyframes lift{0%{opacity:0;transform:translateY(8px)}}@keyframes grow{0%{transform:scaleX(0)}}@media (prefers-reduced-motion:reduce){.scene,.rule,h1,.role,.contacts,.hint,.is-flipped .back-line{opacity:1;animation:none}.mark-small path,.mark-small circle,.mark-large path,.mark-large circle,.is-flipped .mark-large path,.is-flipped .mark-large circle{stroke-dashoffset:0;animation:none}.stage:after{display:none}}
