/* Scoped to the reviewed St John’s Wood area hub; shared chrome stays intact. */
.sj-skip-link{position:fixed;left:16px;top:-120px;z-index:10000;padding:12px 18px;background:#fff;color:#16251b;font-weight:700;border:3px solid #97702c}
.sj-skip-link:focus{top:12px}
.st-johns-wood-hub{--sj-ink:#16251b;--sj-muted:#4d5b50;--sj-gold:#d2b47b;--sj-cream:#f5f2eb;--sj-line:#d9ded6;color:var(--sj-ink);background:#fff;font-family:'DM Sans',Arial,sans-serif;line-height:1.75;overflow-wrap:break-word}
.st-johns-wood-hub *{box-sizing:border-box}
.st-johns-wood-hub a:focus-visible,.st-johns-wood-hub summary:focus-visible{outline:3px solid #97702c;outline-offset:5px}
.st-johns-wood-hub [id]{scroll-margin-top:110px}
.sj-inner{width:min(1200px,calc(100% - 64px));margin:0 auto}
.sj-section{padding:88px 0}
.sj-section.sj-cream{background:var(--sj-cream)}
.sj-section h2{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,3.5vw,3.15rem);font-weight:500;line-height:1.1;letter-spacing:-.025em;max-width:890px;color:var(--sj-ink);margin:0 0 24px}
.sj-section h3{font-family:'DM Sans',Arial,sans-serif;font-size:1.16rem;font-weight:650;line-height:1.4;color:var(--sj-ink);margin:0 0 14px}
.sj-section p{margin:0 0 17px}
.sj-section p:last-child{margin-bottom:0}
.sj-eyebrow{font-size:.71rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;line-height:1.6;color:#6f562c;margin:0 0 16px}
.sj-lead{max-width:890px;color:var(--sj-muted);font-size:1.04rem;line-height:1.8;margin-bottom:32px!important}
.sj-grid{display:grid;gap:24px;align-items:stretch}
.sj-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.sj-two{grid-template-columns:repeat(2,minmax(0,1fr))}
.sj-hero{background:#14251c;color:#fff;padding:152px 0 74px;position:relative}
.sj-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:48px;align-items:center}
.sj-hero .sj-eyebrow{color:#dec593}
.sj-hero h1{font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.8rem,4.2vw,4.25rem);font-weight:500;line-height:1.03;letter-spacing:-.035em;color:#fff;margin:0 0 23px}
.sj-hero p{color:#dbe2da;font-size:1rem;line-height:1.8;margin:0 0 22px}
.sj-hero .sj-hero-lead{color:#e1c894;font-size:1.25rem;line-height:1.45;margin-bottom:14px}
.sj-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.sj-button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 22px;background:#d5b87d;color:#17251c!important;border:1px solid #d5b87d;text-decoration:none!important;font-size:.875rem;line-height:1.45;font-weight:700;border-radius:3px;transition:background .15s}
.sj-button:hover{background:#e3cda3}
.sj-button-outline{background:transparent;color:#fff!important;border-color:#819083}
.sj-button-outline:hover{background:#2a3e2e}
.sj-hero .sj-hero-note{font-size:.8rem;color:#c7d0c7;line-height:1.9;margin:23px 0 0}
.sj-hero-note a{color:#fff;text-decoration:underline;text-underline-offset:3px}
.sj-office-photo{margin:0;min-width:0;border:1px solid #5e705d;background:#203626;box-shadow:0 18px 60px #0003;transform:rotate(-1deg)}
.sj-office-photo img{display:block;width:100%;height:auto}
.sj-office-photo figcaption{font-size:.75rem;padding:14px 18px;color:#e5dfcf;line-height:1.65}
.sj-jump{background:#faf9f5;border-bottom:1px solid var(--sj-line);padding:19px 0}
.sj-jump .sj-inner{display:flex;gap:28px;align-items:center}
.sj-jump span{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}
.sj-jump ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 23px;padding:0;margin:0}
.sj-jump a{font-size:.83rem;color:#28432f;text-decoration:underline;text-underline-offset:4px}
.sj-service{border:1px solid var(--sj-line);border-top:3px solid #b8995d;padding:30px 26px 25px;background:#fff;display:flex;flex-direction:column;min-width:0}
.sj-service .sj-number{display:flex;align-items:center;gap:12px;color:#927035;font-family:Georgia,serif;font-size:1.4rem;margin-bottom:23px}
.sj-number span{font-family:'DM Sans',Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.63rem;line-height:1.6;color:#596751}
.sj-service h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.95rem;line-height:1.15;font-weight:600;margin-bottom:20px}
.sj-service h3 a,.sj-project h3 a{color:inherit;text-decoration:none}
.sj-service h3 a:hover,.sj-project h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.sj-service p,.sj-card p,.sj-policy p,.sj-project p{font-size:.92rem;line-height:1.8;color:var(--sj-muted)}
.sj-service ul{margin:0 0 24px;padding-left:18px;font-size:.84rem;line-height:1.8;color:#425440}
.sj-service li+li{margin-top:9px}
.sj-text-link{font-size:.84rem;font-weight:700;color:#294d33;text-decoration:underline;text-underline-offset:4px}
.sj-service>.sj-text-link{margin-top:auto;padding-top:20px;border-top:1px solid #e5e6df}
.sj-project{min-width:0;background:#fff;border:1px solid #e0e1d9;display:flex;flex-direction:column}
.sj-project-image{display:block;background:#e9ebe4;overflow:hidden}
.sj-project-image img{width:100%;height:285px;object-fit:contain;display:block}
.sj-project-body{padding:26px;display:flex;flex-direction:column;flex:1}
.sj-project-body .sj-eyebrow{font-size:.62rem;letter-spacing:.08em;color:#755d34;line-height:1.8}
.sj-project-body h3{font-size:1.08rem}
.sj-project-body>.sj-text-link{margin-top:auto;padding-top:8px}
.sj-card{padding:28px;border:1px solid var(--sj-line);background:#fff;min-width:0}
.sj-card .sj-question{color:#253c2b;font-weight:600;font-size:.91rem;margin-bottom:16px}
.sj-sources{font-size:.74rem!important;line-height:1.85!important;color:#56684d;margin-top:18px!important}
.sj-sources a{color:#345a3b;text-decoration:underline;text-underline-offset:3px}
.sj-address-check{margin-top:28px;padding:32px;background:#ecf0e8;display:grid;grid-template-columns:1.7fr 1fr;gap:40px;align-items:center;border-left:3px solid #788961}
.sj-address-check .sj-eyebrow{margin-bottom:10px}
.sj-address-check h3{font-size:1.25rem}
.sj-address-check p{font-size:.93rem;color:#42533f}
.sj-policy{border-top:1px solid #b7bfad;padding:28px 0 0}
.sj-policy-date{display:inline-block;border-radius:2px;background:#edf0e7;color:#446039;font-size:.72rem;font-weight:600;letter-spacing:.03em;padding:6px 12px;margin-bottom:22px}
.sj-policy h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.9rem;line-height:1.2;max-width:460px;margin-bottom:20px}
.sj-guidance-note{border-top:1px solid #dce1d6;margin-top:30px!important;padding-top:22px;font-size:.78rem;line-height:1.8;color:#53604e}
.sj-steps{padding:0;margin:35px 0;list-style:none;counter-reset:sj-steps;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 44px}
.sj-steps li{position:relative;padding-left:52px;counter-increment:sj-steps}
.sj-steps li:before{content:counter(sj-steps,decimal-leading-zero);position:absolute;top:-4px;left:0;font-size:1.55rem;font-family:Georgia,serif;color:#917543}
.sj-steps p{font-size:.92rem;color:var(--sj-muted)}
.sj-next-step{border-top:1px solid #d4d9cb;padding-top:28px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.sj-next-step p{max-width:650px;margin:0!important}
.sj-next-step .sj-button{flex-shrink:0}
.sj-section.sj-dark{background:#172b20;color:#fff}
.sj-dark h2,.sj-dark h3{color:#fff}
.sj-dark .sj-eyebrow{color:#dec593}
.sj-dark p,.sj-dark .sj-lead{color:#d0dbcf}
.sj-dark a:not(.sj-button){color:#e4cf9d;text-decoration:underline;text-underline-offset:4px}
.sj-office-details{gap:80px;align-items:start}
.sj-office-details address{border-left:1px solid #61735b;padding:6px 0 6px 36px;font-style:normal;line-height:1.9;font-size:1.04rem;overflow-wrap:anywhere}
.sj-office-details address strong{font-size:1.13rem;display:inline-block;margin-bottom:8px}
.sj-office-details address p{margin-top:18px}
.sj-faq{max-width:990px;margin-top:30px;border-top:1px solid var(--sj-line)}
.sj-faq details{border-bottom:1px solid var(--sj-line);padding:0}
.sj-faq summary{cursor:pointer;padding:23px 36px 23px 0;font-size:.99rem;font-weight:600;color:#213c29;position:relative;list-style:none}
.sj-faq summary::-webkit-details-marker{display:none}
.sj-faq summary:after{content:'+';position:absolute;right:6px;top:19px;font-size:1.5rem;font-weight:400;color:#68784f}
.sj-faq details[open] summary:after{content:'−'}
.sj-faq details>div{padding:0 36px 24px 0;color:var(--sj-muted);font-size:.94rem}
.sj-resource-list{list-style:none;margin:30px 0 0;padding:0}
.sj-resource-list li{border-bottom:1px solid #bdc6b4;min-width:0}
.sj-resource-list li>a{display:block;height:100%;padding:20px 0 25px;text-decoration:none;color:inherit}
.sj-resource-list h3{font-size:1.03rem}
.sj-resource-list p{color:var(--sj-muted);font-size:.9rem;margin-bottom:20px}
.sj-resource-list a:hover h3{text-decoration:underline;text-underline-offset:4px}
.st-johns-wood-hub .breadcrumb-bar{padding:16px 0;background:#f2f1eb}
.st-johns-wood-hub .breadcrumb{font-size:.76rem}
@media(max-width:1000px){.sj-inner{width:calc(100% - 44px)}.sj-hero-grid{gap:30px;grid-template-columns:1fr 1fr}.sj-hero{padding-top:145px}.sj-three{grid-template-columns:repeat(2,minmax(0,1fr))}.sj-three>.sj-service:last-child,.sj-three>.sj-project:last-child,.sj-three>.sj-card:last-child{grid-column:1/-1}.sj-project:last-child{max-width:100%}.sj-project-image img{height:310px}.sj-jump .sj-inner{align-items:flex-start}.sj-office-details{gap:35px}.sj-next-step{align-items:flex-start;flex-direction:column}.sj-address-check{grid-template-columns:1fr;gap:8px}}
@media(max-width:700px){.sj-inner{width:calc(100% - 36px)}.sj-section{padding:56px 0}.sj-hero{padding:140px 0 40px}.sj-hero-grid{grid-template-columns:1fr;gap:32px}.sj-hero h1{font-size:clamp(2.5rem,10vw,3.5rem);max-width:570px}.sj-hero p{font-size:.94rem}.sj-office-photo{transform:none}.sj-office-photo figcaption{font-size:.69rem;padding:10px 13px}.sj-jump .sj-inner{display:block}.sj-jump span{display:block;margin-bottom:10px}.sj-jump ul{gap:10px 20px}.sj-three,.sj-two,.sj-steps{grid-template-columns:1fr}.sj-three>*{grid-column:auto!important}.sj-service{padding:27px 24px}.sj-service h3{font-size:1.9rem}.sj-service ul{margin-bottom:14px}.sj-project-image img{height:320px}.sj-card{padding:25px}.sj-grid{gap:20px}.sj-section h2{font-size:2.15rem}.sj-eyebrow{font-size:.65rem}.sj-address-check{padding:25px}.sj-policy+.sj-policy{margin-top:18px}.sj-office-details address{padding:25px 0 0;border-left:0;border-top:1px solid #61735b;font-size:1rem}.sj-faq summary{font-size:.94rem}.sj-faq details>div{font-size:.9rem;padding-right:12px}.sj-resource-list{gap:10px}.sj-steps{gap:28px}.sj-steps li{padding-left:44px}.sj-button{font-size:.8rem;padding:13px 17px}.sj-guidance-note{font-size:.74rem}.st-johns-wood-hub .breadcrumb-bar .container{padding:0 18px}.sj-section p.sj-lead{font-size:.97rem}}
@media(prefers-reduced-motion:reduce){.st-johns-wood-hub *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:700px){.sj-hero{padding-top:40px}}
@media(min-width:701px) and (max-width:1000px){.sj-hero{padding-top:64px}}

.sj-office-photo{transform:none}.sj-office-photo a{color:inherit;text-underline-offset:3px}.sj-project-image img{height:auto;aspect-ratio:1/1;object-fit:cover}.sj-budget-note{margin-top:28px;padding:24px;background:#f5f2eb;border-left:3px solid #92713f}.sj-budget-note a{color:#28432f;text-underline-offset:3px}.st-johns-wood-hub .proof-strip{margin:0}.st-johns-wood-hub .nearby-label{color:#806437}
.sj-project-grid .sj-project-image{padding:0;background:#e9e8e0}.sj-project-grid .sj-project-image img{height:320px;aspect-ratio:auto;object-fit:contain}.sj-project-body .sj-image-note{font-size:.78rem;color:#64563e;font-style:italic}.sj-project-grid.sj-three>.sj-project:last-child{grid-column:auto}.sj-office-photo img{object-fit:contain}.sj-budget-note p{font-size:.9rem;color:#4d5b50}
@media(max-width:700px){.sj-project-grid .sj-project-image img{height:auto;max-height:410px;width:100%;object-fit:contain}.sj-project-grid .sj-project-image{min-height:0}.sj-hero h1{font-size:clamp(2.35rem,9.2vw,3.25rem)}}
.sj-local-project{display:grid;grid-template-columns:1.4fr 1fr;gap:48px;padding:36px;background:#fff;border:1px solid #d2d8cc;border-left:4px solid #a7874d;margin-bottom:48px}
.sj-local-project h3{font-family:'Cormorant Garamond',Georgia,serif;font-size:2.2rem;line-height:1.12;max-width:570px}
.sj-local-project h3 a{color:inherit;text-decoration:none}
.sj-local-project h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.sj-local-project p{color:#4d5b50;font-size:.95rem}
.sj-local-project .sj-local-lead{font-size:1.06rem;color:#29432e}
.sj-local-scope{padding-left:32px;border-left:1px solid #d9ded6;align-self:center}
.sj-local-scope h4{font-family:'DM Sans',Arial,sans-serif;font-size:1rem;line-height:1.5;margin:0 0 16px;color:#243d2b}
.sj-local-scope ul{margin:0 0 20px;padding-left:19px;color:#425440;font-size:.92rem}
.sj-local-scope li+li{margin-top:8px}
.sj-other-projects>h3{font-size:1.35rem;margin-bottom:12px}
.sj-section .sj-resource-subheading{margin-top:44px}
.sj-guidance-note a{color:#294d33;text-underline-offset:3px}
.sj-project-body .sj-programme{font-size:.8rem}
@media(max-width:700px){.sj-local-project{grid-template-columns:1fr;gap:24px;padding:27px 23px;margin-bottom:36px}.sj-local-project h3{font-size:1.9rem}.sj-local-scope{border-left:0;border-top:1px solid #d9ded6;padding:24px 0 0}.sj-local-project p{font-size:.92rem}.sj-local-project .sj-local-lead{font-size:1rem}}