.thumb-flex{blaaaasakaaaas:1rem;flex-direction:row;justify-content:center;gap:2rem;padding:4rem 0;display:flex;&>a{border-radius:var(--border-radius);corner-shape:var(--corner-shape);display:block;overflow:hidden}& img{transition:scale var(--transition),filter var(--transition);filter:contrast();display:block;scale:1}&>a:hover img{filter:contrast(1.075);scale:1.05}& h3 a{font-size:3rem!important}& div{flex:2}&.two-col{grid-template-columns:repeat(2,1fr);padding-top:0;display:grid;&>div{flex-flow:column;padding:2rem 0 0;display:flex;&.full-width{grid-column:1/-1;& a:hover img,& a:hover video{scale:1.025}}&>a{border-radius:var(--border-radius);corner-shape:var(--corner-shape);display:block;overflow:hidden}}& img,& video{max-width:100%;height:auto;transition:scale var(--transition),filter var(--transition);filter:contrast();scale:1}& a:hover img,& a:hover video{filter:contrast(1.075);scale:1.05}& h3 a{color:var(--c-offwhite);font-size:2rem!important}& p{font-size:1rem}&>div:hover{& h3 a,& p{color:var(--c-bluelight)}}}}.row{grid-column-gap:1.5rem;grid-row-gap:1.5rem;grid-template-columns:1fr 1fr;align-items:end;max-width:1000px;max-height:500px;display:grid;& img,& video{max-width:100%;height:auto;transition:scale var(--transition),filter var(--transition);filter:contrast();display:block;scale:1}& div{width:100%}& .superzoom img{transition:transform .85s cubic-bezier(0,0,0,.75),scale .85s cubic-bezier(0,0,0,1)}&:hover img,&:hover video{filter:contrast(1.05);scale:1.04}&:hover .no-hover,&:hover .gk-disclaimer img{filter:contrast()!important;scale:1!important}&:hover .superzoom img{transition:transform .85s cubic-bezier(0,0,0,1),scale .85s cubic-bezier(0,0,0,1);transform:translate(-8%);filter:contrast()!important;scale:3!important}&:hover .logos.switch img:last-child{opacity:0!important}& .logos{aspect-ratio:16/9;border-radius:var(--border-radius);corner-shape:var(--corner-shape);border:none;align-self:flex-start;margin:0 0 5%;display:block;overflow:hidden;text-underline-offset:0!important;width:100%!important;padding-bottom:0!important;&.switch{grid-template-rows:1fr;grid-template-columns:1fr;display:grid;& img{grid-area:1/1}& img:first-child,& img:last-child{opacity:1}}}& .gk-disclaimer{flex-flow:row;grid-column:span 2;gap:1rem;max-width:100%;display:flex;align-items:center!important;& p{text-transform:uppercase;letter-spacing:.125rem;color:var(--c-gray-light);flex:none;padding:0;font-size:.75rem;line-height:1.5;display:inline-block;& i{opacity:.75}& a{color:inherit;text-decoration:underline 1px var(--c-gray-med);&:hover{color:var(--c-tgk-accent)}}&:last-of-type{border-left:1px solid var(--c-gray-med);flex:1;margin-left:.25rem;padding-left:1rem}}& p:last-of-type span:after{content:"|";padding-left:.75rem;padding-right:.5rem}& p:last-of-type span.line-end:after{visibility:hidden}& img{filter:grayscale();opacity:.3;flex:none;width:2rem;margin-left:1rem;padding:1px;display:inline-block}}}.logos,.left-column>div:not(.logos),.row>div:not(.left-column){border-radius:var(--border-radius);corner-shape:var(--corner-shape);overflow:hidden}.left-column{flex-direction:column;display:flex}.work-item:nth-child(2n of .work-item) .row .left-column{order:2}.work-item:nth-child(2n of .work-item) .row .gk-disclaimer{order:3}.vibe{flex-direction:row nowrap;aspect-ratio:19/6;align-items:flex-end;gap:1.5rem;display:flex}.row>div:not(.left-column):not(.gk-disclaimer){aspect-ratio:16/14.85}.row .logos img,.row .logos video,.row .vibe img,.row .vibe video,.row>div:not(.left-column):not(.gk-disclaimer) img,.row>div:not(.left-column):not(.gk-disclaimer) video{object-fit:cover;object-position:center center;width:100%;height:100%}.single{text-align:center;max-width:100%;transition:padding-bottom var(--transition);margin:0;padding:0;text-decoration:none;position:relative;&:hover{padding-bottom:6rem}&:hover button,&:hover h3{opacity:1}&:hover a img,&:hover a video{filter:brightness();scale:1.05}& a{border-radius:var(--border-radius);corner-shape:var(--corner-shape);margin:0;padding:0;display:block;overflow:hidden}& img,& video{z-index:3;transition:scale var(--transition),filter var(--transition);filter:contrast();position:relative;scale:1}& h3,& button{z-index:1;opacity:0;transition:all var(--transition);position:absolute;bottom:1rem}& h3{left:.5rem;&:hover+a>img,&:hover+a>video{filter:brightness(.75)}}& button{margin:4rem 0 .25rem;right:1rem;&:hover{opacity:1}&:hover+a>img,&:hover+a>video{filter:brightness(.75)}}}.in-page-nav{padding:2.5rem 0;& .button{margin:1rem 1rem 0;font-size:1rem}& hr{margin:0 0 1.5rem}& span{color:var(--c-gray-light);padding:0 .75rem;font-size:1.25rem}& div{display:none}}.article-body{margin:0 0 5rem;& p{max-width:70%;line-height:1.6}& h3{padding-top:4rem}& ul{padding-bottom:1rem;padding-left:0}& li{margin-left:2rem;padding-bottom:.5rem;padding-left:.5rem;font-size:1.5rem}}.ul-colorbullets li::marker{color:var(--c-blue-light)}@media screen and (width<=768px){.row{flex-direction:column;gap:1.5rem;max-height:none;display:flex}.gk-disclaimer{grid-column:span 1}.left-column{flex-direction:column;gap:1.5rem;min-width:100%;max-width:100%;display:flex;width:100%!important}.left-column .logos,.left-column .vibe{width:100%;min-width:100%}.vibe{flex-direction:column;gap:1.5rem}.logos{margin-bottom:0!important}.single{max-width:100%;margin-top:2rem;& h3{padding-top:1rem;font-size:3rem}}.thumb-flex{flex-direction:column;gap:1rem}.thumb-flex>div,.thumb-flex>a{width:100%}.thumb-flex.two-col{grid-template-columns:1fr}.thumb-flex-2col{min-width:90%}.article-body{& p,& h3{max-width:100%}}.in-page-nav{padding:2.5rem 0;& .button{margin:1rem .5rem 0;font-size:1rem}& hr{margin:0 0 1.5rem}& span{display:none}& div{display:block}}}