.slots-container{grid-template-areas:"u u t t s s r r q q p p" ". o o n n m m l l k k ." ". . j j i i h h g g . ." ". . . f f e e d d . . ." ". . . . c c b b . . . ." ". . . . . a a . . . . ."}.slot:nth-child(1){grid-area:a}.slot:nth-child(2){grid-area:c}.slot:nth-child(3){grid-area:b}.slot:nth-child(4){grid-area:d}.slot:nth-child(5){grid-area:e}.slot:nth-child(6){grid-area:f}.slot:nth-child(7){grid-area:g}.slot:nth-child(8){grid-area:h}.slot:nth-child(9){grid-area:i}.slot:nth-child(10){grid-area:j}.slot:nth-child(11){grid-area:k}.slot:nth-child(12){grid-area:l}.slot:nth-child(13){grid-area:m}.slot:nth-child(14){grid-area:n}.slot:nth-child(15){grid-area:o}.slot:nth-child(16){grid-area:p}.slot:nth-child(17){grid-area:q}.slot:nth-child(18){grid-area:r}.slot:nth-child(19){grid-area:s}.slot:nth-child(20){grid-area:t}.slot:nth-child(21){grid-area:u}.slot{display:grid;place-items:center}.container{display:grid;grid-template:minmax(100vh,1fr) / 50% 50%}.left-page{grid-column:1 / 2;margin:30px 0 30px 30px;display:grid;grid-template:50px 1fr 20px / repeat(3,1fr);color:var(--color-primary)}.left-page .date{grid-area:1 / 1 / 2 / 2;font-size:14px;font-style:italic}.left-page .cat{grid-area:1 / 3 / 2 / 4;justify-self:end;text-transform:uppercase;border:2px solid var(--color-primary);align-self:start;padding:10px 20px;font-size:11px;font-weight:700;letter-spacing:0px}.left-page .title{grid-area:1 / 1 / 4 / 3;text-align:left;writing-mode:vertical-rl;transform:rotate(180deg);color:var(--color-primary);text-transform:uppercase;align-self:end;font-size:20vh;font-size:calc(.19*(80vh - 140px));margin:0;letter-spacing:calc(.06*(80vh - 140px));line-height:17vw;margin-top:calc(-.07*(100vh - 140px));margin-left:-3vw}.left-page .title span{color:var(--color-secondary);display:block}.left-page .author{grid-area:3 / 3 / 4 / 4;font-size:14px;color:var(--color-secondary);align-self:end;justify-self:end;font-style:italic;text-transform:uppercase;text-align:right}.right-page{grid-column:2 / 3;margin:30px 30px 30px 0;padding:30px;color:var(--color-base);font-size:18px;line-height:1.65;border-left:1px dashed var(--color-tertiary)}.right-page p:last-of-type{margin-bottom:0}.right-page a{color:var(--color-secondary)}@media(max-height:592px){.left-page .title{font-size:85.88px;letter-spacing:27px}}@media(min-width:800px)and (max-width:1200px){.left-page .title{line-height:14vw}}@media(max-width:799px){.container{grid-template:auto / auto}.left-page{grid-column:1 / 2;margin:30px 30px 0}.right-page{grid-column:1 / 2;margin:0 30px 30px;border-top:1px dashed #f1f1f1;border-left:none}.left-page .title{line-height:26vw}}@media(max-width:450px){.left-page .title{line-height:1.5;font-size:40px;grid-area:2 / 1 / 4 / 3}}.hero-content{position:relative}.hero-wrap{overflow:hidden;position:relative}.hero-bg{background-position:center;background-size:100%;background-repeat:no-repeat;background-attachment:fixed;opacity:.5;position:absolute;left:0;top:0;width:100%;height:100%}@media(max-width:1070px){.hero-bg{height:100%}.left-page .cat{padding:5px 10px}.slots-container{grid-template-areas:"u u t t s s" ". o o n n ." ". j j f f ." ". e e c c ." ". b b a a ." ". q q p p ." ". m m l l ." "k k i i h h" ". g g d d ."}}@media(max-width:1300px){.left-page .title{font-size:40px}}.text-animated-liquid-gradient{background-image:linear-gradient(to right,var(--color-primary),var(--color-secondary),var(--color-primary));background-size:200% auto;animation:bubble-text-animation 10s linear infinite;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;font-weight:900}@keyframes bubble-text-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}