.box{grid-gap:3rem 6rem;grid-template-columns:repeat(2,1fr);display:grid}.box--three-column{grid-template-columns:repeat(3,1fr)}@media screen and (width<=768px){.box:not(.box--three-column){grid-template-columns:1fr}.box--three-column{grid-template-columns:none;grid-auto-columns:28rem;grid-auto-flow:column;margin-left:-2rem;margin-right:-2rem;padding-bottom:1rem;padding-left:2rem;padding-right:2rem;overflow-x:auto}.box--three-column::-webkit-scrollbar-track{background-color:#0000;margin-left:2rem;margin-right:2rem}.box--three-column::-webkit-scrollbar{background-color:#0000;height:2px}.box--three-column::-webkit-scrollbar-thumb{background-color:#0d113440}}.box__column{flex-direction:column;gap:2rem 0;min-width:0;display:flex}.box__outer+*{margin-top:9rem}@media screen and (width<=768px){.box__outer+*{margin-top:5rem}}.box--three-column .box__column{gap:1.4rem 0}.box--three-column .box__column p{color:var(--color-gray-medium);letter-spacing:.16em;text-transform:uppercase;font-size:1.1rem;line-height:1.5}.box--one-column .box__column:first-child{grid-column:span 2}@media screen and (width<=768px){.box--one-column .box__column:first-child{grid-column:span 1}.box--left-empty .box__column:first-child,.box--right-empty:not(.box--three-column) .box__column:last-child{display:none}}.box--unequal-columns{grid-template-columns:repeat(3,1fr)}@media screen and (width<=1024px){.box--unequal-columns{grid-template-columns:repeat(2,1fr)}}@media screen and (width<=768px){.box--unequal-columns{grid-template-columns:1fr}}.box--unequal-columns .box__column:last-child{grid-column:span 2}@media screen and (width<=1024px){.box--unequal-columns .box__column:last-child{grid-column:span 1}}.box__table{padding-bottom:1rem;overflow-x:auto}.box__table::-webkit-scrollbar-track{background-color:#0000}.box__table::-webkit-scrollbar{background-color:#0000;height:2px}.box__table::-webkit-scrollbar-thumb{background-color:#0d113440}.portfolio-related{color:var(--color-blue-dark);background:#fff}@media screen and (width>=768px){.portfolio-related{padding:8rem 0}}@media screen and (width<=767px){.portfolio-related{padding:5rem 0}}.portfolio-related__head{border-bottom:1px solid #0d11341f;justify-content:space-between;align-items:baseline;gap:2rem;margin-bottom:3rem;padding-bottom:2rem;display:flex}.portfolio-related__title{font-family:var(--font-raleway);letter-spacing:.02em;text-transform:uppercase}@media screen and (width>=768px){.portfolio-related__title{font-size:4rem}}@media screen and (width<=767px){.portfolio-related__title{font-size:2.6rem}}.portfolio-related__title a{color:inherit;transition:color .3s linear}.portfolio-related__title a:hover{color:var(--color-blue-medium)}.portfolio-related__counter{color:var(--color-gray-medium);letter-spacing:.26em;text-transform:uppercase;white-space:nowrap;font-size:1.1rem}.portfolio-related__all{color:var(--color-blue-dark);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:0 .8rem;margin-top:3rem;font-size:1.1rem;transition:color .3s linear;display:inline-flex}.portfolio-related__all svg{width:1.4rem;height:1.4rem;transition:transform .3s ease-out}.portfolio-related__all:hover{color:var(--color-blue-medium)}.portfolio-related__all:hover svg{transform:translate(4px)}
