.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:#111;--color-text:#f2f2f2;--font-body:"Inter", sans-serif;--media-width:36rem;--media-height:48rem;--gap:10.6rem}@media (width<=767px){:root{--media-width:114rem;--media-height:152rem}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:.520833vw}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow:hidden}.gallery{-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-y;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.gallery:active{cursor:grabbing}.gallery__track{gap:var(--gap);padding-inline:calc(50vw - var(--media-width) / 2);will-change:transform;flex:none;display:flex}.gallery__media{width:var(--media-width);height:var(--media-height);flex:none;overflow:hidden}.gallery__image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.gallery__hint{letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-size:12px;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}