:root{color-scheme:light;--ink:#173a33;--muted:#63736b;--line:#d5ded5;--paper:#f4f5ed;--card:#fffefa;--accent:#d85c3d;--sun:#f1c75b;--sans:"Trebuchet MS",Arial,Helvetica,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.topbar,main,footer{width:min(100% - 80px,1060px);margin-inline:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{color:var(--ink);font-size:15px;font-weight:800;letter-spacing:-.045em;text-decoration:none}.topbar nav{display:flex;gap:30px}.topbar nav a,footer>a:last-child{color:var(--muted);font-size:13px;text-decoration:none}.topbar nav a:hover,footer>a:last-child:hover,.project>a:hover{color:var(--accent)}.intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);align-items:center;gap:65px;padding:91px 0 105px}.intro-copy{padding:12px 0}.eyebrow{margin:0 0 23px;color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.13em}.eyebrow span{margin-left:5px;font-size:15px}.intro h1{margin:0;font-size:clamp(45px,6.4vw,76px);line-height:1.03;letter-spacing:-.075em;font-weight:800}.intro-text{max-width:430px;margin:23px 0 0;color:#53655d;font-size:17px;line-height:1.65}.intro-link{display:inline-flex;align-items:center;gap:10px;margin-top:26px;padding:11px 15px;border:1px solid #b5c8bb;border-radius:5px;color:var(--ink);font-size:13px;font-weight:700;text-decoration:none;transition:background .18s,transform .18s}.intro-link:hover{background:#e5ece1;transform:translateY(-2px)}.intro-link span{color:var(--accent);font-size:16px}.hub-preview{position:relative;max-width:430px;width:100%;justify-self:end;padding:0 0 14px 14px}.hub-preview:before{position:absolute;content:"";inset:13px 0 0 0;border:1px solid #b6c9bd;border-radius:9px;transform:rotate(2deg)}.preview-top,.preview-content,.preview-caption{position:relative}.preview-top{display:flex;align-items:center;gap:9px;padding:16px 20px;background:var(--ink);border-radius:8px 8px 0 0;color:#fffefa}.preview-mark{font-size:22px;color:var(--sun)}.preview-top strong{font-size:14px;letter-spacing:-.035em}.preview-status{margin-left:auto;color:#bdcfc5;font-size:9px;font-weight:700;letter-spacing:.13em}.preview-content{padding:23px 22px 18px;background:var(--card);border:1px solid #e4e5d9;border-top:0}.preview-mountain{position:relative;display:flex;justify-content:space-between;align-items:center;min-height:128px;padding:15px 14px;background:#eaf0e5;border-radius:5px;overflow:hidden}.preview-mountain:after{position:absolute;content:"";width:115px;height:115px;right:-27px;top:-56px;border:1px solid #c7d4c4;border-radius:50%;box-shadow:0 0 0 14px #eaf0e5,0 0 0 15px #c7d4c4,0 0 0 29px #eaf0e5,0 0 0 30px #c7d4c4}.preview-mountain div{z-index:1;display:flex;flex-direction:column;gap:6px}.preview-mountain small,.preview-label{color:#718079;font-size:9px;font-weight:800;letter-spacing:.12em}.preview-mountain strong{font-size:23px;line-height:1.04;letter-spacing:-.06em}.preview-mountain div span{color:#66776d;font-size:10px}.preview-mountain svg{z-index:1;width:43%;max-width:156px;overflow:visible}.preview-list{display:grid;gap:10px;padding:18px 3px 2px;font-size:12px}.preview-label{margin-bottom:1px}.preview-list div{display:flex;align-items:center;gap:10px;color:#455b51}.preview-list i{display:grid;width:16px;height:16px;place-items:center;border:1px solid #b4c6b8;border-radius:50%;color:var(--accent);font-size:10px;font-style:normal}.preview-caption{padding:9px 2px 0;color:var(--muted);font-size:10px}.preview-caption span{float:right;color:var(--accent);font-size:13px}.work,.about{padding:29px 0 79px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.section-heading h2{margin:0;font-size:20px;letter-spacing:-.055em}.section-heading>span{color:#87958b;font-size:11px;font-weight:700;font-variant-numeric:tabular-nums}.project{position:relative;max-width:100%;padding:25px 28px 27px;border:1px solid #dce3d8;border-radius:7px;background:var(--card)}.project:before{position:absolute;content:"";left:0;top:17px;bottom:17px;width:4px;border-radius:0 3px 3px 0;background:var(--accent)}.project-title{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.project h3{margin:0;font-size:27px;letter-spacing:-.065em}.project-title span{color:var(--muted);font-size:12px}.project p,.about-copy p{max-width:670px;color:#53655d;font-size:15px;line-height:1.8}.project>a{display:inline-block;margin-top:4px;color:var(--ink);font-size:13px;font-weight:800;text-decoration:none}.project>a span{margin-left:4px;color:var(--accent)}.about{display:grid;grid-template-columns:1fr 1.8fr;gap:28px;padding-bottom:94px}.about .section-heading{margin:0}.about-copy p:first-child{margin-top:0}.about-copy p:last-child{margin-bottom:0}footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line)}footer span{color:var(--muted);font-size:11px}
@media(max-width:760px){.topbar,main,footer{width:calc(100% - 44px)}.intro{grid-template-columns:1fr;gap:44px;padding:72px 0 76px}.intro-copy{padding:0}.hub-preview{justify-self:start;max-width:480px}.intro h1{font-size:clamp(45px,10vw,68px)}.work,.about{padding:27px 0 60px}.about{grid-template-columns:1fr;gap:12px}.about-copy p{font-size:14px}}
@media(max-width:480px){.topbar,main,footer{width:calc(100% - 36px)}.topbar{height:69px}.topbar nav{gap:18px}.intro{padding:62px 0 67px}.intro h1{font-size:clamp(41px,11.5vw,54px)}.intro-text{font-size:15px}.hub-preview{padding-left:10px}.preview-content{padding:16px 14px 14px}.preview-mountain{padding:12px 10px}.preview-mountain strong{font-size:20px}.preview-list{font-size:11px}.project{padding:21px 20px 23px}.project-title{align-items:flex-start;flex-direction:column;gap:6px}.project p{font-size:14px}footer{min-height:68px}footer span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.city-card{position:relative;width:100%;max-width:470px;justify-self:end;padding:18px 20px 15px;background:#e8eee5;border:1px solid #d2ddd0;border-radius:8px;box-shadow:10px 10px 0 #e3d9c8;transform:rotate(1deg)}.city-card-head{display:flex;justify-content:space-between;color:#63776b;font-size:9px;font-weight:800;letter-spacing:.14em}.city-route{display:block;width:100%;margin:4px 0 -4px}.route-line{fill:none;stroke:#cf6747;stroke-width:2.5;stroke-dasharray:5 7}.route-dot{fill:#f4c65a;stroke:#cf6747;stroke-width:3}.portland-hill{fill:#6d8b70}.portland-hill.back{fill:#91a68a}.evergreen{fill:#214c40;stroke:#214c40;stroke-width:5;stroke-linejoin:round}.ny-ground{fill:#d5c6a4}.skyline{fill:#315b70;stroke:#315b70;stroke-width:2;stroke-linejoin:round}.skyline .windows{fill:none;stroke:#f7e8bd;stroke-width:2}.city-labels{display:flex;justify-content:space-between;margin-top:-2px}.city-labels div{display:grid;gap:3px}.city-labels div:last-child{text-align:right}.city-labels strong{font-size:14px;letter-spacing:-.04em}.city-labels span{color:#69796f;font-size:10px}.city-card-note{margin-top:17px;padding-top:11px;border-top:1px solid #d2ddd0;color:#607269;font-size:10px}.city-card-note span{float:right;color:var(--accent)}
@media(max-width:760px){.city-card{justify-self:start;max-width:500px}}