.project-media{border-radius:30px;outline:none;position:relative}.project-media:focus-visible{box-shadow:0 0 0 3px var(--accent)}.project-media__stage{border:1px solid var(--border);border-radius:inherit;background:#050505;height:clamp(390px,56.25vw,780px);position:relative;overflow:hidden}html[data-gsap-project-transition-active] .project-media__stage>.project-media__image-trigger>.project-media__image,html[data-gsap-project-transition-active] .project-media__stage>.project-media__count,html[data-gsap-project-transition-active] .project-media__stage>.project-media__arrow,html[data-gsap-project-transition-active] .project-media__stage>.project-media__pagination,html[data-gsap-project-transition-active] .project-media__stage .project-media__expand{opacity:0}.project-media__image-trigger{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0;overflow:hidden}.project-media__image{object-fit:contain}.project-media__image--previous{z-index:0;will-change:opacity;animation:.32s ease-out both project-media-fade-out}.project-media__image--entering{z-index:1;will-change:opacity;animation:.32s ease-out both project-media-fade}.project-media__image--cover{object-fit:cover}.project-media__expand,.project-media__count,.project-media__arrow{z-index:2;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cc7;border:1px solid #ffffff29;position:absolute}.project-media__expand{pointer-events:none;border-radius:999px;place-items:center;width:42px;height:42px;display:grid;top:18px;right:18px}.project-media__expand svg{width:18px}.project-media__count{border-radius:999px;padding:10px 14px;font-size:13px;line-height:1;top:18px;left:18px}.project-media__arrow{cursor:pointer;border-radius:999px;place-items:center;width:48px;height:48px;padding:0;transition:background-color .18s,transform .18s;display:grid;top:50%;transform:translateY(-50%)}.project-media__arrow:hover{background:#1e1e22eb;transform:translateY(-50%)scale(1.05)}.project-media__arrow--previous{left:18px}.project-media__arrow--next{right:18px}.project-media__pagination{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cc7;border:1px solid #ffffff29;border-radius:999px;gap:7px;padding:9px 11px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.project-media__pagination button{cursor:pointer;background:#ffffff61;border:0;border-radius:999px;width:7px;height:7px;padding:0;transition:width .18s,background-color .18s}.project-media__pagination button[aria-current=true]{background:#fff;width:22px}.project-media__dialog{background:#050505;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.project-media__dialog::backdrop{background:#000000e0}.project-media__dialog-stage{width:100%;height:100%;position:relative}.project-media__dialog-image{object-fit:contain}@keyframes project-media-fade{0%{opacity:0}to{opacity:1}}@keyframes project-media-fade-out{0%{opacity:1}to{opacity:0}}.project-media__close{z-index:3;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cc7;border:1px solid #ffffff29;border-radius:999px;place-items:center;width:46px;height:46px;padding:0;display:grid;position:absolute;top:18px;right:18px}.project-media__count--dialog{top:18px;left:18px}@media (max-width:850px){.project-media{border-radius:20px}.project-media__stage{height:390px}.project-media__arrow{width:42px;height:42px}.project-media__arrow--previous{left:12px}.project-media__arrow--next{right:12px}.project-media__expand,.project-media__close{top:12px;right:12px}.project-media__count,.project-media__count--dialog{top:12px;left:12px}}@media (prefers-reduced-motion:reduce){.project-media__image--previous,.project-media__image--entering{animation:none}.project-media__arrow,.project-media__pagination button{transition:none}}
.flow-menu-wrap{width:100%;height:100%;overflow:hidden}.flow-menu{flex-direction:column;height:100%;margin:0;padding:0;display:flex}.flow-menu__item{text-align:center;border-top:1px solid;flex:1;position:relative;overflow:hidden}.flow-menu__item:first-child{border-top:none}.flow-menu__item-link{cursor:pointer;text-transform:uppercase;white-space:nowrap;height:100%;font-weight:600;font-size:var(--flow-menu-font-size,clamp(2.25rem, calc(1rem + 3vw), 4.5rem));justify-content:center;align-items:center;line-height:1;text-decoration:none;display:flex;position:relative}.flow-menu__item-link:hover,.flow-menu__item-link:focus:not(:focus-visible){color:inherit}.flow-menu__item-link:focus-visible{z-index:2;outline-offset:-6px;outline:2px solid}.flow-menu__item-mobile-meta{display:none}.flow-marquee{pointer-events:none;position:absolute;inset:0;overflow:hidden;transform:translateY(101%)}.flow-marquee__inner-wrap{width:100%;height:100%;overflow:hidden}.flow-marquee__inner{will-change:transform;align-items:center;width:fit-content;height:100%;display:flex;position:relative}.flow-marquee__part{flex-shrink:0;align-items:center;display:flex}.flow-marquee span{white-space:nowrap;text-transform:uppercase;font-weight:400;font-size:var(--flow-menu-font-size,clamp(2.25rem, calc(1rem + 3vw), 4.5rem));padding:0 1vw;line-height:1}.flow-marquee__img{background-position:50%;background-size:cover;border-radius:50px;width:clamp(160px,14vw,220px);height:clamp(64px,7vw,104px);margin:2em 2vw;padding:1em 0}@media (max-width:700px),(hover:none),(pointer:coarse){.flow-menu__item{text-align:left}.flow-menu__item-link{white-space:normal;letter-spacing:-.02em;justify-content:space-between;gap:14px;padding:10px 12px;font-size:clamp(1.25rem,5.5vw,1.55rem);line-height:1.05;transition:background-color .18s}.flow-menu__item-link:hover,.flow-menu__item-link:active{background:#141418}.flow-menu__item-title{min-width:0}.flow-menu__item-mobile-meta{flex:none;align-items:center;gap:12px;display:flex}.flow-menu__item-thumbnail{aspect-ratio:4/3;background-color:#17171b;background-position:50%;background-size:cover;border:1px solid #29292e;border-radius:12px;width:clamp(72px,21vw,92px)}.flow-menu__item-mobile-meta svg{width:19px;height:19px}.flow-marquee{display:none}}@media (prefers-reduced-motion:reduce){.flow-marquee{display:none}.flow-menu__item-link{transition:none}}
