section{margin-bottom:5vh}section[data-section=sorry-babe]{--banner-height:calc(44rem + var(--navigation-height));border-bottom:1px solid var(--color-neutral-800);display:flex;flex-direction:column;gap:4rem;margin-bottom:5vh;padding-bottom:var(--margin);position:static;top:calc(var(--navigation-height)*-1)}section[data-section=sorry-babe] .banner{background-color:var(--color-neutral-900);background-image:linear-gradient(to top,color-mix(in srgb,var(--color-neutral-950) 0%,transparent),color-mix(in srgb,var(--color-neutral-950) 100%,transparent)),var(--banner-image);background-position:bottom;background-size:cover;border-radius:16px;filter:brightness(120%) saturate(120%);height:100%;left:0;max-height:var(--banner-height);opacity:.5;opacity:50%;position:absolute;rotate:180deg;top:0;transform:translateZ(0);width:100%}section[data-section=sorry-babe] .content{display:grid;grid-template-columns:1fr;grid-gap:2.4rem;gap:2.4rem;margin-top:var(--banner-height);position:relative}section[data-section=sorry-babe] .text{display:flex;flex-direction:column;gap:1.6rem}section[data-section=sorry-babe] .text .title{color:#fff;font-family:var(--ff-display);font-size:var(--fs-fluid-xl);font-weight:100;line-height:1}:is(section[data-section=sorry-babe] .text) .title{color:#fff;font-family:var(--ff-display);font-size:var(--fs-fluid-xl);font-weight:100;line-height:1}section[data-section=sorry-babe] .text .description{display:flex;flex-direction:column;gap:1.6rem}:is(section[data-section=sorry-babe] .text) .description{display:flex;flex-direction:column;gap:1.6rem}section[data-section=sorry-babe] .text .description p{color:var(--color-neutral-400);font-size:1.8rem;font-weight:400;line-height:1.5;max-width:60ch}:is(:is(section[data-section=sorry-babe] .text) .description) p{color:var(--color-neutral-400);font-size:1.8rem;font-weight:400;line-height:1.5;max-width:60ch}section[data-section=sorry-babe] .text .description a{color:var(--color-neutral-200);font-size:inherit;font-weight:600;transition:color .2s ease-in-out}:is(:is(section[data-section=sorry-babe] .text) .description) a{color:var(--color-neutral-200);font-size:inherit;font-weight:600;transition:color .2s ease-in-out}section[data-section=sorry-babe] .text .description a:hover{color:var(--color-neutral-100)}:is(:is(:is(section[data-section=sorry-babe] .text) .description) a):hover{color:var(--color-neutral-100)}section[data-section=sorry-babe] .links{display:flex;flex-direction:row;flex-wrap:wrap;gap:.4rem}section[data-section=sorry-babe] .links a{align-items:center;background:var(--color-neutral-900);border-radius:20px;color:var(--color-neutral-200);display:flex;font-weight:500;gap:.8rem;justify-content:flex-start;padding:.4rem 1rem;transition:background-color .2s ease-in-out;width:-moz-fit-content;width:fit-content}:is(section[data-section=sorry-babe] .links) a{align-items:center;background:var(--color-neutral-900);border-radius:20px;color:var(--color-neutral-200);display:flex;font-weight:500;gap:.8rem;justify-content:flex-start;padding:.4rem 1rem;transition:background-color .2s ease-in-out;width:-moz-fit-content;width:fit-content}section[data-section=sorry-babe] .links a:hover{background-color:var(--color-neutral-800)}:is(:is(section[data-section=sorry-babe] .links) a):hover{background-color:var(--color-neutral-800)}section[data-section=sorry-babe] .links i{color:var(--color-neutral-500)}:is(section[data-section=sorry-babe] .links) i{color:var(--color-neutral-500)}@media (min-width:1280px){section[data-section=sorry-babe]{--banner-height:44rem;padding-top:5vh;position:relative;top:0}section[data-section=sorry-babe] .banner{left:calc(var(--margin)*-2);min-height:var(--banner-height);position:relative;width:calc(100% + var(--margin)*4)}section[data-section=sorry-babe] .content{margin-top:0}}section[data-section=releases]{align-items:center;display:flex;flex-direction:column;gap:2.4rem;justify-content:center}section[data-section=releases] h2{font-family:var(--ff-display);font-size:4rem;font-weight:100}section[data-section=releases] .releases{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:calc(var(--margin) - .8rem);gap:calc(var(--margin) - .8rem);width:100%}@media (min-width:768px){section[data-section=releases] .releases{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){section[data-section=releases] .releases{grid-template-columns:repeat(4,1fr)}}section[data-section=releases] .no-releases{color:var(--color-neutral-500);font-size:1.6rem;font-weight:500;grid-column:1/-1;text-align:center}