.projects-page{color:#15354c;background:#f5f7f9;min-height:100vh;padding-bottom:60px}.project-heading,.project-detail{max-width:1280px;margin:auto;padding:36px 24px}.project-heading h1,.project-detail h1{margin:10px 0 16px;font-size:clamp(2rem,4vw,3rem);line-height:1.4}.project-heading p,.project-description p{font-size:1rem;line-height:1.8}.project-heading>p:first-child{color:#a54b26;letter-spacing:.12em;font-size:.875rem;font-weight:700}.project-gallery{gap:20px;display:grid}.project-gallery figure{margin:0}.project-gallery img{object-fit:contain;background:#fff;width:100%;height:auto;max-height:660px}.project-gallery figcaption{padding:10px 0;font-size:.875rem}.project-description{max-width:850px;padding:20px 0}.project-detail>header{padding:28px 0}.project-detail a:focus-visible{outline-offset:4px;outline:3px solid #ae4b26}.project-draft-banner{color:#fff;background:#173b56;padding:38px max(24px,50vw - 616px)}.project-draft-banner p{color:#ef9b6a;letter-spacing:.14em;margin:0 0 8px;font-size:.875rem;font-weight:800}.project-draft-banner h1{margin:0 0 10px;font-size:clamp(2rem,4vw,2.75rem);line-height:1.35}.project-draft-banner span{color:#e1eaf0;font-size:1rem;line-height:1.7}.project-directory{grid-template-columns:220px minmax(0,1fr);gap:30px;max-width:1280px;margin:auto;padding:40px 24px;display:grid}.project-group-nav{align-content:start;gap:8px;display:grid}.project-group-nav button{color:#26485f;text-align:left;cursor:pointer;background:#fff;border:1px solid #b7c6d0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:12px 14px;font:700 1rem/1.45 inherit;display:flex}.project-group-nav button small{color:#617989;font-size:.875rem}.project-group-nav button:focus-visible{outline-offset:3px;outline:3px solid #ae4b26}.project-name-panel{background:#fff;border:1px solid #b7c6d0}.project-name-panel>header{background:#edf3f7;border-bottom:1px solid #b7c6d0;justify-content:space-between;align-items:end;gap:18px;padding:22px 26px;display:flex}.project-name-panel>header p{color:#a64a24;letter-spacing:.1em;margin:0 0 4px;font-size:.875rem;font-weight:800}.project-name-panel>header h2{margin:0;font-size:1.55rem;line-height:1.45}.project-name-panel>header>span{color:#536d7f;font-size:1rem}.project-name-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.project-name-list li{border-bottom:1px solid #d4dee5;grid-template-columns:38px minmax(0,1fr);align-items:center;min-height:62px;padding:13px 18px;display:grid}.project-name-list li:nth-child(odd){border-right:1px solid #d4dee5}.project-name-list li>span{color:#a64a24;font-variant-numeric:tabular-nums;font-size:.875rem}.project-name-list strong{overflow-wrap:anywhere;font-size:1rem;font-weight:600;line-height:1.65}.project-empty{color:#536d7f;margin:0;padding:34px 26px;font-size:1rem;line-height:1.7}@media (max-width:760px){.project-directory{grid-template-columns:1fr;gap:18px;padding:24px 16px}.project-group-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.project-group-nav button{min-height:48px;padding:9px 10px;font-size:.9rem}.project-name-list{grid-template-columns:1fr}.project-name-list li:nth-child(odd){border-right:0}.project-name-panel>header{align-items:start;padding:18px}.project-name-panel>header>span{font-size:.9rem}.project-heading,.project-detail{padding:24px 16px}}@media (max-width:430px){.project-group-nav{grid-template-columns:1fr}.project-group-nav button{font-size:1rem}.project-name-panel>header{display:block}.project-name-panel>header>span{margin-top:8px;display:block}}.project-type-section h3{color:#26485f;background:#f1f5f8;border-bottom:1px solid #b7c6d0;justify-content:space-between;align-items:center;gap:12px;margin:0;padding:14px 18px;font-size:1rem;line-height:1.5;display:flex}.project-type-section h3 span{color:#536d7f;font-size:.875rem;font-weight:400}.project-type-section+.project-type-section{border-top:1px solid #b7c6d0}.project-heading-title{flex-wrap:wrap;align-items:center;gap:12px 22px;margin:10px 0 12px;display:flex}.project-heading-title h1{margin:0}.project-update-note{color:#8c3f1c;background:#fff1e7;border:1px solid #e7b08b;border-radius:6px;align-items:center;padding:7px 12px;font-size:.875rem;font-weight:700;line-height:1.5;display:inline-flex}.projects-page .project-directory{gap:24px;padding-top:12px}.project-group-nav button{border-radius:7px;gap:12px;font-family:inherit;font-size:1rem;font-weight:700;line-height:1.5}.project-group-nav button:hover{border-color:var(--project-accent);background:var(--project-tint)}.project-group-nav button.is-active{color:var(--project-accent);background:var(--project-tint);border-color:var(--project-accent);box-shadow:inset 4px 0 var(--project-accent)}.project-group-nav button small{color:#36556a;text-align:center;font-variant-numeric:tabular-nums;background:#edf1f5;border-radius:4px;flex-shrink:0;min-width:27px;padding:2px 6px}.project-group-nav button.is-active small{background:var(--project-accent);color:#fff}.project-name-panel{border-radius:10px;min-width:0;overflow:hidden}.project-name-panel>.project-category-banner{isolation:isolate;background:var(--project-tint);border-top:4px solid var(--project-accent);align-items:center;min-height:190px;padding:26px 30px 38px;display:flex;position:relative;overflow:hidden}.project-category-image{object-fit:cover;object-position:70% 55%;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.project-category-banner:before{content:"";z-index:-1;background:linear-gradient(90deg,#fff 0%,#fffffff5 29%,#ffffffdb 45%,#ffffff47 68%,#ffffff0a 100%);position:absolute;inset:0}.project-category-copy{color:#15354c;max-width:70%}.project-category-banner .project-category-copy p{color:var(--project-accent);letter-spacing:.08em;margin-bottom:7px;font-size:.875rem;line-height:1.5}.project-category-banner .project-category-copy h2{overflow-wrap:anywhere;font-size:clamp(1.4rem,2.5vw,1.85rem);line-height:1.45}.project-category-count{color:#24475b;margin-top:12px;font-size:1rem;font-weight:600;line-height:1.5;display:inline-block}.project-category-banner>.project-image-note{color:#36556a;background:#fffffff0;border:1px solid #cbd5de;border-radius:4px;margin:0;padding:4px 8px;font-size:.875rem;line-height:1.4;display:block;position:absolute;bottom:10px;right:12px}.project-name-panel .project-name-list li>span{color:var(--project-accent)}.project-name-panel .project-type-section h3{background:var(--project-tint);color:var(--project-accent)}@media (max-width:760px){.projects-page .project-directory{gap:16px;padding-top:8px}.project-group-nav{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.project-group-nav button{gap:8px;padding:12px;font-size:.9375rem}.project-name-panel>.project-category-banner{min-height:178px;padding:22px 20px 42px}.project-category-banner:before{background:linear-gradient(90deg,#fff 0%,#fffffff5 25%,#ffffffdb 57%,#ffffff4d 100%)}.project-category-copy{max-width:88%}.project-heading-title{gap:8px 14px}}@media (max-width:430px){.project-group-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.project-group-nav button{padding:10px;font-size:.875rem}.project-category-banner .project-category-copy h2{font-size:1.35rem}.project-category-count{font-size:.9375rem}}