.project-detail-hero{background:var(--navy);color:var(--white);padding:2rem 0 clamp(4rem,8vw,7rem)}.back-link{color:#c4ccda;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:.86rem;transition:color .25s,transform .25s;display:inline-flex}.back-link:hover{color:var(--gold-light);transform:translate(-3px)}.detail-hero-grid{grid-template-columns:1fr 160px;align-items:end;gap:2rem;display:grid}.detail-hero-grid>div:first-child{animation:.7s both detail-fade-up}.project-detail-hero .eyebrow{color:#c4ccda}.detail-acronym{color:var(--gold-light);letter-spacing:-.1em;margin-top:1.1rem;font:800 clamp(3.8rem,8vw,6rem)/1 Manrope,sans-serif;transition:letter-spacing .3s}.detail-acronym span{color:var(--white)}.project-detail-hero h1{margin:.8rem 0 1rem;font-size:clamp(2.3rem,5vw,4.2rem)}.project-detail-hero .lead{color:#c4ccda}.detail-meta{color:#c4ccda;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.5rem;font-size:.82rem;display:flex}.detail-number{justify-items:end;gap:.4rem;padding-bottom:.5rem;animation:.8s .2s both detail-number-enter;display:grid}.detail-number span{letter-spacing:.15em;color:#aeb8ca;font-size:.65rem}.detail-number strong{color:#30405c;letter-spacing:-.1em;font:800 5.5rem/1 Manrope,sans-serif;transition:color .3s}.detail-number:hover strong{color:var(--gold)}.detail-number i{background:var(--gold);transform-origin:100%;width:48px;height:3px;animation:.6s .45s both detail-line-enter}.detail-content-grid{grid-template-columns:1.3fr .7fr;gap:clamp(2rem,8vw,8rem);display:grid}.detail-main{animation:.7s .1s both detail-fade-up}.detail-main h2{margin:1.2rem 0}.detail-main>p{color:#596476;margin-top:1rem;line-height:1.9}.detail-note{background:var(--ivory);border-left:3px solid var(--gold);gap:.4rem;margin-top:2rem;padding:1.2rem 1.4rem;font-size:.9rem;transition:border-color .25s,transform .25s;display:grid}.detail-note:hover{border-left-color:var(--navy);transform:translate(3px)}.detail-note span{color:var(--muted);line-height:1.7}.detail-sidebar{background:var(--ivory);border:1px solid var(--line);border-radius:18px;align-self:start;padding:1.6rem;transition:border-color .3s,box-shadow .3s;animation:.7s .2s both detail-fade-up}.detail-sidebar:hover{border-color:#d8c79e;box-shadow:0 12px 30px #141f330d}.detail-sidebar h2{letter-spacing:-.025em;font-size:1.2rem}.detail-sidebar ul{gap:.9rem;margin:1.2rem 0;padding:0;list-style:none;display:grid}.detail-sidebar li{color:#4f5a6d;align-items:flex-start;gap:.65rem;font-size:.9rem;line-height:1.6;display:flex}.detail-sidebar li span{background:var(--gold);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-top:.55rem;transition:transform .25s}.detail-sidebar li:hover span{transform:scale(1.5)}.sidebar-rule{background:#ded9cf;height:1px;margin:1.3rem 0}.detail-sidebar p{color:var(--muted);margin-bottom:1rem;font-size:.86rem;line-height:1.7}.detail-sidebar .text-link{font-size:.85rem}.detail-next{justify-content:space-between;align-items:center;gap:2rem;display:flex}.detail-next>div{animation:.7s both detail-fade-up}.detail-next h2{margin-top:1rem}.detail-next .button{transition:transform .25s,box-shadow .25s}.detail-next .button:hover{transform:translateY(-3px);box-shadow:0 8px 20px #141f331f}@keyframes detail-fade-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes detail-number-enter{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}@keyframes detail-line-enter{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (max-width:760px){.detail-hero-grid{grid-template-columns:1fr}.detail-number{display:none}.detail-content-grid{grid-template-columns:1fr}.detail-next{flex-direction:column;align-items:flex-start}.back-link{margin-bottom:2rem}}@media (prefers-reduced-motion:reduce){.project-detail *,.project-detail :before,.project-detail :after{transition:none!important;animation:none!important}}