*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-bg:#000;--color-link:#fff;--color-link-hover:#fff;--page-padding:1.5rem;font-size:14px}html,body{height:100%}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:area-normal,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}main{grid-template:"frame""main"1fr/100%;width:100%;height:100vh;display:grid}.frame{z-index:1000;pointer-events:none;padding:var(--page-padding);opacity:0;grid-area:frame;grid-template-columns:100%;grid-template-areas:"title""sponsor""prev";place-self:start;justify-items:start;gap:1rem;display:grid;position:relative}.frame a{pointer-events:auto}.frame__title{grid-area:title;display:flex}.frame__title-main{font-size:inherit;font-weight:inherit;margin:0}.loader{padding:var(--page-padding);pointer-events:none;z-index:100;grid-area:main;grid-template-columns:75px 1fr;grid-template-areas:"loader-img loader-progress";align-self:end;gap:2rem;display:grid;position:relative;overflow:hidden}.loader__img{grid-area:loader-img;place-items:center;width:75px;height:95px;display:grid;position:relative}.loader__img .gallery__item{grid-area:1/1/2/2;width:100%;height:100%}.loader__progress{grid-area:loader-progress;align-self:center;padding-bottom:.2em;font-size:clamp(2rem,8vw,6rem);line-height:1;display:flex;position:relative}.nav{padding:var(--page-padding);z-index:50;pointer-events:none;grid-template:"prev next"/auto auto;grid-area:main;justify-content:space-between;display:grid;position:relative}.nav__item{pointer-events:auto;cursor:pointer;grid-template-rows:95px;align-self:end;gap:10px;display:grid}.nav__item .gallery__item{grid-area:img}.nav__item--prev{grid-area:prev;grid-template-columns:75px 40px;grid-template-areas:"img arrow"}.nav__item--next{grid-area:next;grid-template-columns:40px 75px;grid-template-areas:"arrow img"}.nav__item-arrow{opacity:0;fill:none;stroke:var(--color-link);stroke-width:1.5px;grid-area:arrow;position:relative}.gallery{width:100%;height:calc(100% - 120px);padding:var(--page-padding);opacity:0;pointer-events:none;grid-area:main;grid-template-columns:repeat(3,1fr);justify-items:center;gap:2vw;display:grid}.gallery--current{opacity:1;pointer-events:auto}.gallery__item{will-change:transform;background-position:50%;background-size:cover;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.gallery__item-inner{will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;transform:scale(1.6)}@media screen and (min-width:53em){main{grid-template-rows:100%;grid-template-areas:"main"}.frame{position:absolute;top:0;left:10%}.gallery{gap:var(--page-padding);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(10,1fr);height:100%}.gallery .gallery__item{aspect-ratio:auto;grid-area:var(--row)/var(--col)}.nav__item--next{align-self:start}}