.hero-image{background-image:url('/assets/photos/mississauga-night.webp');background-position:61% 54%}.hero-intro{max-width:390px}.photo-credit{display:block;font-size:9px;line-height:1.6;font-weight:400;color:#363b8c;letter-spacing:0}.photo-credit a{text-decoration:underline;text-decoration-color:#a1ada4;text-underline-offset:3px}.photo-credit a:hover{color:#363b8c}.hero-source-strip{padding:12px 48px;background:#e6e7f4;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#363b8c}.hero-source-strip .photo-credit{color:#363b8c}.fallback-credit{width:min(var(--max),calc(100% - 96px));margin:8px auto 0}.city-section:has(.has-3d) .fallback-credit{display:none}.city-frame .city-detail p{font-size:12px}.story-introduction{padding-top:95px;padding-bottom:55px}.story-introduction>.eyebrow{margin-bottom:25px}.story-introduction>div{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;align-items:end}.story-introduction h2{font-size:62px}.story-introduction>div>p{max-width:395px;font-size:14px;line-height:1.8;color:#363b8c}.neighbourhood-section{background:#e6e7f4}.neighbourhood-stage{position:relative}.neighbourhood-sticky{position:relative;height:720px;min-height:620px;overflow:hidden}.scroll-ready .neighbourhood-stage{height:210svh;min-height:1400px}.scroll-ready .neighbourhood-sticky{position:sticky;top:65px;height:calc(100svh - 65px)}.neighbourhood-photo{position:absolute;inset:0 0 55px;background:#bfc2df;overflow:hidden}.neighbourhood-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.5%,#666a8033 50%,transparent 50.5%),linear-gradient(0deg,transparent 49.5%,#666a8033 50%,transparent 50.5%);background-size:100px 100px}.neighbourhood-grid::after{content:'THE PLAN / THE PLACE / THE PEOPLE';position:absolute;right:5%;top:12%;font-size:11px;letter-spacing:.13em;color:#666a80;writing-mode:vertical-rl}.neighbourhood-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 57%}.scroll-ready .neighbourhood-photo img{clip-path:inset(0 calc((1 - var(--story-progress,0))*62%) 0 0);transform:scale(calc(1.09 - var(--story-progress,0)*.09));will-change:clip-path,transform}.neighbourhood-caption{position:absolute;left:7%;bottom:110px;max-width:385px;background:#e6e7f4f2;padding:32px;border-left:3px solid #666a80}.neighbourhood-caption>.eyebrow{font-size:9px;color:#363b8c}.neighbourhood-caption h3{font-family:Georgia,'Times New Roman',serif;font-size:35px;line-height:1.14;font-weight:400;letter-spacing:-.035em;margin:21px 0}.neighbourhood-caption h3 em{color:#363b8c}.neighbourhood-caption p{font-size:12px;color:#363b8c;line-height:1.8}.neighbourhood-caption .text-link{font-size:10px;margin-top:20px;line-height:1.6}.neighbourhood-questions{list-style:none;position:absolute;right:6%;top:22%;width:300px;margin:0;padding:0;display:grid;gap:17px}.neighbourhood-questions li{display:flex;gap:16px;background:#e6e7f4ed;padding:17px 20px;box-shadow:0 5px 25px #171b470d}.neighbourhood-questions li>span{font-size:9px;color:#666a80;padding-top:2px}.neighbourhood-questions li>div{font-size:13px;line-height:1.5;font-weight:700}.neighbourhood-questions small{display:block;font-weight:400;font-size:10px;line-height:1.65;color:#363b8c;margin-top:5px}.scroll-ready .neighbourhood-questions li{opacity:var(--question-opacity,1);transform:translateY(calc((1 - var(--question-opacity,1))*18px))}.scene-source{position:absolute;bottom:0;left:0;right:0;min-height:55px;padding:10px 7%;background:#e6e7f4;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;color:#363b8c}.scene-source .photo-credit{max-width:560px}.places-section{background:#e6e7f4;padding-top:90px;padding-bottom:50px}.places-stage{position:relative}.places-sticky{position:relative;padding-top:30px;overflow:hidden}.scroll-ready .places-stage{height:195svh;min-height:1250px}.scroll-ready .places-sticky{position:sticky;top:65px;height:calc(100svh - 65px);min-height:585px}.places-heading{display:grid;grid-template-columns:1fr 1fr;gap:110px;align-items:end;margin-bottom:26px}.places-heading .eyebrow{font-size:9px;margin-bottom:14px}.places-heading h2{font-size:47px;line-height:1.05}.places-heading>div:last-child{max-width:360px}.places-heading p:not(.eyebrow){font-size:13px;color:#363b8c;line-height:1.7}.places-heading .text-link{font-size:11px;text-align:left;line-height:1.5;padding:0;margin-top:14px}.places-window{overflow:hidden;width:100%}.places-track{display:flex;gap:32px;padding:0 48px;width:max-content;transform:translateX(var(--places-x,0px));will-change:transform}.places-track figure{margin:0;width:68vw;max-width:1040px;flex-shrink:0}.place-photo{height:355px;position:relative;overflow:hidden;background:#666a80}.scroll-ready .place-photo{height:clamp(260px,calc(100svh - 365px),470px)}.place-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 59%}.port-credit-photo img{object-position:50% 24%}.place-photo>span{position:absolute;bottom:19px;left:23px;background:#e6e7f4ec;padding:9px 12px;font-size:8px;letter-spacing:.08em;color:#171b47}.places-track figcaption{padding-top:12px;display:grid;grid-template-columns:180px 1fr;gap:3px 15px}.places-track figcaption>strong{font-size:17px;line-height:1.4;font-weight:700}.places-track figcaption>p{font-size:12px;line-height:1.6;color:#363b8c}.places-track figcaption>.photo-credit{grid-column:1/-1;margin-top:5px}.places-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:18px;font-size:7px;letter-spacing:.06em;color:#718174}.research-photo{margin:0}.research-photo .article-art{height:250px;background:#bfc2df}.research-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 47%;transition:transform .6s}.research-card:hover .research-photo img{transform:scale(1.025)}.research-photo figcaption{padding-top:8px;min-height:46px}.research-photo .photo-credit{font-size:8px}.article-open .article-copy{padding-top:15px}.article-open .card-bottom{margin-top:20px}.article-copy h3{font-size:28px;line-height:1.15}.article-copy>p:not(.card-kicker){font-size:12px}.budget-document{padding:22px 28px;background:#e6e7f4!important;position:relative;overflow:hidden}.budget-document>span{font-size:7px;letter-spacing:.08em;color:#363b8c}.budget-sheet{position:absolute;left:40px;right:35px;top:65px;bottom:-15px;background:#e6e7f4;transform:rotate(-5deg);padding:25px;box-shadow:9px 9px 0 #bfc2df70;transition:transform .6s}.research-card:hover .budget-sheet{transform:rotate(0) translateY(-8px)}.budget-sheet small{font-size:6px;letter-spacing:.07em;color:#363b8c}.budget-sheet p{font-family:Georgia,'Times New Roman',serif;font-size:20px;line-height:1.5;color:#363b8c;border-bottom:1px solid #bfc2df}.budget-sheet i{position:absolute;right:20px;top:20px;font-size:25px;color:#363b8c}.action-section{background:#e6e7f4;border-top:1px solid #bfc2df}.action-section .section-heading{margin-bottom:70px}.action-section .section-heading>p{font-size:14px;max-width:400px}.action-path{display:grid;grid-template-columns:1fr 1.1fr;gap:130px;align-items:start}.action-compass{position:sticky;top:140px;width:300px;height:390px;margin:10px auto 0;text-align:center}.action-compass svg{width:300px;height:300px;position:absolute;left:0;top:0;transform:rotate(-90deg)}.action-ring-base{fill:none;stroke:#bfc2df;stroke-width:.8}.action-ring{fill:none;stroke:#666a80;stroke-width:2;stroke-dasharray:666;stroke-dashoffset:calc(666*(1 - var(--action-progress,.1)))}.action-index{position:absolute;top:40px;left:0;right:0;font-family:Georgia,'Times New Roman',serif;font-size:100px;line-height:1;color:#363b8c;font-style:italic}.action-compass>p{position:absolute;top:161px;left:0;right:0;font-size:18px;font-weight:700;line-height:1.4;letter-spacing:-.04em;color:#171b47}.action-compass-note{position:absolute;top:335px;left:0;right:0;font-size:8px;letter-spacing:.12em;line-height:1.7;color:#666a80}.action-steps{margin:0;padding:0;list-style:none}.action-steps>li{min-height:56svh;padding:35px 0 55px;border-top:1px solid #bfc2df}.action-steps .eyebrow{font-size:9px;color:#363b8c}.action-steps h3{font-size:34px;line-height:1.12;max-width:400px;margin:22px 0}.action-steps p{font-size:14px;line-height:1.8;color:#363b8c;max-width:410px}.action-steps .button-primary{margin-top:24px;display:inline-flex;background:#171b47;color:#e6e7f4;font-size:11px;gap:24px;align-items:center}.action-source-link{display:block;font-size:11px;color:#363b8c;margin-top:15px;text-decoration:underline;text-underline-offset:5px}.scroll-ready .action-steps>li{transition:opacity .3s;opacity:.55}.scroll-ready .action-steps>li.is-current{opacity:1}.collective-copy{font-size:14px}.contact-grid>div>p:not(.eyebrow){font-size:14px;line-height:1.8;max-width:430px;margin-top:25px}.contact-grid .form-footer p{font-size:10px}.contents-dialog nav>a,.contents-dialog nav>button{padding:14px 0}.contents-dialog>h2{margin-top:26px}.contents-dialog>p{margin-bottom:22px}
@media(max-width:1100px){.story-introduction>div{gap:55px}.story-introduction h2{font-size:52px}.neighbourhood-caption{left:4%;width:350px}.neighbourhood-questions{right:4%;width:270px}.places-heading{gap:70px}.places-track{padding-inline:32px}.places-track figure{width:72vw}.places-track figcaption{grid-template-columns:155px 1fr}.places-heading h2{font-size:43px}.action-path{gap:70px}.action-compass{width:260px}.action-compass svg{width:260px;height:260px}.action-index{font-size:85px;top:35px}.action-compass>p{top:140px}.action-compass-note{top:300px}.hero-source-strip{padding-inline:32px}}
@media(max-width:850px){.neighbourhood-questions{position:relative;inset:auto;width:auto;max-width:none;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:24px 32px;background:#e6e7f4}.neighbourhood-questions li{opacity:1!important;transform:none!important;padding:15px;display:block}.neighbourhood-questions li>span{display:block;margin-bottom:10px}.neighbourhood-sticky{overflow:visible}.neighbourhood-questions{display:none}.neighbourhood-caption{max-width:350px}.scroll-ready .places-stage{height:auto;min-height:0}.scroll-ready .places-sticky{position:relative;top:auto;height:auto;min-height:0}.places-track{width:auto;display:grid;grid-template-columns:1fr;padding-inline:32px;transform:none!important;gap:42px}.places-track figure{width:100%;max-width:none}.scroll-ready .place-photo{height:420px}.places-scroll-hint{display:none}.action-path{gap:45px;grid-template-columns:.65fr 1fr}.action-compass{width:200px}.action-compass svg{width:200px;height:200px}.action-index{font-size:70px;top:26px}.action-compass>p{top:110px;font-size:13px}.action-compass-note{top:235px}}
@media(max-width:760px){.hero-image{background-position:53% 54%}.hero-source-strip{display:block;padding:12px 20px;font-size:8px;line-height:1.6}.hero-source-strip .photo-credit{margin-top:4px;font-size:8px}.city-frame .city-detail p{font-size:11px}.fallback-credit{width:calc(100% - 40px)}.story-introduction{padding-top:66px;padding-bottom:35px}.story-introduction>div{display:block}.story-introduction h2{font-size:43px}.story-introduction>div>p{margin-top:24px;font-size:13px}.scroll-ready .neighbourhood-stage{height:185svh;min-height:1150px}.scroll-ready .neighbourhood-sticky{top:58px;height:calc(100svh - 58px);min-height:630px}.neighbourhood-sticky{height:750px;min-height:630px}.neighbourhood-photo{bottom:100px}.neighbourhood-photo img{object-position:51% 52%}.neighbourhood-caption{left:20px;right:20px;width:auto;bottom:135px;padding:25px;max-width:380px}.neighbourhood-caption h3{font-size:31px;margin:15px 0}.neighbourhood-caption p{font-size:12px}.neighbourhood-caption .text-link{font-size:10px}.scene-source{padding:12px 20px;display:block;min-height:100px;font-size:8px;line-height:1.6}.scene-source .photo-credit{font-size:8px;margin-top:6px}.places-section{padding-top:55px;padding-bottom:45px}.places-sticky{padding-top:12px}.places-heading{display:block;margin-bottom:28px}.places-heading h2{font-size:40px}.places-heading>div:last-child{margin-top:23px;max-width:none}.places-heading p:not(.eyebrow){font-size:13px}.places-heading .text-link{font-size:12px}.places-track{padding-inline:20px;gap:38px}.place-photo,.scroll-ready .place-photo{height:340px}.port-credit-photo{height:460px!important}.places-track figcaption{display:block}.places-track figcaption>strong{font-size:19px}.places-track figcaption>p{font-size:12px;margin-top:7px;max-width:320px}.places-track figcaption>.photo-credit{font-size:9px;margin-top:10px}.place-photo>span{left:16px;bottom:16px;font-size:8px}.places-footer{margin-top:23px;font-size:7px}.research-photo .article-art{height:240px}.research-photo figcaption{min-height:0;padding-top:8px}.research-photo .photo-credit{font-size:9px}.article-copy h3{font-size:28px}.article-copy>p:not(.card-kicker){font-size:13px;max-width:330px}.budget-sheet{left:34px;right:30px}.budget-sheet p{font-size:22px}.action-section .section-heading{margin-bottom:35px}.action-section .section-heading h2{font-size:41px}.action-section .section-heading>p{font-size:13px}.action-path{display:block}.action-compass{display:none}.action-steps>li{min-height:0;padding:30px 0 36px}.scroll-ready .action-steps>li{opacity:1}.action-steps h3{font-size:30px;margin:18px 0}.action-steps p{font-size:13px}.action-steps .button-primary{font-size:10px;padding:13px 15px;gap:18px;line-height:1.5}.action-source-link{font-size:12px}.collective-copy{font-size:13px}.contact-grid>div>p:not(.eyebrow){font-size:13px;margin-top:22px}.contact-grid .form-footer p{font-size:9px}.contents-dialog nav>a,.contents-dialog nav>button{padding:12px 0}.contents-dialog>h2{font-size:30px;margin-top:23px}.contents-dialog>p{font-size:11px;margin-bottom:20px}}
@media(max-height:650px) and (min-width:851px){.scroll-ready .places-stage{height:auto;min-height:0}.scroll-ready .places-sticky{position:relative;top:auto;height:auto;min-height:0}.places-track{width:auto;display:grid;grid-template-columns:1fr 1fr;transform:none!important}.places-track figure{width:100%}.places-track figcaption{display:block}.places-track figcaption>p{margin-top:8px}.place-photo,.scroll-ready .place-photo{height:300px}.places-scroll-hint{display:none}}
@media(prefers-reduced-motion:reduce){.neighbourhood-photo img,.places-track{transform:none!important;clip-path:none!important}.neighbourhood-questions li,.research-photo img,.budget-sheet,.action-steps>li{transform:none!important;opacity:1!important;transition:none!important}.action-ring{stroke-dashoffset:0}.neighbourhood-stage,.places-stage{height:auto!important;min-height:0!important}.neighbourhood-sticky,.places-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important}.neighbourhood-sticky{height:750px!important}.places-track{width:auto;display:grid;grid-template-columns:1fr;padding-inline:20px}.places-track figure{width:100%}.place-photo{height:380px!important}}
.motion-paused .neighbourhood-photo img{clip-path:none;transform:none}.motion-paused .neighbourhood-questions li,.motion-paused .action-steps>li{opacity:1;transform:none}.motion-paused .places-track{width:auto;display:grid;grid-template-columns:1fr 1fr;transform:none!important}.motion-paused .places-track figure{width:100%}.motion-paused .places-track figcaption{display:block}.motion-paused .places-scroll-hint{display:none}.motion-paused .places-track figcaption>p{margin-top:8px}.motion-paused .places-heading{margin-bottom:35px}
@media(max-width:850px){.motion-paused .places-track{grid-template-columns:1fr}}
.contact-grid>*{min-width:0}.contact-grid input,.contact-grid textarea,.contact-grid select{min-width:0;max-width:100%}.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}.form-row>label{min-width:0}
.motion-paused .research-photo img,.motion-paused .budget-sheet{transform:none!important;transition:none}
@media(max-width:360px){.contact-grid h2{font-size:34px}}