.frame{--frame-color:#151c13;z-index:1000;color:var(--frame-color);letter-spacing:0;text-transform:none;pointer-events:none;grid-template:"effect author"". ."1fr"steps tags"/1fr auto;gap:16px 32px;padding:24px 28px;font:400 13px/1.4 Helvetica Neue,Helvetica,Arial,sans-serif;display:grid;position:fixed;inset:0}.frame--dark{--frame-color:#f9f1e7}.frame p{margin:0}.frame__effect{grid-area:effect}.frame__author{text-align:right;grid-area:author}.frame__branch,.frame__label,.frame__steps [aria-current]{opacity:.5}.frame__links,.frame__steps{flex-wrap:wrap;gap:4px 16px;display:flex}.frame__author .frame__links{justify-content:flex-end}.frame__steps{grid-area:steps;align-self:end}.frame__tags{text-align:right;opacity:.5;grid-area:tags;align-self:end}.frame a{color:inherit;pointer-events:auto;text-decoration:none;display:inline-block;position:relative}.frame a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .7s cubic-bezier(.77,0,.175,1);position:absolute;bottom:0;left:0;transform:scaleX(1)}.frame a:hover:after,.frame a:focus-visible:after{transform-origin:100%;transform:scaleX(0)}@media (width<=767px){.frame{grid-template:"effect""author""steps""."1fr/1fr;gap:8px;padding:16px;font-size:12px;position:absolute}.frame__tags{display:none}.frame__author{text-align:left;flex-wrap:wrap;gap:4px 16px;display:flex}.frame__author .frame__links{justify-content:flex-start}.frame__steps{align-self:start}}:root{--color-bg:#fafafa;--color-text:#0e0c0d;--color-line:#0e0c0d26;--font-display:"Instrument Serif", serif;--font-body:"Inter", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:max(.694445vw,8px)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased}.works{--color-line:#ffffff26;z-index:1;color:#fff;mix-blend-mode:exclusion;grid-template-columns:repeat(12,1fr);align-content:center;align-items:start;gap:1.6rem;min-height:100vh;padding:12rem 3.2rem;display:grid;position:relative}.works__title{font-family:var(--font-display);letter-spacing:-.02em;grid-column:1/5;font-size:7rem;font-weight:400;line-height:1.1}.works__list{border-bottom:1px solid var(--color-line);grid-column:5/13;list-style:none}.works__item{border-top:1px solid var(--color-line)}.works__link{color:inherit;grid-template-columns:8rem 1fr auto;align-items:center;gap:2.4rem;padding:2.4rem 0;text-decoration:none;transition:opacity .2s;display:grid}.works__list:has(.works__item:hover) .works__item:not(:hover) .works__link{opacity:.35}.works__year{opacity:.4;font-size:1.1rem}.works__text{flex-direction:column;gap:.4rem;display:flex}.works__name{font-family:var(--font-display);letter-spacing:-.02em;font-size:6rem;line-height:1.1}.works__client{opacity:.5;font-size:1.4rem}.works__cta{text-transform:uppercase;opacity:0;font-size:1.3rem;font-weight:500;text-decoration:underline;transition:opacity .2s}.works__item:hover .works__cta{opacity:1}.follower{aspect-ratio:1/1.25;pointer-events:none;width:28rem;position:fixed;top:0;left:0}.follower__inner{will-change:transform;width:100%;height:100%;position:relative;overflow:hidden}.follower__visual{will-change:transform;position:absolute;inset:0}.follower__visual img{object-fit:cover;width:100%;height:100%;display:block}@media (width<=1024px){.works{gap:8rem 1.6rem}.works__title,.works__list{grid-column:1/-1}}@media (width<=768px){html{font-size:min(2.66667vw,13px)}.works{gap:6rem 1.6rem;padding:8rem 1.6rem}.works__title{font-size:4.8rem}.works__link{grid-template-columns:4rem 1fr}.works__name{font-size:3.6rem}.works__cta{display:none}}