-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.d73f7ad5.css
1 lines (1 loc) · 5.46 KB
/
index.d73f7ad5.css
1
*,:after,:before{box-sizing:border-box}:root{--color-text:#fff;--color-text-alt:#787878;--color-bg:#000;--color-link:#fff;--color-link-hover:#ccc;--page-padding:2rem;--stack-margin:10rem;--slide-gap:2vh;--stack-width:38vw;--stack-item-height:8vh;--slide-width:40vw;--slide-height:50vh;margin:0;font-size:15px;position:relative}body{color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:acumin-pro,sans-serif;position:relative}.js .loading:before,.js .loading:after{content:"";z-index:1000;position:fixed}.js .loading:before{width:100%;height:100%;background:var(--color-bg);top:0;left:0}.js .loading:after{width:60px;height:60px;opacity:.4;background:var(--color-link);border-radius:50%;margin:-30px 0 0 -30px;animation:loaderAnim .7s linear infinite alternate forwards;top:50%;left:50%}@keyframes loaderAnim{to{opacity:1;transform:scale(.5)}}a{color:var(--color-link);outline:none;text-decoration:none}a:hover{color:var(--color-link-hover);outline:none}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:0 0}a:focus-visible{background:0 0;outline:2px solid red}.oh{position:relative;overflow:hidden}.oh__inner{will-change:transform;display:inline-block}.unbutton{color:inherit;font:inherit;background:0 0;border:0;margin:0;padding:0}.unbutton:focus{outline:none}.frame{text-align:center;width:100%;padding:3rem 5vw;position:absolute}.frame__title{flex-wrap:wrap;justify-content:center;display:flex}.frame__title-main{margin:0;font-size:1rem;font-weight:400}.frame__title-back{align-items:flex-end;display:flex;position:relative}.frame__title-back span{display:none}.frame__title-back svg{fill:#fff}.frame__title-prev{width:100%}.frame__logo{line-height:.9}.frame__logo-title{margin:0;font-family:wayfinder-cf,serif;font-size:2.75rem;font-style:normal;font-weight:100}.frame__logo-subtitle{margin-left:.75rem}.stack-wrap{width:100%;position:absolute;top:0}.stack{width:var(--stack-width);min-width:300px;grid-gap:2vh;align-items:center;justify-items:center;margin:0 auto;display:grid}.stack__item{opacity:.2;width:100%;height:var(--stack-item-height);cursor:pointer;will-change:width,height,transform,opacity;background-position:50%;background-size:cover;transition:opacity .3s}.stack__item:hover{opacity:.5}.stack__item--empty{pointer-events:none;height:var(--stack-margin)}.slides{width:100%;background:var(--color-bg);position:relative}.slides .stack{width:100%;margin-left:auto;margin-right:var(--slide-gap)}.slides .stack__item{pointer-events:none;opacity:.5;height:var(--slide-height)}.slides .stack__item--current{opacity:.6}.title{pointer-events:none;margin-bottom:15vh;position:fixed;bottom:0;left:50vw}.title__main{margin:0;font-family:wayfinder-cf,serif;font-size:11vw;font-weight:100;line-height:1}.title__sub{margin-top:-1.5vw;margin-left:.25vw;font-size:max(1rem,min(2.5vw,2.5rem));font-weight:200;line-height:1;display:block}.content{pointer-events:none;z-index:100;height:100vh;width:100%;padding:var(--page-padding);grid-gap:var(--slide-gap);grid-template:".""back""slides"1fr"."/1fr;display:grid;position:fixed;top:0;left:0}.content__item{height:0;opacity:0;pointer-events:none;grid-area:slides;position:absolute;overflow:hidden}.content__item--current{pointer-events:auto;height:auto;opacity:1;flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:visible}.content__item-title{color:#c87e4f;margin:0 0 2rem;font-family:wayfinder-cf,serif;font-size:max(2rem,min(9vw,10rem));font-weight:100;line-height:1}.content__item-title>span{white-space:nowrap;line-height:1;display:block}.content__item-title>span:not(:first-child){margin-top:-1vw}.content__back{cursor:pointer;opacity:0;pointer-events:none;grid-area:back;align-items:center;display:flex}.content__back svg{fill:#fff;margin-right:.5rem}.content__nav-wrap{flex-direction:column;grid-area:1/1/-1/-1;justify-content:space-between;display:flex}.content__nav{z-index:100;cursor:pointer;opacity:0;pointer-events:none;height:calc((100vh - var(--slide-height) - var(--slide-gap)*4)/3);flex:none;align-self:center}.content__nav svg{stroke:#fff;stroke-width:3px;width:auto;height:100%;opacity:.5;transition:opacity .3s}.content__nav:hover svg,.content__nav:focus-visible svg{opacity:1}.content__nav--next svg{transform:scale(-1)}.content--open .content__back,.content--open .content__nav{opacity:1;pointer-events:auto}@media screen and (min-width:53em){:root{--stack-margin:50vh}.frame{text-align:left;z-index:100;max-width:none;height:100vh;z-index:1000;padding:var(--page-padding);pointer-events:none;grid-template:"logo.sponsor"". . .""title title."/auto auto 1fr;align-content:space-between;display:grid;position:fixed;top:0;left:0}.frame__title{color:var(--color-text-alt);grid-area:title;justify-content:flex-start}.frame__logo{grid-area:logo}.frame a{pointer-events:auto}.content{grid-column-gap:var(--page-padding);padding:var(--page-padding)var(--slide-gap)var(--page-padding)var(--page-padding);grid-template:"back slides""title slides"1fr".slides"10vh/1fr 50vw}.content__item{text-align:left;grid-area:title;align-self:end}.content__item-title{flex-direction:column;display:inline-flex}.content__item-title>span:first-child{padding-right:2rem}.content__item-title>span:last-child{margin-left:auto}.content__item-description{max-width:300px}.content__back{grid-area:back;justify-self:end}.content__nav-wrap{grid-area:slides}.slides{width:50vw;margin-left:auto;margin-right:var(--slide-gap);background:0 0}.slides .stack__item--current{opacity:1}}