@import "https://fonts.googleapis.com/css2?family=Tiny5&display=swap";:root{--bg:#000;--ink:#fff;--muted:#777;--accent:#5517ff;--font-sans:"NON Natural Grotesk", "FK Roman Standard", Arial, sans-serif;--font-mono:"NON Natural Mono", "Courier New", monospace;--font-roman:"FK Roman Standard", Georgia, serif;font-family:var(--font-sans);color:var(--ink);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--bg);overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.portfolio-page{--theme-color:#ff4b18;--scrollbar-size:6px;--scrollbar-track:#ffffff14;--scrollbar-thumb:var(--theme-color);color:#fff;background:#000;width:100%;min-height:100vh;position:relative;overflow:hidden}.portfolio-page,.portfolio-page *{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.portfolio-page ::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}.portfolio-page ::-webkit-scrollbar-track{background:var(--scrollbar-track)}.portfolio-page ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb)}.portfolio-page.theme-ember{--theme-color:#ff4b18}.portfolio-page.theme-pink{--theme-color:#df32aa}.portfolio-page.theme-violet{--theme-color:#5517ff}.view-layer{width:100%;min-height:100vh;transition:filter .26s;position:absolute;inset:0}.portfolio-page.menu-is-open .view-layer{filter:blur(4px);overscroll-behavior:none}.home-view{opacity:1;transition:opacity .42s}.home-view.is-transitioning{opacity:0}.hero-name{z-index:2;color:var(--theme-color);font-family:var(--font-sans);pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;justify-content:center;align-items:center;gap:.18em;margin:0;font-size:clamp(72px,9.5vw,138px);font-weight:800;line-height:.86;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-first,.hero-last{color:inherit;font-size:inherit;white-space:nowrap;letter-spacing:0;display:block;position:static}.hero-name img{object-fit:contain;vertical-align:.035em;transform-origin:50%;will-change:transform;width:.64em;height:.64em;margin:0 .04em;animation:4s infinite hero-logo-turn;display:inline-block}.about-view,.projects-view,.contact-view{grid-template-rows:min-content 1fr;gap:clamp(42px,5vw,70px);padding:72px 0 42px;display:grid}.about-view{--project-line:#ffffff21;--about-gutter:clamp(22px, 3.4vw, 56px);overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;gap:0;padding-bottom:0;overflow:hidden}.about-view::-webkit-scrollbar{width:0;height:0;display:none}.projects-view{--project-line:#ffffff21;--project-gutter:clamp(30px, 5.6vw, 96px);--project-title-space:clamp(210px, 23vw, 330px);--project-summary-space:clamp(280px, 35vw, 520px);gap:0;padding-top:68px;overflow:hidden}.about-body{height:100%;min-height:0;padding:clamp(28px, 4.6vh, 52px) var(--about-gutter) clamp(24px, 3.8vh, 44px);grid-template-rows:min-content minmax(0,1fr) min-content;grid-template-columns:minmax(0,1fr);gap:clamp(22px,4vh,46px) clamp(30px,4vw,70px);display:grid;position:relative}.page-phase-out .about-body,.page-phase-out .projects-list-view{animation:.18s both page-content-out}.about-sector{color:#ffffff6b;font-family:var(--font-mono);opacity:0;font-size:14px;line-height:1;position:absolute;bottom:5px;left:8px}.projects-list-header.is-entering .about-sector{animation:.26s .14s both section-text-in}.projects-list-header.is-exiting .about-sector{animation:.18s both section-text-out}.about-identity,.about-lead{animation:.56s cubic-bezier(.16,1,.3,1) both about-block-in}.about-identity{--about-name-size:clamp(72px, 9.5vw, 138px);z-index:1;grid-area:1/1;justify-self:start;max-width:100%;animation-delay:.15s;display:grid;position:relative}.about-name{color:#a8a8a8;font-family:var(--font-sans);font-size:var(--about-name-size);letter-spacing:0;white-space:nowrap;text-rendering:geometricprecision;margin:0;font-weight:800;line-height:.86;position:relative}.about-name:before{content:"";background:var(--theme-color);transform-origin:50%;height:3px;margin-top:-1px;animation:1.15s cubic-bezier(.16,1,.3,1) .56s both about-name-line;position:absolute;top:50%;left:0;right:0;transform:scaleX(.05)}.about-name span{animation:1.15s cubic-bezier(.16,1,.3,1) .56s both about-name-reveal;display:block}.about-links{height:calc(var(--about-name-size) * .78);align-items:flex-end;gap:clamp(11px,1.2vw,22px);display:flex;position:absolute;top:0;left:calc(100% + clamp(8px,.9vw,18px))}.about-link{color:#a8a8a8;width:clamp(15px,1.35vw,24px);height:clamp(15px,1.35vw,24px);display:block}.about-link svg{fill:currentColor;width:100%;height:100%;display:block}.about-link:focus-visible{outline-offset:6px;outline:1px solid #fff}.about-role{color:#f2f2f2;font-family:var(--font-sans);text-align:justify;text-align-last:justify;text-rendering:geometricprecision;min-width:max-content;margin:clamp(6px,.9vh,12px) 0 0;font-size:clamp(12px,1.15vw,21px);font-weight:400;line-height:1;animation:1.15s cubic-bezier(.16,1,.3,1) .56s both about-role-spread}.about-lead{z-index:1;color:#ffffffe0;max-width:100%;font-family:var(--font-sans);text-rendering:geometricprecision;grid-area:3/1;margin:0;font-size:clamp(14px,.97vw,18px);font-weight:400;line-height:1.5;animation-delay:.3s;position:relative}.about-model{z-index:0;opacity:0;grid-area:2/1;place-self:start stretch;min-width:0;height:78%;min-height:0;transition:opacity .9s}.about-model.is-ready{opacity:1}.about-model canvas{pointer-events:none;width:100%;height:100%;display:block}.project-detail{grid-row:1/-1;grid-template-rows:repeat(3,min-content);align-content:start;gap:clamp(16px,2.2vh,28px);min-height:0;display:grid}.project-back{color:#ffffff94;font-family:var(--font-mono);letter-spacing:.16em;background:0 0;border:0;justify-self:start;align-items:center;gap:10px;padding:0;font-size:10px;font-weight:800;line-height:1;transition:color .18s;display:flex}.project-back:hover,.project-back:focus-visible{color:var(--theme-color)}.project-back-mark{width:30px;height:18px;position:relative}.project-back-mark span{background:var(--theme-color);width:4px;height:4px;position:absolute}.project-back-mark span:first-child{top:7px;left:3px}.project-back-mark span:nth-child(2){top:3px;left:8px}.project-back-mark span:nth-child(3){top:11px;left:8px}.project-back-mark span:nth-child(4){top:7px;left:14px}.project-back-mark span:nth-child(5){top:7px;left:20px}.project-detail-head{border-bottom:1px solid var(--project-line);gap:clamp(8px,1.2vh,14px);padding-bottom:clamp(14px,2vh,22px);display:grid}.project-detail-head h2{color:#f2f2f2;font-family:var(--font-sans);letter-spacing:-.01em;text-rendering:geometricprecision;margin:0;font-size:clamp(38px,5vw,76px);font-weight:800;line-height:.9}.project-detail-link{color:var(--theme-color);font-family:var(--font-mono);letter-spacing:.14em;border-bottom:1px solid #0000;justify-self:start;font-size:11px;font-weight:800;line-height:1;transition:border-color .18s}.project-detail-link:hover,.project-detail-link:focus-visible{border-bottom-color:var(--theme-color)}.project-detail-shot{aspect-ratio:1919/949;border:1px solid var(--project-line);width:100%;margin:0;overflow:hidden}.project-detail-shot img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.project-detail-body{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:clamp(22px,3.4vw,68px);padding-bottom:clamp(16px,2.4vh,34px);display:grid}.project-detail-text{align-content:start;gap:clamp(16px,2.4vh,30px);min-width:0;display:grid}.project-detail-side{align-content:start;gap:clamp(14px,2vh,24px);min-width:0;display:grid}.project-detail-label{color:#fff6;font-family:var(--font-mono);letter-spacing:.16em;margin-bottom:clamp(8px,1.2vh,14px);font-size:10px;font-weight:800;line-height:1;display:block}.project-detail-block p{color:#ffffffd1;font-family:var(--font-sans);text-rendering:geometricprecision;margin:0;font-size:clamp(14px,.95vw,17px);font-weight:400;line-height:1.5}.project-detail-meta{border-top:1px solid var(--project-line);border-left:1px solid var(--project-line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-detail-meta div{border-right:1px solid var(--project-line);border-bottom:1px solid var(--project-line);align-content:start;gap:clamp(7px,1vh,11px);min-width:0;padding:clamp(10px,1.5vh,16px) clamp(12px,1.2vw,20px);display:grid}.project-detail-meta span{color:#fff6;font-family:var(--font-mono);letter-spacing:.16em;font-size:10px;font-weight:800;line-height:1}.project-detail-meta strong{color:#f2f2f2;font-family:var(--font-sans);letter-spacing:.05em;overflow-wrap:break-word;font-size:clamp(11px,.85vw,13px);font-weight:500;line-height:1.3}.projects-list-view.is-in .project-detail>*{animation:.48s cubic-bezier(.16,1,.3,1) backwards project-panel-in}.projects-list-view.is-out .project-detail>*{animation:.3s cubic-bezier(.7,0,.84,0) both project-panel-out}.projects-list-view.is-in .project-detail>:nth-child(2){animation-delay:70ms}.projects-list-view.is-in .project-detail>:nth-child(3){animation-delay:.14s}.projects-list-view.is-in .project-detail>:nth-child(4){animation-delay:.21s}.projects-list-view.is-out .project-filters{animation:.26s cubic-bezier(.7,0,.84,0) both project-panel-out}.projects-list-view.is-in .project-filters{animation:.42s cubic-bezier(.16,1,.3,1) backwards project-panel-in}@keyframes project-panel-in{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translate(0,0)}}@keyframes project-panel-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-22px)}}.projects-list-view:has(.project-detail){overscroll-behavior:contain;overflow-y:auto}.contact-view{--project-line:#ffffff21;--about-gutter:clamp(22px, 3.4vw, 56px);gap:0;padding-top:68px;overflow:hidden}.contact-body{height:100%;min-height:0;padding:clamp(28px, 4.6vh, 52px) var(--about-gutter) clamp(24px, 3.8vh, 44px);grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-content:center;align-items:center;gap:clamp(30px,5vw,90px);animation:.32s .16s both page-content-in;display:grid}.page-phase-out .contact-body{animation:.18s both page-content-out}.contact-intro{align-content:center;gap:clamp(14px,2.2vh,24px);min-width:0;animation:.56s cubic-bezier(.16,1,.3,1) .15s backwards about-block-in;display:grid}.contact-label{color:var(--theme-color);font-family:var(--font-mono);letter-spacing:.2em;font-size:10px;font-weight:800;line-height:1}.contact-statement{color:#f2f2f2;max-width:16ch;font-family:var(--font-sans);letter-spacing:-.015em;text-rendering:geometricprecision;margin:0;font-size:clamp(30px,3.7vw,58px);font-weight:500;line-height:.99}.contact-lead{border-top:1px solid var(--project-line);color:#ffffff9e;max-width:46ch;font-family:var(--font-sans);text-rendering:geometricprecision;margin:0;padding-top:clamp(13px,2.2vh,22px);font-size:clamp(14px,.97vw,18px);font-weight:400;line-height:1.5}.contact-channels{border-bottom:1px solid var(--project-line);align-content:center;min-width:0;animation:.56s cubic-bezier(.16,1,.3,1) .26s backwards about-block-in;display:grid}.contact-channel{border-top:1px solid var(--project-line);color:#fff;grid-template-columns:clamp(72px,7vw,104px) minmax(0,1fr) 30px;align-items:center;gap:clamp(14px,2vw,30px);min-height:clamp(62px,9vh,88px);padding:0 clamp(14px,1.6vw,26px);transition:background-color .18s,color .18s;display:grid}.contact-channel:hover,.contact-channel:focus-visible{background-color:var(--theme-color);color:#000}.contact-channel:focus-visible{outline-offset:-1px;outline:1px solid #fff}.contact-channel-label{color:#ffffff6b;font-family:var(--font-mono);letter-spacing:.16em;font-size:10px;font-weight:800;line-height:1;transition:color .18s}.contact-channel:hover .contact-channel-label,.contact-channel:focus-visible .contact-channel-label{color:#000000a8}.contact-channel-value{min-width:0;color:inherit;font-family:var(--font-sans);letter-spacing:.02em;text-rendering:geometricprecision;overflow-wrap:break-word;font-size:clamp(14px,1.1vw,20px);font-weight:500;line-height:1.2}.contact-channel-mark{justify-self:end;width:30px;height:18px;position:relative}.contact-channel-mark span{background:var(--theme-color);width:4px;height:4px;transition:background-color .18s,transform .22s cubic-bezier(.16,1,.3,1);position:absolute}.contact-channel-mark span:first-child{top:2px;left:8px}.contact-channel-mark span:nth-child(2){top:5px;left:13px}.contact-channel-mark span:nth-child(3){top:8px;left:18px}.contact-channel-mark span:nth-child(4){top:11px;left:13px}.contact-channel-mark span:nth-child(5){top:14px;left:8px}.contact-channel:hover .contact-channel-mark span,.contact-channel:focus-visible .contact-channel-mark span{background-color:#000;transform:translate(4px)}.projects-list-view{min-height:0;padding:23px var(--project-gutter) 46px;grid-template-rows:min-content minmax(0,1fr);align-content:start;animation:.32s .16s both page-content-in;display:grid;overflow:hidden}.projects-list-header{place-items:start center;height:70px;display:grid;position:relative}.projects-list-header h1{color:#f2f2f2;font-family:var(--font-sans);text-align:center;opacity:0;text-rendering:geometricprecision;margin:28px 0 0;font-size:48px;font-weight:400;line-height:.86}.projects-sector{left:var(--project-gutter);color:#ffffff94;font-family:var(--font-mono);opacity:0;font-size:10px;font-weight:800;line-height:1;position:absolute;bottom:5px}.projects-list-rule{background:var(--project-line);transform-origin:50%;width:100%;height:1px;position:absolute;bottom:0;left:0;transform:scaleX(0)}.projects-list-header.is-entering .projects-list-rule{animation:.42s cubic-bezier(.16,1,.3,1) both section-rule-in}.projects-list-header.is-entering h1,.projects-list-header.is-entering .projects-sector{animation:.26s .14s both section-text-in}.projects-list-header.is-exiting .projects-list-rule{animation:.32s cubic-bezier(.7,0,.84,0) both section-rule-out}.projects-list-header.is-exiting h1,.projects-list-header.is-exiting .projects-sector{animation:.18s both section-text-out}.project-filters{flex-wrap:wrap;gap:4px;display:flex}.project-filters button{color:#fff;min-height:38px;font-family:var(--font-mono);letter-spacing:.14em;background:#ffffff0f;border:0;border-radius:0;padding:0 16px;font-size:11px;font-weight:800;line-height:1;transition:background-color .16s,color .16s}.project-filters button:hover,.project-filters button:focus-visible,.project-filters button.is-active{background-color:var(--theme-color);color:#000}.project-filters button:focus-visible{outline-offset:3px;outline:1px solid #fff}.project-list{min-height:0;margin:47px calc(var(--project-gutter) * -1) 0;overscroll-behavior:contain;scrollbar-gutter:stable;overflow:hidden auto}.project-list.is-out .project-row{animation:.26s cubic-bezier(.7,0,.84,0) both project-row-out;animation-delay:calc(var(--project-row-out-index) * 42ms)}.project-list.is-in .project-row{animation:.3s cubic-bezier(.16,1,.3,1) both project-row-in;animation-delay:calc(var(--project-row-index) * 48ms)}.project-row{text-align:left;grid-template-columns:var(--project-title-space) var(--project-summary-space) 96px 18px;width:100%;min-height:82px;padding:0 calc(var(--project-gutter) + clamp(18px, 2.2vw, 36px));border-left:0;border-right:0;border-top:1px solid var(--project-line);border-bottom:1px solid var(--project-line);color:#fff;background:0 0;border-radius:0;justify-content:space-between;align-items:center;gap:clamp(22px,3vw,52px);font-family:inherit;transition:background-color .18s,color .18s;display:grid;position:relative;overflow:hidden}.project-row+.project-row{border-top:0}.project-row:hover,.project-row:focus-visible{background-color:var(--theme-color);color:#000}.project-row:focus-visible{outline-offset:-1px;outline:1px solid #fff}.project-row-title{z-index:1;color:#f2f2f2;font-family:var(--font-sans);text-transform:uppercase;text-rendering:geometricprecision;overflow-wrap:break-word;font-size:clamp(15px,1.2vw,18px);font-weight:500;line-height:1.05;position:relative}.project-row-summary{z-index:1;max-width:var(--project-summary-space);color:#7d7d7d;text-rendering:geometricprecision;overflow-wrap:break-word;font-family:FK Roman Standard,sans-serif;font-size:16px;font-weight:500;line-height:1.24;transition:color .18s;position:relative}.project-row-language{z-index:1;font-family:var(--font-mono);letter-spacing:.14em;justify-self:start;font-size:9px;font-weight:800;line-height:1;position:relative}.project-row-mark{justify-self:end;width:30px;height:18px;position:relative}.project-row-mark span{background:var(--theme-color);width:4px;height:4px;transition:background-color .18s,left .22s cubic-bezier(.16,1,.3,1),top .22s cubic-bezier(.16,1,.3,1);position:absolute}.project-row-mark span:first-child{top:3px;left:8px}.project-row-mark span:nth-child(2){top:8px;left:11px}.project-row-mark span:nth-child(3){top:13px;left:14px}.project-row-mark span:nth-child(4){top:8px;left:17px}.project-row-mark span:nth-child(5){top:3px;left:20px}.project-row:hover .project-row-summary,.project-row:focus-visible .project-row-summary{color:#000000c2}.project-row:hover .project-row-mark span,.project-row:focus-visible .project-row-mark span{background-color:#000}.project-row:hover .project-row-mark span:first-child,.project-row:focus-visible .project-row-mark span:first-child{top:2px;left:8px}.project-row:hover .project-row-mark span:nth-child(2),.project-row:focus-visible .project-row-mark span:nth-child(2){top:5px;left:13px}.project-row:hover .project-row-mark span:nth-child(3),.project-row:focus-visible .project-row-mark span:nth-child(3){top:8px;left:18px}.project-row:hover .project-row-mark span:nth-child(4),.project-row:focus-visible .project-row-mark span:nth-child(4){top:11px;left:13px}.project-row:hover .project-row-mark span:nth-child(5),.project-row:focus-visible .project-row-mark span:nth-child(5){top:14px;left:8px}.portfolio-menu{--theme-color:#ff4b18;--menu-line:#f2f2f20f;--menu-gap:4px;color:#fff;z-index:10;width:min(368px,100vw - 16px);font-family:var(--font-mono);transform-origin:top;position:fixed;top:12px;left:50%;transform:translate(-50%)}.portfolio-menu.theme-ember{--theme-color:#ff4b18}.portfolio-menu.theme-pink{--theme-color:#df32aa}.portfolio-menu.theme-violet{--theme-color:#5517ff}.menu-top{background:var(--menu-line);-webkit-backdrop-filter:blur(7px);cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;grid-template-columns:64px 1fr 64px;align-items:center;height:39px;display:grid;position:relative}.menu-mark{font-family:var(--font-mono);letter-spacing:0;align-items:center;padding-left:6px;font-size:19px;font-weight:800;line-height:1;display:flex}.menu-label{font-family:var(--font-sans);justify-self:end;padding-right:10px;font-size:9px;font-weight:800;line-height:1}.menu-icon{justify-self:center;width:30px;height:18px;position:relative}.menu-icon span{background:var(--theme-color);will-change:transform;backface-visibility:hidden;width:4px;height:4px;transition:transform .32s cubic-bezier(.16,1,.3,1);position:absolute;transform:translate(0,0)}.menu-icon span:first-child{top:7px;left:1px}.menu-icon span:nth-child(2){top:7px;left:7px}.menu-icon span:nth-child(3){top:7px;left:13px}.menu-icon span:nth-child(4){top:7px;left:19px}.menu-icon span:nth-child(5){top:7px;left:25px}.menu-icon.is-open span:first-child{transform:translate(7px,-4px)}.menu-icon.is-open span:nth-child(2){transform:translate(4px,1px)}.menu-icon.is-open span:nth-child(3){transform:translate(1px,6px)}.menu-icon.is-open span:nth-child(4){transform:translate(-2px,1px)}.menu-icon.is-open span:nth-child(5){transform:translate(-5px,-4px)}.menu-content{opacity:0;visibility:hidden;pointer-events:none;z-index:1;transform-origin:top;background:var(--menu-line);-webkit-backdrop-filter:blur(7px);width:100%;padding:var(--menu-gap);will-change:transform, opacity;backface-visibility:hidden;transition:opacity .21s,transform .43s cubic-bezier(.16,1,.3,1),visibility 0s linear .43s;position:absolute;top:39px;left:0;overflow:hidden;transform:translateY(-10px)scaleY(.985)}.portfolio-menu.is-open .menu-content{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .21s,transform .43s cubic-bezier(.16,1,.3,1),visibility linear;transform:translate(0,0)scaleY(1)}.page-list{background:var(--menu-line);-webkit-backdrop-filter:blur(7px)}.page-link{border-bottom:var(--menu-gap) solid transparent;color:#fff;text-transform:uppercase;backface-visibility:hidden;background-color:#000;background-clip:padding-box;grid-template-columns:54px 1fr 54px;align-items:center;min-height:48px;font-family:NON Natural Grotesk,Arial,sans-serif;font-size:15px;line-height:1;transition:background-color .18s,color .18s;display:grid;overflow:hidden;transform:translateZ(0)}.page-link:hover{background-color:var(--theme-color);color:#000}.page-link span{position:relative}.page-index{color:inherit;font-family:var(--font-mono);padding-left:13px;font-size:15px;font-weight:800}.page-link span:last-child{opacity:0;will-change:transform, opacity;backface-visibility:hidden;justify-self:center;transition:opacity .24s,transform .36s cubic-bezier(.16,1,.3,1);transform:translateY(14px)}.portfolio-menu.is-open .page-link span:last-child{opacity:1;transform:translate(0,0)}.portfolio-menu.is-open .page-link:nth-child(2) span:last-child{transition-delay:42ms}.portfolio-menu.is-open .page-link:nth-child(3) span:last-child{transition-delay:84ms}.portfolio-menu.is-open .page-link:nth-child(4) span:last-child{transition-delay:.126s}.led-bar{border-bottom:var(--menu-gap) solid transparent;background:#000 padding-box padding-box;height:28px;padding:13px 2px 12px;position:relative}.led-bar:before{content:"";background:color-mix(in srgb, var(--theme-color) 20%, transparent);width:calc(100% - 4px);height:2px;box-shadow:0 0 6px color-mix(in srgb, var(--theme-color) 18%, transparent);opacity:.45;position:absolute;top:13px;left:2px}.led-bar span{background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--theme-color) 58%, transparent) 18%, var(--theme-color) 50%, color-mix(in srgb, var(--theme-color) 58%, transparent) 82%, transparent);width:58px;height:2px;box-shadow:0 0 7px color-mix(in srgb, var(--theme-color) 56%, transparent), 0 0 16px color-mix(in srgb, var(--theme-color) 22%, transparent);opacity:.34;will-change:opacity;animation:4.4s ease-in-out infinite led-glow;position:absolute;top:13px;left:11%;transform:translateZ(0)}.led-bar span:nth-child(2){width:42px;animation-delay:.85s;left:43%}.led-bar span:nth-child(3){width:66px;animation-delay:1.75s;left:71%}.theme-selector{gap:var(--menu-gap);background:var(--menu-line);-webkit-backdrop-filter:blur(7px);grid-template-columns:repeat(3,1fr);height:23px;display:grid}.theme-selector button{background:var(--swatch-color);border:0;border-radius:0;position:relative}.theme-selector button:after{content:"";background:#000;width:4px;height:4px;transition:transform .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.theme-selector button.is-active:after{transform:translate(-50%,-50%)scale(1)}@keyframes led-glow{0%,to{opacity:.24}48%{opacity:.52}70%{opacity:.32}}@keyframes section-rule-in{0%{opacity:0;transform:scaleX(0)}to{opacity:1;transform:scaleX(1)}}@keyframes section-rule-out{0%{opacity:1;transform:scaleX(1)}to{opacity:0;transform:scaleX(0)}}@keyframes section-text-in{0%{opacity:0}to{opacity:1}}@keyframes section-text-out{0%{opacity:1}to{opacity:0}}@keyframes page-content-in{0%{opacity:0}to{opacity:1}}@keyframes page-content-out{0%{opacity:1}to{opacity:0}}@keyframes project-row-out{0%{opacity:1;transform:translate(0,0)}to{opacity:0;transform:translateY(-12px)}}@keyframes project-row-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translate(0,0)}}@keyframes about-name-reveal{0%{clip-path:inset(0 50%)}to{clip-path:inset(0)}}@keyframes about-name-line{0%{opacity:1;transform:scaleX(.05)}40%{opacity:1}to{opacity:0;transform:scaleX(1)}}@keyframes about-role-spread{0%{width:26%;margin-left:37%}to{width:100%;margin-left:0}}@keyframes about-block-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translate(0,0)}}@keyframes hero-logo-turn{0%{transform:rotate(0)}4%{transform:rotate(96deg)}7%{transform:rotate(86deg)}10%,25%{transform:rotate(90deg)}29%{transform:rotate(186deg)}32%{transform:rotate(176deg)}35%,50%{transform:rotate(180deg)}54%{transform:rotate(276deg)}57%{transform:rotate(266deg)}60%,75%{transform:rotate(270deg)}79%{transform:rotate(366deg)}82%{transform:rotate(356deg)}85%,to{transform:rotate(360deg)}}@media (width<=900px){.about-view{overflow-y:auto}.about-body{grid-template-rows:repeat(3,min-content);grid-template-columns:minmax(0,1fr);align-content:safe center;row-gap:clamp(22px,3.4vh,36px);height:auto;min-height:100%}.about-model{grid-area:2/1;height:min(34vh,300px)}.about-name{white-space:normal;font-size:clamp(48px,10vw,96px)}.about-lead{grid-area:3/1}.contact-body{grid-template-columns:minmax(0,1fr);gap:clamp(24px,4vh,40px)}.contact-statement{max-width:100%;font-size:clamp(28px,8vw,44px)}}@media (width<=420px){.portfolio-menu{width:100vw}.hero-name{gap:.14em;font-size:clamp(38px,12vw,54px)}.about-view{gap:0;padding:84px 0 0}.about-body{row-gap:20px;padding:6px 18px 26px}.about-name{font-size:clamp(38px,11.5vw,62px)}.about-lead{font-size:15px;line-height:1.5}.projects-view{--project-gutter:18px;--project-summary-space:100%;gap:0;padding:68px 0 32px}.projects-list-header{height:69px}.projects-list-header h1{margin-top:27px}.projects-list-view{padding:23px var(--project-gutter) 32px}.project-filters{gap:4px}.project-filters button{min-height:34px;padding:0 12px;font-size:10px}.project-list{margin:46px calc(var(--project-gutter) * -1) 0}.project-detail-body{grid-template-columns:minmax(0,1fr)}.project-row{min-height:116px;padding:12px calc(var(--project-gutter) + 14px);grid-template-columns:1fr 56px 30px;gap:12px}.project-row-title{grid-column:1/-1;font-size:15px}.project-row-summary{grid-column:1;max-width:100%}.project-row-language{grid-column:2;justify-self:end}.project-row-mark{grid-column:3}.page-link{grid-template-columns:45px 1fr 45px}}