.project-detail-page{--project-detail-accent:#f26b9b;--project-detail-surface:#171116;background:#080708}.project-detail-page article{z-index:1;max-width:1440px;margin-inline:auto;position:relative}.project-detail-page figure,.project-detail-page ul,.project-detail-page h1,.project-detail-page h2,.project-detail-page p{margin:0}.project-detail-hero{isolation:isolate;flex-direction:column;width:100vw;min-height:650px;margin-left:calc(50% - 50vw);padding:104px max(56px,50vw - 600px) 100px;display:flex;position:relative;overflow:hidden}.project-detail-hero-glow{z-index:-1;pointer-events:none;width:1070.77px;height:1071.46px;position:absolute;top:-39.22px;left:calc(50% + 381.25px);transform:translate(-50%,-50%)rotate(138.13deg)scaleY(-1)}.project-detail-hero-glow img{max-width:none;position:absolute;top:0;left:0}.project-detail-hero-glow__light{width:1491.19px;height:1491.88px;position:absolute;top:-210.21px;left:-210.21px}@property --project-detail-light-front{syntax:"<percentage>";inherits:false;initial-value:0%}@media (prefers-reduced-motion:no-preference){.project-detail-hero-glow__light{-webkit-mask-image:linear-gradient(90deg, #000 calc(var(--project-detail-light-front) - 28%), transparent var(--project-detail-light-front));mask-image:linear-gradient(90deg, #000 calc(var(--project-detail-light-front) - 28%), transparent var(--project-detail-light-front));animation:4s cubic-bezier(.25,.1,.35,1) -1.6s both project-detail-light-reveal}}@keyframes project-detail-light-reveal{0%{--project-detail-light-front:0%;opacity:0}30%{opacity:.55}to{--project-detail-light-front:130%;opacity:1}}.project-detail-back{z-index:1;width:max-content;min-height:44px;font-size:var(--responsive-caption,16px);letter-spacing:-.96px;align-items:center;gap:12px;font-weight:700;line-height:1.4;transition:color .18s;display:inline-flex;position:relative}.project-detail-back img{flex:none;max-width:none}@media (min-width:901px) and (hover:hover) and (pointer:fine){.project-detail-back:hover{color:#ff9fbe}}.project-detail-heading{z-index:1;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:40px;padding-top:64px;display:flex;position:relative}.project-detail-heading h1{letter-spacing:-12.8px;white-space:nowrap;justify-content:center;align-items:center;gap:32px;height:141px;font-size:128px;font-weight:700;line-height:1.1;display:flex}.project-detail-title-asset{flex:none;width:659px;height:141px;display:block;position:relative}.project-detail-title-asset img{max-width:none;display:block}.project-detail-title-outline{color:#fff}.project-detail-heading>p{color:#b9b9b9;width:min(794px,100%);font-size:var(--responsive-lead,24px);line-height:var(--responsive-lead-leading,1.2);letter-spacing:var(--responsive-body-tracking,-1.92px)}.project-detail-cover{background:var(--project-detail-surface);background-image:var(--project-detail-cover-image);background-position:50%;background-size:cover;background-attachment:fixed;border-radius:0;width:100vw;max-width:none;height:680px;position:relative;left:calc(50% - 50vw);overflow:hidden}.project-detail-cover>img{object-fit:cover;opacity:0}.project-detail-page--fire-detection .project-detail-cover{background-color:#0c1221;background-repeat:no-repeat;background-size:cover}.project-detail-page--fire-detection .project-detail-cover>img{object-fit:cover}@media (max-width:760px),(prefers-reduced-motion:reduce){.project-detail-cover,.project-detail-gallery--single{background-attachment:scroll}.project-detail-cover>img,.project-detail-gallery--single>img{opacity:1}}.project-detail-introduction{text-align:center;flex-direction:column;gap:48px;width:min(996px,100% - 80px);margin-inline:auto;padding:100px 0;display:flex}.project-detail-introduction p,.project-detail-impact-copy>p{color:#fff;font-size:var(--responsive-lead,28px);line-height:var(--responsive-lead-leading,1.2);letter-spacing:var(--responsive-body-tracking,-2.24px)}.project-detail-resources{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:32px;width:min(1200px,100% - 80px);margin:0 auto;padding-bottom:100px;display:flex}.project-detail-resources h2{letter-spacing:-1.2px;text-transform:uppercase;align-items:center;gap:6px;margin:0;font-size:20px;font-weight:700;line-height:1.4;display:flex}.project-detail-resources h2:before{background:var(--project-detail-accent);content:"";flex:none;width:2px;height:16px}.project-detail-resources__links{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.project-detail-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;width:100%;height:360px;padding:0;list-style:none;display:grid}.project-detail-gallery li{background:var(--project-detail-surface);border-radius:12px;min-width:0;position:relative;overflow:hidden}.project-detail-gallery li>img{object-fit:cover}.project-detail-gallery--single{background:var(--project-detail-surface);background-image:var(--project-detail-gallery-image);background-position:50%;background-repeat:no-repeat;background-size:cover;background-attachment:fixed;width:100vw;max-width:none;height:680px;display:block;position:relative;overflow:hidden}.project-detail-gallery--single>img{object-fit:cover;object-position:center;opacity:0}.project-detail-page figure.project-detail-gallery--single{left:calc(50% - 50vw);margin-bottom:100px!important}.project-detail-page figure.project-detail-gallery--single+.project-detail-impact{margin-top:0;padding-top:0}.project-detail-impact{grid-template-columns:592px 488px;align-items:end;gap:120px;width:min(1200px,100% - 80px);margin:100px auto 0;display:grid}.project-detail-impact--single{grid-template-columns:minmax(0,1fr)}.project-detail-impact--single .project-detail-impact-copy{min-height:0}.project-detail-impact-copy{flex-direction:column;justify-content:flex-start;gap:88px;min-height:490px;display:flex}.project-detail-highlights h2{letter-spacing:-1.2px;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:16px;font-size:20px;font-weight:700;line-height:1.4;display:flex}.project-detail-highlights h2:before{background:var(--project-detail-accent);content:"";flex:none;width:2px;height:16px}.project-detail-highlights ul{gap:8px;padding:0;list-style:none;display:grid}.project-detail-highlights li{color:#b9b9b9;font-size:var(--responsive-body,20px);line-height:var(--responsive-body-leading,1.45);letter-spacing:var(--responsive-body-tracking,-1.2px);align-items:flex-start;gap:12px;display:flex}.project-detail-highlights li img{flex:none;max-width:none}.project-detail-highlights strong{color:#fff;font-weight:700}.project-detail-feature{clip-path:inset(0 round 24px);border-radius:24px;width:488px;height:490px;position:relative;overflow:hidden}.project-detail-feature>img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;position:absolute;top:0;left:0}.project-detail-page--plant-for-change .project-detail-feature{background-color:#fff7ef}.project-detail-page--plant-for-change .project-detail-feature__image{object-fit:contain}.project-detail-feature figcaption{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.project-detail-page--flood-route .project-detail-feature{aspect-ratio:996/704;background:#0c1221;height:auto}.project-detail-page--flood-route .project-detail-feature>img{object-fit:contain}.project-detail-visual-placeholder{color:#fff;background:linear-gradient(135deg,#0000 0 46%,#ffffff12 46.2% 47%,#0000 47.2%),radial-gradient(circle at 25% 30%,#f26b9b57,#0000 26%),radial-gradient(circle at 72% 58%,#ffffff1a,#0000 30%),#161015;flex-direction:column;justify-content:flex-end;width:100%;height:100%;padding:32px;display:flex;position:relative;overflow:hidden}.project-detail-visual-placeholder:before{aspect-ratio:1;content:"";border:1px solid #ffffff26;border-radius:50%;width:42%;position:absolute;top:10%;right:8%;box-shadow:0 0 0 24px #ffffff08,0 0 0 64px #f26b9b08}.project-detail-visual-placeholder>*{position:relative}.project-detail-visual-placeholder>span{color:#ffffff80;letter-spacing:.12em;margin-bottom:auto;font-size:14px}.project-detail-visual-placeholder strong{letter-spacing:-1.6px;text-transform:uppercase;max-width:280px;font-size:27px;line-height:1.05}.project-detail-visual-placeholder small{color:#b9b9b9;margin-top:8px;font-size:14px}.project-detail-cover .project-detail-visual-placeholder{text-align:center;justify-content:center;align-items:center}.project-detail-cover .project-detail-visual-placeholder>span{position:absolute;top:40px;left:40px}.project-detail-cover .project-detail-visual-placeholder strong{letter-spacing:-.08em;max-width:720px;font-size:clamp(48px,7vw,100px)}.project-detail-page>nav>.page-outro{margin-top:100px}.project-detail-page--fire-detection>nav>.page-outro{margin-top:64px}.project-detail-page>nav .page-outro-card:focus-visible,.project-detail-back:focus-visible{outline-offset:5px;outline:2px solid #ff9fbe}.project-detail-gallery--marquee{box-sizing:border-box;flex-direction:column;gap:20px;width:100vw;max-width:none;height:auto;margin-left:calc(50% - 50vw);padding-inline:0;display:flex;overflow:hidden}.project-detail-gallery-row{width:100%;overflow:hidden}.project-detail-gallery-track{will-change:transform;gap:20px;width:max-content;animation:72s linear infinite project-detail-gallery-marquee;display:flex}@media (min-width:901px) and (hover:hover) and (pointer:fine){.project-detail-gallery-row:hover .project-detail-gallery-track{animation-play-state:paused}}@media (min-width:1200px) and (max-width:1439px){.project-detail-hero{min-height:clamp(580px,45.139vw,650px);padding-top:clamp(88px,7.222vw,104px);padding-bottom:clamp(80px,6.944vw,100px)}.project-detail-heading{gap:clamp(32px,2.778vw,40px);padding-top:clamp(48px,4.444vw,64px)}.project-detail-heading h1{gap:clamp(24px,2.222vw,32px);font-size:clamp(104px,8.889vw,128px)}.project-detail-title-asset{aspect-ratio:659/141;width:min(659px,45.764vw);height:auto}.project-detail-heading>p{width:min(794px,66.167vw);font-size:var(--responsive-lead,clamp(20px, 1.667vw, 24px));letter-spacing:var(--responsive-body-tracking,-.08em)}.project-detail-cover{height:clamp(540px,47.222vw,680px)}.project-detail-impact{grid-template-columns:minmax(0,1.21fr) minmax(360px,1fr);gap:clamp(72px,8.333vw,120px)}.project-detail-impact-copy{gap:clamp(64px,6.111vw,88px);min-height:clamp(420px,34.028vw,490px)}.project-detail-feature{aspect-ratio:1;width:100%;height:auto}}.project-detail-gallery-row--reverse .project-detail-gallery-track{animation-name:project-detail-gallery-marquee-right;animation-duration:82s}.project-detail-gallery-row--first .project-detail-gallery-track{animation-duration:68s}.project-detail-gallery-row--second .project-detail-gallery-track{animation-duration:86s}.project-detail-gallery-row--third .project-detail-gallery-track{animation-duration:58s}.project-detail-gallery-card{aspect-ratio:12/9;background:var(--project-detail-surface);border-radius:12px;flex:0 0 clamp(220px,24vw,340px);width:clamp(220px,24vw,340px);height:auto;position:relative;overflow:hidden}.project-detail-gallery-card>img{object-fit:cover}@keyframes project-detail-gallery-marquee{0%{transform:translate(0,0)}to{transform:translate(-50%)}}@keyframes project-detail-gallery-marquee-right{0%{transform:translate(-50%)}to{transform:translate(0,0)}}@media (min-width:761px) and (max-width:1199px){.project-detail-hero{padding-inline:56px}.project-detail-heading h1{transform:scale(.72)}.project-detail-impact{grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);gap:56px}.project-detail-feature{width:100%}}@media (max-width:760px){.project-detail-hero{min-height:0;padding:96px 20px 48px}.project-detail-hero-glow{top:-60px;left:88%;transform:translate(-50%,-50%)rotate(138.13deg)scaleY(-1)scale(.55)}.project-detail-back{font-size:var(--responsive-caption,15px)}.project-detail-heading{gap:24px;padding-top:32px}.project-detail-heading h1{letter-spacing:-.09em;flex-direction:column;gap:0;height:auto;font-size:clamp(52px,17vw,76px)}.project-detail-title-asset{width:329.5px;height:70.5px}.project-detail-title-asset img{transform-origin:0 0;transform:scale(.5)}.project-detail-title-outline{letter-spacing:-.06em;white-space:nowrap;font-size:clamp(40px,13vw,64px)}.project-detail-heading>p{font-size:var(--responsive-lead,18px);line-height:var(--responsive-lead-leading,1.5);letter-spacing:var(--responsive-body-tracking,-.03em)}.project-detail-cover{height:clamp(320px,72vw,500px)}.project-detail-introduction{text-align:left;gap:24px;width:calc(100% - 40px);padding:48px 0}.project-detail-introduction p,.project-detail-impact-copy>p{font-size:var(--responsive-lead,18px);line-height:var(--responsive-lead-leading,1.6);letter-spacing:var(--responsive-body-tracking,-.03em)}.project-detail-resources{width:calc(100% - 40px);padding-bottom:64px}.project-detail-resources__links{justify-content:center}.project-detail-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;height:auto}.project-detail-gallery--single{height:clamp(320px,72vw,500px)}.project-detail-page figure.project-detail-gallery--single+.project-detail-impact{padding-top:0}.project-detail-page figure.project-detail-gallery--single{margin-bottom:64px!important}.project-detail-gallery li{height:220px}.project-detail-visual-placeholder{padding:20px}.project-detail-visual-placeholder strong{font-size:21px}.project-detail-impact{grid-template-columns:minmax(0,1fr);gap:48px;width:calc(100% - 40px);margin-top:64px}.project-detail-impact-copy{gap:32px;min-height:0}.project-detail-highlights li{font-size:var(--responsive-body,16px)}.project-detail-feature{clip-path:inset(0 round 16px);border-radius:16px;width:100%;height:min(100vw,490px)}.project-detail-page>nav>.page-outro{margin-top:0}.project-detail-gallery--marquee{gap:10px}.project-detail-gallery-track{gap:10px;animation-duration:60s}.project-detail-gallery-row--reverse .project-detail-gallery-track{animation-duration:70s}.project-detail-gallery-row--first .project-detail-gallery-track{animation-duration:56s}.project-detail-gallery-row--second .project-detail-gallery-track{animation-duration:72s}.project-detail-gallery-row--third .project-detail-gallery-track{animation-duration:48s}.project-detail-gallery-card{aspect-ratio:12/9;border-radius:10px;flex-basis:clamp(180px,62vw,280px);width:clamp(180px,62vw,280px);height:auto}}@media (max-width:380px){.project-detail-title-asset{width:276.78px;height:59.22px}.project-detail-title-asset img{transform:scale(.42)}.project-detail-gallery{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.project-detail-back{transition:none}.project-detail-gallery-track{animation-play-state:paused}}@media (forced-colors:active){.project-detail-title-outline{color:canvastext;-webkit-text-fill-color:CanvasText;-webkit-text-stroke:0;background:0 0}}.project-detail-page--plant-for-change .project-detail-hero-glow{transform:translate(-50%,-50%)rotate(138.13deg)scaleY(-1)}.project-detail-page--flood-route .project-detail-hero-glow{opacity:.8;width:900px;height:1180px;top:34px;left:calc(50% - 150px);transform:translate(-50%,-50%)rotate(-44deg)scaleX(1.1)}.project-detail-page--fire-detection .project-detail-hero-glow{opacity:.72;filter:blur(2px);width:860px;height:1260px;top:-110px;left:calc(50% + 120px);transform:translate(-50%,-50%)rotate(28deg)scaleY(.82)}@media (max-width:760px){.project-detail-page--flood-route .project-detail-hero-glow,.project-detail-page--fire-detection .project-detail-hero-glow{width:920px;height:920px;top:-60px;left:88%}.project-detail-page--flood-route .project-detail-hero-glow{transform:translate(-50%,-50%)rotate(-44deg)scale(.68)}.project-detail-page--fire-detection .project-detail-hero-glow{transform:translate(-50%,-50%)rotate(28deg)scale(.68)}}