.projects-page,.project-detail{color:#173047}.projects-label{color:var(--blue-dark);letter-spacing:.02em;margin:0 0 1.25rem;font-size:.8rem;font-weight:700}.projects-intro{background:#e8eef3;overflow:hidden}.projects-intro-grid{display:grid}.projects-intro-copy{padding-block:clamp(3.5rem,7vw,7rem)}.projects-intro h1{max-width:13ch;margin-bottom:1.5rem;font-size:clamp(2.8rem,6vw,5.4rem);line-height:1.02}.projects-lead{color:#425365;max-width:44ch;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.65}.projects-intro-link{border-bottom:2px solid var(--pink);color:#173047;align-items:center;gap:1rem;margin-top:1.5rem;padding-bottom:.4rem;font-weight:700;text-decoration:none;display:inline-flex}.projects-intro-visual{background:#1a4c3e;min-height:22rem;position:relative;overflow:hidden}.projects-intro-image,.project-crop{background-position:100%;background-repeat:no-repeat;background-size:auto 100%;width:100%;height:100%}.projects-intro-image{background-image:url(/projects/morros-park-original.jpeg);position:absolute;inset:0}.projects-visual-caption{color:#fff;background:#173047;padding:.55rem .8rem;font-size:.8rem;font-weight:600;position:absolute;bottom:1rem;right:1rem}.projects-list{padding-block:clamp(4rem,8vw,7rem)}.projects-list-heading{align-items:end;gap:1rem;margin-bottom:2.5rem;display:grid}.projects-list-heading h2{max-width:15ch;margin:0;font-size:clamp(2rem,4vw,3.4rem)}.projects-list-heading p{color:#526170;max-width:45ch;margin:0}.projects-rows{border-top:1px solid var(--line)}.project-row{border-bottom:1px solid var(--line);align-items:center;gap:1.5rem;padding-block:2rem;display:grid}.project-row-visual{background:#dde8ec;min-height:17rem;position:relative;overflow:hidden}.project-row .project-crop{position:absolute;inset:0}.project-visual-index{color:#fff;background:#173047;place-items:center;width:2.3rem;height:2.3rem;font-size:.75rem;font-weight:700;display:grid;position:absolute;top:.8rem;left:.8rem}.project-stage{color:var(--blue-dark);margin:0 0 .75rem;font-size:.82rem;font-weight:700}.project-stage span{color:var(--pink-strong);padding-inline:.2rem}.project-row-copy h3{margin-bottom:.8rem;font-size:clamp(2rem,3.8vw,3.2rem)}.project-row-copy>p:not(.project-stage){color:#526170;max-width:48ch;margin-bottom:1.4rem}.project-row-copy .text-link{font-weight:700}.project-type-art{background:#153f64;align-items:flex-end;padding:2rem;display:flex;position:absolute;inset:0;overflow:hidden}.project-type-art span{z-index:1;color:#fff;letter-spacing:-.06em;max-width:8ch;font-size:clamp(2.8rem,7vw,5.7rem);font-weight:700;line-height:.95;position:relative}.project-row-type .project-type-art{background:#244c66}.project-row-plan .project-type-art{background:#0e4164}.project-row-plan .project-type-art:before,.project-detail-plan .project-type-art:before{content:"";border:1px solid #ffffff30;border-radius:50%;position:absolute;inset:-30%;transform:translate(32%,25%);box-shadow:0 0 0 4rem #ffffff09,0 0 0 8rem #ffffff09,0 0 0 12rem #ffffff09}.projects-guidance{background:#e8eef3;padding-block:clamp(4rem,7vw,6rem)}.projects-guidance-grid{gap:2rem;display:grid}.projects-guidance h2{max-width:17ch;margin:0;font-size:clamp(2rem,4vw,3.2rem)}.projects-guidance-grid>div:last-child{align-self:end}.projects-guidance-grid>div:last-child p{color:#425365;max-width:56ch;margin-bottom:1.5rem}.project-breadcrumb{color:#5d6570;gap:.75rem;padding-top:2rem;font-size:.85rem;display:flex}.project-breadcrumb a{color:var(--blue-dark)}.project-detail-header{align-items:end;gap:2rem;padding-block:clamp(3rem,6vw,5rem);display:grid}.project-detail-header h1{margin-bottom:1rem;font-size:clamp(3rem,7vw,6rem)}.project-detail-header .button{justify-self:start}.project-detail-visual{background:#153f64;height:clamp(22rem,49vw,42rem);position:relative;overflow:hidden}.project-detail-visual .project-type-art{justify-content:center;padding-inline:max(2rem,50vw - 37.5rem)}.project-detail-visual .project-type-art span{max-width:12ch;font-size:clamp(4rem,13vw,11rem)}.project-detail-image{background:#e8eef3;margin:0}.project-detail-image img{width:min(100%,1600px);height:auto;margin-inline:auto;display:block}.project-detail-image figcaption{color:#425365;max-width:75rem;margin-inline:auto;padding:.9rem 1.5rem;font-size:.85rem;line-height:1.5}.project-detail-body{gap:3rem;padding-block:clamp(3.5rem,7vw,6rem);display:grid}.project-detail-body h2{margin-bottom:1.25rem;font-size:clamp(1.5rem,3vw,2.25rem)}.project-detail-text p{color:#425365;max-width:64ch;font-size:1.05rem}.project-detail-aside{background:#e8eef3;align-self:start;padding:1.5rem}.project-detail-aside h2{font-size:1.2rem}.project-detail-aside p{color:#425365;font-size:.9rem}.project-detail-next{padding-bottom:clamp(4rem,7vw,6rem)}@media (width>=48rem){.projects-intro-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:39rem}.projects-intro-copy{padding-right:clamp(2rem,4vw,5rem)}.projects-intro-visual{margin-right:calc(min(75rem,100vw - 3rem)/2 - 50vw)}.projects-list-heading{grid-template-columns:1fr 1fr}.project-row{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(2rem,6vw,6rem);padding-block:2.5rem}.project-row-visual{min-height:clamp(20rem,38vw,31rem)}.project-row:nth-child(2n) .project-row-visual{order:2}.project-row:nth-child(2n) .project-row-copy{order:1}.projects-guidance-grid{grid-template-columns:1fr 1fr;gap:5rem}.project-detail-header{grid-template-columns:1fr auto}.project-detail-body{grid-template-columns:minmax(0,1.3fr) minmax(17rem,.7fr);gap:clamp(3rem,7vw,7rem)}}
