.project-modal{border:none;padding:0;max-width:100vw;max-height:100vh;width:100vw;height:100vh;background:transparent;overflow:hidden}.project-modal::backdrop{background:var(--overlay-dark);backdrop-filter:blur(4px);animation:backdropFadeIn .3s ease-out}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.project-modal[open]{animation:modalFadeIn .3s ease-out}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.project-modal__content{background-color:var(--color-surface);width:100%;height:100%;overflow-y:auto;position:relative}.project-modal__close{position:absolute;top:var(--space-4);right:var(--space-4);z-index:1000;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:rgba(var(--color-primary-rgb),.7);color:var(--color-surface);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.project-modal__close:hover{background-color:var(--color-accent);transform:rotate(90deg)}.project-modal__grid{display:flex;flex-direction:column;height:100%}@media(min-width:1024px){.project-modal__grid{display:grid;grid-template-columns:60% 40%;flex-direction:row}}.project-modal__gallery-section{flex:1;background-color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;min-height:50vh}@media(min-width:1024px){.project-modal__gallery-section{min-height:100vh;height:100vh}}.project-modal__info-section{display:flex;flex-direction:column;padding:var(--space-8) var(--space-6);overflow-y:auto;background-color:var(--color-surface)}@media(min-width:1024px){.project-modal__info-section{padding:var(--space-12) var(--space-10);height:100vh;justify-content:center}}.project-modal__header{margin-bottom:var(--space-8)}.project-modal__title{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;color:var(--color-primary);margin:0 0 var(--space-3) 0;line-height:1.2}.project-modal__key-data{font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-sm);color:var(--color-text-muted);letter-spacing:.02em;display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.project-modal__separator{color:var(--color-secondary);opacity:.6}.project-modal__specs{margin-bottom:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--color-border)}.project-modal__specs-title{font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted);margin:0 0 var(--space-5) 0}.project-modal__spec-list{margin:0;padding:0}.project-modal__spec-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid rgba(var(--color-primary-rgb),.08)}.project-modal__spec-row:last-child{border-bottom:none}.project-modal__spec-row dt{font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin:0;flex-shrink:0}.project-modal__spec-row dd{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:500;color:var(--color-primary);margin:0;text-align:right;max-width:60%;overflow-wrap:break-word;word-break:break-word}.project-modal__spec-row--rooms dd{display:flex;gap:var(--space-2)}.project-modal__room-badge{font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);font-weight:600;color:var(--color-secondary);background-color:rgba(var(--color-secondary-rgb),.1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.project-modal__scope-wrapper{margin-bottom:var(--space-6)}.project-modal__scope{display:inline-block;font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);background-color:rgba(var(--color-secondary-rgb),.1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid rgba(var(--color-secondary-rgb),.2)}.project-modal__cta{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--color-primary);color:var(--color-surface);border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-base);margin-top:auto}.project-modal__cta:hover{background-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.project-modal__cta svg{width:20px;height:20px;transition:transform var(--transition-fast)}.project-modal__cta:hover svg{transform:translate(4px)}.carousel{width:100%;height:100%;display:flex;flex-direction:column;background-color:var(--color-primary-dark)}.carousel__main{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;min-height:400px}.carousel__image{max-width:100%;max-height:100%;object-fit:contain;animation:imageFadeIn .4s ease-out}@keyframes imageFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.carousel__btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:#ffffffe6;color:var(--color-primary);border:none;border-radius:50%;cursor:pointer;transition:all var(--transition-fast);z-index:10}.carousel__btn:hover:not(:disabled){background-color:var(--color-accent);color:var(--color-surface);transform:translateY(-50%) scale(1.1)}.carousel__btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.carousel__btn:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:2px}.carousel__btn--prev{left:var(--space-4)}.carousel__btn--next{right:var(--space-4)}.carousel__btn svg{width:24px;height:24px}.carousel__counter{position:absolute;bottom:var(--space-4);left:50%;transform:translate(-50%);font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;background-color:rgba(var(--color-primary-rgb),.8);color:var(--color-surface);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;letter-spacing:.05em;z-index:10}.carousel__caption{position:absolute;bottom:var(--space-12);left:50%;transform:translate(-50%);background-color:rgba(var(--color-primary-rgb),.8);color:var(--color-surface);padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-sm);max-width:80%;text-align:center;z-index:10}.carousel__thumbnails{display:flex;gap:var(--space-2);padding:var(--space-4);background-color:rgba(var(--color-primary-rgb),.95);overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--color-accent) rgba(255,255,255,.1)}.carousel__thumbnails::-webkit-scrollbar{height:6px}.carousel__thumbnails::-webkit-scrollbar-track{background:#ffffff1a}.carousel__thumbnails::-webkit-scrollbar-thumb{background:var(--color-accent);border-radius:3px}.carousel__thumbnail{flex:0 0 80px;height:60px;border:2px solid transparent;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;transition:all var(--transition-fast);background:none;padding:0}.carousel__thumbnail:hover:not(:disabled){border-color:var(--color-accent);transform:scale(1.05)}.carousel__thumbnail:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.carousel__thumbnail:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.carousel__thumbnail--active{border-color:var(--color-accent);box-shadow:0 0 0 2px rgba(var(--color-secondary-rgb),.3)}.carousel__thumbnail img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:768px){.carousel__btn{width:40px;height:40px}.carousel__btn--prev{left:var(--space-2)}.carousel__btn--next{right:var(--space-2)}.carousel__counter{bottom:var(--space-2);font-size:var(--text-xs);padding:var(--space-1) var(--space-3)}.carousel__thumbnail{flex:0 0 60px;height:45px}.project-modal__info-section{padding:var(--space-6) var(--space-4)}.project-modal__title{font-size:var(--text-2xl)}.project-modal__key-data{font-size:var(--text-xs)}.project-modal__specs{margin-bottom:var(--space-6)}}.project-section{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-end;padding:var(--space-8);overflow:hidden;--parallax-offset: 0px}.project-section:nth-child(2n){background-color:var(--color-surface)}.project-section:nth-child(odd){background-color:var(--color-background)}.project-section__image-wrapper{position:absolute;inset:0;z-index:1;overflow:hidden}.project-section__image{position:absolute;width:100%;height:120%;top:-10%;left:0;object-fit:cover;object-position:center;transform:translateY(var(--parallax-offset));transition:transform .1s linear;will-change:transform}.project-section:not(.is-visible) .project-section__image{opacity:0;transform:scale(1.05) translateY(var(--parallax-offset))}.project-section.is-visible .project-section__image{opacity:1;transform:scale(1) translateY(var(--parallax-offset));transition:opacity .8s var(--ease-out-smooth, cubic-bezier(.22, 1, .36, 1)),transform 1s var(--ease-out-smooth, cubic-bezier(.22, 1, .36, 1))}.project-section__image-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(var(--color-primary-rgb),.85) 0%,rgba(var(--color-primary-rgb),.4) 40%,rgba(var(--color-primary-rgb),.1) 70%,transparent 100%);z-index:2}.project-section__content{position:relative;z-index:3;max-width:800px;padding-bottom:var(--space-8)}.project-section__scope{display:inline-block;font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-surface);background-color:rgba(var(--color-secondary-rgb),.9);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);margin-bottom:var(--space-4);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:.1s}.project-section.is-visible .project-section__scope{opacity:1;transform:translateY(0)}.project-section__title{font-family:var(--font-serif);font-size:clamp(2rem,5vw,3.5rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-surface);margin:0 0 var(--space-4) 0;text-shadow:0 2px 20px rgba(0,0,0,.3);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:.2s}.project-section.is-visible .project-section__title{opacity:1;transform:translateY(0)}.project-section__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-base);color:#ffffffd9;margin:0 0 var(--space-5) 0;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:.3s}.project-section.is-visible .project-section__meta{opacity:1;transform:translateY(0)}.project-section__meta-separator{color:var(--color-secondary);font-weight:600}.project-section__line{width:80px;height:2px;background:linear-gradient(90deg,var(--color-secondary) 0%,var(--color-accent) 100%);margin-bottom:var(--space-5);transform:scaleX(0);transform-origin:left;transition:transform .6s var(--ease-out-smooth, cubic-bezier(.22, 1, .36, 1));transition-delay:.4s}.project-section.is-visible .project-section__line{transform:scaleX(1)}.project-section__specs{display:flex;flex-wrap:wrap;gap:var(--space-4);opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease;transition-delay:.5s}.project-section.is-visible .project-section__specs{opacity:1;transform:translateY(0)}.project-section__spec{display:flex;align-items:baseline;gap:var(--space-1);font-size:var(--text-sm);color:#ffffffbf}.project-section__spec-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;opacity:.7}.project-section__spec-value{font-weight:600;color:var(--color-surface)}.project-section__spec:not(:last-child):after{content:"|";margin-left:var(--space-3);color:#ffffff4d}.project-section__counter{position:absolute;top:var(--space-6);right:var(--space-6);z-index:4;font-family:ui-monospace,SF Mono,Cascadia Code,Segoe UI Mono,Menlo,Monaco,Consolas,monospace;font-size:var(--text-sm);font-weight:600;color:#fff9;letter-spacing:.05em}.project-section__counter-current{color:var(--color-surface);font-size:var(--text-lg)}.project-section__counter-separator{margin:0 var(--space-1)}.projects-intro{min-height:50vh;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:var(--space-16) var(--space-6);background-color:var(--color-surface);border-bottom:1px solid var(--color-border)}.projects-intro__eyebrow{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-muted)}.projects-intro__eyebrow-line{width:32px;height:1px;background-color:var(--color-secondary)}.projects-intro__title{font-family:var(--font-serif);font-size:clamp(2.5rem,6vw,4rem);font-weight:400;line-height:1.1;letter-spacing:-.02em;color:var(--color-primary);margin:0 0 var(--space-4) 0;max-width:12ch}.projects-intro__subtitle{font-size:var(--text-lg);color:var(--color-text-muted);margin:0 0 var(--space-8) 0}.projects-intro__scroll-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--color-secondary);font-size:var(--text-sm);animation:bounceDown 2s ease-in-out infinite}.projects-intro__scroll-hint svg{width:24px;height:24px}@keyframes bounceDown{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@media(min-width:768px){.project-section{padding:var(--space-12)}.project-section__content{padding-bottom:var(--space-12)}.project-section__counter{display:none}}@media(min-width:1024px){.project-section{padding:var(--space-16);justify-content:center}.project-section__content{max-width:50%;padding-bottom:0}.project-section__title{font-size:clamp(2.5rem,4vw,4rem)}.project-section__image-overlay{background:linear-gradient(to right,rgba(var(--color-primary-rgb),.8) 0%,rgba(var(--color-primary-rgb),.5) 35%,rgba(var(--color-primary-rgb),.1) 60%,transparent 80%)}}@media(max-width:480px){.project-section{padding:var(--space-6)}.project-section__title{font-size:1.75rem}.project-section__meta{font-size:var(--text-sm)}.project-section__specs{flex-direction:column;gap:var(--space-2)}.project-section__spec:not(:last-child):after{display:none}.projects-intro{min-height:40vh;padding:var(--space-12) var(--space-4)}.projects-intro__title{font-size:2rem}.project-section__image{object-position:center 30%}.project-section--portrait .project-section__image{object-position:center 40%}}@media(prefers-reduced-motion:reduce){.project-section__image,.project-section__scope,.project-section__title,.project-section__meta,.project-section__line,.project-section__specs{opacity:1;transform:none;transition:none}.project-section:not(.is-visible) .project-section__image{opacity:1;transform:none}.projects-intro__scroll-hint,.carousel__image{animation:none}.project-modal__close:hover,.project-modal__cta:hover{transform:none}}