@scope (.work-neighborcircle) {

:root{--ink:#20332c;--soft:#607064;--paper:#eee6da;--orange:#f6a43b;--line:#c8c0b1}*{box-sizing:border-box}body{margin:0;background:#f5f6f0;color:var(--ink);font:16px/1.5 Figtree,system-ui,sans-serif}[hidden]{display:none!important}h1,h2,h3,p{margin:0}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #a9631a;outline-offset:4px}.intro,main,footer{max-width:1280px;margin:auto;padding-inline:32px}.intro{padding-block:30px 28px}.intro>a{display:inline-block;margin-bottom:35px;text-decoration:none;font-size:14px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.08em;color:var(--soft)}h1{font:500 clamp(32px,4vw,48px)/1.1 Newsreader,serif;margin:14px 0}.intro>p:last-child{color:var(--soft);font-size:15px}.switcher{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:16px 24px;border-block:1px solid #d9dfd2}.switcher button{font:500 12px Figtree,sans-serif;background:#fff;border:1px solid #d1dacb;color:var(--ink);border-radius:22px;padding:9px 15px;cursor:pointer}.switcher button[aria-pressed=true]{background:#2f5d50;border-color:#2f5d50;color:white}.study{padding-block:32px}.study-head{display:flex;gap:35px;justify-content:space-between;align-items:center;margin-bottom:20px}.study-head h2{font-size:23px;font-weight:500;margin-top:4px}.study-head>p{max-width:390px;font-size:13px;color:var(--soft)}.cover{display:grid;grid-template-columns:1.15fr 1fr;position:relative;overflow:hidden;background:var(--paper);border:1px solid #d7caba;min-height:520px}.cover-number{position:absolute;top:20px;left:24px;z-index:3;font-size:11px;color:var(--soft)}.corner-arrow{position:absolute;width:27px;height:27px;top:22px;right:25px;fill:none;stroke:var(--ink);stroke-width:1}.copy{padding:45px 48px 45px 24px;position:relative;z-index:2}.copy h3{font:500 40px/1.1 Newsreader,serif;letter-spacing:-.02em;margin:14px 0 24px}.copy>p:not(.eyebrow){font-size:19px;line-height:1.5;color:var(--soft)}.copy>a{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:13px;font-weight:600;color:#2f5d50;text-decoration:none}.copy>a:hover{text-decoration:underline;text-underline-offset:4px}.copy>a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1}.art{height:520px;position:relative;overflow:hidden;isolation:isolate}.phone{position:absolute;width:181px;background:#fff;border:6px solid #fffaf4;border-radius:25px;overflow:hidden;box-shadow:0 15px 24px #5b43231a,0 1px 2px #5b432320;z-index:2}.phone img{display:block;width:100%;height:auto}.neighborhood{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.street{stroke:#f9f3ea;stroke-width:25;fill:none}.walk{stroke:#c8ad88;stroke-width:1;stroke-dasharray:2 6;fill:none;stroke-linecap:round}.house{stroke:#baa88f;stroke-width:1;stroke-linejoin:round}.location{fill:#f6a43b;stroke:#fff7eb;stroke-width:4}.spill .phone{left:35%;top:88px;transform:rotate(-5deg)}.spill .neighborhood{opacity:.9;transform:scale(.94)}.scribble{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b8884d;stroke-width:1.2;stroke-linecap:round}.neighbor-connection{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b99d77;stroke-width:1.1}.neighbor-connection circle{fill:#eee6da;stroke:#c6a174}.neighbor-connection path:last-child{stroke:#d08d38;stroke-width:1}.connect .phone-one{left:14%;top:75px;transform:rotate(-7deg)}.connect .phone-two{left:51%;top:144px;transform:rotate(7deg)}.small-note{position:absolute;left:25px;bottom:25px;font:italic 22px/1.1 Newsreader,serif;color:#797f69;transform:rotate(-4deg)}.postcard-paper{position:absolute;width:87%;height:365px;top:88px;left:5%;background:#fff9ed;border:1px solid #d5c6ac;box-shadow:0 10px 22px #614a3210;transform:rotate(-6deg);overflow:hidden}.postcard-paper .neighborhood{opacity:.55;transform:scale(.8) translate(-20%,10%)}.postcard-label{position:absolute;top:16px;left:18px;z-index:2;font-size:8px;letter-spacing:.12em;color:#8b7b62}.stamp{position:absolute;top:37px;right:20px;width:63px;height:80px;border:1px dashed #bf874c;background:#fbedd6;color:#96612a;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(8deg)}.stamp>span{font-size:15px;font-weight:600}.stamp b{font-size:19px;font-weight:500}.stamp small{font-size:5px;letter-spacing:.08em}.postcard-script{position:absolute;left:25px;bottom:24px;font:italic 24px/1.05 Newsreader,serif;color:#7d8068}.postcard .phone{left:49%;top:128px;width:165px;transform:rotate(5deg)}.tape{position:absolute;width:100px;height:25px;left:40%;top:79px;background:#c9c9a98a;transform:rotate(-10deg);clip-path:polygon(0 3%,96% 0,100% 94%,3% 100%);z-index:3}.zoom .neighborhood{transform:scale(1.65) translate(-12%,4%);opacity:.9}.zoom .street{stroke:#fbf6ed;stroke-width:35}.zoom .walk{display:none}.map-pulse{position:absolute;width:165px;height:165px;border:1px solid #d5ae72;border-radius:50%;left:20%;top:19%}.map-pulse:after{content:'';position:absolute;inset:22px;border:1px solid #d9bd93;border-radius:50%}.zoom-marker{position:absolute;width:61px;height:80px;top:22%;left:29%;fill:#f6a43b;stroke:#f9f1e3;stroke-width:2}.zoom-marker path:last-child{fill:#fffaf3;stroke:#a76f2e;stroke-width:.8}.screen-detail{position:absolute;right:20px;bottom:25px;width:143px;height:214px;overflow:hidden;border:5px solid #fffaf2;border-radius:10px;box-shadow:0 10px 22px #5b43231b;transform:rotate(4deg);z-index:2}.screen-detail img{width:100%;display:block}.map-caption{position:absolute;left:28px;bottom:46px;font:italic 31px/1.05 Newsreader,serif;color:#6c775f;z-index:2}.circle-neighbors{position:absolute;inset:0;width:100%;height:100%}.neighbor-orbit{fill:none;stroke:#c0aa8c;stroke-width:1;stroke-dasharray:3 5}.orbit-dot{fill:#c9944e}.circle .phone{width:157px;left:37%;top:143px;transform:rotate(-3deg)}footer{font-size:12px;color:#7c8277;padding-block:20px 40px}@media(max-width:850px){.cover{grid-template-columns:1fr}.art{max-width:600px;width:100%;margin:auto}.copy{padding:24px 32px 36px}.study-head{align-items:start;flex-direction:column;gap:10px}.study-head>p{max-width:none}.intro,main,footer{padding-inline:18px}}@media(max-width:480px){.art{height:430px}.phone{width:145px}.spill .phone{top:75px;left:34%}.connect .phone-one{left:9%;top:62px}.connect .phone-two{left:51%;top:126px;width:137px}.small-note{font-size:18px;left:18px;bottom:20px}.postcard-paper{top:55px;height:330px}.postcard .phone{width:136px;left:51%;top:116px}.postcard-script{font-size:20px;left:20px;bottom:22px}.tape{top:52px}.circle .phone{width:130px;left:34%;top:126px}.screen-detail{width:113px;height:181px;right:16px;bottom:18px}.map-caption{font-size:25px;left:18px;bottom:32px}.copy h3{font-size:40px}}
.house > path:not(:first-child) { fill: none; }

/* Organic neighborhood studies: streets that curve and branch around the homes. */
.organic-map { position: absolute; inset: 0; width: 100%; height: 100%; }
.road-edge { fill: none; stroke: #ddd3c2; stroke-width: 21; stroke-linecap: round; stroke-linejoin: round; opacity: .55; }
.organic-road { fill: none; stroke: #faf4e9; stroke-width: 18; stroke-linecap: round; stroke-linejoin: round; }
.organic-walk { fill: none; stroke: #b49a72; stroke-width: 1; stroke-dasharray: 2 6; stroke-linecap: round; }
.map-doodles { fill: none; stroke: #ba8c4f; stroke-width: 1.1; stroke-linecap: round; }
.park-patch { fill: #cdd7b5; opacity: .45; }
.park-marks { fill: none; stroke: #a1b28a; stroke-width: 1; stroke-linecap: round; }
.natural .phone { width: 178px; left: 36%; top: 91px; transform: rotate(-5deg); }
.natural-loop .phone { width: 164px; left: 36%; top: 143px; transform: rotate(-2deg); }
.natural-loop .organic-walk { stroke: #c09d6e; }
.natural-park .phone { left: 35%; top: 86px; transform: rotate(3deg); }
@media(max-width:480px) { .natural .phone { width: 140px; left: 34%; top: 78px; } .natural-loop .phone { width: 130px; top: 126px; } .natural-park .phone { width: 140px; top: 76px; } }
/* Park walk: let the device sit directly on the map, without an added white surround. */
.natural-park .phone { background: transparent; border: 0; border-radius: 0; box-shadow: none; mix-blend-mode: multiply; }

/* Clip the outside canvas instead of blending away the phone's white surfaces. */
.natural-park .phone, .circle .phone { z-index: 4; background: transparent; border: 0; border-radius: 0; box-shadow: none; mix-blend-mode: normal; filter: drop-shadow(0 8px 9px #5b43231a); }
.natural-park .phone img, .circle .phone img { clip-path: inset(1.4% 7.5% 3% 7.5% round 10% / 6%); mix-blend-mode: normal; }

}

#work.stacked-folio .work-neighborcircle .card { padding: 0 !important; gap: 0; grid-template-columns: minmax(0,1.15fr) minmax(0,1fr); min-height: 520px; overflow: hidden; }
#work.stacked-folio .work-neighborcircle .card__body { padding: 42px 40px 42px 24px; }
#work.stacked-folio .work-neighborcircle .art { width: 100%; }
#work.stacked-folio .work-neighborcircle .work-number { z-index: 5; }
#work.stacked-folio .work-neighborcircle .work-arrow { z-index: 5; }
@media(max-width:850px) {
 #work.stacked-folio .work-neighborcircle .card { grid-template-columns: 1fr; }
 #work.stacked-folio .work-neighborcircle .card__body { padding: 24px 32px 36px; }
}