芝麻web文件管理V1.00

编辑当前文件:/home/qrafawbu/kwesioben.com/thefirstcookout/5/dist/index.01b4f97a.css
*,:after,:before{box-sizing:border-box}:root{font-size:17px}body{--color-text:#fff;--color-text-menu:#000;--color-text-frame:#817f7f;--color-bg:#0c0c0c;--color-bg-menu:#ee8233;--color-link:#fff;--color-link-hover:#fff;--color-link-menu:#000;--color-link-social:#ca5d2b;--border-radius:2rem;--menu-padding:1rem;--color-text-title:#ee8233;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);color:var(--color-text);font-family:acumin-pro,sans-serif;margin:0}body #cdawrap{margin-left:auto}.js .loading:after,.js .loading:before{content:"";position:fixed;z-index:1000}.js .loading:before{background:var(--color-bg);height:100%;left:0;top:0;width:100%}.js .loading:after{animation:loaderAnim .7s linear infinite alternate forwards;background:var(--color-link);border-radius:50%;height:60px;left:50%;margin:-30px 0 0 -30px;opacity:.4;top:50%;width:60px}@keyframes loaderAnim{to{opacity:1;transform:scale3d(.5,.5,1)}}a{color:var(--color-link);text-decoration:none}a,a:hover{outline:none}a:hover{color:var(--color-link-hover)}a:focus{background:#d3d3d3;outline:none}a:focus:not(:focus-visible){background:transparent}a:focus-visible{background:transparent;outline:2px solid red;outline-offset:-2px}.hover-line{display:inline-block;overflow:hidden;position:relative;white-space:nowrap}.hover-line:before{background:currentColor;content:"";height:1px;position:absolute;top:92%;transform-origin:0 50%;transition:transform .3s;width:100%}.hover-line:hover:before{transform:scaleX(0);transform-origin:100% 50%}.unbutton{background:none;border:0;cursor:pointer;font:inherit;margin:0;padding:0}.unbutton:focus{outline:none}main{display:grid;height:100vh;overflow:hidden;width:100%}.frame{bottom:0;color:var(--color-text-frame);font-size:.75rem;padding:.5rem 5vw;position:fixed;text-transform:uppercase;width:100%;z-index:50}.frame__title{font-size:inherit;font-weight:400;margin:0 0 1rem}.frame__title em{color:var(--color-bg-menu);font-weight:400}.frame__links{display:inline-block}.frame__links a:not(:last-child){margin-right:1rem}.content{grid-column-gap:7vw;display:grid;grid-area:1/1/2/2;grid-template-areas:"... img-main img-main ..." "... img-main img-main ..." "img-left img-main img-main title-right" "img-left img-main img-main img-right" "title-left img-main img-main img-right" "title-left img-main img-main img-right";grid-template-columns:18% 1fr 1fr 18%;grid-template-rows:10vh 15vh auto 1fr auto 1fr;height:100vh;overflow:hidden;width:100%}.content__img{background-position:50% 20%;background-size:cover;position:relative;will-change:transform}.content__img--left{grid-area:img-left}.content__img--main{grid-area:img-main}.content__title{color:var(--color-text-title);font-family:kudryashev-d-excontrast-sans,sans-serif;font-weight:300;line-height:1;margin:0;position:relative;will-change:transform;z-index:10}.content__title--left{font-size:4vw;grid-area:title-left;justify-self:end;margin-top:2rem}.content__title--main{align-content:center;display:grid;font-size:20vh;grid-area:img-main;grid-template-areas:"letter-1 ..." "... letter-3" "letter-2 ..." "... letter-4";grid-template-rows:repeat(4,17vh);justify-items:center;line-height:1;padding:20vh 0 10vh}.content__title--main span{display:block}.content__title--main span:first-child{grid-area:letter-1}.content__title--main span:nth-child(2){grid-area:letter-2}.content__title--main span:nth-child(3){grid-area:letter-3}.content__title--main span:nth-child(4){grid-area:letter-4}.content__img--right{grid-area:img-right}.content__title--right{font-size:6.5vw;grid-area:title-right}.content__description{align-self:center;font-style:italic;grid-area:2/3/3/5;justify-self:center;line-height:1;max-width:400px;text-transform:uppercase;z-index:10}.cover-wrap{pointer-events:none;z-index:100}.cover,.cover-wrap{display:grid;grid-area:1/1/2/2}.cover{overflow:hidden;transform:translateY(-100%)}.cover__inner{background-position:50% 50%;background-size:cover;transform:translateY(100%)}.cover,.cover-wrap,.cover__inner{will-change:transform}.menu{bottom:1rem;color:var(--color-text-menu);display:grid;grid-template-areas:"top" "content";grid-template-rows:3rem 1fr;left:1rem;opacity:.9;pointer-events:none;position:absolute;right:1rem;top:1rem;z-index:100}.menu--open,.menu__top{pointer-events:auto}.menu__top{align-items:center;background:var(--color-bg-menu);border-radius:var(--border-radius);display:grid;grid-area:top;grid-template-areas:"title nav search";grid-template-columns:auto 1fr auto;justify-content:space-between;padding:0 var(--menu-padding);z-index:100}.menu__content-wrap{grid-area:content;margin-top:-1.35rem;overflow:hidden;position:relative}.menu__content{background:var(--color-bg-menu);border-radius:0 0 var(--border-radius) var(--border-radius);display:grid;grid-template-areas:"links links back" "tagline tagline tagline";grid-template-columns:auto 1fr auto;grid-template-rows:1fr auto;height:100%;justify-content:space-between;overflow:hidden;padding:0 var(--menu-padding);padding-bottom:1rem;transform:translateY(-100%);will-change:transform}.menu__back{align-self:start;grid-area:back;height:90px;margin-top:calc(5.5vh + 2rem);position:relative}.menu__back svg{fill:#000;display:block;height:100%;max-height:201px;transition:transform .3s}.menu__back:focus svg,.menu__back:hover svg{transform:translateY(-10px)}.menu__title{align-self:center;font-size:1.65rem;grid-area:title;justify-self:start;line-height:.5;margin:.15rem 0 0;text-transform:uppercase}.menu__tagline,.menu__title{font-family:kudryashev-d-excontrast-sans,sans-serif;font-weight:300;position:relative}.menu__tagline{align-self:end;font-size:6vw;grid-area:tagline;line-height:.8;margin:0;will-change:transform}.menu__nav-top{grid-area:nav;height:1.75rem;justify-self:center;overflow:hidden}.menu__nav-top a{margin:0 1rem}.menu__nav-content{align-self:start;display:flex;flex-wrap:wrap;grid-area:links;margin-top:5.5vh}.column{align-items:flex-start;display:flex;flex-direction:column;margin:0 1rem;min-width:15ch}.column__title{margin:1.5rem 0 .5rem}.menu__side{align-self:center;grid-area:search;justify-self:end;position:relative}.menu__social{align-items:flex-end;display:none;flex-direction:column;grid-area:social;justify-content:flex-end;position:relative}.menu__social-link{color:var(--color-link-social)}.menu__social-author,.menu__social-link:focus,.menu__social-link:hover{color:var(--color-link-menu)}.menu__social-author{font-family:kudryashev-d-excontrast-sans,sans-serif;font-size:2.5vw;font-weight:300;margin-top:2rem;will-change:transform}.menu__social-author:focus,.menu__social-author:hover{color:var(--color-link-social)}.search{white-space:nowrap}.search svg{margin-left:1rem;width:13px}.line-link{cursor:pointer;display:inline-block;overflow:hidden;position:relative;white-space:nowrap}.line-link,.line-link:focus,.line-link:hover{color:var(--color-link-menu)}.line-link:before{background:currentColor;content:"";height:1px;position:absolute;top:92%;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s;width:100%}.line-link:hover:before{transform:scaleX(1);transform-origin:100% 50%}@media screen and (min-width:55.5em){body{--menu-padding:2rem}.frame{display:flex}.frame__links{margin:0 0 0 2rem}.menu{bottom:2rem;left:3rem;right:3rem;top:2rem}.menu__top{grid-template-areas:"title ... nav ... search"}.menu__content,.menu__top{grid-template-columns:5rem 10% minmax(200px,417px) 10% 5rem}.menu__content{grid-template-areas:"... ... links back ..." "tagline tagline social social social";grid-template-rows:1fr 10vh}.menu__tagline{font-size:17.5vw;font-size:clamp(1.5rem,17.5vh,8rem)}.menu__back{height:200px;margin-top:calc(5.5vh + 1.5rem)}.menu__social{display:flex}}