.portfolio-hero{background:var(--navy);color:#fff}.portfolio-hero .eyebrow{color:#d7a481}.portfolio-hero>p:last-child{color:#cdd7dd}.portfolio-shell{display:grid;gap:70px}.story-carousel{outline:none}.story-slide{display:grid;gap:34px}.story-slide>h2,.story-slide>p,.story-slide>a{max-width:780px}.story-slide .image-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px}.story-slide .support-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.image-frame,.project-image-frame,.manager-image-frame{background:#e7e2d9;display:grid;place-items:center;overflow:hidden}.story-slide .image-frame{height:430px}.story-slide .image-frame img,.project-image-frame img,.manager-image-frame img{width:100%;height:100%;object-fit:contain}.story-slide figure{margin:0}.story-slide figcaption{font-size:.82rem;color:var(--muted);padding-top:8px}.carousel-controls{display:flex;align-items:center;justify-content:space-between;margin-top:38px;padding-top:18px;border-top:1px solid var(--line)}.carousel-controls button{background:none;border:0;padding:10px 0;font-weight:850;cursor:pointer}.carousel-controls span{color:var(--muted);font-size:.84rem}.project-directory ul{list-style:none;padding:0;margin:0}.project-directory li{border-top:1px solid var(--line)}.project-directory li:last-child{border-bottom:1px solid var(--line)}.project-directory a{display:grid;grid-template-columns:1fr 1fr auto;gap:30px;align-items:center;padding:25px 0;text-decoration:none}.project-directory span{font-family:var(--serif);font-size:1.55rem}.project-directory small{color:var(--muted)}.empty-portfolio{max-width:760px;padding:70px;background:var(--ivory)}
.preview-banner{position:sticky;top:92px;z-index:90;background:#ffd978;color:#2e2305;padding:10px 20px;text-align:center;font-weight:850}.project-story-header{max-width:1050px}.project-story-header h1{font-size:clamp(3.3rem,7vw,6.8rem)}.project-lead{font-size:clamp(1.15rem,2vw,1.55rem);color:var(--muted);max-width:760px}.back-link{display:inline-block;margin-bottom:45px;font-weight:800;text-decoration:none}.back-link.light{color:#fff}.before-after{padding-top:0}.pair-heading{max-width:760px}.pair-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.62fr) minmax(0,1fr);gap:clamp(22px,4vw,52px);align-items:center}.pair-grid figure{margin:0}.pair-story{min-width:0}.pair-story h3{font-size:clamp(1.8rem,3vw,2.8rem)}.pair-story .narrative,.pair-story>p:last-child{color:var(--muted)}.project-image-frame{height:clamp(360px,50vw,680px)}.pair-grid figcaption{display:flex;justify-content:space-between;gap:25px;padding-top:12px}.pair-grid figcaption span{color:var(--muted)}.project-narrative{display:grid;grid-template-columns:.75fr 1fr;gap:80px;background:var(--ivory);width:100%;padding-inline:max(20px,calc((100vw - var(--max))/2))}.narrative{white-space:pre-wrap;color:#4f5a61}.project-narrative li{margin-bottom:10px}.support-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.support-gallery figure{margin:0}.support-gallery .project-image-frame{height:480px}.support-gallery figcaption{color:var(--muted);padding-top:8px}
.manager-layout{display:grid;grid-template-columns:minmax(280px,.55fr) minmax(0,1.2fr);gap:70px;align-items:start}.manager-create{position:sticky;top:125px;background:var(--ivory);padding:36px}.manager-create form{display:grid;gap:20px}.manager-help{font-size:.85rem;color:var(--muted);margin-top:22px}.manager-heading{display:flex;justify-content:space-between}.manager-project-card,.manager-empty{display:block;border-top:1px solid var(--line);padding:30px 0;text-decoration:none}.manager-project-card h3{margin:.45rem 0}.manager-project-card p{color:var(--muted)}.status{display:inline-flex;padding:5px 9px;font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.1em;border-radius:20px}.status-draft{background:#ede4cc;color:#644c13}.status-published{background:#d9eadc;color:#175727}.status-archived{background:#e6e6e6;color:#555}
.manager-project-hero{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;background:var(--navy);color:#fff;width:100%;padding-inline:max(20px,calc((100vw - var(--max))/2))}.manager-project-hero>div{max-width:850px}.manager-project-hero h1{font-size:clamp(3rem,6vw,5.5rem)}.project-editor{display:grid;gap:100px}.editor-section{display:grid;grid-template-columns:minmax(260px,.48fr) minmax(0,1.2fr);gap:60px;align-items:start}.editor-section-wide{grid-template-columns:1fr}.editor-step>span{display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--clay);border-radius:50%;color:var(--clay);font-family:var(--serif);font-size:1.4rem;margin-bottom:26px}.editor-step p:not(.eyebrow){color:var(--muted)}.editor-card{padding:clamp(24px,4vw,48px);background:#fff;border:1px solid var(--line);box-shadow:0 14px 40px rgba(16,40,61,.08)}.project-fields,.upload-form,.pair-form,.metadata-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.project-fields .wide,.upload-form .wide{grid-column:1/-1}.checkbox{grid-template-columns:auto 1fr;align-items:center}.checkbox input{width:auto;min-height:auto}.project-fields .button,.upload-form .button,.pair-form .button{align-self:end}.management-image-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.management-image{padding:22px;border:1px solid var(--line);background:#fff}.manager-image-frame{height:340px}.management-image figure{margin:0 0 20px}.management-image figcaption{padding-top:8px;color:var(--muted)}.rotate-controls{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.rotate-controls form{margin:0}.rotate-controls button,.pair-list button,.archive-button{background:none;border:0;border-bottom:1px solid currentColor;padding:5px 0;cursor:pointer;font-weight:800}.delete-image-button,.archive-button{color:#913434}.pair-list{list-style:none;padding:0;margin:26px 0}.pair-list li{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-top:1px solid var(--line)}.support-form{display:grid;gap:14px;margin-top:40px}.support-choice{grid-template-columns:auto 1fr 80px;align-items:center}.support-choice>input:first-child{width:auto;min-height:auto}.publish-card{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.publish-card form{margin:0}.management-feedback{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);z-index:200;background:var(--navy);color:#fff;padding:13px 18px;box-shadow:var(--shadow)}.management-feedback:empty{display:none}.management-feedback.error{background:#852c2c}
.delete-photo-list{display:grid;gap:0}.delete-photo-list form{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.delete-image-button{background:none;border:0;border-bottom:1px solid currentColor;color:#913434;font-weight:800;cursor:pointer}
@media(max-width:850px){.story-slide .image-pair,.pair-grid,.project-narrative,.manager-layout,.editor-section{grid-template-columns:1fr}.story-slide .image-frame{height:340px}.project-directory a{grid-template-columns:1fr auto}.project-directory small{grid-column:1/-1;grid-row:2}.manager-create{position:static}.management-image-list{grid-template-columns:1fr}.manager-project-hero{align-items:flex-start;flex-direction:column}.project-fields,.upload-form,.pair-form,.metadata-form{grid-template-columns:1fr}.project-fields .wide,.upload-form .wide{grid-column:auto}}
@media(max-width:560px){.story-slide .support-gallery,.support-gallery{grid-template-columns:1fr}.story-slide .image-pair{grid-template-columns:1fr}.empty-portfolio{padding:35px}.project-directory a{gap:10px}.project-image-frame,.support-gallery .project-image-frame{height:380px}.pair-grid figcaption{display:block}.pair-grid figcaption span{display:block}.manager-create{padding:25px}}