.projects-main{overflow:hidden}.projects-teaser{background:var(--surface-soft);color:var(--text);padding:90px 0}.projects-teaser-inner{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:clamp(32px,3.5vw,48px);display:grid}.projects-teaser h2{margin:18px 0 20px;font-size:clamp(42px,4.2vw,61px);line-height:1.04}.projects-teaser h2 span{color:var(--accent)}.projects-teaser p:not(.section-kicker){max-width:390px;color:var(--muted);font-size:16px;line-height:1.7}.projects-teaser .text-link{margin-top:14px}.projects-teaser-list{border:1px solid var(--border);background:var(--border);gap:1px;display:grid}.projects-teaser-list a{background:var(--surface);grid-template-columns:95px 1fr 20px;align-items:center;gap:20px;min-height:132px;padding:22px 25px;transition:background .2s;display:grid}.projects-teaser-list a:hover{background:var(--accent-soft)}.projects-teaser-list a>span:first-child{color:var(--accent);letter-spacing:1px;font-size:11px;font-weight:700}.projects-teaser-list a strong{font:700 19px/1.3 Space Grotesk,sans-serif}.projects-teaser-list a>span:last-child{color:var(--accent);font-size:21px}.projects-intro{background:var(--page);padding:95px 0 105px}.projects-intro h1{margin:25px 0 26px}.projects-intro p:not(.section-kicker){max-width:730px;color:var(--muted);font-size:19px;line-height:1.65}.projects-intro .text-link{margin-top:24px}.projects-section{background:var(--surface-soft);padding:100px 0 120px;scroll-margin-top:95px}.projects-heading{margin-bottom:47px}.projects-heading h2{margin:17px 0 0;font-size:clamp(42px,4.4vw,64px);line-height:1.06}.projects-heading h2 span,.projects-contact h2 span{color:var(--accent)}.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--border);background:var(--surface);min-height:330px;box-shadow:0 15px 35px var(--shadow);border-radius:12px;flex-direction:column;padding:27px 30px 23px;display:flex}.project-card-top{color:var(--muted);letter-spacing:1.2px;justify-content:space-between;font-size:12px;font-weight:700;display:flex}.project-card-top span:last-child{color:var(--accent);font-size:21px;line-height:1}.project-card-body{flex:1;padding:27px 0 22px}.project-category{color:var(--accent);letter-spacing:1px;text-transform:uppercase;margin:0 0 13px;font-size:12px;font-weight:700}.project-card h3{margin:0 0 16px;font-size:clamp(28px,2.7vw,38px);line-height:1.12}.project-card-body>p:last-child{max-width:500px;color:var(--muted);margin:0;font-size:16px;line-height:1.65}.project-card>a{border-bottom:1px solid var(--muted);justify-content:space-between;gap:16px;width:fit-content;min-width:185px;padding-bottom:6px;font-weight:700;display:flex}.project-card>a:hover{color:var(--accent);border-color:var(--accent)}.project-card>a span{color:var(--accent)}.project-host{color:var(--muted);margin-top:22px;font-size:12px}.projects-in-progress{background:var(--surface);padding:100px 0 110px}.projects-in-progress .project-card{background:var(--surface-soft);max-width:none;padding:clamp(24px,4vw,52px)}.projects-in-progress .project-card-body{padding-top:0}.projects-in-progress .project-card-body>p:last-child{max-width:760px}.projects-in-progress .project-card-body a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.project-progress-highlights{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.project-progress-highlights>div{border:1px solid var(--border);background:var(--surface);border-radius:9px;padding:22px 24px}.project-progress-highlights h4{margin:0 0 8px;font:700 20px Space Grotesk,sans-serif}.project-progress-highlights p{max-width:470px;color:var(--muted);margin:0;font-size:15px;line-height:1.6}.project-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(18px,3vw,44px);margin:14px 0 44px;padding:12px 8px 26px;display:grid}.project-comparison-shot{border:1px solid var(--border);background:var(--surface);min-width:0;box-shadow:0 20px 35px var(--shadow);border-radius:10px;margin:0;padding:11px;transition:transform .25s,box-shadow .25s}.project-comparison-design{transform:rotate(-2deg)translateY(8px)}.project-comparison-live{transform:rotate(2deg)translateY(28px)}.project-comparison-design:hover,.project-comparison-design:focus-within{transform:rotate(0)translateY(0)}.project-comparison-live:hover,.project-comparison-live:focus-within{transform:rotate(0)translateY(14px)}.project-comparison-shot figcaption{color:var(--text);align-items:baseline;gap:10px;padding:9px 7px 15px;font:700 16px Space Grotesk,sans-serif;display:flex}.project-comparison-note{color:var(--muted);margin-left:auto;font-size:12px;font-weight:500}.project-comparison-open{aspect-ratio:4/3;cursor:zoom-in;background:#fff;border:0;border-radius:5px;width:100%;padding:0;display:block;overflow:hidden}.project-comparison-open:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.project-comparison-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.project-lightbox{box-sizing:border-box;border:1px solid var(--border);background:var(--surface);width:min(1100px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);border-radius:14px;margin:auto;padding:0;overflow:hidden;box-shadow:0 30px 90px #000c2373}.project-lightbox[open]{flex-direction:column;display:flex}.project-lightbox::backdrop{backdrop-filter:blur(6px);background:#000c23d1}.project-lightbox-header,.project-lightbox-footer{justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.project-lightbox-header{border-bottom:1px solid var(--border)}.project-lightbox-kicker{color:var(--accent);letter-spacing:1px;margin:0 0 4px;font-size:11px;font-weight:700}.project-lightbox-header h2{margin:0;font-size:clamp(20px,2vw,28px)}.project-lightbox-close,.project-lightbox-arrow{border:1px solid var(--border);background:var(--surface-soft);width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:24px;display:grid}.project-lightbox-close:hover,.project-lightbox-arrow:hover{border-color:var(--accent);color:var(--accent)}.project-lightbox-close:focus-visible,.project-lightbox-arrow:focus-visible,.project-lightbox-footer a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.project-lightbox-stage{background:#e8edf0;grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;gap:12px;min-height:0;padding:14px 18px;display:grid}.project-lightbox-image-scroll{overscroll-behavior:contain;background:#fff;max-height:calc(100dvh - 200px);overflow:auto}.project-lightbox-stage img{width:100%;height:auto;display:block}.project-lightbox-footer{border-top:1px solid var(--border);font-size:14px}.project-lightbox-footer>span{color:var(--muted)}.project-lightbox-footer a{color:var(--accent);text-align:right;font-weight:700}.project-lightbox-footer a:hover{text-underline-offset:3px;text-decoration:underline}.projects-contact{background:var(--page);padding:100px 0 110px}.projects-contact h2{margin:20px 0;font-size:clamp(42px,4.4vw,64px);line-height:1.08}.projects-contact>.container>p:not(.section-kicker){max-width:600px;color:var(--muted);font-size:18px;line-height:1.65}.projects-contact .button{margin-top:16px}@media (width<=960px){.projects-teaser-inner{grid-template-columns:1fr}}@media (width<=760px){.projects-teaser{padding-block:70px}.projects-teaser-list a{grid-template-columns:1fr 20px;gap:8px 12px;min-height:0;padding:20px}.projects-teaser-list a>span:first-child{grid-column:1/-1}.projects-intro,.projects-section,.projects-in-progress,.projects-contact{padding-block:75px}.projects-grid{grid-template-columns:1fr}.project-card{min-height:300px}.project-progress-highlights{grid-template-columns:1fr}.project-comparison{grid-template-columns:1fr;gap:20px;margin-bottom:36px;padding-inline:0}.project-comparison-design{transform:rotate(-1deg)}.project-comparison-live{transform:rotate(1deg)}.project-comparison-design:hover,.project-comparison-design:focus-within,.project-comparison-live:hover,.project-comparison-live:focus-within{transform:rotate(0)}.project-lightbox-header,.project-lightbox-footer{padding:14px 16px}.project-lightbox-kicker{font-size:10px}.project-lightbox-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:5px;padding:12px 6px}.project-lightbox-image-scroll{max-height:calc(100dvh - 190px)}.project-lightbox-arrow{width:34px;height:34px;font-size:20px}.project-lightbox-footer{font-size:12px}}