:root{--works-gap:2rem;--works-col-gap:6rem;--works-fs-body:1.5833rem;--works-lh-body:2;--works-fw-body:300;--works-read-w:40rem;--works-feature-w:min(calc(100vw - 2 * var(--pad-x)), 100rem)}@media (max-width:767px){:root{--works-gap:1rem}}.section.work-hero{min-height:calc(var(--vh,1vh) * 100);padding-block:3.125rem}.work-hero__text{align-items:flex-start;gap:var(--works-gap);flex-direction:column;display:flex}@media (max-width:1023px){.work-hero__text.mobile-blur:after{-webkit-mask-image:linear-gradient(#0000,#000 7rem);mask-image:linear-gradient(#0000,#000 7rem)}}.work-hero__title{font-size:var(--fs-section);line-height:var(--lh-section);letter-spacing:var(--ls-section);font-weight:var(--fw-section);text-wrap:var(--wrap-hero)}.work-index{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.work-index__item.is-rising{clip-path:inset(0)}.work-index__link{min-height:44px;color:var(--c-text);flex-wrap:wrap;align-items:baseline;gap:.25rem 1.25rem;padding-block:.5rem;display:inline-flex}.work-index__num,.work-index__cat{font-size:var(--fs-foot);line-height:var(--lh-foot);letter-spacing:var(--ls-foot);color:var(--c-muted)}.work-index__num{font-family:var(--ff-mono)}.work-index__title{font-size:var(--fs-nav);line-height:var(--lh-nav);letter-spacing:var(--ls-nav);font-weight:var(--fw-nav);transition:color var(--dur-color) var(--ease-color)}.work-index__link:focus-visible .work-index__title{color:var(--c-amber)}@media (hover:hover){.work-index__link:hover .work-index__title{color:var(--c-amber)}}.section.work-card{gap:var(--works-gap);grid-template-columns:minmax(0,1fr);align-content:center;padding-block:3.125rem;display:grid}.work-card__cover{aspect-ratio:4/3;position:relative;overflow:hidden}.work-card__img{object-fit:cover;width:100%;height:100%;display:block}.work-card__empty{border:1px solid var(--c-rule);width:100%;height:100%}.work-card__text{align-items:flex-start;gap:var(--works-gap);flex-direction:column;display:flex}.work-card__meta{flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem;display:flex}.work-card__period{font-family:var(--ff-mono);font-size:var(--fs-foot);line-height:var(--lh-foot);letter-spacing:var(--ls-foot);color:var(--c-muted)}.work-card__title,.work-section__title{font-size:var(--fs-intro);line-height:var(--lh-intro);letter-spacing:var(--ls-intro);font-weight:var(--fw-intro)}@media (min-width:1024px){.section.work-card{align-items:center;column-gap:var(--works-col-gap);grid-template-columns:minmax(0,7fr) minmax(0,5fr);padding-block:4rem}.section.work-card--flip{grid-template-columns:minmax(0,5fr) minmax(0,7fr)}.work-card--flip .work-card__cover{order:2}}@media (min-width:1366px){.section.work-card,.section.work-hero{padding-block:5rem}}.section.work-summary{min-height:0;padding-block:3.125rem}.work-summary__list{border-top:1px solid var(--c-rule);margin:0}.work-summary__row{border-bottom:1px solid var(--c-rule);gap:.5rem;padding-block:1.25rem;display:grid}.work-summary__label{font-family:var(--ff-mono);font-size:var(--fs-kicker);line-height:var(--lh-kicker);letter-spacing:var(--ls-kicker);font-weight:var(--fw-kicker);text-transform:uppercase;color:var(--c-muted)}.work-summary__value{font-family:var(--ff-body);font-size:var(--works-fs-body);line-height:var(--works-lh-body);letter-spacing:var(--ls-body);font-weight:var(--works-fw-body);color:var(--c-body);margin:0}@media (min-width:768px){.work-summary__row{column-gap:var(--works-col-gap);grid-template-columns:minmax(10rem,1fr) 3fr;align-items:baseline}}.section.work-section{gap:var(--works-gap);min-height:0;padding-block:3.125rem}.work-section__text{align-items:flex-start;gap:var(--works-gap);flex-direction:column;display:flex}.work-section__media{gap:var(--works-gap);display:grid}@media (min-width:1024px){.section.work-summary,.section.work-section{padding-block:4rem}}@media (min-width:1366px){.section.work-summary,.section.work-section{padding-block:5rem}}.work-figure__img{width:100%;height:auto;display:block}.work-figure__caption{font-size:var(--fs-foot);line-height:var(--lh-foot);letter-spacing:var(--ls-foot);font-weight:var(--fw-foot);color:var(--c-muted);text-align:center;margin-top:1rem}.work-section__text .body,.work-card__text .body{font-size:var(--works-fs-body);line-height:var(--works-lh-body);font-weight:var(--works-fw-body);color:var(--c-body)}.work-section__text .body{max-width:none}@media (min-width:768px){.section.work-hero,.section.work-summary,.section.work-section{padding-inline:max(var(--pad-x), calc((100% - var(--works-read-w)) / 2))}#between .work-section__media,#sim .work-section__media,#evolution .work-section__media,#shapes .work-section__inline,#phone .work-section__media{margin-inline:calc((100% - var(--works-feature-w)) / 2)}}.work-section__inline{align-self:stretch;gap:var(--works-gap);display:grid}.section.work-footer-nav{align-items:flex-start;min-height:0;padding-block:5rem}.work-media-cols{gap:var(--works-gap);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}@media (min-width:768px){.work-media-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.work-media-cols--devices{grid-template-columns:minmax(0,1440fr) minmax(0,390fr)}}@media (max-width:767px){.work-figure--desktop-bar{display:none}}.work-media-cols--devices .work-figure__img{border:1px solid var(--c-muted)}.work-media-cols--thumbs .work-figure__img{aspect-ratio:4/3;object-fit:cover}@media (min-width:768px){.work-media-cols--thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.work-media-cols--thumbs{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.section.work-hero{padding-inline:var(--pad-x)}.work-hero__text{max-width:calc(50vw - var(--pad-x) - 2rem)}}.section.work-footer-nav{align-items:center}.work-section__list{counter-reset:work-item;flex-direction:column;gap:.5em;margin:0;padding:0;list-style:none;display:flex}.work-section__list>li{counter-increment:work-item;padding-left:2.25em;position:relative}.work-section__list>li:before{content:counter(work-item) ".";text-align:right;width:1.75em;color:var(--c-muted);font-family:var(--ff-mono);font-variant-numeric:tabular-nums;position:absolute;left:0}.work-detail{-webkit-user-select:none;user-select:none}.to-top{right:var(--pad-x);bottom:calc(1rem + var(--to-top-lift,0px));z-index:20;width:44px;height:44px;color:var(--c-muted);opacity:0;visibility:hidden;transition:color var(--dur-color) var(--ease-color), opacity .4s var(--ease-color), visibility 0s linear .4s;justify-content:center;align-items:center;display:inline-flex;position:fixed}.to-top[data-shown=true]{opacity:1;visibility:visible;transition:color var(--dur-color) var(--ease-color), opacity .4s var(--ease-color)}.to-top:focus-visible{color:var(--c-icon-hover)}@media (hover:hover){.to-top:hover{color:var(--c-icon-hover)}}.to-top svg{fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round;width:1.5rem;height:1.5rem}@media (max-width:767px){.to-top{width:40px;height:40px;bottom:calc(.5rem + var(--to-top-lift,0px))}.to-top svg{width:1rem;height:1rem}}.work-section em{font-style:italic}