:root{--paper:#f6f3eb;--ink:#183d33;--line:#d7d9cc;--muted:#5e6e60;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-underline-offset:5px}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #bf8c34;outline-offset:5px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--serif);font-weight:400;line-height:1.05;letter-spacing:-.045em}h2{font-size:clamp(40px,4.7vw,70px)}.header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:10}.wordmark{font-family:var(--serif);font-weight:700;font-size:31px;letter-spacing:-1.5px;text-decoration:none;white-space:nowrap}.wordmark span{font-weight:400}.wordmark i{font:24px var(--serif);margin-left:7px;font-style:normal}.header nav{display:flex;gap:36px;font-size:13px}.header nav a{text-decoration:none;padding:12px 0}.header nav a:last-child{border-bottom:1px solid}.header nav a:hover{text-decoration:underline}.skip{position:absolute;top:0;left:20px;z-index:100;transform:translateY(-120%);padding:12px;background:var(--paper)}.skip:focus{transform:none}.hero{height:calc(100svh - 92px);min-height:590px;max-height:920px;position:relative;overflow:hidden;background:#244c42;color:#fff9e9}.hero-photo,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-photo{object-position:50% 57%;animation:photo-in 1.5s ease-out}.hero-shade{background:linear-gradient(90deg,rgba(13,37,31,.62),rgba(13,37,31,.06)),linear-gradient(0deg,rgba(10,35,26,.3),transparent 65%)}.hero-copy{position:relative;padding:7vh 5.5% 4vh;max-width:1000px;animation:enter .8s ease-out}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:11px;line-height:1.6;font-weight:600;margin-bottom:30px}.hero h1{font-size:clamp(85px,12.5vw,186px);font-weight:700;margin:0 0 25px;white-space:nowrap;letter-spacing:-.075em}.hero h1 span{font-weight:400}.hero h1 i{font-size:.42em;vertical-align:top;display:inline-block;transform:translate(8px,18px);font-weight:400;font-style:normal}.hero-line{font-family:var(--serif);font-size:clamp(31px,4vw,56px);line-height:1.1;letter-spacing:-.025em;margin-bottom:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--ink);color:var(--paper);padding:16px 22px;text-decoration:none;border:1px solid var(--ink);font-size:13px;cursor:pointer;transition:background .2s,transform .2s}.button.light{background:var(--paper);color:var(--ink);border-color:var(--paper)}.button:hover{transform:translateY(-3px);background:#2a584b}.button.light:hover{background:white}.button span{font-size:20px;line-height:1}.hero-caption{position:absolute;bottom:28px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.section{padding:100px 7%;max-width:1600px;margin:auto}.intro{display:grid;grid-template-columns:1fr 2.2fr 1.2fr;gap:50px;align-items:start;padding-top:110px;padding-bottom:110px}.intro .eyebrow{max-width:130px}.intro h2{font-size:clamp(35px,3.4vw,52px);margin:0}.intro>p:last-child{font-size:14px;color:var(--muted);max-width:290px;margin:4px 0 0}.places{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.3fr;gap:60px 100px;padding-top:85px}.section-heading h2{margin-bottom:28px}.section-heading>p:last-child{color:var(--muted);font-size:14px}.place-list>a{display:grid;grid-template-columns:35px 1fr 30px;gap:20px;align-items:center;text-decoration:none;border-top:1px solid var(--line);padding:28px 0;transition:padding .25s}.place-list>a:last-child{border-bottom:1px solid var(--line)}.place-list>a:hover{padding-left:10px}.place-number{font-size:11px;align-self:start;padding-top:10px}.place-list h3{font-size:48px;margin:0 0 10px}.place-list p{margin:0;font-size:13px;color:var(--muted)}.place-list>a>span:last-child{font-size:25px}.text-link{grid-column:2;text-decoration:none;font-size:13px;border-bottom:1px solid;padding-bottom:12px;justify-self:start}.text-link span{margin-left:25px}.photo-story{height:580px;position:relative;overflow:hidden;color:#fff}.photo-story img{width:100%;height:100%;object-fit:cover;object-position:center 70%;filter:brightness(.62)}.photo-story>div{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.photo-story h2{font-size:clamp(60px,7vw,105px);margin-bottom:35px}.credit{padding:12px 7%;font-size:10px;color:var(--muted);margin:0}.journal{display:grid;grid-template-columns:1fr 1.3fr;gap:100px}.guide-row{display:flex;align-items:center;gap:26px;border-top:1px solid var(--line);padding:28px 0;text-decoration:none}.guide-row:last-child{border-bottom:1px solid var(--line)}.index{font-size:11px}.guide-row small{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.guide-row h3{font-size:29px;margin:7px 0 0;transition:transform .2s}.guide-row:hover h3{transform:translateX(5px)}.arrow{font-size:25px;margin-left:auto}.budget-teaser{background:var(--ink);color:var(--paper);padding:90px 7%;text-align:center}.budget-teaser h2{font-size:clamp(50px,6vw,90px);margin-bottom:25px}.budget-teaser>p:not(.eyebrow){max-width:470px;margin:0 auto 35px;font-size:14px;color:#d7e1d6}.budget-note{display:block;font-size:10px;margin-top:20px;opacity:.8}footer{padding:65px 7% 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:60px;padding-bottom:70px}.footer-top p{font-family:var(--serif);font-size:24px;line-height:1.3}.footer-top nav{display:flex;flex-direction:column;gap:10px;font-size:12px}.footer-top nav a{text-decoration:none}.footer-top nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}.article-heading{padding-top:75px;padding-bottom:65px;border-bottom:1px solid var(--line)}.article-heading h1{font-size:clamp(52px,6.3vw,94px);max-width:1050px;margin-bottom:32px}.back{display:inline-block;text-decoration:none}.lede{max-width:740px;font-size:21px;line-height:1.5;color:var(--muted);margin-bottom:25px}.byline{font-size:11px;letter-spacing:.02em;margin-bottom:0}.article-layout{display:grid;grid-template-columns:230px minmax(0,780px);gap:90px;justify-content:space-between;padding-top:65px}.article-layout aside{position:sticky;top:35px;align-self:start}.article-layout aside nav{display:flex;flex-direction:column;gap:15px}.article-layout aside a{font-size:12px;text-decoration:none}.article-layout aside a:hover{text-decoration:underline}.article-layout article>section{scroll-margin-top:30px;margin-bottom:60px}.article-layout article h2,.simple-copy h2{font-size:38px;margin-bottom:23px;letter-spacing:-.03em}.article-layout article p,.simple-copy p{font-size:17px;line-height:1.85}.article-sources{border-top:1px solid var(--line);padding-top:35px}.article-sources h2{font-size:28px!important}.article-sources p,.article-sources li{font-size:13px!important}.article-sources ul{padding-left:20px}.article-sources li{margin-bottom:20px}.article-sources li p{margin-bottom:0}.simple-copy{max-width:950px;padding-top:55px}.simple-copy h2:not(:first-child){margin-top:50px}.source-list{padding-left:22px}.source-list li{margin-bottom:25px}.source-list p{font-size:14px}.next-read{padding-top:0;max-width:1050px}.calculator{padding:32px;background:#e5e9df}.calculator>p{font-size:14px!important}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:25px 0}.fields label{font-size:12px;line-height:1.4}.fields input{display:block;width:100%;padding:12px;margin-top:9px;background:var(--paper);border:1px solid #9aab9a;border-radius:0;color:var(--ink);font-size:20px}.budget-result{margin-top:30px;border-top:1px solid #afbead;padding-top:25px}.budget-result p{font-size:12px!important;margin-bottom:20px}.budget-result strong{display:block;font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.2}.budget-result .result-note,.fine{font-size:11px!important}.error-page{padding-block:120px;min-height:70vh}.error-page h1{font-size:clamp(60px,8vw,110px)}.menu-toggle{background:none;border:1px solid var(--ink);padding:9px 12px;color:var(--ink);font-size:13px}.menu-toggle span{margin-left:10px}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-in{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(min-width:1000px){.photo-story img{position:sticky;top:0}.photo-story>div{background:linear-gradient(90deg,transparent,rgba(0,20,10,.1))}}
@media(max-width:1000px){.header{padding-inline:5%}.header nav{gap:20px}.section{padding:75px 6%}.intro{grid-template-columns:1fr 2fr;gap:30px}.intro>p:last-child{grid-column:2;max-width:440px}.places,.journal{gap:50px}.article-layout{grid-template-columns:180px minmax(0,1fr);gap:40px}.article-heading h1{font-size:70px}.footer-top{gap:30px}.hero-copy{padding-top:10vh}.hero{min-height:560px}.hero h1{font-size:14vw}}
@media(max-width:700px){html{scroll-padding-top:35px}.header{height:auto;min-height:76px;flex-wrap:wrap;padding:17px 6%}.wordmark{font-size:28px}.menu-toggle:not([hidden]){display:block}.header nav{width:100%;display:flex;flex-direction:column;gap:0;padding-top:16px}.header nav a{padding:14px 0;font-size:14px;border-top:1px solid var(--line)}.header nav a:last-child{border-bottom:0}.header nav[data-collapsed="true"]{display:none}.hero{height:calc(100svh - 76px);min-height:560px;max-height:800px}.hero-copy{padding:65px 6% 0}.hero h1{font-size:19vw;letter-spacing:-.075em;margin-bottom:28px}.hero h1 i{transform:translate(3px,7px)}.hero-line{font-size:40px}.hero .eyebrow{font-size:10px;margin-bottom:35px}.hero-photo{object-position:55% center}.hero-shade{background:linear-gradient(90deg,rgba(12,36,27,.68),rgba(12,36,27,.15))}.hero-caption{left:6%;right:6%;font-size:8px;gap:20px;bottom:22px}.section{padding:62px 6%}.intro,.places,.journal{display:block}.intro .eyebrow{max-width:none}.intro h2{font-size:40px;margin-bottom:24px}.intro>p:last-child{max-width:none;font-size:15px}.section-heading{margin-bottom:40px}.section-heading h2{font-size:44px}.place-list{margin-bottom:35px}.place-list h3{font-size:43px}.photo-story{height:470px}.photo-story h2{font-size:65px}.photo-story img{object-position:65% center}.credit{padding:12px 6%;font-size:9px}.guide-row{gap:20px}.guide-row h3{font-size:28px}.budget-teaser{padding:70px 6%}.footer-top{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.footer-top p{margin:0}.footer-bottom{flex-direction:column;gap:12px}.article-heading h1{font-size:49px}.article-heading .lede{font-size:19px}.article-layout{display:block;padding-top:30px}.article-layout aside{position:static;border-bottom:1px solid var(--line);padding-bottom:30px;margin-bottom:40px}.article-layout aside .eyebrow{margin-bottom:18px}.article-layout aside nav{gap:10px}.article-layout article h2,.simple-copy h2{font-size:32px}.article-layout article p,.simple-copy p{font-size:16px}.calculator{padding:24px 18px}.fields{grid-template-columns:1fr;gap:18px}.budget-result strong{font-size:39px}.next-read{padding-top:0}.error-page h1{font-size:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;transform:none!important}.hero h1 i{vertical-align:middle}}

#budget-fields{border:0;margin:0;padding:0;min-width:0}
/* The neighbourhood journal: warm paper, ink and terracotta. */
:root{--paper:#f8f3e9;--ink:#342d27;--line:#d3c5b3;--muted:#706458;--accent:#a34832}body{background:var(--paper)}.header{height:68px;padding-inline:5%;border-bottom:1px solid var(--ink);position:sticky;top:0;z-index:20}.wordmark{font-size:28px;letter-spacing:-1.3px}.wordmark span{font-style:italic}.header nav{font-size:12px;gap:32px}.header nav a:last-child{border:0}.header nav a{transition:color .2s}.header nav a:hover{color:var(--accent)}.masthead{padding:24px 5% 29px;text-align:center}.edition-line{display:flex;justify-content:space-between;text-transform:uppercase;font-size:9px;letter-spacing:.17em;padding-bottom:9px;border-bottom:1px solid var(--line)}.masthead h1{font-size:clamp(90px,15.1vw,230px);line-height:.95;letter-spacing:-.065em;margin:16px 0 8px;font-weight:400;animation:enter .7s ease-out}.masthead-dot{color:var(--accent)}.masthead>p{font-family:var(--serif);font-style:italic;font-size:19px;margin:0}.hero{min-height:440px;height:52vw;max-height:610px;background:#4b5143}.hero-photo{object-position:center 60%}.hero-shade{background:linear-gradient(90deg,rgba(30,31,25,.72),rgba(30,31,25,.06) 76%)}.hero-copy{padding:55px 7% 60px;max-width:950px}.hero .eyebrow{font-size:10px;margin-bottom:22px}.hero h2{font-size:clamp(52px,5.7vw,88px);line-height:.98;letter-spacing:-.04em;margin-bottom:24px}.hero h2 em{font-weight:400}.hero-line{font:15px/1.6 var(--sans);letter-spacing:0;margin-bottom:28px}.hero-caption{font-size:9px;letter-spacing:.07em}.hero-caption a{font-size:10px;letter-spacing:0;text-transform:none}.button{background:var(--accent);border-color:var(--accent);padding:15px 20px;font-size:12px}.button:hover{background:#773522}.button.light{color:var(--ink)}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:.15em}.hero .eyebrow,.budget-teaser .eyebrow{color:inherit}.section{padding:90px 7%}.intro{grid-template-columns:.65fr 2.1fr 1.15fr;gap:50px;align-items:start}.intro h2{font-size:clamp(34px,3.2vw,49px);line-height:1.12}.intro h2 em,.journal-feature h2 em{color:var(--accent)}.intro>p:last-child{font-size:14px}.places{grid-template-columns:1fr 1.15fr;gap:35px 12%;border-top:1px solid var(--line);padding-top:70px}.section-heading h2{font-size:clamp(42px,4.1vw,63px);line-height:1.03}.section-heading .text-link{display:inline-block;margin-top:22px}.place-list>a{padding:24px 0}.place-list h3{font-size:47px}.place-number{color:var(--accent)}.places>.text-link{grid-column:2}.journal-feature{border-block:1px solid var(--line);display:grid;grid-template-columns:.65fr 2.1fr 1.15fr;gap:50px;align-items:start;background:#efe5d6}.journal-feature h2{font-size:clamp(40px,4.6vw,67px);line-height:1.05}.journal-feature p:not(.eyebrow){max-width:370px;font-size:14px;margin-bottom:26px}.issue-number{font-family:var(--serif);font-size:clamp(130px,17vw,240px);line-height:.8;font-style:italic;color:var(--accent);opacity:.75;letter-spacing:-.09em;text-align:right}.journal{grid-template-columns:1fr 1.15fr;gap:12%}.journal>.section-heading{position:sticky;top:115px;align-self:start}.guide-row{padding:23px 0}.guide-row h3{font-size:28px;letter-spacing:-.03em;line-height:1.15}.guide-row .index{color:var(--accent)}.guide-row:hover .arrow{transform:translate(3px,-3px)}.arrow{transition:transform .2s}.budget-teaser{background:var(--accent);text-align:left;display:grid;grid-template-columns:1fr 1.15fr;gap:12%;padding:80px 7%;align-items:center}.budget-teaser h2{font-size:clamp(50px,5.7vw,82px);margin:0}.budget-teaser>div>p:not(.eyebrow){max-width:390px;font-size:16px;margin-bottom:27px}.budget-note{font-size:11px}.footer-top{grid-template-columns:1fr 1.2fr 1fr}.footer-top p{font-style:italic;color:var(--accent)}.footer-bottom{font-size:10px}.article-heading{padding-block:70px 55px}.article-heading h1{font-size:clamp(47px,5.8vw,84px);max-width:1050px;line-height:1.04;letter-spacing:-.045em}.article-layout aside{top:105px}.article-layout article>section{scroll-margin-top:100px}.article-layout article>section:first-child>p:first-of-type::first-letter{font-family:var(--serif);font-size:3.3em;float:left;line-height:.85;padding:9px 8px 0 0;color:var(--accent)}.article-layout article a,.simple-copy a{color:var(--accent)}.article-layout article p{font-size:17px;line-height:1.85}.article-layout article h2{font-size:36px;line-height:1.15}.calculator{background:#eee1d0}.fields input{border-color:#b8a18b}.budget-result{border-color:#b8a18b}.article-layout .calculator p::first-letter{float:none!important;font:inherit!important;padding:0!important;color:inherit!important}.next-read{max-width:1100px}.source-list{padding-left:20px}.error-page{min-height:65vh}.error-page h1{line-height:1}
@media(min-width:1400px){.hero{max-height:620px}.hero-copy{padding-top:70px}}
@media(max-width:1000px){.intro,.journal-feature{grid-template-columns:1fr 2fr;gap:30px}.intro>p:last-child{grid-column:2}.issue-number{display:none}.places,.journal,.budget-teaser{gap:50px}.hero{min-height:460px}.hero-copy{padding-top:45px}.article-layout{gap:40px}.section{padding:70px 6%}.header nav{gap:20px}.journal>.section-heading{top:100px}}
@media(max-width:700px){.header{height:auto;min-height:68px;padding:14px 6%}.header nav{gap:0}.wordmark{font-size:26px}.masthead{padding:20px 6% 25px}.edition-line{font-size:8px;gap:16px;align-items:start;text-align:left;line-height:1.5}.edition-line span:last-child{text-align:right;max-width:145px}.masthead h1{font-size:18.8vw;margin:19px 0 12px}.masthead>p{font-size:14px}.hero{height:440px;min-height:440px;max-height:none}.hero-photo{object-position:59% center}.hero-copy{padding:40px 6% 65px}.hero h2{font-size:49px;line-height:1.02}.hero .eyebrow{font-size:9px;margin-bottom:23px}.hero-line{font-size:14px}.hero-caption{font-size:8px;bottom:18px;gap:15px}.hero-caption a{font-size:9px}.hero-shade{background:linear-gradient(90deg,rgba(30,31,25,.76),rgba(30,31,25,.12))}.section{padding:55px 6%}.intro,.places,.journal,.journal-feature,.budget-teaser{display:block}.intro .eyebrow{max-width:none}.intro h2{font-size:36px;margin-bottom:26px}.intro>p:last-child{font-size:15px}.section-heading h2{font-size:43px}.places>.text-link{display:inline-block;font-size:12px}.place-list h3{font-size:42px}.place-list p{font-size:12px}.place-list>a{gap:14px;grid-template-columns:26px 1fr 22px}.journal-feature h2{font-size:43px}.journal>.section-heading{position:static}.journal-feature>.eyebrow{margin-bottom:28px}.journal-feature p:not(.eyebrow){font-size:15px}.budget-teaser{padding:58px 6%}.budget-teaser h2{font-size:59px;margin-bottom:32px}.budget-teaser>div>p:not(.eyebrow){font-size:15px}.guide-row h3{font-size:26px}.guide-row{gap:17px}.article-heading h1{font-size:45px}.article-layout aside{position:static}.article-layout article h2{font-size:31px}.article-layout article p{font-size:16px}.article-layout{padding-top:28px}.footer-top{display:block}.footer-top>*{margin-bottom:28px!important}.footer-top nav{padding-top:8px}.footer-bottom{gap:10px}.calculator{padding:23px 17px}.next-read{padding-top:0}.article-layout article>section{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.masthead h1{animation:none}.arrow{transition:none}}

.index-nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:35px;font-size:12px}.journal-index{padding-top:25px}.journal-category{display:grid;grid-template-columns:1fr 1.5fr;gap:10%;padding-block:45px;scroll-margin-top:90px}.journal-category h2{font-size:42px}.journal-category .eyebrow{margin-bottom:20px}.journal-category>.guide-row{align-self:start}@media(max-width:700px){.journal-category{display:block;padding-block:30px}.journal-category h2{font-size:37px;margin-bottom:28px}.index-nav{gap:10px 20px;font-size:12px}}
