@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Pixelify+Sans:wght@400;500;600;700&family=Quicksand:wght@400;500;600;700&display=swap');
:root{--ink:#453557;--muted:#72647d;--pink:#ffc5d9;--pink-dark:#a63464;--lilac:#e9dafa;--blue:#e5f2fa;--paper:#fffdfa;--line:#d7cddd;--yellow:#fff1b0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:var(--ink);background:#f2eef8;background-image:linear-gradient(#b7a6ce19 1px,transparent 1px),linear-gradient(90deg,#b7a6ce19 1px,transparent 1px);background-size:24px 24px;font:16px/1.65 'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #a63464;outline-offset:5px}button:hover{filter:brightness(.97)}::selection{background:var(--pink)}.page{max-width:1180px;margin:28px auto;background:var(--paper);border:1px solid var(--line);padding:0 5%;box-shadow:7px 8px 0 #ded3e8}.skip{position:fixed;top:-60px;left:20px;background:var(--ink);color:white;z-index:10;padding:10px}.skip:focus{top:15px}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px 0;border-bottom:1px dashed var(--line)}.wordmark{font:700 25px 'Quicksand',sans-serif;text-decoration:none;letter-spacing:-.04em}.wordmark span{display:inline-block;color:var(--pink-dark);font-size:32px;margin-left:8px;vertical-align:middle}nav{display:flex;gap:27px}nav a{font-size:14px;text-decoration:none;font-weight:500}nav a:hover{text-decoration:underline;text-decoration-color:#dd7fa4;text-underline-offset:7px}.hello{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px 0 40px}.kicker,.section-index{font:500 14px 'Pixelify Sans',sans-serif;letter-spacing:.03em}.kicker{margin:0 0 16px}h1{font:700 clamp(45px,5.3vw,69px)/1.04 'Quicksand',sans-serif;letter-spacing:-.065em;margin:0}h1 em,h2 em{font-family:'Instrument Serif',serif;font-weight:400;letter-spacing:-.035em;color:var(--pink-dark);font-size:1.13em}.boston-window{border:2px solid #766186;border-radius:9px;overflow:hidden;background:var(--blue);box-shadow:5px 6px 0 #d4c2e1}.window-bar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#e9dafa;padding:12px 17px;border-bottom:2px solid #766186;font:14px 'Pixelify Sans',sans-serif}.window-dots{display:flex;gap:6px}.window-dots i{width:10px;height:10px;border-radius:50%;border:1px solid #766186;background:#ffc3d7}.window-dots i:nth-child(2){background:#fff1b0}.window-dots i:nth-child(3){background:#bce5c8}.window-bar>span:nth-child(2){margin-right:auto}.pixel-small{font-size:12px}.skyline{position:relative;aspect-ratio:2/1;background-image:url('assets/boston-atlas.png');background-size:300% 400%;background-position:0% 66.666667%;image-rendering:pixelated;overflow:hidden}.scene-tag{position:absolute;top:20px;left:20px;background:#fffdfaee;padding:7px 13px;font:14px 'Pixelify Sans',sans-serif;border:1px solid #766186;box-shadow:3px 3px 0 #76618655}.scene-postmark{position:absolute;right:25px;top:24px;font:14px/1.2 'Pixelify Sans',sans-serif;color:#453557;transform:rotate(8deg);background:#fff1b0ee;border:1px dashed #766186;padding:10px 12px}.scene-controls{display:flex;align-items:center;gap:23px;flex-wrap:wrap;padding:20px;background:#fff9fc;border-top:2px solid #766186}fieldset{padding:0;margin:0;border:0}legend{font-size:12px;color:var(--muted);margin-bottom:8px}.season-buttons,.time-buttons{display:flex;gap:5px}.scene-controls button{background:white;border:1px solid #d0bddd;border-radius:5px;padding:7px 11px;font-size:14px;line-height:1.4}.scene-controls button[aria-pressed=true]{background:var(--pink);border-color:#ab6685;box-shadow:2px 2px 0 #ab6685}.scene-controls .now-button{margin-left:auto;align-self:end;border-style:dashed;background:#e9dafa}.scene-caption{display:flex;justify-content:space-between;font:12px 'Pixelify Sans',sans-serif;padding:11px 20px;background:#fff9fc;color:var(--muted)}.little-divider{display:flex;justify-content:center;gap:26px;padding:45px 0 20px;color:#bf73a0;font-size:18px}.section-heading{margin-bottom:30px}.section-index{display:block;color:var(--muted);margin-bottom:13px}h2{font:700 clamp(35px,4vw,48px)/1.1 'Quicksand',sans-serif;letter-spacing:-.055em;margin:0}.about-section{padding:28px 0 65px}.about-content{display:grid;grid-template-columns:1.5fr 1fr;gap:75px;align-items:start}.about-copy .big-copy{font-size:23px;line-height:1.5;color:var(--ink);letter-spacing:-.02em;margin:0 0 19px}.about-copy p{color:var(--muted);margin:14px 0;line-height:1.8}.personal-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:25px}.personal-tags span{font-size:12px;padding:7px 12px;background:#e9dafa88;border-radius:4px;transform:rotate(-2deg)}.personal-tags span:nth-child(2){background:#ffc5d988;transform:rotate(2deg)}.personal-tags span:nth-child(3){background:#fff1b0}.dog-card{position:relative;padding:14px 15px 22px;background:white;transform:rotate(4deg);border:1px solid #d2c5de;box-shadow:4px 5px 0 #e9dafa;text-align:center;max-width:305px;justify-self:center}.dog-portrait{background:#e5f2fa;min-height:190px;display:grid;place-items:center;background-image:linear-gradient(#ffffff77 1px,transparent 1px),linear-gradient(90deg,#ffffff77 1px,transparent 1px);background-size:16px 16px}.dog-portrait img{image-rendering:pixelated;object-fit:contain;max-width:100%}.dog-card h3{font:italic 30px 'Instrument Serif',serif;margin:15px 0 5px}.dog-card p{font-size:14px;color:var(--muted);line-height:1.6;margin:0 0 12px}.text-button{background:var(--yellow);border:1px solid #d0bca5;padding:7px 12px;border-radius:5px;font-size:14px}.dog-caption{display:block;font:12px 'Pixelify Sans',sans-serif;color:var(--muted);margin-top:13px}.horizontal{display:flex;justify-content:space-between;gap:25px;align-items:end}.horizontal>p{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 2px}.work-section,.writing-section{padding:50px 0 60px;border-top:1px dashed var(--line)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:10px}.project-card{border:1px solid #bba7c9;border-radius:4px;background:white;padding:10px;text-align:left;box-shadow:4px 5px 0 #e7dbea;transform:rotate(-1.5deg);transition:transform .2s}.project-card:hover{transform:rotate(0deg) translateY(-5px)}.project-card:last-child{transform:rotate(2deg)}.project-card:last-child:hover{transform:rotate(0deg) translateY(-5px)}.project-cover{display:flex;flex-direction:column;min-height:270px;padding:24px;background:var(--lilac)}.cover-label{font:12px 'Pixelify Sans',sans-serif;letter-spacing:.04em}.cover-title{position:relative;font:700 40px/1.05 'Quicksand',sans-serif;letter-spacing:-.055em;margin:auto 0}.cover-title em{font:italic 65px 'Instrument Serif',serif}.cover-title>span{position:absolute;right:0;bottom:4px;color:#9164bd;font-size:65px;font-weight:400}.cover-footer{font-size:12px;padding-top:20px;border-top:1px dashed #bba7c9}.margins-card .project-cover{background:#ffdee9}.margins-card .cover-title>span{color:#cb6c94;font-size:55px}.project-info{padding:18px 10px 10px;display:grid;grid-template-columns:1fr 30px;gap:9px}.small-label{font:12px 'Pixelify Sans',sans-serif;letter-spacing:.025em;color:var(--muted)}.project-info h3{font:600 21px 'Quicksand',sans-serif;letter-spacing:-.025em;margin:6px 0}.project-info p{grid-column:1/-1;font-size:14px;color:var(--muted);line-height:1.7;margin:0}.open-mark{background:var(--yellow);height:28px;width:28px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400;line-height:1}.content-note{font-size:12px;color:var(--muted);margin-top:24px}.essay-list{border-top:1px solid var(--line)}.essay{width:100%;display:grid;grid-template-columns:43px 1fr 30px;gap:15px;align-items:center;text-align:left;padding:25px 8px;background:transparent;border:0;border-bottom:1px solid var(--line)}.essay:hover{background:#fff0f5}.essay-number{font:20px 'Pixelify Sans',sans-serif;color:#b780a0}.essay h3{font:400 31px/1.2 'Instrument Serif',serif;margin:5px 0 0}.essay .open-mark{background:var(--pink)}footer{border-top:1px dashed var(--line);padding:32px 0 25px}.footer-note{font:600 26px/1.2 'Quicksand',sans-serif;letter-spacing:-.03em;text-align:center}.footer-note em{font:italic 32px 'Instrument Serif',serif;color:var(--pink-dark)}footer>div:last-child{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);margin-top:29px}.cursor-dog{position:fixed;left:0;top:0;z-index:15;pointer-events:none;display:none;will-change:transform}.cursor-dog img{display:block;image-rendering:pixelated;object-fit:contain;transition:scale .15s}.cursor-dog span{position:absolute;white-space:nowrap;bottom:62px;left:4px;padding:4px 8px;border:1px solid #bca3d1;border-radius:6px;background:#fffdfa;font:12px 'Pixelify Sans',sans-serif;opacity:0;transition:opacity .2s}.cursor-dog.greeting span{opacity:1}dialog{width:min(650px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:35px;border:2px solid #9574b4;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:7px 7px 0 #c7aedf}dialog::backdrop{background:#45355788;backdrop-filter:blur(4px)}.reader-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.reader-top button{background:var(--pink);border:1px solid #ab6685;border-radius:5px;padding:6px 14px;font-size:14px}dialog h2{font:400 46px/1.08 'Instrument Serif',serif;margin:27px 0}dialog p{font-size:17px;line-height:1.8}dialog .content-note{font-size:12px;border-top:1px dashed var(--line);padding-top:20px}
@media(min-width:1400px){.page{padding:0 65px}}@media(max-width:800px){.page{margin:14px 14px;padding:0 5%;box-shadow:4px 4px 0 #ded3e8}.hello{gap:25px}.about-content{gap:35px}.scene-controls{gap:17px}.scene-controls .now-button{margin-left:0}.project-cover{padding:20px;min-height:240px}.cover-title{font-size:30px}.cover-title em{font-size:52px}.cover-title>span{font-size:48px}}
@media(max-width:600px){.page{margin:8px 8px;padding:0 6%}header{padding:19px 0;gap:12px;flex-wrap:wrap}.wordmark{font-size:21px}.wordmark span{font-size:27px}nav{gap:17px}nav a{font-size:14px}.hello{flex-direction:column;align-items:start;padding:30px 0 35px;gap:25px}h1{font-size:clamp(38px,12vw,49px)}.window-bar{padding:10px;gap:10px;font-size:12px}.pixel-small{display:none}.window-dots{gap:4px}.window-dots i{height:7px;width:7px}.skyline{aspect-ratio:2/1}.scene-tag{top:10px;left:10px;font-size:12px;padding:5px 8px}.scene-postmark{display:none}.scene-controls{padding:14px 11px;gap:13px;align-items:start}.scene-controls button{font-size:14px;padding:7px 8px}.season-buttons,.time-buttons{gap:4px}.scene-controls .now-button{align-self:end;padding:8px 10px}.scene-caption{padding:10px 11px;font-size:12px;gap:15px;flex-wrap:wrap}.little-divider{padding-top:32px}.about-section{padding-top:23px;padding-bottom:43px}h2{font-size:35px}.about-content{grid-template-columns:1fr;gap:30px}.about-copy .big-copy{font-size:22px}.dog-card{width:270px;max-width:90%;margin:10px 0}.horizontal{align-items:start;gap:20px}.horizontal>p{display:none}.work-section,.writing-section{padding:39px 0 45px}.project-grid{grid-template-columns:1fr;gap:28px;padding:4px 4px 0}.project-cover{min-height:270px}.cover-title{font-size:39px}.cover-title em{font-size:64px}.project-info h3{font-size:21px}.essay{grid-template-columns:30px 1fr 28px;gap:10px;padding:22px 3px}.essay h3{font-size:27px}.essay-number{font-size:18px}.small-label{font-size:12px}.footer-note{font-size:23px}.footer-note em{font-size:28px}footer>div:last-child{font-size:12px;flex-direction:column;align-items:center;gap:7px}dialog{padding:25px}dialog h2{font-size:38px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.cursor-dog{display:none!important}}@media(pointer:coarse){.cursor-dog{display:none!important}}
/* The landscape is part of the page, without a window or picture frame. */
:root{--page-gutter:clamp(24px,5vw,65px)}.page{padding-inline:var(--page-gutter)}.boston-window{border:0;border-radius:0;box-shadow:none;background:none;overflow:visible;margin-inline:calc(-1 * var(--page-gutter))}.skyline{border:0;border-radius:0;background-image:url('assets/boston-storybook.png');image-rendering:auto;isolation:isolate;touch-action:pan-y}.skyline::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:linear-gradient(to bottom,var(--paper),transparent 10%,transparent 85%,var(--paper))}.scene-tag,.scene-postmark,.window-bar{display:none}#scene-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.scene-controls{border:0;background:none;padding:15px var(--page-gutter) 4px;gap:18px;justify-content:center}.scene-controls .now-button{margin-left:0}.scene-controls button{border-radius:0;border:0;border-bottom:1px solid transparent;background:none;box-shadow:none;padding:7px 9px}.scene-controls button[aria-pressed=true]{background:#f9d7e5;border:0;border-bottom:1px solid #b45f86;box-shadow:none}.scene-controls .now-button{background:none;border:0;border-bottom:1px dashed #b69ac9}.scene-controls #scene-pause{font-size:12px;align-self:end;color:var(--muted)}.scene-controls #scene-pause:disabled{cursor:default;opacity:.7}.scene-caption{background:none;padding:14px var(--page-gutter) 8px;font-family:'DM Sans',sans-serif;line-height:1.5;font-size:12px}.season-buttons,.time-buttons{flex-wrap:wrap}.scene-controls legend{margin-bottom:2px}.dog-portrait{border:0;width:100%;padding:0;cursor:pointer}.dog-sprite{display:block;background-image:url('assets/goldendoodle-poses.png');background-size:400% 200%;background-position:0% 100%;background-repeat:no-repeat;image-rendering:pixelated}.portrait-sprite{width:170px;height:170px}.buddy-sprite{width:80px;height:80px;transform-origin:50% 80%}.cursor-dog span#dog-bubble{bottom:74px}.cursor-dog .dog-sprite{position:static;padding:0;border:0;border-radius:0;opacity:1;background-color:transparent;transition:none}.portrait-sprite.hello-hop{animation:portrait-hop .6s ease-in-out}@keyframes portrait-hop{0%,100%{transform:translateY(0)}45%{transform:translateY(-14px) rotate(4deg)}}
@media(max-width:600px){:root{--page-gutter:24px}.page{padding-inline:var(--page-gutter)}.scene-controls{padding-top:9px;gap:14px;justify-content:start}.scene-controls button{font-size:14px;padding:7px 8px}.scene-controls legend{font-size:12px}.scene-caption{flex-direction:column;gap:5px}.skyline{aspect-ratio:2/1;background-size:300% 400%}.hello{padding-bottom:22px}.scene-controls #scene-pause{font-size:12px}.boston-window{margin-top:8px}}
@media(prefers-reduced-motion:reduce){.portrait-sprite.hello-hop{animation:none}}
.hello{align-items:end;padding:45px 0 20px}.intro-summary{max-width:250px;font-size:16px;line-height:1.6;color:var(--muted);margin:0 0 4px}.dog-card{border:0;background:none;box-shadow:none;transform:none;padding:0 15px;max-width:290px}.dog-portrait{background:none;background-image:none;min-height:175px}.dog-card h3{font:600 20px 'Quicksand',sans-serif;margin:8px 0 5px}.dog-card p{margin-bottom:10px}.about-content{align-items:center;grid-template-columns:1.6fr 1fr}.about-copy .big-copy{max-width:450px;font-size:23px}.little-divider{display:none}.about-section{padding-top:60px}.section-heading h2{font-family:'Quicksand',sans-serif;font-size:42px}.project-card,.project-card:last-child{transform:none;box-shadow:none;border:0;padding:0;background:none}.project-card:hover,.project-card:last-child:hover{transform:translateY(-3px)}.project-info{padding:18px 0 8px}.section-index{font-family:'DM Sans',sans-serif;font-size:12px;letter-spacing:.06em;text-transform:uppercase}h1{letter-spacing:-.06em;font-size:clamp(48px,6vw,80px)}
@media(max-width:600px){.hello{align-items:start;padding:30px 0 15px;gap:10px}.intro-summary{max-width:100%;font-size:14px}.about-content{grid-template-columns:1fr;gap:20px}.about-section{padding-top:38px}.about-copy .big-copy{font-size:21px}.dog-card{width:250px}.section-heading h2{font-size:34px}.kicker{font-family:'DM Sans',sans-serif;font-size:12px}}
.cursor-dog .dog-sprite{background-image:url('assets/goldendoodle-poses.png');background-size:400% 200%;background-repeat:no-repeat}.skyline:focus-visible{outline:2px solid #a63464;outline-offset:4px}
/* Colors follow the sky; the landscape has no fade or separate frame. */
:root{--paper:#7bb4e8;--ink:#211e39;--muted:#35314f;--line:color-mix(in srgb,var(--ink),transparent 75%);--surface:color-mix(in srgb,var(--paper),white 10%);--lilac:color-mix(in srgb,var(--paper),white 22%);--yellow:color-mix(in srgb,var(--paper),white 20%)}
body{background:var(--paper);background-image:none}.page{background:transparent;border:0;box-shadow:none;margin:0 auto;padding-inline:var(--page-gutter)}header{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:22px 0 24px;gap:25px}header nav{align-self:center}.wordmark{align-self:center}.wordmark span{color:var(--ink)}.hello{padding:35px 0 28px}.boston-window{width:100vw;margin-inline:calc(50% - 50vw);background:none}.skyline::after{display:none}.skyline{border-radius:0}.scene-controls.site-controls{display:grid;grid-template-columns:auto auto;grid-template-areas:'seasons companion' 'times companion';justify-self:end;justify-content:end;align-items:center;gap:7px 10px;margin:0;padding:0;border:0}.site-controls .season-buttons{grid-area:seasons}.site-controls .time-buttons{grid-area:times;justify-content:end}.site-controls .companion-controls{grid-area:companion;border-left:1px solid var(--line);padding-left:10px}.site-controls button,.scene-utilities button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:none;color:var(--ink);box-shadow:none}.site-controls button:hover,.scene-utilities button:hover{background:color-mix(in srgb,var(--ink),transparent 92%)}.site-controls button[aria-pressed=true]{color:var(--ink);background:color-mix(in srgb,var(--ink),transparent 88%);border:1px solid color-mix(in srgb,var(--ink),transparent 65%);box-shadow:none}.site-controls .season-buttons,.site-controls .time-buttons{flex-wrap:nowrap;gap:3px}.site-controls svg,.scene-utilities svg{display:block;flex:none}.scene-caption{align-items:center;gap:20px;padding:15px var(--page-gutter);max-width:1180px;margin:auto;color:var(--muted)}.scene-utilities{display:flex;gap:5px;margin-left:auto}.scene-utilities button{width:30px;height:30px}.scene-utilities button:disabled{opacity:.5;cursor:default}.play-icon{display:none}#scene-pause[aria-pressed=true] .pause-icon{display:none}#scene-pause[aria-pressed=true] .play-icon{display:inline}#scene-status{min-width:90px;text-align:right}.about-content{display:block}.about-section{padding-bottom:55px}.coming-soon{font-size:18px;color:var(--muted);margin:0;padding:10px 0 25px}.margins-card .project-cover{background:color-mix(in srgb,var(--paper),white 12%)}.cover-title>span,.margins-card .cover-title>span{color:var(--muted)}.open-mark{background:color-mix(in srgb,var(--ink),transparent 85%);color:var(--ink)}.text-button,.reader-top button{background:var(--surface);color:var(--ink);border-color:var(--line)}dialog{background:var(--surface);border-color:var(--line);box-shadow:none}.essay:hover{background:var(--surface)}[data-scene-time='2']{--surface:color-mix(in srgb,var(--paper),white 7%);--lilac:color-mix(in srgb,var(--paper),white 10%)}button:focus-visible,a:focus-visible,.skyline:focus-visible{outline-color:var(--ink)}
@media(max-width:800px){header{grid-template-columns:1fr auto;gap:10px 20px}header nav{grid-column:1;grid-row:2;align-self:start}.site-controls{grid-column:2;grid-row:1/3}.hello{padding-top:28px}.cover-title{font-size:30px}}
@media(max-width:600px){:root{--page-gutter:20px}header{position:relative;padding:20px 0 19px;grid-template-columns:1fr auto;gap:14px 8px}.wordmark{font-size:20px;align-self:start;line-height:1.2}.wordmark span{font-size:22px;margin-left:3px}header nav{gap:14px}nav a{font-size:14px}.scene-controls.site-controls{grid-template-columns:1fr;grid-template-areas:'seasons' 'times' 'companion';gap:4px;align-self:start}.site-controls .companion-controls{border:0;padding:0;position:absolute;right:0;top:89px}.site-controls .season-buttons,.site-controls .time-buttons{gap:1px}.site-controls button{width:29px;height:29px}.site-controls .companion-controls button{width:29px;height:29px}header{padding-bottom:34px}.hello{padding:25px 0 22px;gap:10px}h1{font-size:48px}.scene-caption{padding:10px var(--page-gutter);flex-direction:row;flex-wrap:wrap;gap:5px 12px}.scene-caption #scene-hint{flex:1;min-width:180px}.scene-utilities{margin-left:0}#scene-status{min-width:0;font-size:12px}.about-section{padding-top:35px}.cover-title{font-size:36px}.cover-title em{font-size:58px}}
@media(max-width:600px){header{padding-bottom:20px}header nav{grid-column:1/-1;grid-row:2}.scene-controls.site-controls{grid-template-columns:89px 29px;grid-template-areas:'seasons seasons' 'times companion';gap:4px 0;grid-row:1}.site-controls .companion-controls{position:static;grid-area:companion}.site-controls .time-buttons{justify-content:start}}
:root{--scene-image:url('assets/boston-pixel.png');--dog-image:url('assets/dog-pixel.png')}.skyline{background-image:var(--scene-image)}.cursor-dog .dog-sprite{background-image:var(--dog-image)}[data-art-style='pixel'] .skyline,[data-art-style='pixel'] .dog-sprite{image-rendering:pixelated}[data-art-style='ghibli'] .skyline,[data-art-style='ghibli'] .dog-sprite{image-rendering:auto}.scene-controls.site-controls{grid-template-areas:'seasons companion' 'times companion' 'art companion'}.site-controls .art-buttons{grid-area:art;display:flex;justify-content:end;gap:3px}.site-controls .companion-controls{align-self:start;margin-top:19px}[data-art-style='pixel'] .cover-title,[data-art-style='pixel'] .kicker{font-family:'Pixelify Sans',sans-serif;letter-spacing:0}
@media(max-width:600px){.scene-controls.site-controls{grid-template-areas:'seasons seasons' 'times companion' 'art art'}.site-controls .art-buttons{gap:1px}.site-controls .companion-controls{margin-top:0}header nav{margin-top:0}.site-controls .art-buttons{justify-content:end}}
.skyline{aspect-ratio:var(--scene-ratio,2);background-size:300% 400%}
/* Each season now has its own full-size source, rendered separately from particles. */
header{margin-bottom:25px}.skyline{background:none;min-height:150px;aspect-ratio:var(--scene-ratio,2);position:relative}.boston-window{margin-top:0}#scene-art{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}#scene-animation{z-index:1}.hero-overlay{position:absolute;inset:9% 3% auto;z-index:2;display:flex;justify-content:center;pointer-events:none}.hero-overlay h1{color:var(--ink);opacity:.6;font-family:'Quicksand',sans-serif;font-size:clamp(36px,8vw,120px);font-weight:700;letter-spacing:-.055em;line-height:1.15;text-align:center;margin:0;max-width:100%;text-shadow:none}[data-art-style='pixel'] #scene-art{image-rendering:pixelated}[data-art-style='ghibli'] #scene-art{image-rendering:auto}[data-art-style='pixel'] .hero-overlay h1{font-family:'Pixelify Sans',sans-serif;letter-spacing:-.025em}.scene-caption{padding-top:17px}.about-section{padding-top:50px}@media(max-width:600px){header{margin-bottom:18px}.hero-overlay{top:8%}.hero-overlay h1{font-size:clamp(30px,9.5vw,46px)}.skyline{min-height:130px}.about-section{padding-top:35px}}

#scene-art{object-fit:cover;opacity:1}.skyline{opacity:1}

[data-art-style='ghibli'] .hero-overlay h1{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em;line-height:1.2}

.scene-controls.site-controls{grid-template-areas:'seasons companion' 'times companion'}.site-controls .companion-controls{margin-top:19px}

.section-heading h2{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.025em;line-height:1.2}

.section-heading h2{font-style:normal}.research-projects{display:grid;gap:0}.research-project{padding:28px 0;border-top:1px solid var(--line)}.research-project:first-child{border-top:0;padding-top:8px}.research-title{display:flex;align-items:baseline;justify-content:space-between;gap:24px}.research-title h3{margin:0;font-family:'Instrument Serif',Georgia,serif;font-size:30px;font-weight:400;line-height:1.25}.research-date{margin:0;white-space:nowrap;font-size:14px;color:var(--muted)}.research-project>p{max-width:760px;margin:12px 0 0;line-height:1.7}.research-details{color:var(--muted)}@media(max-width:600px){.research-title{display:block}.research-title h3{font-size:27px}.research-date{margin-top:6px}.research-project{padding:23px 0}}

.profile-links{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.profile-links a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:7px;color:var(--ink);text-decoration:none;border-radius:50%;transition:background .15s}.profile-links a:hover{background:color-mix(in srgb,var(--ink),transparent 92%)}.profile-links svg{flex-shrink:0}.profile-links .email-link{width:auto;gap:9px;border-radius:4px;font-size:14px}.email-link span{overflow-wrap:anywhere}@media(max-width:360px){.profile-links{gap:7px}.profile-links .email-link{gap:6px}}

.project-diagram{margin:24px 0 0;max-width:900px}.diagram-open{display:block;padding:0;border:0;background:none;width:100%;cursor:zoom-in}.project-diagram img{display:block;width:100%;height:auto}.diagram-open:hover{filter:none}#diagram-viewer{width:min(96vw,1600px);max-width:96vw;max-height:94vh;padding:20px;border:0;background:var(--paper);color:var(--ink)}#diagram-viewer::backdrop{background:#090b20b3}.diagram-viewer-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.diagram-viewer-top h2{font:400 26px/1.2 'Instrument Serif',Georgia,serif;margin:0}.diagram-viewer-top button{border:1px solid var(--line);background:none;padding:7px 12px;border-radius:4px}#diagram-full{display:block;width:100%;height:auto}@media(max-width:600px){#diagram-viewer{padding:12px}.diagram-viewer-top h2{font-size:22px}.project-diagram{margin-top:18px}}

.research-project.has-diagram{display:grid;grid-template-columns:minmax(0,1fr) 230px;gap:32px;align-items:center}.research-copy>p{max-width:760px;margin:12px 0 0;line-height:1.7}.has-diagram .research-title{display:block}.has-diagram .research-date{margin-top:6px}.research-project .project-diagram{width:100%;max-width:230px;margin:0}.project-diagram img{width:100%;height:auto;max-height:150px;object-fit:contain}.diagram-open{transition:transform .18s}.diagram-open:hover{transform:translateY(-2px)}@media(max-width:700px){.research-project.has-diagram{grid-template-columns:minmax(0,1fr);gap:18px}.research-project .project-diagram{width:200px;max-width:100%}.project-diagram img{max-height:125px}}

.research-title{display:block}.research-date{margin-top:6px}

.diagram-open{position:relative}.diagram-zoom{position:absolute;right:6px;bottom:6px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;border-radius:50%;background:#fff;color:#211e39;box-shadow:0 1px 5px #0002;pointer-events:none}.section-heading h2,.research-title h3{font-family:'Quicksand',sans-serif;font-style:normal;font-weight:600;letter-spacing:-.035em}

.wordmark{max-width:270px;line-height:1.25}@media(max-width:600px){.wordmark{font-size:18px;max-width:180px}}