body{background-color:#1a1a1a}.container[data-astro-cid-louw2sub]{--line:6px;--slant:10%;--mobile-slant:4%;--media-width:58vw;--media-ratio:4 / 3;max-width:1400px;min-height:100vh;margin:0 auto;padding:80px 24px 0}header[data-astro-cid-louw2sub]{text-align:center;margin:60px 0}header[data-astro-cid-louw2sub] h2[data-astro-cid-louw2sub]{color:#f0f0f0;margin-bottom:12px;font-size:48px;font-weight:400;display:inline-block;position:relative}header[data-astro-cid-louw2sub] h2[data-astro-cid-louw2sub]:after{content:"";background-color:var(--primary-color);width:80px;height:4px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}header[data-astro-cid-louw2sub] p[data-astro-cid-louw2sub]{text-align:center;color:#aaa;margin-top:15px;font-size:18px}.projects-section[data-astro-cid-louw2sub]+.projects-section[data-astro-cid-louw2sub]{margin-top:30px}.section-title[data-astro-cid-louw2sub]{border-left:4px solid var(--primary-color);margin-bottom:30px;padding-left:15px}.section-title[data-astro-cid-louw2sub] h3[data-astro-cid-louw2sub]{color:#fff;margin:0 0 5px;font-size:28px}.projects-list[data-astro-cid-louw2sub]{flex-direction:column;width:100vw;margin-left:calc(50% - 50vw);display:flex}.project-card[data-astro-cid-louw2sub]{min-height:calc(var(--media-width) / (var(--media-ratio)));background:#242424;border-top:1px solid #333;align-items:center;display:flex;position:relative;overflow:hidden}.project-card[data-astro-cid-louw2sub]+.project-card[data-astro-cid-louw2sub]{border-top:none}.project-content[data-astro-cid-louw2sub]{z-index:1;box-sizing:border-box;width:42%;padding:40px 40px 40px max(40px,50vw - 676px);position:relative}.project-content[data-astro-cid-louw2sub] h4[data-astro-cid-louw2sub]{color:#fff;margin:10px 0 24px;font-family:BankGothicPL,sans-serif;font-size:48px;font-weight:400;line-height:1}.project-content[data-astro-cid-louw2sub] p[data-astro-cid-louw2sub]{color:#ccc;text-align:left;margin:0 0 24px;font-size:17px;line-height:1.7}.project-specs[data-astro-cid-louw2sub]{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.project-specs[data-astro-cid-louw2sub] li[data-astro-cid-louw2sub]{border-bottom:1px solid #333;justify-content:space-between;padding-bottom:8px;font-size:14px;display:flex}.spec-label[data-astro-cid-louw2sub]{color:#888}.spec-value[data-astro-cid-louw2sub]{color:#f0f0f0;font-weight:600}.project-media[data-astro-cid-louw2sub]{width:var(--media-width);background-color:var(--primary-color);height:100%;clip-path:polygon(var(--slant) 0, 100% 0, 100% 100%, 0 100%);position:absolute;top:0;right:0}.project-images[data-astro-cid-louw2sub]{clip-path:polygon(calc(var(--slant) + var(--line)) 0, 100% 0, 100% 100%, var(--line) 100%);background:#1a1a1a;position:absolute;inset:0}.project-card[data-astro-cid-louw2sub]:nth-child(2n) .project-media[data-astro-cid-louw2sub]{clip-path:polygon(0 0, 100% 0, 100% 100%, var(--slant) 100%)}.project-card[data-astro-cid-louw2sub]:nth-child(2n) .project-images[data-astro-cid-louw2sub]{clip-path:polygon(var(--line) 0, 100% 0, 100% 100%, calc(var(--slant) + var(--line)) 100%)}.project-images[data-astro-cid-louw2sub] img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .6s,transform .6s;position:absolute;inset:0}.project-images[data-astro-cid-louw2sub] img.active{opacity:1}.gallery-dots[data-astro-cid-louw2sub]{z-index:2;gap:8px;display:flex;position:absolute;bottom:16px;right:20px}.dot[data-astro-cid-louw2sub]{cursor:pointer;background:#ffffff4d;border:1px solid #fff;border-radius:50%;width:10px;height:10px;padding:0;transition:background-color .3s}.dot[data-astro-cid-louw2sub].active{background-color:var(--primary-color);border-color:var(--primary-color)}@media (width<=768px){header[data-astro-cid-louw2sub] h2[data-astro-cid-louw2sub]{font-size:36px}.project-card[data-astro-cid-louw2sub]{flex-direction:column;align-items:stretch;min-height:0}.project-content[data-astro-cid-louw2sub]{width:100%;padding:28px 24px 40px}.project-content[data-astro-cid-louw2sub] h4[data-astro-cid-louw2sub]{font-size:48px}.project-media[data-astro-cid-louw2sub]{width:100%;height:auto;aspect-ratio:var(--media-ratio);clip-path:polygon(0 var(--mobile-slant), 100% 0, 100% 100%, 0 100%);position:relative}.project-images[data-astro-cid-louw2sub]{clip-path:polygon(0 calc(var(--mobile-slant) + var(--line)), 100% var(--line), 100% 100%, 0 100%)}.project-card[data-astro-cid-louw2sub]:nth-child(2n) .project-media[data-astro-cid-louw2sub]{clip-path:polygon(0 0, 100% var(--mobile-slant), 100% 100%, 0 100%)}.project-card[data-astro-cid-louw2sub]:nth-child(2n) .project-images[data-astro-cid-louw2sub]{clip-path:polygon(0 var(--line), 100% calc(var(--mobile-slant) + var(--line)), 100% 100%, 0 100%)}}
