@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap";:root{font-family:Montserrat,sans-serif;color:#fff;background:#000;font-synthesis:none;text-rendering:optimizeLegibility}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}body{margin:0;background:#000;color:#fff}.opening,.work-page,.project-page{min-height:100vh;min-height:100svh;background:#000}.work-page{view-transition-name:project-page}.opening,.work-page,.project-page{position:relative;overflow:hidden;isolation:isolate}.opening,.work-page{display:grid;place-items:center}.project-page{padding:24px;color:#fff;isolation:auto;overflow:visible;view-transition-name:project-page;animation:project-page-in .62s cubic-bezier(.22,1,.36,1) both}.project-header{position:sticky;top:0;z-index:1;display:flex;width:min(100%,1440px);align-items:center;justify-content:space-between;gap:20px;margin:0 auto 24px;padding:10px 0 20px;background:linear-gradient(#000000 72%,transparent)}.project-position{flex:0 0 auto;color:#ffffff7a;font-size:.72rem;letter-spacing:.08em}.project-rail{display:flex;min-width:0;align-items:center;justify-content:center;gap:6px;margin:0 auto;animation:project-rail-in .72s cubic-bezier(.22,1,.36,1) 80ms both}.project-rail__item{display:block;width:54px;height:70px;flex:0 0 auto;overflow:hidden;border:1px solid transparent;border-radius:6px;opacity:.44;transform:translateY(0) scale(.94);transition:border-color .22s ease,opacity .22s ease,transform .22s ease}.project-rail__item img{display:block;width:100%;height:100%;object-fit:cover}.project-rail__item:hover,.project-rail__item:focus-visible,.project-rail__item.is-active{border-color:#ffffffc2;opacity:1;outline:none;transform:translateY(-3px) scale(1)}.project-heading{display:flex;width:min(100%,1440px);align-items:baseline;justify-content:space-between;gap:24px;margin:0 auto 24px;animation:project-heading-in .62s cubic-bezier(.22,1,.36,1) .14s both}.project-heading h1{margin:0;font-family:Montserrat,sans-serif;font-size:clamp(1.25rem,2vw,2rem);font-weight:600;letter-spacing:.08em}.project-next-shortcut{display:inline-flex;min-height:44px;align-items:center;gap:10px;color:#ffffffb8;font-size:.72rem;letter-spacing:.04em;text-decoration:none;transition:color .18s ease,gap .18s ease}.project-next-shortcut strong{color:#fff;font-weight:600}.project-next-shortcut:hover,.project-next-shortcut:focus-visible{gap:14px;color:#fc731c;outline:none}.project-next-shortcut:hover strong,.project-next-shortcut:focus-visible strong{color:#fc731c}.project-back{color:#ffffffb8;font-size:.75rem;letter-spacing:.04em;text-decoration:none;transition:color .18s ease}.project-back:hover,.project-back:focus-visible{color:#fff;outline:none}.project-grid{display:grid;grid-template-columns:1fr;width:min(100%,1440px);gap:12px;margin:0 auto}.project-hero{position:relative;display:block;width:min(100%,1440px);margin:0 auto 12px;overflow:visible;animation:project-hero-in .76s cubic-bezier(.22,1,.36,1) .12s both}.project-hero img,.project-hero video{display:block;width:100%;max-width:100%;max-height:none;height:auto}.project-grid img{display:block;width:100%;height:auto;background:#101010;object-fit:cover}.project-grid video{display:block;width:100%;height:auto;background:#101010}.project-next{display:grid;width:min(100%,1440px);margin:96px auto 24px;padding-top:20px;border-top:1px solid rgba(255,255,255,.24);gap:18px}.project-next__label{color:#ffffff7a;font-size:.72rem;letter-spacing:.08em}.project-next__link{display:inline-flex;width:fit-content;align-items:center;gap:18px;color:#fff;font-size:clamp(2rem,6vw,5.5rem);font-weight:600;letter-spacing:-.04em;line-height:.95;text-decoration:none;transition:color .24s ease,gap .24s ease}.project-next__link:hover,.project-next__link:focus-visible{color:#fc731c;gap:26px;outline:none}.project-next__line{display:block;width:clamp(44px,8vw,112px);height:1px;background:currentColor;transition:width .24s ease}.project-next__link:hover .project-next__line,.project-next__link:focus-visible .project-next__line{width:clamp(60px,11vw,150px)}.work-gallery{position:absolute;inset:0;z-index:-1;display:grid;place-items:center;overflow:hidden;opacity:0;animation:gallery-in 1.2s ease-out .05s forwards}.work-cursor{position:absolute;top:0;left:0;width:440px;height:440px;margin:-220px 0 0 -220px;z-index:2;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.15),transparent 70%);opacity:0;transition:opacity .24s ease;will-change:transform}.work-gallery:hover .work-cursor{opacity:1}.work-gallery.is-entering .work-cursor{width:640px;height:640px;margin:-320px 0 0 -320px;opacity:1}.work-gallery:after{position:absolute;inset:0;z-index:3;pointer-events:none;background:#0000003d;content:""}.work-gallery .accordion-gallery{position:relative;z-index:1;width:min(100vw,1440px);height:100vh!important;transition:transform .68s cubic-bezier(.22,1,.36,1)}.work-gallery.is-entering .accordion-gallery{transform:scale(1.025)}.opening-button{animation:link-in 1s cubic-bezier(.22,1,.36,1) .55s both}@keyframes gallery-in{to{opacity:1}}@keyframes link-in{0%{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes project-page-in{0%{opacity:0}to{opacity:1}}@keyframes project-rail-in{0%{opacity:0;transform:translateY(-24px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes project-heading-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes project-hero-in{0%{opacity:0;transform:translateY(34px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}::view-transition-old(project-page),::view-transition-new(project-page){animation-duration:.52s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-old(project-page){animation-name:project-out}::view-transition-new(project-page){animation-name:project-reveal}@keyframes project-out{to{opacity:.2;transform:scale(.985)}}@keyframes project-reveal{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(28px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@media(max-width:520px){.project-page{padding:16px}.project-grid{grid-template-columns:1fr}.project-header{gap:12px}.project-heading h1{font-size:1rem}.project-next{margin-top:64px}.work-gallery .accordion-gallery{width:100%}.opening-button{max-width:calc(100vw - 40px)}}@media(max-width:767px){html,body,#root{width:100%;min-width:0}.opening{min-height:100svh;min-height:100dvh;padding:20px 16px;overflow:hidden}.opening-button{display:flex;width:min(100%,100vw - 32px);max-width:100%;justify-content:center}.opening-button>a{max-width:100%;padding:18px 24px!important;font-size:clamp(1.55rem,8vw,2.8rem)!important}.work-page{display:block;min-height:100svh;min-height:100dvh;overflow:visible}.work-gallery{position:relative;inset:auto;z-index:0;width:100%;min-height:100svh;min-height:100dvh;height:auto;opacity:1;animation:none;overflow:visible}.work-gallery:after{position:fixed;z-index:1}.work-cursor{display:none}.work-gallery .accordion-gallery{display:flex;width:100%;min-height:100svh;min-height:100dvh;height:auto!important;flex-direction:column;gap:8px;padding:8px;perspective:none;touch-action:pan-y}.work-gallery.is-entering .accordion-gallery{transform:none}.work-gallery .ag-panel{flex:0 0 min(24svh,190px)!important;min-height:132px;transform:none!important;border-radius:0!important}.work-gallery .ag-panel__media{width:100%;height:100%}.project-page{min-height:100svh;min-height:100dvh;padding:16px 12px 28px}.project-header{display:grid;grid-template-columns:auto 1fr auto;width:100%;align-items:center;gap:8px 12px;margin-bottom:16px;padding:8px 0 16px}.project-rail{grid-column:1 / -1;grid-row:2;justify-content:flex-start;width:100%;margin:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none}.project-rail::-webkit-scrollbar{display:none}.project-rail__item{width:46px;height:60px}.project-back{display:inline-flex;min-height:44px;align-items:center}.project-position{margin-left:0;text-align:right}.project-heading{display:grid;width:100%;gap:4px;margin-bottom:16px}.project-heading h1{font-size:clamp(1.2rem,5vw,1.65rem)}.project-next-shortcut{justify-self:start}.project-hero{width:100%;margin-bottom:8px}.project-hero img,.project-hero video{max-width:100%;max-height:none}.project-grid{width:100%;gap:8px}.project-grid img{width:100%;max-width:100%;filter:none;opacity:1}.project-next{width:100%;margin:64px auto 8px;padding-top:16px}.project-next__link{min-height:44px;font-size:clamp(1.9rem,10vw,3.4rem)}}@media(prefers-reduced-motion:reduce){.work-gallery,.opening-button{animation:none;opacity:1;transform:none}.project-page{animation:none}.project-rail,.project-heading,.project-hero{animation:none;opacity:1;transform:none}}.accordion-gallery{--ag-accent: #ffffff;--ag-overlay: #060010;--ag-text: #ffffff;--ag-gap: 10px;--ag-radius: 16px;--ag-media-size: 320px;display:flex;flex-direction:row;gap:var(--ag-gap);width:100%;max-width:100%;perspective:1400px;perspective-origin:50% 50%}.accordion-gallery--vertical{flex-direction:column}.ag-panel{position:relative;flex:1 1 0;min-width:0;min-height:0;overflow:hidden;border-radius:var(--ag-radius);cursor:pointer;display:block;text-decoration:none;outline:none;transform-style:preserve-3d;transform-origin:center center;background:#0a0713;box-shadow:0 10px 30px -18px #000c;will-change:flex-grow,transform;-webkit-tap-highlight-color:transparent}.ag-panel__frame{transition:transform .42s cubic-bezier(.22,1,.36,1),filter .42s ease}.ag-panel:hover .ag-panel__frame,.ag-panel:focus-visible .ag-panel__frame{transform:scale(1.035)}.accordion-gallery.is-entering .ag-panel{pointer-events:none;transition:opacity .36s ease,filter .36s ease}.accordion-gallery.is-entering .ag-panel:not(.ag-panel--opening){filter:blur(3px);opacity:.16}.accordion-gallery .ag-panel--opening{z-index:3;box-shadow:0 28px 90px -20px #ffffff94;transform:scale(1.16)!important}.ag-panel:focus-visible{box-shadow:0 0 0 2px var(--ag-accent),0 10px 30px -18px #000c}.ag-panel__frame{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.ag-panel__media{--ag-gray: 1;--ag-dim: .35;position:absolute;top:50%;left:50%;width:var(--ag-media-size);height:100%;filter:grayscale(var(--ag-gray));will-change:transform,filter}.accordion-gallery--vertical .ag-panel__media{width:100%;height:var(--ag-media-size)}.ag-panel__media img{width:100%;height:100%;object-fit:cover;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ag-panel__overlay{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 45%,color-mix(in srgb,var(--ag-overlay) 78%,transparent) 100%),color-mix(in srgb,var(--ag-overlay) calc(var(--ag-dim, .35) * 100%),transparent)}.ag-panel__label{position:absolute;left:20px;bottom:20px;right:20px;display:flex;align-items:center;gap:12px;pointer-events:none;z-index:2}.ag-panel__bar{flex:0 0 auto;width:3px;height:26px;border-radius:3px;background:var(--ag-accent);opacity:0;box-shadow:0 0 12px color-mix(in srgb,var(--ag-accent) 60%,transparent)}.ag-panel__text{color:var(--ag-text);font-family:inherit;font-weight:600;font-size:clamp(1rem,1.4vw,1.4rem);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:0;text-shadow:0 2px 14px rgba(0,0,0,.55)}@media(max-width:520px){.accordion-gallery{flex-direction:column;perspective:none;height:auto!important}.ag-panel{min-height:84px;transform:none!important}.ag-panel:hover .ag-panel__frame,.ag-panel:focus-visible .ag-panel__frame,.accordion-gallery .ag-panel--opening{transform:none!important}.accordion-gallery.is-entering .ag-panel:not(.ag-panel--opening){filter:none;opacity:.26}.accordion-gallery .ag-panel__media{width:100%;height:var(--ag-media-size)}}@media(prefers-reduced-motion:reduce){.ag-panel,.ag-panel__media{will-change:auto}}
