.project-main{min-height:100vh;width:100%;max-width:100vw;overflow-x:hidden}.project-header{padding:var(--page-padding-top, 8rem) 32px 96px;max-width:calc(var(--container-max, 1280px) + 64px);width:100%;margin:0 auto}.project-header__content{display:flex;flex-direction:column;gap:16px}.project-header__badge,.project-sidebar__title,.project-related__title{color:var(--brand-primary-container, #ff525c);font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase}.project-header__title{font-size:clamp(2.1rem,7vw,3.8rem);font-weight:900;line-height:.95;letter-spacing:-.04em;text-transform:uppercase;color:var(--text-on-surface, #e5e2e1);margin:1rem 0 .75rem;text-align:left}.project-header__title-accent{color:var(--brand-primary-container, #ff525c)}.project-header__meta{display:flex;flex-direction:column;gap:16px;margin-top:0;padding-left:0;border-left:none}.project-header__description{font-size:1.125rem;font-weight:300;line-height:1.7;color:var(--text-muted, #c8c6c5);max-width:42rem;margin:0;text-align:left}.project-header__badges{display:flex;gap:16px;flex-wrap:wrap}.project-header__badge-item{display:flex;align-items:center;gap:12px;background:var(--bg-surface-container-high, #2a2a2a);padding:8px 16px}.project-header__badge-item span:last-child{font-size:11px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.project-image{padding:0 32px;margin:0 auto 64px;max-width:calc(var(--container-max, 1280px) + 64px);width:100%}.project-image__container{position:relative;width:100%;aspect-ratio:21/9;min-height:300px;overflow:hidden;background:var(--bg-surface-container-high, #2a2a2a)}.project-image__img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(100%);transition:filter .7s ease}.project-image__container:hover .project-image__img{filter:grayscale(0%)}.project-image__overlay{position:absolute;inset:0;background:linear-gradient(to top,var(--bg-surface, #131313),transparent);pointer-events:none}.project-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px;max-width:calc(var(--container-max, 1280px) + 64px);width:100%;margin:0 auto;padding:0 32px 96px;min-width:0}.project-grid__content{grid-column:span 8;min-width:0;max-width:100vw;overflow-x:hidden}.project-article{width:100%;min-width:0;max-width:100vw;overflow-x:hidden}.project-article__content{width:100%;min-width:0;max-width:100vw;background:var(--bg-surface-container-low, #1c1b1b);border:1px solid var(--bg-surface-container-highest, #353534);padding:clamp(24px,4vw,48px)}.project-article__intro-title{font-size:26px;font-weight:800;letter-spacing:-.015em;line-height:1.25;color:#fff;margin:0 0 32px}.project-grid__sidebar{grid-column:span 4;display:flex;flex-direction:column;gap:48px}.project-sidebar{background:var(--bg-surface-container-low, #1c1b1b);border:1px solid var(--bg-surface-container-highest, #353534);padding:32px;display:flex;flex-direction:column;gap:32px}.project-sidebar__title{font-size:11px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#fff;padding-bottom:16px;border-bottom:1px solid var(--bg-surface-container-highest, #353534)}.project-sidebar__data{display:flex;flex-direction:column;gap:16px}.project-sidebar__item{display:flex;flex-direction:column;gap:4px}.project-sidebar__label{font-size:11px;color:var(--text-muted, #717171);letter-spacing:.15em;text-transform:uppercase}.project-sidebar__value{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-on-surface, #e5e2e1)}.project-sidebar__tags{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;border-top:1px solid var(--bg-surface-container-highest, #353534)}.project-sidebar__tag{background:var(--bg-surface-container-highest, #353534);padding:6px 12px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--text-on-surface, #e5e2e1)}.project-cta{background:var(--brand-primary-container, #ff525c);padding:32px;display:flex;flex-direction:column;gap:16px}.project-cta__title{font-size:20px;font-weight:800;line-height:1.25;color:var(--text-on-primary-container, #1a1a1a);margin:0}.project-cta__text{font-size:14px;line-height:1.6;color:var(--text-on-primary-container, #333);margin:0}.project-cta__actions{display:flex;flex-direction:column;gap:12px;margin-top:0}.project-cta__button{width:100%;display:inline-flex;justify-content:center;background:var(--bg-surface, #131313);color:#fff;padding:16px;font-weight:700;font-size:11px;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;text-align:center;transition:background .2s ease;border:none;cursor:pointer}.project-cta__button:hover{background:var(--bg-surface-container, #201f1f)}.project-cta__button--ghost{background:transparent;color:#fff;border:1px solid #ffffff}.project-cta__button--disabled{background:#ffffff1a;color:#ffffff80;cursor:not-allowed}.project-related{background:var(--bg-surface-container-low, #1c1b1b);border:1px solid var(--bg-surface-container-highest, #353534);border-left:4px solid var(--brand-primary-container, #ff525c);padding:32px;display:flex;flex-direction:column;gap:24px}.project-related__title{font-size:11px;font-weight:900;letter-spacing:.3em;text-transform:uppercase;color:#fff;margin:0;padding-bottom:16px;border-bottom:1px solid var(--bg-surface-container-highest, #353534)}.project-related__data{display:flex;flex-direction:column;gap:16px}.project-related__item{display:flex;flex-direction:column;gap:4px}.project-related__label{font-size:11px;color:var(--text-muted, #717171);letter-spacing:.15em;text-transform:uppercase}.project-related__value{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-on-surface, #e5e2e1)}.project-related__link{display:inline-flex;justify-content:center;background:var(--bg-surface-container-high, #2a2a2a);border:1px solid var(--bg-surface-container-highest, #353534);color:var(--text-on-surface, #e5e2e1);padding:14px 16px;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,color .2s ease}.project-related__link:hover{background:var(--bg-surface-container-highest, #353534);border-color:var(--brand-primary-container, #ff525c);color:#fff}.project-service-cta{background:var(--bg-surface-container-low, #1c1b1b);border:1px solid var(--bg-surface-container-highest, #353534);padding:32px;display:flex;flex-direction:column;gap:16px}.project-service-cta__title{margin:0;color:var(--text-on-surface, #e5e2e1);font-size:20px;font-weight:800;line-height:1.25;letter-spacing:-.015em;text-align:left}.project-service-cta__text{margin:0;color:var(--text-muted, #9ca3af);font-size:14px;line-height:1.6;text-align:left}.project-service-cta__actions{display:grid;gap:12px}.project-service-cta__button{display:inline-flex;justify-content:center;background:var(--brand-primary-container, #ff525c);color:var(--text-on-primary-container, #1a1a1a);padding:14px 16px;font-size:11px;font-weight:800;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.project-service-cta__button--ghost{background:transparent;border:1px solid var(--bg-surface-container-highest, #353534);color:var(--text-on-surface, #e5e2e1)}@media(max-width:767px){.project-header{padding:var(--page-padding-top-mobile, 7rem) 16px 32px}.project-header__title{font-size:clamp(2.25rem,8vw,4rem)}.project-header__meta{padding-left:0}.project-header__description{font-size:16px}.project-image{padding:0 24px}.project-grid{grid-template-columns:1fr;gap:48px;padding:0 24px 96px}.project-grid__content,.project-grid__sidebar{grid-column:1 / -1}.project-sidebar,.project-cta,.project-service-cta{padding:24px}}@media(min-width:768px){.project-header{padding:var(--page-padding-top, 8rem) var(--container-padding-x, 32px) 48px}.project-header__description{font-size:20px}.project-image{padding:0 var(--container-padding-x, 32px)}.project-grid{padding:0 var(--container-padding-x, 32px) 96px;gap:24px}}@media(min-width:1024px){.project-header{padding:var(--page-padding-top, 8rem) var(--container-padding-x, 32px) 48px}.project-header__title{font-size:clamp(3.5rem,5vw,5.5rem)}.project-image{padding:0 var(--container-padding-x, 32px)}.project-grid{padding:0 var(--container-padding-x, 32px) 96px;gap:24px}}