.home-v2 .home-projects { padding-block: clamp(80px,9vw,144px); background: var(--home-black); color: var(--home-ivory); }
.home-projects__intro,.home-projects__cards,.home-projects__gallery,.home-projects__footer { width: min(calc(100% - 128px),var(--wedx-max)); margin-inline: auto; }
.home-projects__intro { display: grid; grid-template-columns: 7fr 4fr; align-items: end; gap: 64px; margin-block-end: 56px; }
.home-v2 .home-projects__intro h2 { max-width: 24ch; margin: 0; font-size: clamp(36px,4.8vw,72px); line-height: 1.08; }
.home-projects__intro p { max-width: 35ch; margin: 0; }
.home-projects__cards { display: grid; grid-template-columns: 1fr; gap: 48px; }
.home-projects__card { display: grid; grid-template-columns: minmax(0,7fr) minmax(0,3fr); align-items: center; gap: clamp(32px,4vw,64px); padding-block: 24px; border-block-start: 1px solid rgb(247 246 232 / 30%); background: var(--home-black); }
.home-projects__card,.home-projects__gallery a { min-width: 0; color: inherit; text-decoration: none; }
.home-projects__media { overflow: hidden; aspect-ratio: 16 / 10; }
.home-projects__card img,.home-projects__gallery img { width: 100%; height: 100%; display: block; object-fit: cover; transition: transform 700ms cubic-bezier(.16,1,.3,1); }
.home-v2 .home-projects h3 { margin-block: 0 20px; font-size: clamp(26px,2.8vw,42px); line-height: 1.2; }
.home-projects__card p { max-width: 35ch; margin-block-end: 24px; line-height: 1.65; }
.home-projects__action { min-height: 44px; display: inline-flex; gap: 24px; align-items: center; text-decoration: underline; text-underline-offset: 6px; }
.home-projects__arrow { flex-shrink: 0; transition: transform 250ms ease; }
[dir="rtl"] .home-projects__arrow { transform: scaleX(-1); }
.home-projects__card:hover img,.home-projects__card:focus-visible img,.home-projects__gallery a:hover img,.home-projects__gallery a:focus-visible img { transform: scale(1.04); }
.home-projects__card:hover .home-projects__action,.home-projects__all:hover { color: var(--home-blue); }
.home-projects__card:hover .home-projects__arrow,.home-projects__all:hover .home-projects__arrow { transform: translateX(5px); }
[dir="rtl"] .home-projects__card:hover .home-projects__arrow,[dir="rtl"] .home-projects__all:hover .home-projects__arrow { transform: translateX(-5px) scaleX(-1); }
.home-projects__gallery { display: grid; grid-auto-flow: dense; grid-template-columns: 7fr 5fr; gap: 24px; align-items: stretch; }
.home-projects__gallery a { position: relative; display: block; aspect-ratio: 5 / 4; overflow: hidden; }
.home-projects__gallery a:nth-child(2) { aspect-ratio: 1; }
.home-projects__gallery a:nth-child(3) { aspect-ratio: 16 / 10; }
.home-projects__gallery a > .home-projects__arrow { position: absolute; inset-inline-end: 20px; inset-block-end: 20px; width: 44px; height: 44px; padding: 10px; color: var(--home-black); background: var(--home-ivory); }
.home-projects__footer { display: flex; justify-content: flex-end; margin-block-start: 32px; }
.home-projects__all { display: inline-flex; gap: 24px; align-items: center; min-height: 52px; color: inherit; text-underline-offset: 6px; }
.home-projects a:focus-visible { outline: 3px solid var(--home-blue); outline-offset: 5px; }
@media(max-width:1279px) { .home-projects__intro,.home-projects__cards,.home-projects__gallery,.home-projects__footer { width: min(calc(100% - 96px),var(--wedx-max)); } }
@media(max-width:1023px) { .home-projects__card { grid-template-columns: 6fr 4fr; gap: 32px; } .home-projects__intro { gap: 32px; } }
@media(max-width:767px) {
    .home-v2 .home-projects { padding-block: 64px; }
    .home-projects__intro,.home-projects__cards,.home-projects__gallery,.home-projects__footer { width: calc(100% - 48px); }
    .home-projects__intro { grid-template-columns: 1fr; gap: 20px; margin-block-end: 32px; }
    .home-v2 .home-projects__intro h2 { font-size: clamp(32px,8.8vw,42px); }
    .home-projects__cards { gap: 32px; }
    .home-projects__card { grid-template-columns: 1fr; gap: 24px; padding-block-start: 20px; }
    .home-projects__media { aspect-ratio: 4 / 3; }
    .home-v2 .home-projects h3 { font-size: 28px; margin-block-end: 12px; }
    .home-projects__card p { max-width: 55ch; margin-block-end: 12px; font-size: 16px; }
    .home-projects__gallery { grid-template-columns: 1fr; gap: 20px; }
    .home-projects__gallery a,.home-projects__gallery a:nth-child(2),.home-projects__gallery a:nth-child(3) { aspect-ratio: 4 / 3; }
    .home-projects__footer { justify-content: flex-start; }
}
@media(max-width:359px) { .home-projects__intro,.home-projects__cards,.home-projects__gallery,.home-projects__footer { width: calc(100% - 40px); } }
@media(prefers-reduced-motion:reduce) { .home-projects__card img,.home-projects__gallery img,.home-projects__arrow { transition: none; } .home-projects__card:hover img,.home-projects__gallery a:hover img { transform: none; } }
