@font-face{font-family:'DM Sans';src:url('/fonts/DMSans-VF.ttf') format('truetype');font-weight:100 1000;font-display:swap}
@font-face{font-family:'Sigmar';src:url('/fonts/Sigmar-Latin.woff2') format('woff2');font-weight:400;font-display:swap}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#292d28;font-family:'DM Sans',Arial,sans-serif}
a{color:inherit}
a:focus-visible{outline:2px solid #343f30;outline-offset:5px}
.skip-link{position:absolute;top:8px;left:16px;z-index:10;padding:12px;background:#fff;transform:translateY(-160%)}
.skip-link:focus{transform:none}
.about-header{max-width:1320px;margin:0 auto;padding:28px clamp(24px,4vw,56px);display:flex;align-items:center;justify-content:space-between;gap:20px}
.about-wordmark{font-family:'Sigmar',sans-serif;font-size:clamp(17px,1.7vw,22px);line-height:1.2;text-decoration:none;text-transform:uppercase;text-shadow:2px 2px 0 #b6b9b3}
.about-wordmark{view-transition-name:tim-identity}
.header-work,.about-footer a{min-height:44px;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-size:14px;font-weight:700}
.header-work:hover,.about-footer a:hover{text-decoration:underline;text-underline-offset:5px}
main{max-width:1320px;margin:0 auto;padding:0 clamp(24px,4vw,56px)}
.about-hero{padding:clamp(32px,4vw,48px) 0 clamp(80px,10vw,136px);max-width:920px}
h2{font-family:'Sigmar',sans-serif;font-size:clamp(46px,6vw,82px);font-weight:400;letter-spacing:-.035em;line-height:1.08;text-transform:uppercase;text-shadow:3px 4px 0 #b6b9b3}
.about-story{max-width:800px}
.about-story p{position:relative;isolation:isolate;margin:0 0 27px;font-size:clamp(21px,2.3vw,29px);line-height:1.5;letter-spacing:-.025em}
.inline-graphic{position:relative;display:inline-block;height:0;line-height:0;vertical-align:baseline}
.inline-graphic img,.fresh-pond-mark img{position:absolute;display:block;width:auto;max-width:none;pointer-events:none;z-index:-1}
.child-graphic{width:1.3em}
.child-graphic img{left:38%;bottom:-1.25em;height:clamp(64px,3.8em,96px);transform:translateX(-50%) rotate(-7deg)}
.dog-run,.pond-run{white-space:nowrap}
.dog-graphic{width:2.8em}
.dog-graphic img{left:50%;bottom:-1.4em;height:clamp(64px,3.8em,96px);transform:translateX(-50%)}
.fresh-pond-mark{position:relative;display:inline-block;width:1.8em;height:0;line-height:0;vertical-align:baseline}
.fresh-pond-mark img{left:50%;bottom:-.65em;width:2.15em;height:auto;transform:translateX(-50%)}
.about-story p:nth-child(1){view-transition-name:tim-story-one}
.about-story p:nth-child(2){view-transition-name:tim-story-two}
.about-story p:nth-child(3){view-transition-name:tim-story-three}
.about-story p:last-child{margin-bottom:0}
.about-timeline{border-top:1px solid #d7d9d3;padding:clamp(72px,9vw,120px) 0 96px}
.section-heading{max-width:800px;margin-bottom:58px}
h2{margin:0 0 20px}
.timeline{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,42px);margin:0;padding:8px 0 0;list-style:none}
.timeline-entry{position:relative;min-width:0;padding:38px 0 24px}
.timeline-entry::before{content:"";position:absolute;top:0;left:0;z-index:1;width:13px;height:13px;border-radius:50%;background:#292d28}
.timeline-entry::after{content:"";position:absolute;top:6px;left:0;width:calc(100% + clamp(20px,3vw,42px));border-top:1px solid #b9beb5}
.timeline-entry:last-child::after{width:100%}
.timeline-years{color:#62685e;font-size:15px;font-weight:700;font-variant-numeric:tabular-nums}
.timeline-content h3{margin:20px 0 0;font-size:clamp(24px,2.5vw,33px);line-height:1.2;letter-spacing:-.035em}
.timeline-role{margin:5px 0 15px!important;color:#454c40;font-weight:700}
.timeline-content p{margin:0;font-size:16px;line-height:1.55}
.education{display:grid;grid-template-columns:160px 1fr;gap:28px;margin-top:44px;padding:28px 0;border-top:1px solid #d7d9d3;color:#62685e;font-size:15px}
.education p{margin:0}.education strong{color:#292d28}
.about-footer{display:flex;gap:32px;padding:32px 0 72px;border-top:1px solid #d7d9d3}
@media(max-width:900px){.timeline{grid-auto-flow:column;grid-auto-columns:minmax(250px,68vw);grid-template-columns:none;gap:24px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x proximity;padding-bottom:16px}.timeline-entry{scroll-snap-align:start}.timeline-entry::after{width:calc(100% + 24px)}.education{grid-template-columns:110px 1fr}}
@media(max-width:600px){.about-header{padding-top:20px}.about-hero{padding-bottom:88px}.about-story p{margin-bottom:22px}.child-graphic img{bottom:-.1em}.section-heading{margin-bottom:42px}.education{grid-template-columns:1fr;gap:8px;padding-top:24px}.about-footer{justify-content:space-between;gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@view-transition{navigation:auto}
::view-transition-group(tim-identity),::view-transition-group(tim-story-one),::view-transition-group(tim-story-two),::view-transition-group(tim-story-three){animation-duration:900ms;animation-timing-function:cubic-bezier(.24,.72,.2,1)}
::view-transition-old(tim-story-one),::view-transition-old(tim-story-two),::view-transition-old(tim-story-three){animation:tim-story-out 420ms ease both}
::view-transition-new(tim-story-one),::view-transition-new(tim-story-two),::view-transition-new(tim-story-three){animation:tim-story-in 760ms 100ms ease both}
@keyframes tim-story-out{from{opacity:1}to{opacity:0}}
@keyframes tim-story-in{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}