.homework{background-color:var(--color-black);color:#fff;padding:clamp(9rem,11.8vw,20rem) 0}.homework__intro{margin-bottom:clamp(4rem,4.71vw,8rem);text-align:center}.homework__heading{--min-fs:4.5;--max-fs:14;font-weight:400;line-height:1;margin-bottom:.3em}.homework__heading strong{color:var(--color-cerise);font-weight:900}.homework__list{display:grid;gap:2rem;grid-template-areas:"one one" "two two" "three three" "four six" "five five";grid-template-columns:repeat(2,1fr)}.homework__item{--hover-radius:8vw;background-color:#000;border-radius:2rem;color:#fff!important;display:block;overflow:hidden;position:relative;transition:border-radius .15s ease-out}.homework__item--1{aspect-ratio:.81;grid-area:one}.homework__item--2{aspect-ratio:1.78;grid-area:two}.homework__item--3{aspect-ratio:1.78;grid-area:three}.homework__item--4{aspect-ratio:.79;grid-area:four}.homework__item--5{aspect-ratio:1.78;grid-area:five}.homework__item--6{aspect-ratio:.79;grid-area:six}.homework__item img,.homework__item video{height:100%;left:0;object-fit:cover;position:absolute;top:0;transform:scale(1.05);width:100%}html[data-whatintent=keyboard] .homework__item :is(img,video),html[data-whatintent=mouse] .homework__item :is(img,video){transform:scale(1);transition:opacity .15s ease-out,filter .15s ease-out,transform .15s ease-out}.homework__item img:first-child{filter:blur(.4rem)}html[data-whatintent=keyboard] .homework__item img:first-child,html[data-whatintent=mouse] .homework__item img:first-child{display:none}.homework__item img:nth-child(2){mask-image:linear-gradient(#000 calc(100% - 10rem),transparent calc(100% - 6rem))}html[data-whatintent=keyboard] .homework__item img:nth-child(2),html[data-whatintent=mouse] .homework__item img:nth-child(2){mask-image:none}.homework__item-title{background-image:linear-gradient(transparent,rgba(var(--color-black-rgb),.4) 85%);bottom:0;font-weight:700;left:0;line-height:1;padding:6rem 2rem 2rem;position:absolute;width:100%;--min-w:57.6;--max-w:99.1;--min-fs:1.8;--max-fs:2.6}html[data-whatintent=keyboard] .homework__item-title,html[data-whatintent=mouse] .homework__item-title{background:none;opacity:0;transform:translateY(2rem);transition:opacity .15s ease-out,transform .15s ease-out}html[data-whatintent=keyboard] .homework__item:focus,html[data-whatintent=mouse] .homework__item:hover{border-radius:var(--hover-radius)}html[data-whatintent=keyboard] .homework__item:focus :is(img:nth-child(2),video),html[data-whatintent=mouse] .homework__item:hover :is(img:nth-child(2),video){filter:blur(.4rem);opacity:.6;transform:scale(1.1)}html[data-whatintent=keyboard] .homework__item:focus .homework__item-title,html[data-whatintent=mouse] .homework__item:hover .homework__item-title{opacity:1;transform:translateY(0)}.homework__btn-group{margin-top:clamp(4rem,4.71vw,8rem)}@media (min-width:576px){.homework__list{gap:clamp(3rem,4vw,4rem);grid-template-areas:"one two" "one three" "five five" "four six"}.homework__item{--hover-radius:7.2vw}.homework__item--1{aspect-ratio:auto}.homework__item-title{padding:6rem min(3.4vw,5.78rem) min(3.4vw,5.78rem)}}@media (min-width:992px){.homework__list{gap:clamp(4rem,4.7vw,8rem);grid-template-areas:"one one two two" "one one three three" "four five five six";grid-template-columns:repeat(4,1fr)}.homework__item{--hover-radius:min(7.3vw,12.5rem)}.homework__item--4,.homework__item--6{aspect-ratio:auto}.homework__item-title{--min-w:99.2;--max-w:170;--min-fs:1.8;--max-fs:3}}