:root{color-scheme:light;--paper:#f8f7f3;--ink:#1a1915;--secondary:#565a59;--muted:#6f6c64;--line:#d3d2ca;--blue:#627e99;--serif: "Instrument Serif", Georgia, serif;--mono: "Geist Mono", ui-monospace, monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:42px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:18px;line-height:1.48;-webkit-font-smoothing:antialiased}body::before{content:'';position:fixed;inset:0;pointer-events:none;z-index:5;opacity:.028;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.8' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
::selection{background:#dce5e9;color:#1d2a32}a{color:inherit;text-decoration:none;text-underline-offset:4px}a:hover{text-decoration:underline;text-decoration-thickness:1px}button{font:inherit;color:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:6px}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}img{display:block;max-width:100%}.sr-only{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;left:20px;top:-80px;z-index:20;padding:10px 20px;background:var(--paper)}.skip-link:focus{top:12px}
.site-header,.site-footer{width:calc(100% - 112px);max-width:1328px;margin:auto;display:flex;align-items:center;justify-content:space-between}.site-header{padding:32px 0 21px;border-bottom:1px solid var(--line)}.wordmark{font-size:25px;letter-spacing:-.55px}.site-header nav{display:flex;gap:30px;font-size:15px}.site-header nav span{font-size:14px;margin-left:5px}
.notebook{max-width:1000px;margin:auto;position:relative;padding:0 40px}.intro{position:relative;width:610px;max-width:100%;padding-top:97px;margin:0 0 76px 112px}.intro h1{font-size:clamp(38px,4vw,52px);line-height:1.09;letter-spacing:-1.55px}.intro-copy{font-size:23px;line-height:1.44;color:var(--secondary);max-width:540px;margin-top:24px}.contact-links{display:flex;gap:12px;margin-top:27px}.contact-links a{font-family:var(--mono);font-size:11px;letter-spacing:.01em;display:inline-flex;align-items:center;gap:17px;padding:9px 12px 8px;border:1px solid #c8c9c2;background:transparent;transition:background .2s,border-color .2s}.contact-links a:hover{text-decoration:none;background:#eeeFE9;border-color:#92998e}.contact-links span{font-size:14px}
.margin-study{position:absolute;pointer-events:none;user-select:none}.margin-study img{object-fit:contain;width:100%;height:auto}.margin-study figcaption,.handnote{font-family:var(--serif);font-size:19px;font-weight:500;color:var(--blue);letter-spacing:.02em;line-height:1.1}.exeter{width:177px;right:-212px;top:110px;opacity:.78;transform:rotate(1deg)}.exeter figcaption{margin-top:-12px;text-align:right;padding-right:22px;transform:rotate(-8deg)}
.career{position:relative;padding-bottom:34px}.timeline{list-style:none;padding:0;margin:0 55px 0 112px}.timeline-entry{display:grid;grid-template-columns:130px minmax(0,1fr);gap:0;margin-bottom:32px}.timeline-entry .year{font-family:var(--mono);font-size:11px;letter-spacing:.03em;color:var(--muted);padding-top:6px;white-space:nowrap}.timeline-entry h2{font-size:22px;line-height:1.25;letter-spacing:-.3px;margin-bottom:8px}.timeline-entry p{font-size:17px;color:var(--secondary);line-height:1.46}.timeline-entry p+p{margin-top:14px}.timeline-entry p a{border-bottom:1px solid #b6bab1}.timeline-entry p a:hover{text-decoration:none;border-color:var(--ink)}.timeline-entry.current{margin-bottom:38px}.skyline{width:235px;left:-170px;top:240px;opacity:.75;transform:rotate(-2deg)}.skyline figcaption{padding-left:65px;transform:rotate(-4deg);margin-top:0}.ghost{width:76px;right:-38px;bottom:122px;opacity:.72;transform:rotate(4deg)}
.editorial-section{display:grid;grid-template-columns:185px minmax(0,1fr);border-top:1px solid var(--line);padding:28px 0 30px;margin:0 0 0 48px;gap:0}.editorial-section > .section-label,.camera-heading > .section-label{font-size:25px;line-height:1.2;letter-spacing:-.35px}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:46px}.project-pair h2{font-size:21px;margin-bottom:5px}.project-pair p{font-size:17px;line-height:1.45;color:var(--secondary)}.link-arrow{font-size:14px;color:var(--muted);display:inline-block;transition:transform .2s}.project-pair a:hover .link-arrow{transform:translate(2px,-2px)}
.archive{font-size:16px;margin-top:19px}.archive summary{cursor:pointer;list-style:none;display:flex;width:fit-content;gap:15px;align-items:baseline;font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.035em;color:var(--secondary);border-bottom:1px solid #b9bdb5;padding:3px 0}.archive summary::-webkit-details-marker{display:none}.archive summary span{font-size:15px;display:inline-block;transition:transform .2s}.archive[open]>summary span{transform:rotate(45deg)}.archive-content{padding:22px 0 0}.archive-content h2{font-size:19px;margin:20px 0 10px}.archive-content .project-subsection:first-child h2{margin-top:0}.archive .meta{display:block;color:var(--secondary);font-size:16px}.meta-links{margin-top:7px;font-size:13px!important;line-height:1.7}.meta-links a{text-decoration:underline;text-decoration-color:#bbc0b6}.bullet-list{list-style:none;margin:0;padding-left:0}.bullet-list li{margin-bottom:18px}.subsection-desc{font-size:16px;color:var(--secondary);margin-bottom:14px}.writing-list{list-style:none;padding:0;margin:0}.writing-list li{display:flex;align-items:baseline;justify-content:space-between;gap:25px;padding:11px 0 10px;border-bottom:1px solid var(--line);font-size:17px;line-height:1.3}.writing-list li:first-child{padding-top:0}.writing-list .date{flex-shrink:0;font-family:var(--mono);font-size:10px;color:var(--muted);line-height:1.6;text-align:right}.coauthor{display:block;max-width:150px}.writing-list.archive-content{padding-top:23px}.further{padding-top:23px;padding-bottom:23px}.further h2{font-size:20px;color:var(--secondary)}.further-links>.archive{margin-top:0}.further-links>.archive+.archive{margin-top:12px}
.camera-roll{max-width:1440px;margin:62px auto 0;padding:0 56px}.camera-heading{display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);padding-top:25px}.camera-heading .handnote{margin-left:auto;transform:rotate(-5deg);font-size:21px}.scroll-controls{display:flex;gap:7px}.scroll-controls button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:transparent;cursor:pointer;line-height:1;transition:background .2s}.scroll-controls button:hover{background:#eaece5}.scroll-controls button:disabled{opacity:.3;cursor:default}.camera-track{display:flex;list-style:none;gap:48px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#c4c7bd transparent;margin:0;padding:38px 12px 30px;align-items:center}.camera-track::-webkit-scrollbar{height:3px}.camera-track::-webkit-scrollbar-thumb{background:#c4c7bd}.photo-item{flex:0 0 auto;width:calc(218px * var(--ratio));scroll-snap-align:start;position:relative}.photo-item--sf{transform:rotate(-2deg)}.photo-item--childhood{width:270px;transform:rotate(1deg)}.photo-item--smiles{transform:rotate(-3deg)}.photo-item--dinner{transform:rotate(2deg)}.photo-item--sumo{transform:rotate(-1deg)}.photo-item--wedding{transform:rotate(2deg)}.photo-reveal{position:relative;display:block;aspect-ratio:var(--ratio);width:100%;padding:0;border:0;background:transparent;cursor:pointer}.photo-reveal img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:opacity .65s ease;pointer-events:none}.photo-sketch{mix-blend-mode:multiply;opacity:.86;mask-image:url('/images/notebook/photo-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}.photo-original{opacity:0;mask-image:url('/images/notebook/photo-mask.svg');mask-size:100% 100%;mask-repeat:no-repeat}.photo-reveal[aria-pressed=true] .photo-original,.photo-reveal:focus-visible .photo-original{opacity:1}.photo-reveal[aria-pressed=true] .photo-sketch,.photo-reveal:focus-visible .photo-sketch{opacity:0}.photo-number{font-family:var(--mono);font-size:9px;color:var(--muted);display:block;margin-top:13px;padding-left:10px}.site-footer{margin-top:25px;padding:23px 0 33px;border-top:1px solid var(--line);font-size:14px;color:var(--secondary)}.site-footer nav{display:flex;gap:23px}
@media(hover:hover){.photo-reveal:hover .photo-original{opacity:1}.photo-reveal:hover .photo-sketch{opacity:0}}
@media(min-width:1441px){.skyline{left:-210px}.exeter{right:-240px}}
@media(max-width:1199px){.notebook{max-width:900px;padding:0 50px}.intro{margin-left:60px;width:550px}.intro h1{font-size:47px}.exeter{right:-140px;width:140px;top:130px}.timeline{margin-left:60px;margin-right:30px}.timeline-entry{grid-template-columns:120px 1fr}.skyline{width:170px;left:-95px;top:270px}.ghost{right:-25px;width:65px}.editorial-section{margin-left:20px;grid-template-columns:160px 1fr}.project-pair{gap:30px}}
@media(max-width:900px){.site-header,.site-footer{width:calc(100% - 64px)}.notebook{padding:0 32px;max-width:760px}.intro{margin-left:35px;width:480px;padding-top:75px;margin-bottom:68px}.intro h1{font-size:43px}.intro-copy{font-size:21px;max-width:430px}.exeter{width:112px;right:-130px;top:90px}.exeter figcaption{font-size:16px}.timeline{margin-left:35px;margin-right:35px}.timeline-entry{grid-template-columns:108px 1fr}.timeline-entry h2{font-size:21px}.timeline-entry p{font-size:17px}.skyline{left:-15px;top:350px;width:112px}.skyline figcaption{font-size:16px;padding-left:20px}.ghost{right:-10px;bottom:110px;width:52px}.editorial-section{margin-left:0;grid-template-columns:143px 1fr}.project-pair{gap:26px}.writing-list li{gap:16px}.camera-roll{padding:0 32px}.camera-track{gap:35px}}
@media(max-width:700px){.site-header{padding-top:23px;padding-bottom:17px}.site-header,.site-footer{width:calc(100% - 40px)}.wordmark{font-size:22px}.site-header nav{gap:20px;font-size:14px}.site-header nav>a:first-child{display:none}.notebook{padding:0 24px}.intro{margin-left:0;padding-top:54px;margin-bottom:53px;width:auto}.intro h1{font-size:39px;letter-spacing:-1.2px;max-width:330px}.intro-copy{font-size:20px;max-width:440px;margin-top:20px;padding-right:5px}.desktop-break{display:none}.contact-links{margin-top:23px}.contact-links a{min-height:40px}.exeter{width:90px;right:0;top:35px;opacity:.38}.exeter figcaption{display:none}.intro h1{position:relative;z-index:1}.timeline{margin:0}.timeline-entry{grid-template-columns:90px 1fr;margin-bottom:28px}.timeline-entry .year{font-size:9px;padding-top:5px;letter-spacing:0}.timeline-entry h2{font-size:20px}.timeline-entry p{font-size:16px;line-height:1.48}.timeline-entry.current{margin-bottom:30px}.career{padding-bottom:13px}.skyline{width:86px;left:-13px;top:340px;opacity:.53}.skyline figcaption{font-size:14px;padding-left:7px}.ghost{left:10px;right:auto;bottom:120px;width:40px;opacity:.5}.editorial-section{grid-template-columns:1fr;gap:21px;padding:24px 0}.editorial-section > .section-label,.camera-heading > .section-label{font-size:24px}.project-pair{gap:25px}.project-pair h2{font-size:21px}.project-pair p{font-size:16px}.writing-list li{font-size:17px;gap:18px}.writing-list .date{font-size:9px}.coauthor{max-width:85px}.further{grid-template-columns:90px 1fr;gap:0}.further h2{font-size:19px}.camera-roll{padding:0 20px;margin-top:33px}.camera-heading{gap:10px;flex-wrap:wrap;padding-top:24px}.camera-heading > .section-label{font-size:23px}.camera-heading .handnote{font-size:18px}.scroll-controls{margin-left:auto}.scroll-controls button{height:40px;width:40px}.camera-track{gap:28px;padding:28px 8px 24px}.photo-item{width:calc(195px * var(--ratio))}.photo-item--childhood{width:250px}.site-footer{align-items:flex-start;gap:22px;flex-direction:column;font-size:13px;margin-top:17px}.site-footer nav{gap:25px}}
@media(max-width:390px){.intro h1{font-size:35px}.exeter{width:70px;right:-8px;top:38px}.timeline-entry{grid-template-columns:82px 1fr}.timeline-entry h2{font-size:19px}.project-pair{grid-template-columns:1fr;gap:24px}.camera-heading .handnote{display:none}.contact-links{gap:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.margin-study img{mix-blend-mode:multiply}

/* Writing leads the notebook, with breathing room before the career timeline. */
#writing{margin-bottom:48px;border-bottom:1px solid var(--line)}
@media(max-width:700px){#writing{margin-bottom:36px}.site-header nav>a:first-child{display:inline}.site-header nav>a:nth-child(2){display:none}}

/* Small, tactile responses: transforms and opacity, no animation library or loop. */
@media(prefers-reduced-motion:no-preference){
  .contact-links a{transition:transform .24s cubic-bezier(.22,1,.36,1),background .2s,border-color .2s}
  .contact-links a span,.site-header nav a span{display:inline-block;transition:transform .28s cubic-bezier(.22,1,.36,1)}
  .contact-links a:active{transform:translateY(1px) scale(.98)}
  .contact-links a:focus-visible span,.site-header nav a:focus-visible span{transform:translate(2px,-2px)}
  .site-header nav a,.site-footer nav a{position:relative}
  .site-header nav a::after,.site-footer nav a::after{content:'';position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.22,1,.36,1)}
  .site-header nav a:hover,.site-footer nav a:hover{text-decoration:none}
  .site-header nav a:focus-visible::after,.site-footer nav a:focus-visible::after{transform:scaleX(1)}
  .writing-list a{background-image:linear-gradient(var(--blue),var(--blue));background-repeat:no-repeat;background-position:left bottom;background-size:0 1px;transition:background-size .35s cubic-bezier(.22,1,.36,1),color .2s}
  .writing-list a:focus-visible{background-size:100% 1px}
  .photo-reveal{transition:transform .5s cubic-bezier(.22,1,.36,1)}
  .photo-reveal img{transition:opacity .65s ease,transform .7s cubic-bezier(.22,1,.36,1)}
  .photo-reveal:focus-visible,.photo-reveal[aria-pressed=true]{transform:translateY(-4px)}
  .photo-reveal:focus-visible .photo-original,.photo-reveal[aria-pressed=true] .photo-original{transform:scale(1.025)}
  .scroll-controls button{transition:transform .2s ease,background .2s,opacity .2s}
  .scroll-controls button:active:not(:disabled){transform:scale(.91)}
}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .contact-links a:hover{transform:translateY(-2px)}
  .contact-links a:hover span,.site-header nav a:hover span{transform:translate(2px,-2px)}
  .site-header nav a:hover::after,.site-footer nav a:hover::after{transform:scaleX(1)}
  .writing-list a:hover{text-decoration:none;background-size:100% 1px;color:#3b5368}
  .photo-reveal:hover{transform:translateY(-4px) rotate(.5deg)}
  .photo-reveal:hover .photo-original{transform:scale(1.025)}
  .scroll-controls button:hover:not(:disabled){transform:translateX(2px)}
  .scroll-controls button[data-scroll="-1"]:hover:not(:disabled){transform:translateX(-2px)}
}

/* A few places in the margins: varied scale, broken rhythm, open paper. */
.intro{width:auto;margin:0 0 64px 40px;padding:84px 350px 18px 0;min-height:410px}
.intro h1{font-size:46px}
.intro-copy{font-size:21px}
.place-studies{position:absolute;right:-15px;top:55px;width:330px;height:340px;pointer-events:none}
.place-studies .margin-study{opacity:.72}
.place-studies figcaption{font-size:15px;font-weight:500;margin-top:5px;color:#727b80;white-space:nowrap}
.place-silver-spring{width:135px;left:0;top:10px;transform:rotate(-5deg)}
.place-silver-spring figcaption{padding-left:18px}
.place-boston{width:108px;right:0;top:0;transform:rotate(3deg)}
.place-boston figcaption{text-align:right;padding-right:9px}
.place-exeter{width:80px;left:105px;top:142px;transform:rotate(-2deg)}
.place-exeter figcaption{text-align:center;font-size:13px}
.place-nyu{width:105px;right:-4px;top:184px;transform:rotate(2deg)}
.place-nyu figcaption{font-size:13px;text-align:right}
.place-venice{width:185px;left:-18px;bottom:0;transform:rotate(-2deg)}
.place-venice figcaption{padding-left:55px}
@media(min-width:1200px){.place-studies{right:-50px;width:350px}.intro{padding-right:325px}}
@media(max-width:900px){.intro{margin-left:0;padding-right:285px;padding-top:65px;min-height:420px}.intro h1{font-size:39px}.intro-copy{font-size:20px}.place-studies{right:-10px;top:70px;width:265px}.place-silver-spring{width:115px}.place-boston{width:95px}.place-exeter{left:83px;width:65px}.place-nyu{width:90px}.place-venice{width:160px;left:-5px}}
@media(max-width:700px){.intro{padding:50px 0 0;margin:0 0 38px;min-height:0}.intro h1{font-size:39px}.place-studies{position:relative;right:auto;top:auto;width:100%;max-width:430px;height:226px;margin:32px auto 0}.place-studies .margin-study{opacity:.74}.place-silver-spring{width:112px;left:0;top:0}.place-boston{width:88px;right:8px;top:0}.place-exeter{width:64px;left:43%;top:74px}.place-nyu{width:85px;right:0;top:125px}.place-venice{width:162px;left:0;bottom:8px}.place-studies figcaption{font-size:13px}.place-nyu figcaption{font-size:11px}.place-exeter figcaption{font-size:12px}}
@media(max-width:390px){.intro h1{font-size:35px}}
.place-studies .margin-study{mix-blend-mode:multiply}
.place-studies img{mix-blend-mode:normal}
.place-nyu figcaption{width:max-content;margin-left:100%;transform:translateX(-100%)}

/* Expanded archives read as one list; their opener returns on collapse. */
.archive-enhanced[open] > summary{display:none}
.archive-close{display:block;background:transparent;border:0;border-bottom:1px solid #b9bdb5;padding:3px 0;margin-top:19px;cursor:pointer;color:var(--secondary);font-family:var(--mono);font-size:10px;line-height:1.6;letter-spacing:.035em}
.archive-enhanced[open] > .archive-content{padding-top:0}

/* Read from introduction to people to writing. Places stay in the margins. */
.notebook > .place-studies{right:35px}
.career-heading{max-width:620px;margin:0 55px 32px 112px}
@media(min-width:1200px){.notebook > .place-studies{right:-10px}}
@media(min-width:701px) and (max-width:900px){.notebook > .place-studies{right:22px}.career-heading{margin-left:35px;margin-right:35px}}
@media(max-width:700px){
  .notebook{isolation:isolate}
  .notebook > .place-studies{position:absolute;left:0;right:0;top:0;width:100%;max-width:none;height:1600px;margin:0;z-index:-1;overflow:hidden}
  .place-studies .margin-study{opacity:.13}
  .place-studies figcaption{display:none}
  .place-silver-spring{width:140px;left:auto;right:-12px;top:165px}
  .place-boston{width:140px;left:-20px;right:auto;top:440px}
  .place-exeter{width:110px;left:auto;right:-15px;top:780px}
  .place-venice{width:185px;left:-40px;top:1060px;bottom:auto}
  .place-nyu{width:130px;right:-15px;top:1380px}
  .intro{margin-bottom:52px}
  .career-heading{margin:0 0 32px;max-width:100%}
  .timeline-entry{grid-template-columns:minmax(0,1fr);gap:10px;margin-bottom:34px}
  .timeline-entry .year{padding-top:0}
  .career .skyline,.career .ghost{opacity:.1;z-index:-1}
  .career .skyline figcaption{display:none}
}

.photo-item--cove{transform:rotate(-2deg)}.photo-item--court{transform:rotate(1deg)}.photo-item--evening{transform:rotate(-1deg)}.photo-item--desert{transform:rotate(2deg)}.photo-item--horse-beach{transform:rotate(-2deg)}

/* Small local brand marks stay aligned with wrapped role headings. */
.timeline-role{display:flex;align-items:baseline;gap:10px}
.timeline-icon{flex:0 0 24px;width:24px;height:24px;object-fit:contain;border-radius:4px;align-self:flex-start;margin-top:2px}
.timeline-role > span{min-width:0}

/* Consistent reading rhythm, including the seam between featured and older essays. */
.writing-list li{display:grid;grid-template-columns:minmax(0,1fr) 90px;align-items:baseline;column-gap:28px;padding:17px 0;font-size:17px;line-height:1.5}
.writing-list li:first-child{padding-top:17px}
.writing-list a{font-weight:400}
.writing-entry{min-width:0}
.writing-list .coauthor{max-width:none;margin-top:5px;font-family:var(--sans);font-size:13px;line-height:1.5;color:var(--muted);letter-spacing:0;text-transform:none}
#writing .archive-enhanced[open]{margin-top:0}
#writing .archive-content{padding-top:0}
#writing{border-bottom:0;margin-bottom:20px;padding-bottom:30px}
@media(max-width:700px){
  .writing-list li{grid-template-columns:minmax(0,1fr) 68px;column-gap:18px;padding:16px 0;font-size:16px}
  .writing-list li:first-child{padding-top:16px}
  #writing{gap:12px;margin-bottom:8px}
}
#writing > .section-label{padding-top:6px}
.writing-list:not(.archive-content) > li:first-child{padding-top:0}
@media(max-width:700px){#writing > .section-label{padding-top:0}}

/* Compact, accessible social icons. */
.contact-links{gap:12px}
.contact-links a{width:44px;height:44px;min-height:44px;padding:0;justify-content:center;border-color:transparent;border-radius:50%;color:var(--ink)}
.contact-links a svg{display:block;width:19px;height:19px}
.contact-links a:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.site-footer nav{flex-wrap:wrap;row-gap:12px}

/* Place studies live in the empty page margins, spaced along the notebook. */
@media(min-width:1200px){
  .notebook > .place-studies{inset:0;width:100%;height:100%;max-width:none}
  .place-studies .margin-study{opacity:.58;width:clamp(90px,calc((100vw - 1000px)/2 - 32px),145px)}
  .place-silver-spring{left:calc(-1 * clamp(90px,calc((100vw - 1000px)/2 - 32px),145px) + 8px);right:auto;top:115px;bottom:auto}
  .place-boston{left:auto;right:calc(-1 * clamp(90px,calc((100vw - 1000px)/2 - 32px),145px) + 8px);top:29%;bottom:auto}
  .place-studies .place-exeter{left:calc(-1 * clamp(90px,calc((100vw - 1000px)/2 - 32px),145px) + 20px);right:auto;top:55%;bottom:auto;width:90px}
  .place-nyu{left:auto;right:calc(-1 * clamp(90px,calc((100vw - 1000px)/2 - 32px),145px) + 8px);top:73%;bottom:auto}
  .place-venice{left:calc(-1 * clamp(90px,calc((100vw - 1000px)/2 - 32px),145px) + 8px);right:auto;top:90%;bottom:auto}
  .place-studies figcaption{white-space:normal;text-align:center;padding:0;width:auto;margin:7px 0 0;transform:none}
}
/* Tablet margins cannot accommodate sketches without crowding the reading column. */
@media(min-width:701px) and (max-width:1199px){.notebook > .place-studies{display:none}}

/* A section heading and a light pencil gesture lead into the first role. */
.career-header{position:relative;margin:0 55px 64px 112px;padding-top:23px;border-top:1px solid var(--line)}
.career-header > .section-label{display:block;margin-bottom:13px}
.career-header .career-heading{margin:0;max-width:530px}
.career-pointer{position:absolute;left:118px;bottom:-55px;width:110px;height:56px;color:#92948b;pointer-events:none}
@media(min-width:901px) and (max-width:1199px){.career-header{margin-left:60px;margin-right:30px}.career-pointer{left:108px}}
@media(min-width:701px) and (max-width:900px){.career-header{margin-left:35px;margin-right:35px}.career-pointer{left:96px}}
@media(max-width:700px){.career-header{margin:0 0 64px;padding-top:21px}.career-header .career-heading{max-width:100%}.career-pointer{left:-12px}}

/* Attach the pencil trail to the final letter, including when the heading wraps. */
.career-last-word{position:relative;display:inline-block;white-space:nowrap}
.career-last-word .career-pointer{left:calc(100% - 1px);top:17px;bottom:auto;width:62px;height:64px;color:#888b82;opacity:.68}

@media(max-width:700px){.career-last-word .career-pointer{width:56px;height:58px}}

/* Keep the school name unambiguous at small sizes. */
.place-exeter figcaption{font-family:var(--sans)!important;font-style:normal!important;font-size:13px!important;letter-spacing:0}
