.portfolio-header{--portfolio-header-gutter:clamp(1rem, 2.6vw, 2.25rem);--portfolio-header-contained-half:min(calc(50vw - var(--portfolio-header-gutter)), 35.1563rem);z-index:60;color:#1d1d1d;background:#fdfdfd;width:100%;min-height:5.35rem;position:fixed;top:0;left:0}.portfolio-header:has(.portfolio-header__scroll-blur){background:0 0}.portfolio-header[data-canvas-overlay=true],.portfolio-header.portfolio-header--project,html[data-theme=dark] .portfolio-header.portfolio-header--project{background:0 0}.portfolio-header__scroll-blur{top:0;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-backdrop-filter:blur(16px)saturate(.92);backdrop-filter:blur(16px)saturate(.92);height:150px;position:absolute;inset-inline:0;-webkit-mask-image:linear-gradient(#000 0%,#000000f5 34%,#000000b8 56%,#00000061 74%,#0000001f 90%,#0000 100%);mask-image:linear-gradient(#000 0%,#000000f5 34%,#000000b8 56%,#00000061 74%,#0000001f 90%,#0000 100%)}.portfolio-header__mobile-blur{display:none}@supports (-webkit-touch-callout:none){@media (max-width:560px){.portfolio-header{top:8px}.portfolio-header__center{transform:translateY(-8px)}.portfolio-header__scroll-blur{display:none}.portfolio-header__mobile-blur{z-index:60;pointer-events:none;height:0;display:block;position:relative}.portfolio-header__mobile-blur-surface{--blur-overscan:64px;--blur-feather:32px;--blur-vertical-mask:linear-gradient(to bottom, #000 0, #000 calc(var(--blur-overscan) + 72px), #0009 calc(var(--blur-overscan) + 128px), transparent calc(var(--blur-overscan) + 180px));top:calc(-1 * var(--blur-overscan));width:calc(50% + var(--blur-feather));height:calc(var(--blur-overscan) + 180px);pointer-events:none;-webkit-backdrop-filter:blur(32px)saturate(.92);backdrop-filter:blur(32px)saturate(.92);-webkit-mask-image:var(--blur-vertical-mask), var(--blur-horizontal-mask);-webkit-mask-image:var(--blur-vertical-mask), var(--blur-horizontal-mask);mask-image:var(--blur-vertical-mask), var(--blur-horizontal-mask);-webkit-mask-composite:source-in;position:fixed;-webkit-mask-composite:source-in;mask-composite:intersect}.portfolio-header__mobile-blur-surface--left{--blur-horizontal-mask:linear-gradient(to right, #000 calc(100% - var(--blur-feather)), transparent);left:0}.portfolio-header__mobile-blur-surface--right{--blur-horizontal-mask:linear-gradient(to right, transparent, #000 var(--blur-feather));right:0}}}.portfolio-header__inner{z-index:1;width:calc(100% - (var(--portfolio-header-gutter) * 2));min-height:5.35rem;padding:max(.65rem, env(safe-area-inset-top)) 0 .65rem;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;margin-inline:auto;transition:width .52s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.portfolio-header[data-header-layout=contained] .portfolio-header__inner{width:min(calc(100% - (var(--portfolio-header-gutter) * 2)), 70.3125rem)}@starting-style{html[data-header-transition=home-to-about] .portfolio-header[data-header-layout=contained] .portfolio-header__inner{width:calc(100% - (var(--portfolio-header-gutter) * 2))}html[data-header-transition=about-to-home] .portfolio-header[data-header-layout=fluid] .portfolio-header__inner{width:min(calc(100% - (var(--portfolio-header-gutter) * 2)), 70.3125rem)}html[data-header-transition=about-to-home] .portfolio-header__home-mark{transform:translateX(calc(var(--portfolio-header-contained-half) - 1.5rem))}html[data-header-transition=project-to-about] .portfolio-about-progress{opacity:0;transform:translate(-50%,-50%)scale(.94)}}.portfolio-header a{color:inherit;text-decoration:none}.portfolio-header__identity,.portfolio-header__home-mark{letter-spacing:-.01em;justify-self:start;font-size:.78rem;font-weight:600}.portfolio-header__identity{align-items:center;display:inline-flex}.portfolio-header__home-mark{letter-spacing:-.035em;background:#fff;border:1px solid #ebebeb;border-radius:50%;place-items:center;width:3rem;min-width:44px;height:3rem;min-height:44px;font-size:.68rem;font-weight:650;transition:transform .52s cubic-bezier(.22,1,.36,1),background-color .18s;display:grid;box-shadow:0 2px 8px #00000012}.portfolio-personal-mark{z-index:1;object-fit:contain;width:1.9rem;height:2.15rem;transition:filter .22s;display:block;position:relative}.personal-mark-shell{border-radius:inherit;background:#fff;place-items:center;width:100%;height:100%;display:grid}.gallery-hud__personal-mark{border:1px solid #ebebeb;border-radius:50%;width:3.5rem;height:3.5rem;box-shadow:0 2px 8px #00000012}.portfolio-header__home{color:#404044;background:#f5f6f8;border:1px solid #11111108;border-radius:999px;justify-self:start;align-items:center;gap:.45rem;min-height:2.25rem;padding:0 .75rem;font-size:.875rem;transition:background-color .22s,transform .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.portfolio-header__home svg{width:.78rem;height:.78rem;transition:transform .28s cubic-bezier(.22,1,.36,1)}.portfolio-header__home:focus-visible{background:#eceef1;transform:translateY(-1px)}.portfolio-header__home:focus-visible svg{transform:translate(-2px)}.portfolio-header__center{grid-column:2;min-width:20rem;min-height:3rem;position:relative}.portfolio-project-nav{width:20rem;height:3rem;position:relative}.portfolio-project-nav__mobile-current,.portfolio-project-nav__toggle,.portfolio-project-nav__mobile-menu{display:none}.portfolio-about-progress{background:#fff;border:1px solid #ebebeb;border-radius:50%;place-items:center;width:3rem;height:3rem;transition:transform .52s cubic-bezier(.22,1,.36,1),background-color .18s,opacity .22s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 8px #00000012}.portfolio-about-progress__ring{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.portfolio-about-progress>span,.portfolio-about-progress>.personal-mark-shell{z-index:1;position:relative}.portfolio-about-progress>span{letter-spacing:-.035em;font-size:.68rem;font-weight:650}.portfolio-project-nav__active{isolation:isolate;width:10.75rem;height:3rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-project-nav__idle-surface,.portfolio-project-nav__scrolling-surface{position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.portfolio-project-nav__idle-surface{opacity:1;background:#f5f6f8;border:1px solid #ebebeb;border-radius:1.35rem;justify-content:center;align-items:center;gap:.75rem;width:max-content;min-width:10.75rem;height:2.375rem;padding:.5rem;transition:opacity .19s cubic-bezier(.22,1,.36,1),transform .23s cubic-bezier(.22,1,.36,1);display:flex}.portfolio-project-nav__scrolling-surface{opacity:0;background:#fff;border:1px solid #ebebeb;border-radius:50%;width:3rem;height:3rem;transition:opacity .19s cubic-bezier(.22,1,.36,1),transform .23s cubic-bezier(.22,1,.36,1);transform:translate(-50%,-50%)scale(.96);box-shadow:0 2px 8px #00000012}.portfolio-header[data-scroll-state=scrolling] .portfolio-project-nav__idle-surface{pointer-events:none;opacity:0;transform:translate(-50%,calc(3px - 50%))scale(.98)}.portfolio-header[data-scroll-state=scrolling] .portfolio-project-nav__scrolling-surface{opacity:1;transform:translate(-50%,-50%)scale(1)}.portfolio-project-nav__progress{width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.portfolio-project-nav__track,.portfolio-project-nav__value{fill:none;stroke-width:1px}.portfolio-project-nav__track{stroke:#1d1d1d2e}.portfolio-project-nav__value{stroke:#1d1d1d;stroke-linecap:round}.portfolio-project-nav__mark{z-index:1;border-radius:50%;width:2rem;height:2rem;display:block;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.portfolio-project-nav__mark>img{object-fit:cover;width:100%;height:100%}:is(.portfolio-header:has(.portfolio-project-nav__logo--ritmo) .portfolio-project-nav__mark,.portfolio-header:has(.portfolio-project-nav__logo--ritmo) .portfolio-project-nav__idle-mark){border-radius:6px}.portfolio-project-nav__logo--ritmo{transform:none}.portfolio-project-nav__mark>.portfolio-project-nav__logo--airline{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-project-nav__mark>:is(.portfolio-project-nav__logo--bitexen,.portfolio-project-nav__logo--bsh),.portfolio-project-nav__idle-mark>:is(.portfolio-project-nav__logo--bitexen,.portfolio-project-nav__logo--bsh){object-fit:contain;width:82%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-project-nav__mark>.portfolio-project-nav__logo--bsh,.portfolio-project-nav__idle-mark>.portfolio-project-nav__logo--bsh{width:94%}.portfolio-project-nav__idle-mark:has(.portfolio-project-nav__logo--bsh){border-radius:0;width:1.75rem}.portfolio-project-nav__meta-label,.portfolio-project-nav__project-name{white-space:nowrap;flex:none;font-size:.875rem;line-height:1.25rem;transition:opacity .12s,transform .26s cubic-bezier(.22,1,.36,1)}.portfolio-project-nav__meta-label{color:#757575}.portfolio-project-nav__identity-group{align-items:center;gap:.25rem;min-width:0;display:flex}.portfolio-project-nav__idle-mark{border-radius:50%;flex:none;width:1rem;height:1rem;display:block;position:relative;overflow:hidden}.portfolio-project-nav__idle-mark>img{object-fit:cover;width:100%;height:100%}.portfolio-project-nav__idle-mark>.portfolio-project-nav__logo--airline{object-fit:cover;object-position:left center;width:100%;height:100%;position:absolute;top:0;left:0}.portfolio-project-nav__direction{--direction-expanded-width:6.7rem;z-index:1;color:#555961;white-space:nowrap;background:#f5f6f8;border:1px solid #f1f2f3;border-radius:1rem;align-items:center;gap:.48rem;width:2.375rem;height:1.875rem;transition:width .26s cubic-bezier(.23,1,.32,1),color .16s,background-color .16s,transform .18s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:50%;overflow:hidden}.portfolio-project-nav__direction--previous{--direction-expanded-width:7.8rem;justify-content:flex-start;padding-left:11px;right:calc(50% + 1.75rem);transform:translate(-4.65rem,-50%)}.portfolio-project-nav__direction--next{justify-content:flex-end;padding-right:11px;left:calc(50% + 1.75rem);transform:translate(4.65rem,-50%)}.portfolio-project-nav__direction svg{stroke-width:1.75px;flex:none;width:.95rem;height:.95rem}.portfolio-project-nav__direction-surface{flex:none;justify-content:center;align-items:center;display:inline-flex}.portfolio-project-nav__direction>.glyph-shimmer:not(.glyph-shimmer--icon){opacity:0;font-size:.66rem;transition:opacity .15s 30ms}.portfolio-project-nav__arc{z-index:2;visibility:hidden;pointer-events:none;width:100%;height:0;transition:visibility 0s linear .32s;position:absolute;top:0;left:0}.portfolio-project-nav__arc-project{--arc-x:0px;--arc-y:75px;z-index:1;color:#757575;opacity:0;flex-direction:column;justify-content:center;align-items:center;width:34px;height:34px;transition:opacity .2s,transform .52s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,38px)scale(.48)}.portfolio-project-nav__arc-project:first-child{--arc-x:-66px;--arc-y:65px}.portfolio-project-nav__arc-project:nth-child(2){--arc-x:-22px;--arc-y:74px}.portfolio-project-nav__arc-project:nth-child(3){--arc-x:22px;--arc-y:74px}.portfolio-project-nav__arc-project:nth-child(4){--arc-x:66px;--arc-y:65px}.portfolio-project-nav__arc-mark{background:#f5f6f8;border:1px solid #f1f2f3;border-radius:50%;place-items:center;width:28px;height:28px;transition:width .23s cubic-bezier(.22,1,.36,1),height .23s cubic-bezier(.22,1,.36,1),background-color .18s;display:grid;overflow:hidden}.portfolio-project-nav__arc-mark img{object-fit:cover;border-radius:50%;width:16px;height:16px;transition:width .23s cubic-bezier(.22,1,.36,1),height .23s cubic-bezier(.22,1,.36,1)}.portfolio-project-nav__arc-mark .portfolio-project-nav__logo--airline{object-position:left center}.portfolio-project-nav__arc-mark :is(.portfolio-project-nav__logo--bitexen,.portfolio-project-nav__logo--bsh){object-fit:contain;border-radius:0;width:82%;height:auto}.portfolio-project-nav__arc-mark .portfolio-project-nav__logo--bsh{width:94%}.portfolio-project-nav__arc-name{color:var(--color-ink);white-space:nowrap;pointer-events:none;opacity:0;background:#eceef1;border-radius:7px;padding:3px 7px;font-size:12px;line-height:16px;transition:opacity .16s,transform .22s cubic-bezier(.22,1,.36,1);position:absolute;top:calc(100% + 2px);left:50%;transform:translate(-50%,-3px)}@media (min-width:561px) and (hover:hover) and (pointer:fine){.portfolio-project-nav:is(:hover,:focus-within):after{content:"";z-index:0;width:100%;height:72px;position:absolute;top:38px;left:0}.portfolio-project-nav:is(:hover,:focus-within) .portfolio-project-nav__arc{visibility:visible;pointer-events:auto;transition-delay:0s}.portfolio-project-nav:is(:hover,:focus-within) .portfolio-project-nav__arc-project{opacity:1;transform:translate3d(calc(-50% + var(--arc-x)), var(--arc-y), 0) scale(1);transition-delay:calc(var(--arc-index) * 35ms)}.portfolio-project-nav__arc-project:is(:hover,:focus-visible) .portfolio-project-nav__arc-mark{background:#eceef1;width:34px;height:34px}.portfolio-project-nav__arc-project:is(:hover,:focus-visible) .portfolio-project-nav__arc-mark img:not(.portfolio-project-nav__logo--bitexen,.portfolio-project-nav__logo--bsh){width:19px;height:19px}.portfolio-project-nav__arc-project:is(:hover,:focus-visible) .portfolio-project-nav__arc-name{opacity:1;transform:translate(-50%)}}.portfolio-header[data-scroll-state=scrolling] .portfolio-project-nav__direction--previous,.portfolio-header[data-scroll-state=scrolling] .portfolio-project-nav__direction--next{transform:translateY(-50%)}@media (hover:hover) and (pointer:fine){.portfolio-header__home-mark:hover{background:#f5f6f8}.portfolio-about-progress:hover{background:#f5f6f8;transform:translate(-50%,-50%)scale(1.035)}.portfolio-header__home:hover{background:#eceef1;transform:translateY(-1px)}.portfolio-header__home:hover svg{transform:translate(-2px)}.portfolio-project-nav__direction:hover{width:var(--direction-expanded-width);color:#111;background:#eceef1}.portfolio-project-nav__direction:hover>.glyph-shimmer:not(.glyph-shimmer--icon){opacity:1}.portfolio-header[data-scroll-state=scrolling][data-project-hovered=true] .portfolio-project-nav__idle-surface{pointer-events:auto;opacity:1;transform:translate(-50%,-50%)scale(1)}.portfolio-header[data-scroll-state=scrolling][data-project-hovered=true] .portfolio-project-nav__scrolling-surface{opacity:0;transform:translate(-50%,-50%)scale(.96)}.portfolio-header[data-scroll-state=scrolling][data-project-hovered=true] .portfolio-project-nav__direction--previous{transform:translate(-4.45rem,-50%)}.portfolio-header[data-scroll-state=scrolling][data-project-hovered=true] .portfolio-project-nav__direction--next{transform:translate(4.45rem,-50%)}}.portfolio-project-nav__direction:focus-visible{width:var(--direction-expanded-width);color:#111;background:#eceef1;outline:none;box-shadow:inset 0 0 0 2px #1d1d1d}.portfolio-project-nav__direction:focus-visible>.glyph-shimmer:not(.glyph-shimmer--icon){opacity:1}.portfolio-header>.view-switch,.portfolio-header__inner>.view-switch{grid-column:3;justify-self:end}.portfolio-header a:focus-visible:not(.portfolio-project-nav__direction){outline-offset:4px;outline:2px solid #1d1d1d}.portfolio-header a.portfolio-project-nav__arc-project:focus-visible{outline:none}.portfolio-project-nav__arc-project:focus-visible .portfolio-project-nav__arc-mark{box-shadow:0 0 0 2px #1d1d1d}@media (max-width:560px){.portfolio-project-nav__arc{display:none}.portfolio-header,.portfolio-header__inner{min-height:4.75rem}.portfolio-header__identity{font-size:.72rem}.portfolio-header__home{justify-content:center;width:2.2rem;padding:0}.portfolio-header__home span{display:none}.portfolio-header__center{min-width:7rem}.portfolio-project-nav{width:7rem}.portfolio-project-nav__active{width:2.6rem;height:2.6rem;padding:0}.portfolio-project-nav__idle-surface{display:none}.portfolio-project-nav__scrolling-surface{opacity:1;width:2.6rem;height:2.6rem;transform:translate(-50%,-50%)}.portfolio-project-nav__meta-label,.portfolio-project-nav__identity-group{display:none}.portfolio-project-nav__mark{opacity:1;width:1.65rem;height:1.65rem;transform:translate(-50%,-50%)}.portfolio-project-nav__progress{width:100%;height:100%}.portfolio-project-nav__direction{width:2rem;height:1.75rem;transform:translateY(-50%)}.portfolio-project-nav__direction>.glyph-shimmer:not(.glyph-shimmer--icon){display:none}.portfolio-project-nav__direction--previous{padding-left:.42rem;padding-right:0;right:calc(50% + 1.45rem)}.portfolio-project-nav__direction--next{padding-left:0;padding-right:.42rem;left:calc(50% + 1.45rem)}}@media (prefers-reduced-motion:reduce){.portfolio-header *,.portfolio-header :before,.portfolio-header :after{transition-duration:.01ms!important}}.portfolio-header[data-canvas-overlay=true],html[data-theme=dark] .portfolio-header[data-canvas-overlay=true]{background:linear-gradient(to bottom, var(--color-paper) 55%, transparent)}.portfolio-header .portfolio-header__inner>.view-switch{grid-column:1/-1;justify-self:auto;position:absolute;top:.75rem;left:50%;transform:translate(-50%)}.portfolio-header:not(.portfolio-header--project) .portfolio-header__center{min-width:0}.portfolio-header[data-section=about] .portfolio-header__center{grid-column:1;width:3rem}.portfolio-header--project .portfolio-header__inner{min-height:8rem;padding-top:4.25rem}@media (max-width:560px){.portfolio-header[data-section=about] .portfolio-header__center{display:none}}@media (min-width:1200px){.portfolio-header .portfolio-header__inner>.view-switch{position:fixed;top:50vh;left:max(2rem,50vw - 700px);transform:translateY(-50%)}.portfolio-header--project .portfolio-header__inner{min-height:5.35rem;padding-top:.65rem}.portfolio-header[data-canvas-overlay=true],html[data-theme=dark] .portfolio-header[data-canvas-overlay=true]{background:0 0}}@media (max-width:560px){.portfolio-project-nav__direction{background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex}.portfolio-project-nav__direction-surface{background:#f5f6f8;border:1px solid #f1f2f3;border-radius:1rem;width:2rem;height:1.75rem}.portfolio-project-nav__direction:focus-visible{width:44px}}html[data-theme=dark] .portfolio-project-nav__logo--bsh{filter:invert()}