.projects-hero{flex-direction:column;justify-content:flex-end;min-height:100vh;display:flex;position:relative;overflow:hidden}.projects-hero__image{z-index:0;position:absolute;inset:0}.projects-hero__image:after{content:"";z-index:1;background:linear-gradient(#00000026 0%,#0000000d 40%,#0000008c 100%);position:absolute;inset:0}.projects-hero__content{z-index:2;padding:0 var(--spacing-margin-mobile) 4rem;max-width:var(--spacing-container-max);width:100%;margin:0 auto;position:relative}@media (min-width:768px){.projects-hero__content{padding:0 var(--spacing-margin-desktop) 5rem}}.projects-hero__headline{font-family:var(--font-heading);color:#fff;letter-spacing:-.03em;font-size:clamp(2.5rem,6vw,5.5rem);font-weight:800;line-height:1.05}.projects-hero__subtitle{color:#ffffffbf;max-width:540px;margin-top:1.5rem;font-size:clamp(.875rem,1.2vw,1.125rem);line-height:1.7}.projects-hero__scroll-cue{z-index:2;flex-direction:column;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%)}.projects-hero__scroll-line{background:linear-gradient(#fff9,#fff0);width:1px;height:48px}.workflow-section{background-color:var(--color-canvas-white);position:relative}.dark .workflow-section{background-color:#0a0a0a}.workflow-header{padding:4rem var(--spacing-margin-mobile) 2rem;max-width:var(--spacing-container-max);margin:0 auto}@media (min-width:768px){.workflow-header{padding:5rem var(--spacing-margin-desktop) 2rem}}.workflow-track{will-change:transform;flex-wrap:nowrap;display:flex}.workflow-pin-container{height:100vh}.workflow-panel{width:100vw;height:100vh;padding:2rem var(--spacing-margin-mobile);box-sizing:border-box;flex:0 0 100vw;grid-template-columns:1fr;align-items:center;gap:2rem;display:grid}@media (min-width:768px){.workflow-panel{padding:3rem var(--spacing-margin-desktop);grid-template-columns:1fr 1fr;gap:4rem}}@media (min-width:1024px){.workflow-panel{gap:6rem;padding:3rem 6rem}}.workflow-panel__image-wrapper{aspect-ratio:4/3;width:100%;max-height:70vh;position:relative;overflow:hidden}@media (min-width:768px){.workflow-panel__image-wrapper{aspect-ratio:3/2}}.workflow-panel__number{font-family:var(--font-heading);color:#0000000f;font-size:clamp(3rem,5vw,5rem);font-weight:800;line-height:1}.dark .workflow-panel__number{color:#ffffff0f}.workflow-panel__title{font-family:var(--font-heading);color:var(--color-on-surface);margin-top:.5rem;font-size:clamp(1.5rem,2.5vw,2.25rem);font-weight:700;line-height:1.2}.dark .workflow-panel__title{color:#f3f4f6}.workflow-panel__title-en{font-family:var(--font-heading);letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent-red);margin-top:.25rem;font-size:.75rem;font-weight:600}.workflow-panel__desc{color:var(--color-secondary);max-width:420px;margin-top:1.25rem;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.8}.dark .workflow-panel__desc{color:#a1a1aa}@media (max-width:767px){.workflow-track--mobile{padding:0 var(--spacing-margin-mobile) 4rem;flex-direction:column;gap:4rem;display:flex}.workflow-track--mobile .workflow-panel{flex:unset;width:100%;min-height:auto;padding:0}}.gallery-section{padding:4rem var(--spacing-margin-mobile);max-width:var(--spacing-container-max);margin:0 auto}@media (min-width:768px){.gallery-section{padding:6rem var(--spacing-margin-desktop)}}.gallery-grid{gap:1.25rem;display:grid}@media (min-width:768px){.gallery-grid{gap:1.5rem}}.gallery-row--full{grid-template-columns:1fr;display:grid}.gallery-row--split{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.gallery-row--split{grid-template-columns:5fr 7fr;gap:1.5rem}}.gallery-row--split-reverse{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.gallery-row--split-reverse{grid-template-columns:7fr 5fr;gap:1.5rem}}.gallery-row--three{grid-template-columns:1fr;gap:1.25rem;display:grid}@media (min-width:768px){.gallery-row--three{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.prj-card{cursor:pointer;display:block;position:relative;overflow:hidden}.prj-card__image-wrapper{width:100%;position:relative;overflow:hidden}.prj-card__image-wrapper--landscape{aspect-ratio:4/3;min-height:380px}.prj-card__image-wrapper--portrait{aspect-ratio:3/4}.prj-card__image-wrapper--hero{aspect-ratio:21/9}@media (max-width:767px){.prj-card__image-wrapper--hero{aspect-ratio:16/9}.prj-card__image-wrapper--portrait{aspect-ratio:4/3}}.prj-card__overlay{z-index:2;background:linear-gradient(#0000 0%,#000000b3 100%);padding:2rem 1.5rem 1.5rem;transition:transform .5s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0;right:0;transform:translateY(0)}@media (hover:hover){.prj-card:hover .prj-card__overlay{transform:translateY(0)}}.prj-card__category{font-family:var(--font-heading);letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent-red);margin-bottom:.5rem;font-size:.625rem;font-weight:700}.prj-card__title{font-family:var(--font-heading);color:#fff;font-size:clamp(1rem,1.5vw,1.375rem);font-weight:700;line-height:1.3}.prj-card__meta{color:#fff9;gap:1rem;margin-top:.5rem;font-size:.75rem;display:flex}.gallery-interlude{max-width:640px;padding:5rem 0}@media (min-width:768px){.gallery-interlude{padding:7rem 0}}.gallery-interlude__text{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-on-surface);font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;line-height:1.3}.dark .gallery-interlude__text{color:#f3f4f6}.projects-transition{padding:5rem var(--spacing-margin-mobile);max-width:var(--spacing-container-max);border-top:1px solid #0000000f;margin:0 auto}.dark .projects-transition{border-top-color:#ffffff0f}@media (min-width:768px){.projects-transition{padding:7rem var(--spacing-margin-desktop)}}