@layer components{nav{max-width:var(--page-container-max-width);padding:5px var(--page-padding--horizontal);z-index:20;width:100vw;display:flex;position:relative}body:has(.modal-video) nav:not(.is-scroll-top){animation:.3s ease-in-out .3s backwards nav-reveal;position:fixed;top:0}@media (max-width:767px){body:has(nav.is-menu-open) main{padding-top:var(--nav-height)}}@keyframes nav-reveal{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}nav .group--logo{justify-content:space-between;align-items:center;width:100%;display:flex}nav .logo-wrapper{opacity:1;pointer-events:auto;transition:opacity .3s ease-in-out}nav.is-menu-open .logo-wrapper{opacity:0;pointer-events:none}nav.is-menu-open{position:fixed;top:0;left:0;right:0}nav.is-menu-open:before{background-color:var(--color-modal-menu);content:"";z-index:0;transition:opacity .3s ease-in-out;position:absolute;inset:0}nav.is-menu-open dl{z-index:1;grid-template-areas:"logo""links""actions";width:100%;display:grid;position:relative}nav dl{width:100%}nav .group--logo{z-index:2;grid-area:1/logo/span 1}nav .group--links{grid-area:1/links/span 2}nav .group--actions{grid-area:actions;padding-top:28px}nav .group--links,nav .group--actions{opacity:0;pointer-events:none;visibility:hidden;flex-direction:column;align-items:flex-start;transition:opacity .3s ease-in-out;display:none}nav.is-menu-open .group--links,nav.is-menu-open .group--actions{opacity:1;pointer-events:auto;visibility:visible;display:flex}nav a,nav button{font-size:var(--font-size-12);letter-spacing:.6px;text-transform:uppercase;justify-content:center;align-items:center;min-height:14px;padding:15px 0;font-weight:400;transition:opacity .3s ease-in-out;display:flex}nav .group--links a{opacity:.4}nav .group--links a.ac{opacity:1}nav .group--links a:hover{opacity:.85}nav .group--logo a:hover,nav .group--logo button:hover,nav .group--actions a:hover,nav .group--actions button:hover{opacity:.4}@media (min-width:768px){nav{grid-template-columns:1fr 1fr calc(var(--col-type-width) + var(--col-year-width));padding:0 var(--page-padding--horizontal);display:grid}nav .btn--menu-wrapper{display:none}nav dl{display:contents}nav a,nav button{padding:20px 0}nav .group--links,nav .group--actions{align-items:center;gap:var(--vw-30px);opacity:1;pointer-events:auto;visibility:visible;flex-direction:row;width:auto;transition:none;display:flex;position:static;top:auto;left:auto;right:auto}nav .group--actions{padding-top:0}nav.is-menu-open{position:relative}nav.is-menu-open:before{content:none}nav.is-menu-open dl{display:contents}nav .group--logo{grid-area:1/1/span 1/span 1;justify-content:flex-start}nav .group--links{grid-area:1/2/span 1/span 1;justify-content:flex-start}nav .group--actions{grid-area:1/3/span 1/span 1;justify-content:flex-end}}}
@layer components{.s--work-list{padding:0 var(--page-padding--horizontal);width:100%;margin-top:150px;margin-bottom:250px;display:block}.s--work-list table{border-collapse:collapse;table-layout:auto;width:100%}.s--work-list .col--type{width:var(--col-type-width)}.s--work-list .col--year{width:var(--col-year-width)}@media (min-width:768px){.s--work-list{margin-bottom:10px}}}
@layer components{.work--row{cursor:pointer;text-transform:uppercase;border-bottom:1px solid #fff3;grid-template-columns:1fr 100px;grid-template-areas:"title year""company.";row-gap:10px;padding:0;transition:opacity .3s ease-in-out;display:grid;position:relative}.work--row:last-of-type{border-bottom:none}.work--row th,.work--row td{transition:opacity .3s ease-in-out}.work--row:hover th,.work--row:hover td{opacity:.4}.work--row th[scope=row]{font-weight:inherit;text-align:left;grid-area:title;position:relative}.work--row th a:after{content:"";cursor:pointer;z-index:3;position:absolute;inset:0}.work--row td.company{grid-area:company}.work--row td.type{display:none}.work--row td.year{text-align:right;white-space:nowrap;grid-area:year;align-self:start}@media (max-width:767px){.work--row th[scope=row],.work--row td.year{padding-bottom:0!important}.work--row td.company{padding-top:0!important}}@media (min-width:768px){.work--row{row-gap:0;padding-block:0;display:table-row}.work--row th[scope=row],.work--row td.company{width:50%}.work--row th,.work--row td{vertical-align:middle;padding:12px 2px 10px}.work--row td.type{min-width:var(--col-type-width);white-space:nowrap;width:var(--col-type-width);display:table-cell}.work--row td.year{min-width:var(--col-year-width);text-align:right;white-space:nowrap;width:var(--col-year-width)}}}
@layer components{.page-bg-hover{pointer-events:none;-webkit-user-select:none;user-select:none;background-color:#00000080;width:100%;height:100%;transition:opacity .3s;position:fixed;top:0;left:0}.page-bg-hover:has(.page-bg-hover__media[data-active=false]){opacity:0}.page-bg-hover__inner,.page-bg-hover__media{position:absolute;inset:0;overflow:hidden}.page-bg-hover__layer{contain:paint;opacity:0;will-change:opacity;transition:opacity .3s;position:absolute;inset:0}.page-bg-hover__layer[data-front=true]{opacity:1}.page-bg-hover__media[data-active=false] .page-bg-hover__layer{opacity:0}.page-bg-hover__layer>img,.page-bg-hover__layer>video{object-fit:cover;opacity:0;pointer-events:none;will-change:opacity;width:100%;height:100%;transition:opacity .3s;inset:0;transform:translateZ(0);width:100vw!important;height:100vh!important;position:absolute!important}.page-bg-hover__layer[data-kind=image]>img,.page-bg-hover__layer[data-kind=video]>video{opacity:1}.page-bg-tracker-line{opacity:0;pointer-events:none;height:1px;position:fixed;top:50%;left:0;right:0}@media (prefers-reduced-motion:reduce){.page-bg-hover,.page-bg-hover__layer,.page-bg-hover__layer>img,.page-bg-hover__layer>video{transition-duration:0s}}}
@layer components{.modal-video{z-index:10;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-video__backdrop{cursor:pointer;background:#00000080;border:0;padding:0;position:absolute;inset:0}.modal-video__frame{width:100%;max-width:1200px;padding:60px 8px;position:relative}.modal-video__ratio{aspect-ratio:16/9;width:100%;position:relative}body:has(.modal-video) main{filter:blur(25px);transition:filter .3s ease-in-out}body:has(.modal-video) .page-bg-hover{filter:blur(25px)}}
/*# sourceMappingURL=0qus.2ci~6v1k.css.map*/