@layer components{.rail{position:fixed;inset-block-start:0;inset-inline-start:0;z-index:var(--z-nav);display:flex;align-items:center;gap:var(--space-m);padding-inline:var(--page-gutter);inline-size:100%;block-size:var(--rail-height);background:var(--bg)}.rail__mark{display:block;color:var(--fg)}.rail .logo--desktop{display:none}.rail .logo--mobile{display:block;inline-size:clamp(5.5rem,25vw,8rem);block-size:auto}@media (min-width:60rem){.rail .logo--mobile{display:none}.rail .logo--desktop{display:block}}.rail__nav ul{display:flex;gap:var(--space-s);margin:0;padding:0;list-style:none}.rail__nav a{display:inline-block;font-family:var(--font-menu);font-size:var(--text-menu);letter-spacing:var(--tracking-menu);color:var(--fg);text-decoration:none;--link-step-dir:1;transition:transform var(--duration-base) var(--ease-out)}.rail__nav a:focus-visible{transform:translateX(calc(var(--link-step-dir) * 0.35em))}@media (hover:hover){.rail__nav a:hover{transform:translateX(calc(var(--link-step-dir) * 0.35em))}}.rail.is-pointer :focus-visible{outline:none}.rail.is-pointer .rail__nav a:focus-visible:not(:hover),.rail.is-pointer .work__filter a:focus-visible:not(:hover){transform:none}.rail__nav a[aria-current='page']{color:var(--fg-faint);text-decoration:none}@media (min-width:60rem){.rail{flex-direction:column;align-items:start;justify-content:space-between;gap:var(--space-l);inline-size:var(--rail-width);block-size:100dvh;padding-block:var(--frame-top) var(--space-l);background:none;border-block-end:0;border-inline-end:0;pointer-events:none}.rail>*{pointer-events:auto}.rail .logo{height:clamp(7rem,22vh,12rem)}.rail__nav ul{flex-direction:column;gap:0;font-family:var(--font-menu);font-size:var(--text-menu);line-height:var(--leading-menu)}}.has-rail{padding-block-start:calc(var(--rail-height) + var(--page-top,0px))}@media (min-width:60rem){.has-rail{padding-block-start:var(--page-top,0px);padding-inline-start:calc(var(--rail-width) + var(--page-gutter));padding-inline-end:calc(var(--margin-end) + var(--page-gutter))}}.rail{justify-content:space-between}.rail__mark{order:2}.rail__trigger{order:1}.rail__trigger--filter{order:3}.rail:not(:has(.rail__trigger--filter))::after{content:'';order:3;inline-size:2.75rem}.rail__trigger{display:grid;align-items:center;justify-items:start;inline-size:2.75rem;block-size:2.75rem;background:none;border:0;padding:0;color:var(--fg);cursor:pointer}.rail__trigger.rail__trigger--filter{justify-items:end}.rail__sliders{position:relative;display:block;inline-size:1.5rem;block-size:1.2rem;background-image:linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor),linear-gradient(currentColor,currentColor);background-size:100% var(--hairline-width);background-position:0 0,0 50%,0 100%;background-repeat:no-repeat}.rail__sliders::before,.rail__sliders::after{content:'';position:absolute;inline-size:0.28rem;block-size:0.28rem;background:currentColor}.rail__sliders::before{inset-block-start:-0.11rem;inset-inline-end:0.18rem}.rail__sliders::after{inset-block-end:-0.11rem;inset-inline-start:0.18rem}.rail__bars,.rail__bars::before,.rail__bars::after{content:'';display:block;inline-size:1.5rem;block-size:var(--hairline-width);background:currentColor;transition:transform var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.rail__bars{position:relative}.rail__bars::before{position:absolute;inset-block-start:-0.6rem}.rail__bars::after{position:absolute;inset-block-start:0.6rem}@media (min-width:60rem){.rail__trigger{display:none}.rail:not(:has(.rail__trigger--filter))::after{content:none}.rail__panel--filter{display:none}.rail__mark{order:0;align-self:center}}@media (max-width:59.999rem){[data-menu='ready']{--sheet-start:26.4vw;--menu-text-start:37.3vw}[data-menu='ready'] .rail__scrim{position:fixed;inset:0;z-index:1;opacity:0;pointer-events:none;transition:opacity var(--duration-base) var(--ease-out)}@supports (backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px)){[data-menu='ready'] .rail__scrim{-webkit-backdrop-filter:var(--blur-veil);backdrop-filter:var(--blur-veil)}}[data-menu='ready'].is-open .rail__scrim{opacity:1;pointer-events:auto}[data-menu='ready'] .rail__panel{--sheet-dir:1;position:fixed;inset-block:0;inset-inline-end:0;inset-inline-start:var(--sheet-start);z-index:2;display:flex;flex-direction:column;gap:var(--space-3xl);padding-block:calc(var(--rail-height) + var(--space-l)) var(--space-xl);padding-inline-end:var(--page-gutter);padding-inline-start:calc(var(--menu-text-start) - var(--sheet-start));overflow-y:auto;background:var(--bg);translate:calc(var(--sheet-dir) * 100%) 0;pointer-events:none;transition:translate var(--duration-base) var(--ease-out)}[data-menu='ready'] .rail__panel[data-sheet='start']{--sheet-dir:-1;inset-inline-start:0;inset-inline-end:var(--sheet-start);padding-inline-start:calc(var(--menu-text-start) - var(--sheet-start));padding-inline-end:var(--page-gutter)}[data-menu='ready'] .rail__panel.is-open{translate:0 0;pointer-events:auto}[data-menu='ready'] .rail__mark{position:relative;z-index:3}[data-menu='ready'] .rail__close{display:none;position:fixed;inset-block-start:calc((var(--rail-height) - var(--close-size)) / 2);inset-inline-end:var(--page-gutter);z-index:3;inline-size:var(--close-size);block-size:var(--close-size);padding:0;border:0;background:none;color:var(--fg);cursor:pointer}[data-menu='ready'] .rail__close[data-sheet='start']{inset-inline-end:auto;inset-inline-start:var(--page-gutter)}[data-menu='ready'] .rail__close.is-open{display:block}.rail__close::before{content:'';position:absolute;inset:calc((100% - 2.75rem) / 2)}.rail__close-mark{position:relative;display:block;block-size:100%}.rail__close-mark::before,.rail__close-mark::after{content:'';position:absolute;inset-block-start:calc(50% - (var(--hairline-width) / 2));inset-inline-start:calc(50% - (100% * 1.41421 / 2));inline-size:calc(100% * 1.41421);block-size:var(--hairline-width);background:currentColor}.rail__close-mark::before{transform:rotate(45deg)}.rail__close-mark::after{transform:rotate(-45deg)}[data-menu='ready'] .rail__nav a{font-family:var(--font-menu);font-size:var(--text-menu);letter-spacing:var(--tracking-menu)}[data-menu='ready'] .rail__nav ul{flex-direction:column;gap:0;font-family:var(--font-menu);font-size:var(--text-menu);line-height:var(--leading-menu)}[data-menu='ready'] .work__filter ul{flex-direction:column;flex-wrap:nowrap;gap:0;font-family:var(--font-menu);font-size:var(--text-menu);line-height:var(--leading-menu);padding-inline-start:var(--space-xs)}[data-menu='ready'] .work__filter a,[data-menu='ready'] .work__filter-empty{font-family:var(--font-menu);font-size:var(--text-menu);letter-spacing:var(--tracking-menu)}[data-menu='ready'] .work__filter-heading{margin-block-end:var(--space-xs)}}@media (min-width:60rem){.rail__close,.rail__scrim{display:none}}.is-menu-open,.is-menu-open body{overflow:hidden}}