@font-face{font-family:Paper Mono;src:url(/fonts/PaperMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg: #07070a;--fg: #ffffff;--muted: rgba(255, 255, 255, .55);--border: rgba(255, 255, 255, .55);--container-bg: rgba(10, 10, 12, .32);--radius: 4px;--letter-spacing: .14em}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:Paper Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-transform:uppercase;letter-spacing:var(--letter-spacing);overflow-x:hidden}button{font:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;background:none;border:none;padding:0;margin:0;cursor:pointer}a{color:inherit}.scene{position:relative;min-height:100dvh;width:100%;overflow:hidden;isolation:isolate}.bg-base{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-4;background:radial-gradient(ellipse 80% 60% at 50% 45%,#1a1a1f,#0d0d11 45%,#060608)}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;background:radial-gradient(circle at 50% 50%,#fff5dc12,#fff5dc08 18%,#fff5dc00 38%);mix-blend-mode:screen;pointer-events:none}.bg-grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-2;opacity:.32;mix-blend-mode:overlay;pointer-events:none}.bg-vignette{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 90% 80% at 50% 50%,#0000 35%,#0000008c 80%,#000000d9)}.layout{position:relative;width:100%;min-height:100dvh;display:grid;grid-template-columns:1fr minmax(280px,360px) 1fr;grid-template-rows:1fr auto 1fr;align-items:center;justify-items:center;gap:clamp(24px,4vw,64px);padding:clamp(28px,5vw,64px)}.slot{display:flex;align-items:center;justify-content:center;width:100%}.slot--top{grid-column:2;grid-row:1;align-self:end}.slot--bottom{grid-column:2;grid-row:3;align-self:start;margin-top:32px}.slot--left{grid-column:1;grid-row:2;justify-self:end;transform:translate(40px)}.slot--right{grid-column:3;grid-row:2;justify-self:start;transform:translate(-40px)}.slot--center{grid-column:2;grid-row:2}.brand{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;-webkit-user-select:none;user-select:none;pointer-events:none}.brand__halo{position:absolute;top:-40%;right:-50%;bottom:-40%;left:-50%;background:radial-gradient(ellipse 60% 55% at 50% 45%,#fff8e141,#fff8e121 20%,#fff0c80c,#fff0c800 70%);filter:blur(18px);z-index:-1;pointer-events:none;animation:halo-pulse 9s ease-in-out infinite}@keyframes halo-pulse{0%,to{opacity:.85;transform:scale(1)}50%{opacity:1;transform:scale(1.04)}}.brand__logo{width:clamp(120px,14vw,200px);height:auto;filter:drop-shadow(0 0 18px rgba(255,248,220,.35)) drop-shadow(0 8px 28px rgba(0,0,0,.55))}.brand__name{display:block;width:clamp(140px,16vw,220px);height:auto;margin-top:-14px;filter:drop-shadow(0 1px 8px rgba(0,0,0,.7))}.panel{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:6px 8px;border:0;background:transparent;color:var(--fg);text-align:center;cursor:pointer;outline:none;transition:opacity .16s ease}.panel:hover .panel__label,.panel:focus-visible .panel__label{opacity:.7}.panel:focus-visible{outline:1px dashed rgba(255,255,255,.4);outline-offset:4px;border-radius:2px}.panel__label{font-size:11px;letter-spacing:.28em;white-space:nowrap;text-shadow:0 1px 8px rgba(0,0,0,.7);transition:opacity .16s ease}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:clamp(24px,5vw,64px);z-index:10;cursor:pointer;background:#0000008c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.panel--open{cursor:default;min-width:0;width:min(640px,92vw);padding:0;background:transparent;border:none;display:block}.panel__frame{position:relative;width:100%;border:1px dashed var(--border);border-radius:var(--radius);background:#0a0a0cc7;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);padding:26px 28px 24px;box-shadow:0 30px 80px #0000008c}.panel__frame:before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:1px dashed var(--border);border-radius:2px;pointer-events:none;opacity:.55}.panel__heading{font-size:11px;letter-spacing:.28em;color:var(--fg);margin:0 0 16px;text-align:center}.panel__body{position:relative;font-size:12px;line-height:1.7;letter-spacing:.18em;text-align:center;color:var(--fg)}.panel__body p{margin:0 0 10px}.panel__body p+p{margin-top:4px}.panel__list{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;color:var(--fg)}.panel__close{position:absolute;top:8px;right:14px;font-size:18px;line-height:1;color:var(--muted);letter-spacing:0}.panel__close:hover{color:var(--fg)}.projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}.project{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border:1px dashed rgba(255,255,255,.35);border-radius:var(--radius);background:#ffffff05;color:var(--fg);text-decoration:none;transition:border-color .16s ease,background .16s ease}.project:hover,.project:focus-visible{border-color:#ffffffd9;background:#ffffff0d;outline:none}.project__logo{width:64px;height:64px;display:grid;place-items:center;border-radius:var(--radius);background:#ffffff0a;font-size:14px;letter-spacing:.16em;color:var(--fg);overflow:hidden}.project__logo img{width:100%;height:100%;object-fit:cover;display:block}.project__name{font-size:10px;letter-spacing:.22em;color:var(--muted)}.contact{display:flex;flex-direction:column;gap:6px;align-items:center}.contact a{text-decoration:none;border-bottom:1px dashed transparent;padding-bottom:1px;transition:border-color .16s ease}.contact a:hover{border-color:#ffffffb3}@media(max-width:720px){body{letter-spacing:.14em}.layout{grid-template-columns:1fr;grid-template-rows:auto;min-height:100dvh;padding:56px 24px;gap:clamp(20px,4.5vh,36px);align-content:space-evenly;justify-items:center}.slot{grid-column:1!important;grid-row:auto!important;justify-self:center!important;align-self:auto!important;transform:none!important;margin:0!important;width:auto}.slot--center{order:1}.slot--left{order:2}.slot--right{order:3}.slot--bottom{order:4}.slot--top{order:5}.brand{gap:0}.brand__logo{width:clamp(170px,48vw,220px)}.brand__name{width:clamp(170px,48vw,220px);margin-top:-16px}.panel{padding:14px 20px;min-height:48px}.panel__label{font-size:14px;letter-spacing:.26em}.panel--open{padding:0;width:100%;max-width:480px;min-height:0}.panel__frame{padding:24px 20px}.panel__body{font-size:13px;line-height:1.75}.projects{gap:10px;margin-top:16px}.project{padding:14px 6px}.project__logo{width:56px;height:56px;font-size:13px}.project__name{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}