:root{--paper:#f7f4ed;--ink:#193e63;--text:#354653;--muted:#66747a;--line:#c9cfc9;--gold:#b08a4d;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;color-scheme:light;font-family:var(--serif);color:var(--text);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-padding-top:48px}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--ink);text-underline-offset:4px;text-decoration-thickness:1px;text-decoration-color:#92a3b0;transition:text-decoration-color 160ms,color 160ms}a:hover{text-decoration-color:var(--ink);color:#0d2946}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--ink);outline-offset:5px}button:disabled{cursor:wait}::selection{background:#dce5e6;color:#122f4e}[hidden]{display:none!important}.sr-only,.honey{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:12px;left:18px;transform:translateY(-200%);background:var(--paper);padding:12px 18px;z-index:20;font:1rem var(--sans)}.skip-link:focus{transform:none}
.story{position:relative;display:grid;grid-template-columns:minmax(0,1fr);max-width:1900px;margin:0 auto;isolation:isolate}.art-track{grid-area:1/1;position:sticky;top:0;height:100svh;align-self:start;pointer-events:none;z-index:0}.city-viewport{position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(to right,transparent max(0px,calc(var(--left-edge,42.5vw) - 30px)),#000 calc(var(--left-edge,42.5vw) + 35px))}.city-world{position:absolute;left:0;top:0;width:64%;aspect-ratio:3/2;margin:0;transform:translate(66%,30%);transform-origin:0 0;will-change:transform;mix-blend-mode:normal;mask-image:linear-gradient(to right,transparent,#000 2%,#000 98%,transparent),linear-gradient(to bottom,transparent,#000 2%,#000 96%,transparent);mask-composite:intersect}.city-image,.city-focus{width:100%;height:auto;display:block}.city-image{opacity:var(--base-opacity,1)}.city-focus{position:absolute;inset:0;opacity:var(--focus-opacity,0);mask-image:radial-gradient(ellipse 25% 30% at var(--focus-x,60%) var(--focus-y,60%),#000 38%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 25% 30% at var(--focus-x,60%) var(--focus-y,60%),#000 38%,transparent 100%)}.city-links{position:absolute;inset:0}.city-link{position:absolute;left:var(--x);top:var(--y);width:44px;height:44px;display:grid;place-items:center;transform:translate(-50%,-50%);pointer-events:auto;text-decoration:none;border-radius:50%;isolation:isolate}.pin{display:block;width:8px;height:8px;border:1.5px solid var(--ink);border-radius:50%;background:var(--paper);box-shadow:0 0 0 5px #f7f4edb3;transition:background 180ms,box-shadow 180ms}.city-link:hover .pin,.city-link:focus-visible .pin,.city-link[aria-current=true] .pin{background:var(--gold);box-shadow:0 0 0 7px #f7f4edc9}.pin-label{position:absolute;bottom:40px;left:50%;transform:translate(-50%,3px);background:var(--paper);border:1px solid #c4ccc9;padding:7px 11px;font:.875rem/1.4 var(--sans);color:var(--ink);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity 150ms,transform 150ms;box-shadow:0 3px 12px #193e6308}.city-link:hover .pin-label,.city-link:focus-visible .pin-label{opacity:1;transform:translate(-50%,0)}.scene-tools{position:absolute;right:4%;bottom:28px;pointer-events:auto}.motion-button{display:flex;align-items:center;gap:8px;border:0;background:#f7f4edcc;padding:8px 10px;color:var(--muted);font:.875rem/1.5 var(--sans);border-radius:3px}.motion-button:hover{color:var(--ink)}
.narrative{grid-area:1/1;position:relative;z-index:1;pointer-events:none}.passage{min-height:85svh;display:flex;align-items:center;padding:100px clamp(28px,6vw,105px);scroll-margin-top:0}.passage-copy{width:min(35vw,490px);pointer-events:auto}.passage h2{color:var(--ink);font:normal clamp(1.65rem,2.25vw,2.1rem)/1.25 var(--serif);letter-spacing:-.035em;margin:0 0 24px;text-wrap:balance}.passage h2 a{text-decoration:none}.passage h2 a>span{font:1.1rem var(--sans);display:inline-block;vertical-align:middle;margin-left:6px}.passage p{font-size:1.125rem;line-height:1.78;margin:0 0 22px;text-wrap:pretty}.passage p:last-child{margin-bottom:0}.introduction{min-height:100svh;padding-top:60px;padding-bottom:84px}.portrait{width:112px;height:112px;display:block;object-fit:contain;margin:0 0 16px -9px;mix-blend-mode:normal;mask-image:radial-gradient(ellipse at center,#000 52%,transparent 73%)}.masthead h1{color:var(--ink);font:normal clamp(2.4rem,3.45vw,3.4rem)/1.12 var(--serif);letter-spacing:-.055em;margin:0 0 27px}.name-period{color:var(--gold)}.intro-links{display:flex;gap:13px 23px;flex-wrap:wrap;font:.875rem/1.6 var(--sans);margin-top:29px}.intro-links a{text-decoration:none}.intro-links a:hover{text-decoration:underline}.intro-links a>span{font-size:.8125rem;margin-left:3px}.project-reference{display:grid;grid-template-columns:1fr 14px;align-items:center;gap:15px;text-decoration:none;border-top:1px solid var(--line);padding:18px 0;margin-top:33px;font:.875rem/1.55 var(--sans)}.project-reference>span:first-child>span{display:block;color:var(--muted);margin-top:4px;font-size:.875rem}.project-reference strong{font-weight:normal;font-size:1rem}.reference-mark{display:grid;place-items:center;width:38px;height:42px;font:italic 2.2rem/1 var(--serif);color:var(--ink)}.rw-mark{font:1.35rem/1 var(--serif);letter-spacing:-.12em}.cs-mark{font:italic 1.5rem/1 var(--serif);letter-spacing:-.11em}.project-reference:hover strong{text-decoration:underline;text-underline-offset:4px}.project-references .project-reference{margin-top:0}.project-references{margin-top:30px}.passage p.aside{font:.9375rem/1.65 var(--serif);color:var(--muted);max-width:390px;border-left:1px solid #b9c5c6;padding-left:17px;margin-top:28px}
.closing{min-height:210svh;align-items:flex-start;padding-top:20svh;padding-bottom:65svh}.closing .passage-copy{position:relative}.newsletter-form{margin-top:30px}.email-line{display:flex;align-items:stretch;border-bottom:1px solid #8fa3ab;gap:8px}.email-line input{min-width:0;width:100%;padding:12px 0;border:0;border-radius:0;background:transparent;color:var(--ink);font:1rem/1.4 var(--sans)}.email-line input::placeholder{color:#6b787d}.email-line input:focus-visible{outline-offset:2px}.email-line button{display:flex;align-items:center;gap:18px;background:transparent;border:0;padding:12px 0 12px 12px;font:.875rem/1.4 var(--sans);color:var(--ink);white-space:nowrap}.email-line button:hover{color:#886a3a}.passage p.form-note{font:.8125rem/1.5 var(--sans);color:var(--muted);margin:12px 0}.passage p.form-status{font:.9375rem/1.6 var(--sans);margin:18px 0 0}.form-status[data-error=true]{color:#8d4838}.form-status a{display:inline-block}.passage p.contact-line{font:.875rem/1.6 var(--sans);margin-top:31px}.contact-line a{text-decoration:none}.contact-line a:hover{text-decoration:underline}.footer{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:baseline;gap:20px;max-width:1690px;margin:0 auto;padding:30px clamp(28px,6vw,105px) 36px;color:var(--ink);font:1rem/1.5 var(--serif)}.footer a{font:.8125rem var(--sans);text-decoration:none}.footer a:hover{text-decoration:underline}.copyright{font:.75rem var(--sans);color:var(--muted);margin-left:14px}.page-shell{max-width:730px;margin:0 auto;padding:90px 30px}.page-shell h1{color:var(--ink);font:normal 3rem/1.1 var(--serif);letter-spacing:-.04em}.page-shell p{font:1.125rem/1.7 var(--serif)}.page-shell .introduction{min-height:0;padding:0}.inline-link{font:1rem var(--sans)}
@media(min-width:1700px){.passage{padding-left:max(105px,calc((100% - 1600px)/2))}.passage-copy{width:490px}}
@media(max-width:1050px) and (min-width:761px){.passage{padding-left:40px;padding-right:40px}.passage-copy{width:38vw}.passage p{font-size:1.0625rem}.masthead h1{font-size:2.6rem}.portrait{width:100px;height:100px}.intro-links{gap:13px 18px}}
@media(max-width:760px){html{scroll-padding-top:36svh}.story{display:block}.art-track{position:sticky;height:34svh;min-height:190px;max-height:320px;z-index:3;background:var(--paper);margin-bottom:0}.city-viewport{mask-image:none}.art-track::after{content:'';position:absolute;left:0;right:0;bottom:-27px;height:28px;background:linear-gradient(var(--paper),#f7f4ed00);pointer-events:none}.city-world{width:100%;transform:translate(0,-12%)}.scene-tools{bottom:3px;right:14px}.motion-button{font-size:.875rem;padding:5px 6px}.motion-button svg{width:11px;height:11px}.pin{width:7px;height:7px;box-shadow:0 0 0 4px #f7f4edb3}.city-link{width:44px;height:44px}.pin-label{font-size:.8125rem;padding:5px 8px;bottom:37px}.narrative{z-index:1}.passage{min-height:70svh;padding:80px 28px;align-items:center;scroll-margin-top:0}.passage-copy{width:100%;max-width:510px;margin:0 auto}.introduction{min-height:0;padding-top:28px;padding-bottom:74px}.masthead{position:relative;min-height:62px;display:flex;align-items:center;margin-bottom:24px;gap:15px}.portrait{width:68px;height:68px;margin:0 0 0 -6px;flex-shrink:0}.masthead h1{font-size:clamp(1.75rem,6.4vw,2.8rem);letter-spacing:-.05em;white-space:normal;margin:0}.passage p{font-size:1.0625rem;line-height:1.76;margin-bottom:20px}.passage h2{font-size:1.8rem;margin-bottom:22px}.intro-links{font-size:.875rem;gap:12px 23px;margin-top:25px}.project-reference{margin-top:27px}.closing{min-height:100svh;align-items:flex-start;padding-top:70px;padding-bottom:160px}.footer{padding:24px 28px 30px;font-size:.9375rem}.copyright{display:block;margin:5px 0 0}.passage p.aside{font-size:.9375rem}}
@media(max-width:370px){.passage{padding-left:22px;padding-right:22px}.portrait{width:58px;height:58px}.masthead{gap:10px}.intro-links{gap:12px 17px}.email-line button{gap:8px}.footer{padding-left:22px;padding-right:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.city-world{will-change:auto}}
@media print{.story,.narrative{display:block}.art-track{display:none}.passage,.introduction,.closing{min-height:0;padding:20px 0;break-inside:avoid}.passage-copy{width:100%;max-width:none}.intro-links,.newsletter-form,.footer>a,.contact-line,.skip-link{display:none}.portrait{width:80px;height:80px}.masthead h1{font-size:2.5rem}.passage p{font-size:12pt;line-height:1.6}.passage h2{font-size:20pt}.footer{padding:20px 0}body{padding:25px;background:#fff}a{text-decoration:none}}
/* The same city passes from daylight into evening; page and reading surface stay cream. */
.city-art{position:relative;isolation:isolate}.city-day{position:relative;z-index:0}.city-business,.city-afternoon,.city-evening{position:absolute;inset:0;opacity:0}.city-business{z-index:1}.city-afternoon{z-index:2}.city-evening{z-index:3}.city-veil{position:absolute;inset:0;z-index:3;background:var(--paper);opacity:var(--veil-opacity,0);pointer-events:none;mask-image:radial-gradient(ellipse var(--spot-rx,23%) var(--spot-ry,22%) at var(--focus-x,57.5%) var(--focus-y,61.3%),transparent var(--spot-core,42%),#0002 calc(var(--spot-core,42%) + 12%),#000c 88%,#000 100%);-webkit-mask-image:radial-gradient(ellipse var(--spot-rx,23%) var(--spot-ry,22%) at var(--focus-x,57.5%) var(--focus-y,61.3%),transparent var(--spot-core,42%),#0002 calc(var(--spot-core,42%) + 12%),#000c 88%,#000 100%)}.city-warmth{position:absolute;inset:0;z-index:4;pointer-events:none;opacity:var(--warmth-opacity,0);background:radial-gradient(ellipse var(--spot-rx,23%) var(--spot-ry,22%) at var(--focus-x,57.5%) var(--focus-y,61.3%),#efb951 10%,transparent 82%);mix-blend-mode:soft-light}.city-links{z-index:5}.city-link{transition:opacity 160ms}.art-track[data-focused=true] .city-link{opacity:0;pointer-events:none}.art-track[data-scene=coached] [data-city-link=coached],.art-track[data-scene=people] [data-city-link=people],.art-track .city-link:focus-visible{opacity:1;pointer-events:auto}.art-track[data-focused=true] .city-link .pin-label{display:none}.scene-tools{z-index:7}
.introduction{padding-top:45px;padding-bottom:65px}.introduction .portrait{width:92px;height:92px;margin-bottom:9px}.introduction .masthead h1{margin-bottom:22px}.intro-newsletter{margin-top:28px;scroll-margin-top:48px}.passage p.newsletter-intro{font:.875rem/1.65 var(--sans);margin:0;color:var(--muted)}.intro-newsletter .newsletter-form{margin-top:10px}.intro-newsletter .email-line input{padding-top:10px;padding-bottom:10px}.intro-newsletter .form-note{margin-top:9px}.intro-links{margin-top:23px}.subscribe-link{font:.875rem/1.6 var(--sans);display:inline-block;margin-top:12px}.closing{min-height:180svh}
@media(max-width:760px){.introduction{padding-top:28px;padding-bottom:65px}.introduction .portrait{width:68px;height:68px;margin-bottom:0}.introduction .masthead h1{margin-bottom:0}.intro-newsletter{scroll-margin-top:36svh}.closing{min-height:100svh}}
@media(max-width:370px){.introduction .portrait{width:58px;height:58px}}
@media print{.intro-newsletter{display:none}.closing{min-height:0}.introduction{padding:20px 0}.introduction .portrait{width:80px;height:80px}}
@media(min-width:761px){.introduction .masthead{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;gap:18px;margin-bottom:25px}.introduction .portrait{width:84px;height:84px;flex-shrink:0;margin:0}.introduction .masthead h1{margin:0}}
.art-track[data-scene=people] .city-veil{mask-image:radial-gradient(ellipse var(--spot-rx,23%) var(--spot-ry,23%) at var(--focus-x,78.3%) var(--focus-y,61.1%),transparent 42%,#0002 54%,#000c 88%,#000 100%),radial-gradient(ellipse 17% 18% at 33.7% 81.4%,transparent 35%,#0008 65%,#000 100%);mask-composite:intersect}
.city-family{position:absolute;inset:0;z-index:4;opacity:0}.art-track[data-scene=career-tools] [data-city-link=career-tools]{opacity:1;pointer-events:auto}