.project-header{width:100%;background-color:var(--color-background);padding:310px 0 90px;position:relative;overflow:hidden}.project-header .container{position:relative;max-width:1600px;margin:0 auto;padding:0 24px}@media(max-width:768px){.project-header .container{padding:0 8px}}.project-header .header-content{display:flex;flex-direction:column;gap:64px}.project-header .title{font-size:88px;line-height:1.2;margin:0;max-width:900px}.project-header .header-details{display:grid;grid-template-columns:minmax(auto,50%) 25% 25%;gap:48px}.project-header .header-details .left-content{display:flex;flex-direction:column;gap:40px}.project-header .header-details .left-content .sections-container{display:flex;flex-direction:column;gap:32px;max-width:540px}.project-header .header-details .left-content .sections-container .section{line-height:1.75;color:var(--color-foreground);margin:0}.project-header .header-details .left-content .sections-container .section-title{font-size:14px;font-weight:700;text-transform:uppercase;color:var(--text-secondary);margin:0 0 12px;letter-spacing:.05em}.project-header .header-details .left-content .sections-container .section-content p{margin:0 0 16px;font-size:16px;color:var(--color-text-secondary)}.project-header .header-details .left-content .sections-container .section-content p:last-child{margin-bottom:0}.project-header .header-details .meta-info{display:flex;flex-direction:column;gap:14px}.project-header .header-details .meta-info .meta-row{display:grid;grid-template-columns:120px auto;align-items:flex-start;gap:16px}.project-header .header-details .meta-info .meta-label{font-size:14px;font-weight:600;text-transform:uppercase;color:var(--text-secondary);padding-top:2px}.project-header .header-details .meta-info .meta-value{display:block}.project-header .header-details .right-content .header-toc :global(.tocTitle){color:var(--text-secondary);margin-bottom:16px}.project-header .header-details .right-content .header-toc :global(.tocItem) a{color:var(--text-secondary);font-size:14px}.project-header .header-details .right-content .header-toc :global(.tocItem) a:hover{color:var(--text-primary)}.project-header .header-details .right-content .header-toc :global(.tocItem):global(.active) a{color:var(--text-primary)}.project-header .tags-wrapper{display:flex;gap:8px;flex-wrap:wrap}.project-header .tags-wrapper .tag{background-color:color-mix(in srgb,var(--color-text-tertiary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-text-tertiary) 8%,transparent);padding:2px 10px;border-radius:4px;font-size:12px;font-weight:500;color:var(--text-tertiary)}.project-header .date,.project-header .role,.project-header .team{font-size:14px;color:var(--text-secondary);margin:0}@media(max-width:1024px){.project-header{padding:180px 0 40px}.project-header .title{font-size:50px}.project-header .header-details{grid-template-columns:1fr 1fr;gap:40px}.project-header .header-details .left-content{grid-column:1/-1}}@media(max-width:768px){.project-header{padding:120px 0 30px}.project-header .header-content{gap:40px}.project-header .title{font-size:40px}.project-header .header-details{grid-template-columns:1fr;gap:32px}.project-header .header-details .left-content,.project-header .header-details .meta-info,.project-header .header-details .right-content{gap:24px}}.project-layout{width:100%;min-height:calc(100vh - 80px);padding:48px 0;background-color:var(--color-background)}.project-layout .container{max-width:1600px;margin:0 auto;padding:0 24px}@media(max-width:768px){.project-layout .container{padding:0 8px}}