@charset "UTF-8";
:root{--paper:#f8f7f3;--ink:#292923;--muted:#74746a;--line:#d9d8cf;--accent:#7a654c;--gutter:clamp(22px,4.4vw,88px);--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--ease:cubic-bezier(.2,.7,.2,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}::selection{background:#d9dfc9;color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;background:none;padding:0}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:7px}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}em{font-family:var(--serif);font-weight:400}h2{letter-spacing:-.045em}button[hidden],[hidden]{display:none!important}.wrap{max-width:var(--content-width,1480px);padding-left:var(--gutter);padding-right:var(--gutter);margin:auto}.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.12em;line-height:1.6}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;z-index:100;background:var(--ink);color:white;padding:18px;left:20px;top:20px}.header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:14px;font-size:12px;letter-spacing:.015em}.brand-symbol{font-family:var(--serif);font-style:italic;font-size:37px;letter-spacing:-.17em;padding-right:8px;line-height:1}.brand-symbol span{display:inline-block;transform:translateY(-3px)}.navigation{display:flex;align-items:center;gap:38px;font-size:12px}.navigation a{position:relative;padding:8px 0}.navigation a::after{content:'';height:1px;background:currentColor;position:absolute;bottom:0;left:0;width:100%;transform:scaleX(0);transform-origin:left;transition:transform .3s}.navigation a:hover::after,.navigation a[aria-current]::after{transform:scaleX(1)}.navigation a:last-child{margin-left:24px}.navigation span{margin-left:12px}.menu-toggle{display:none}.hero{padding-top:55px;padding-bottom:64px;position:relative}.hero-eyebrow{display:flex;gap:9px;align-items:center;margin-bottom:31px}.small-dot{width:6px;height:6px;background:var(--ink);border-radius:50%}.hero h1{position:relative;z-index:1;max-width:1300px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;margin-top:43px;gap:40px}.hero-bottom>p{font-size:15px;line-height:1.6;max-width:325px;margin-right:4.5%}.scroll-link{display:flex;gap:13px;align-items:center;font-size:11px}.circle-arrow{width:41px;height:41px;border:1px solid var(--line);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:19px;transition:background .3s,transform .3s}.scroll-link:hover .circle-arrow{background:var(--surface);transform:translateY(4px)}.hero-spark{position:absolute;right:10%;top:119px;font-size:72px;line-height:1;transform:rotate(10deg);font-family:var(--serif);color:#9a9d85}.section-heading{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:22px;margin-bottom:36px}.section-heading h2{font-size:17px;letter-spacing:-.02em}.section-heading sup{font-size:10px;vertical-align:top;letter-spacing:0;margin-left:5px;color:var(--muted)}.section-heading .eyebrow{color:var(--muted)}.project-grid{display:grid;grid-template-columns:1.2fr 1fr;column-gap:7%;row-gap:56px;align-items:start}.project-card:nth-child(even){margin-top:118px}.project-card:nth-child(4n+3) .project-image{aspect-ratio:1.23}.project-card:nth-child(4n+4) .project-image{aspect-ratio:.94}.project-image{position:relative;aspect-ratio:1.32;overflow:hidden;background:var(--surface)}.project-image img{height:100%;object-fit:cover;transition:transform 1s var(--ease),filter 1s}.project-link:hover .project-image img{transform:scale(1.035);filter:saturate(1.04)}.image-arrow{position:absolute;right:18px;bottom:18px;width:43px;height:43px;background:var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;transform:translateY(65px) rotate(-40deg);transition:transform .5s var(--ease)}.project-link:hover .image-arrow,.project-link:focus-visible .image-arrow{transform:translateY(0) rotate(0)}.project-label{display:flex;justify-content:space-between;gap:20px;padding-top:17px}.project-label h3{font-size:19px;letter-spacing:-.035em}.project-label p{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5}.project-number{font-size:10px;padding-top:4px;color:var(--muted)}.project-summary{display:none}.work-section{padding-bottom:110px}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;padding:12px 0;border-bottom:1px solid var(--ink);font-size:12px;transition:gap .3s}.text-link:hover{gap:40px}.text-link span{font-size:20px}.archive-link{margin-top:66px;min-width:210px}.about-preview{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:15%;padding-top:90px;padding-bottom:150px;border-top:1px solid var(--line)}.about-photo{width:64%;margin-left:18%;transform:rotate(-4deg)}.about-photo img{aspect-ratio:.76;object-fit:cover;filter:none}.about-preview-copy h2{font-size:clamp(34px,4.5vw,68px);line-height:1.1;max-width:520px;margin:26px 0}.about-preview-copy p{font-size:15px;line-height:1.7;max-width:350px;color:var(--muted);margin-bottom:28px}.footer{background:var(--surface);padding-top:65px;padding-bottom:25px}.footer-top .eyebrow{display:block}.footer-title{display:flex;align-items:center;justify-content:space-between;gap:30px;max-width:1050px;font-size:clamp(40px,6.2vw,100px);line-height:1.06;letter-spacing:-.055em;margin:30px 0;white-space:normal}.footer-title>span{font-size:.85em;align-self:flex-start;transition:transform .3s}.footer-title:hover>span{transform:translate(8px,-8px)}.email-link{font-size:13px;border-bottom:1px solid var(--muted);padding-bottom:6px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:10px;color:var(--muted);border-top:1px solid var(--line);padding-top:24px;margin-top:85px}.footer-bottom>div{display:flex;gap:26px}.footer-bottom a:hover{text-decoration:underline}.page-hero{padding-top:85px;padding-bottom:80px}.page-hero>.eyebrow{display:block;margin-bottom:28px}.page-hero h1{max-width:1100px}.page-hero>p{max-width:450px;line-height:1.7;font-size:16px;margin-top:30px}.work-toolbar{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;display:flex;justify-content:space-between;gap:20px;margin-bottom:40px}.filters,.view-switch{display:flex;gap:24px;align-items:center;font-size:12px}.filters button,.view-switch button{color:var(--muted)}.filters button[aria-pressed=true],.view-switch button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:6px}.filters sup{font-size:9px;margin-left:4px}.view-switch{gap:10px}.view-switch>span{color:var(--line)}.project-grid.is-filtered .project-card{margin-top:0}.project-grid.is-list{display:block}.is-list .project-card{margin:0;border-bottom:1px solid var(--line)}.is-list .project-link{display:grid;grid-template-columns:130px 1fr 1fr;align-items:center;gap:35px;padding:20px 0}.is-list .project-image{aspect-ratio:1.5!important}.is-list .project-label{padding:0}.is-list .project-summary{display:block;font-size:13px;line-height:1.6;color:var(--muted);max-width:300px;justify-self:end}.is-list .image-arrow{display:none}.project-hero{padding-top:55px;padding-bottom:45px}.back-link{display:inline-block;margin-bottom:52px}.project-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:30px}.project-title-row>.eyebrow{flex-shrink:0}.project-hero>p{font-size:17px;line-height:1.6;margin-top:25px;max-width:600px;color:var(--muted)}.project-cover img{max-height:780px;object-fit:cover;width:100%}.project-story{display:grid;grid-template-columns:1fr 1.6fr;gap:10%;padding-top:80px;padding-bottom:90px}.project-story aside>p{margin-top:18px;line-height:1.5;max-width:230px;font-size:14px}.prose{font-size:17px;line-height:1.8}.prose p+p{margin-top:25px}.prose a{text-decoration:underline;text-underline-offset:3px}.project-story details{margin-top:30px;max-width:300px}.project-story summary{cursor:pointer;display:flex;justify-content:space-between;font-size:12px;border-bottom:1px solid var(--line);padding-bottom:12px}.credits{font-size:12px;line-height:1.7;padding-top:22px;color:var(--muted)}.credits p+p{margin-top:18px}.project-gallery figure{margin-bottom:42px}.zoom-image{position:relative;display:block;width:100%;cursor:zoom-in;overflow:hidden}.zoom-image img{width:100%;max-height:1100px;object-fit:contain;background:var(--surface)}.zoom-image>span{position:absolute;right:20px;bottom:20px;background:var(--paper);border-radius:50%;width:40px;height:40px;display:grid;place-items:center}.project-gallery figcaption{font-size:11px;color:var(--muted);padding-top:14px;line-height:1.6}.video-link{border:1px solid var(--line);padding:25px;display:flex;gap:20px;align-items:center;margin-bottom:25px}.video-link>span:last-child{margin-left:auto;font-size:25px}.video-link small{display:block;margin-top:6px;color:var(--muted)}.next-project{padding-top:90px;padding-bottom:90px}.next-project>a{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:25px;border-bottom:1px solid var(--line);padding-bottom:40px}.next-project h2{font-size:clamp(36px,6vw,90px)}.next-project>a>span{font-size:60px}.about-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;padding-bottom:120px;align-items:start}.portrait img{aspect-ratio:.74;object-fit:cover;filter:none}.portrait .eyebrow{margin-top:16px}.about-text>h2{font-size:clamp(25px,2.5vw,40px);line-height:1.3;margin-bottom:35px}.about-text .prose{font-size:15px;color:var(--muted)}.about-text .text-link{margin-top:30px}.playground-hero{position:relative;padding-bottom:100px}.playground-hero h1{max-width:900px;font-family:var(--heading-font);font-style:normal}.playground-hero p{max-width:330px}.play-spark{position:absolute;right:12%;bottom:70px;font-size:95px;color:#949982}.playground-grid .project-grid{grid-template-columns:1fr 1fr;gap:7%}.playground-grid .project-card:nth-child(2n){transform:rotate(2deg)}.playground-grid .project-card:nth-child(2n+1){transform:rotate(-2deg)}.contact-hero{padding-bottom:130px}.contact-hero h1{max-width:1050px}.contact-email{display:inline-block;font-size:clamp(22px,3.6vw,52px);letter-spacing:-.04em;margin-top:60px;border-bottom:1px solid var(--ink);padding-bottom:14px}.contact-email span{display:inline-block;margin-left:20px}.contact-meta{display:flex;gap:30px;flex-wrap:wrap;font-size:12px;margin-top:36px}.copy-email{text-decoration:underline;text-underline-offset:4px}.copy-status{color:var(--muted)}.legal-copy{max-width:950px;padding-bottom:100px;font-size:14px;overflow-wrap:anywhere}.lightbox{border:0;background:var(--paper);padding:55px 30px 25px;max-width:95vw;width:1400px;max-height:95vh;color:var(--ink)}.lightbox::backdrop{background:#191914db;backdrop-filter:blur(8px)}.lightbox img{height:75vh;object-fit:contain}.lightbox p{font-size:12px;text-align:center;margin-top:15px}.lightbox-close{position:absolute;right:25px;top:20px}.lightbox[open]{display:block}body.has-lightbox{overflow:hidden}
@media(min-width:1500px){.hero{padding-top:100px}.hero-bottom{margin-top:55px}.hero-spark{top:150px}.project-label h3{font-size:23px}}
@media(max-width:1000px){.hero-spark{right:8%;top:94px;font-size:56px}.hero-bottom>p{margin-right:0;max-width:300px}.navigation{gap:24px}.project-grid{column-gap:5%}.project-card:nth-child(even){margin-top:85px}.about-preview{gap:8%}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:700px){.header{height:86px}.brand{font-size:11px}.brand-symbol{font-size:32px}.menu-toggle{display:flex;align-items:center;gap:18px;font-size:12px}.menu-toggle span{font-size:23px;transition:transform .2s}.menu-toggle[aria-expanded=true] span{transform:rotate(45deg)}.navigation{display:none;position:absolute;z-index:10;left:0;right:0;top:86px;background:var(--paper);padding:24px var(--gutter) 35px;border-bottom:1px solid var(--line)}.navigation.is-open{display:flex;flex-direction:column;align-items:stretch;gap:10px}.navigation a{font-size:26px;padding:10px 0}.navigation a:last-child{margin:0}.navigation span{float:right}.hero{padding-top:50px;padding-bottom:60px}.hero-eyebrow{margin-bottom:28px}.hero-eyebrow .eyebrow{font-size:8px}.hero-spark{top:8px;right:var(--gutter);font-size:34px}.hero-bottom{flex-direction:column-reverse;align-items:start;gap:30px;margin-top:30px}.hero-bottom>p{max-width:305px;font-size:13px}.scroll-link{font-size:10px}.circle-arrow{width:35px;height:35px}.section-heading{margin-bottom:24px;padding-top:18px}.section-heading .eyebrow{display:none}.section-heading h2{font-size:15px}.project-grid{grid-template-columns:1fr;row-gap:36px}.project-card:nth-child(even){margin-top:0}.project-image,.project-card:nth-child(4n+3) .project-image,.project-card:nth-child(4n+4) .project-image{aspect-ratio:1.25}.project-label h3{font-size:18px}.project-label p{font-size:10px}.image-arrow{transform:none;width:32px;height:32px;font-size:17px;right:12px;bottom:12px}.work-section{padding-bottom:65px}.archive-link{margin-top:38px}.about-preview{grid-template-columns:1fr;gap:50px;padding-top:60px;padding-bottom:75px}.about-photo{width:50%;margin-left:15%}.about-preview-copy h2{max-width:380px;margin:18px 0}.about-preview-copy p{font-size:14px}.footer{padding-top:45px}.footer-title{font-size:42px;letter-spacing:-.055em}.footer-bottom{flex-direction:column;align-items:start;gap:18px;margin-top:55px}.footer-bottom>div{gap:25px;width:100%;justify-content:space-between}.page-hero{padding-top:45px;padding-bottom:45px}.page-hero>p{font-size:14px}.work-toolbar{flex-wrap:wrap;gap:22px;padding:16px 0}.filters{gap:18px;font-size:11px;flex-wrap:wrap}.view-switch{font-size:11px}.is-list .project-link{grid-template-columns:70px 1fr;gap:18px}.is-list .project-summary{display:none}.is-list .project-label h3{font-size:15px}.is-list .project-label p{font-size:9px}.is-list .project-number{display:none}.project-hero{padding-top:35px;padding-bottom:30px}.back-link{margin-bottom:35px}.project-title-row{display:block}.project-title-row .eyebrow{display:block;margin-top:20px}.project-hero>p{font-size:14px;margin-top:15px}.project-story{grid-template-columns:1fr;gap:35px;padding-top:40px;padding-bottom:45px}.prose{font-size:15px}.project-story details{max-width:none}.project-gallery figure{margin-bottom:26px}.project-gallery figcaption{font-size:10px}.next-project{padding-top:45px;padding-bottom:50px}.next-project>a>span{font-size:40px}.next-project h2{font-size:35px}.about-layout{grid-template-columns:1fr;gap:40px;padding-bottom:65px}.portrait{width:85%}.about-text>h2{font-size:28px}.playground-grid .project-grid{grid-template-columns:1fr;gap:42px}.playground-hero{padding-bottom:75px}.play-spark{bottom:20px;font-size:45px}.contact-hero{padding-bottom:70px}.contact-email{font-size:clamp(19px,5.7vw,32px);margin-top:35px;overflow-wrap:anywhere}.contact-email span{margin-left:6px}.contact-meta{gap:20px;font-size:11px}.lightbox{padding:50px 12px 20px}.lightbox img{height:65vh}.lightbox p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}



@media(max-width:700px){html:not(.js) .header{height:auto;min-height:86px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px}html:not(.js) .menu-toggle{display:none}html:not(.js) .navigation{display:flex;position:static;flex-wrap:wrap;padding:10px 0 0;border:0;gap:20px}html:not(.js) .navigation a{font-size:12px}}


:root{--surface:#eeeee6;--content-width:1480px;--section-space:96px;--heading-font:var(--sans);--display-size:8.2vw;--image-radius:0px;--image-ratio:4 / 3}
body{font-weight:400;line-height:1.5}
h1,h2,h3,.footer-title{font-family:var(--heading-font,var(--sans))}
h1,.page-hero h1,.project-title-row h1,.playground-hero h1{font-weight:400;text-wrap:balance}
em{font-family:var(--serif);font-weight:400;letter-spacing:-.045em}
.hero{padding-top:calc(var(--section-space)*.58);padding-bottom:calc(var(--section-space)*.65)}
.hero h1{max-width:1150px}.hero-bottom{margin-top:40px}.hero-bottom>p{font-size:14px;max-width:330px;line-height:1.75}
.header{height:104px}.brand{font-size:12px;font-weight:500;letter-spacing:0}.brand-symbol{font-family:var(--serif);letter-spacing:-.08em;font-size:35px}.navigation{font-size:12px;gap:32px}.navigation a{min-height:36px;display:inline-flex;align-items:center;gap:10px}.navigation a:last-child{margin-left:12px}.navigation span{margin:0;display:inline-flex}.navigation a:hover{color:var(--accent)}
.icon{display:inline-block;vertical-align:middle;width:20px;height:20px;flex-shrink:0;pointer-events:none}
.text-link,.back-link,.back-top,.footer-bottom a,.contact-meta a,.copy-email,.lightbox-close{display:inline-flex;align-items:center;gap:9px}
.text-link{gap:28px;font-size:12px;line-height:1.5;padding:13px 0}.text-link:hover,.email-link:hover,.contact-email:hover,.footer-title:hover{color:var(--accent)}
.text-link span,.image-arrow,.circle-arrow,.zoom-image>span{display:inline-flex;align-items:center;justify-content:center}.text-link .icon{width:18px;height:18px}.navigation .icon,.back-link .icon,.footer-bottom .icon{width:14px;height:14px}.circle-arrow .icon{width:18px;height:18px}.image-arrow .icon{width:19px;height:19px}.image-arrow{width:42px;height:42px;background:var(--paper);color:var(--ink)}
.menu-toggle span{display:inline-flex}.menu-toggle .icon{width:20px;height:20px}
.work-section{padding-bottom:var(--section-space)}.section-heading{padding-top:20px;margin-bottom:32px}.section-heading h2{font-size:16px;letter-spacing:-.025em}.eyebrow{font-size:10px;letter-spacing:.11em;line-height:1.6}
.project-grid{grid-template-columns:1.12fr 1fr;column-gap:6%;row-gap:calc(var(--section-space)*.65)}
.project-card:nth-child(even){margin-top:calc(var(--section-space)*.9)}
.project-image,.project-card:nth-child(4n+3) .project-image,.project-card:nth-child(4n+4) .project-image{aspect-ratio:var(--image-ratio);border-radius:var(--image-radius)}
.project-label{padding-top:18px}.project-label h3{font-size:18px;line-height:1.3;letter-spacing:-.025em}.project-label p{font-size:11px;line-height:1.6;color:var(--muted)}.project-number{font-variant-numeric:tabular-nums;letter-spacing:.04em}
.project-grid.is-filtered .project-card,body[data-grid=aligned] .project-card{margin-top:0}body[data-grid=aligned] .project-grid{grid-template-columns:1fr 1fr}
.project-grid.is-list .project-card{margin-top:0}.project-grid.is-list .project-image{aspect-ratio:4 / 3!important}.project-grid.is-list .project-label h3{font-size:20px}
.about-preview{padding-top:var(--section-space);padding-bottom:var(--section-space);gap:12%}.about-photo{transform:none;margin-left:14%;width:70%}.about-photo img,.portrait img{border-radius:var(--image-radius)}.about-preview-copy h2{font-size:clamp(34px,4vw,58px);line-height:1.16;letter-spacing:-.045em}.about-preview-copy p{line-height:1.8;color:var(--muted)}
.page-hero{padding-top:calc(var(--section-space)*.65);padding-bottom:calc(var(--section-space)*.8)}.page-hero>p{max-width:440px;line-height:1.75;color:var(--muted);font-size:15px}
.playground-hero{padding-bottom:var(--section-space)}.playground-hero h1{max-width:1050px}.playground-grid .project-card:nth-child(n){transform:none}.playground-grid .project-grid{grid-template-columns:1.12fr 1fr;gap:6%}.playground-grid .project-card{margin-bottom:50px}
.project-hero{padding-top:calc(var(--section-space)*.5)}.project-cover img{border-radius:var(--image-radius)}.project-story{padding-top:calc(var(--section-space)*.8);padding-bottom:var(--section-space)}.prose{font-size:16px;line-height:1.85}.project-story summary .icon{width:16px;height:16px}.project-gallery .zoom-image{border-radius:var(--image-radius)}.video-link{border-radius:var(--image-radius)}.video-link>span:last-child .icon{width:20px;height:20px}.next-project{padding-top:var(--section-space);padding-bottom:var(--section-space)}.next-project>a>span .icon{width:48px;height:48px}.about-layout{padding-bottom:var(--section-space)}
.footer{background:var(--surface);padding-top:calc(var(--section-space)*.65)}.footer-title{font-size:clamp(38px,5.6vw,84px);line-height:1.15;max-width:1100px;letter-spacing:-.05em}.footer-title>span{display:inline-flex;margin-top:8px}.footer-title .icon{width:clamp(36px,5vw,68px);height:clamp(36px,5vw,68px)}.footer-bottom{color:var(--muted);border-color:var(--line);font-size:11px}.footer-bottom>div{align-items:center}.contact-email .icon{width:30px;height:30px}.contact-meta .icon{width:14px;height:14px}.lightbox-close{font-size:12px}.lightbox-close .icon{width:18px;height:18px}.view-switch button{display:inline-flex;align-items:center;gap:7px;min-height:30px}.view-switch .icon{width:15px;height:15px}.filters button{min-height:30px}.filters button:hover{color:var(--accent)}
::selection{background:var(--accent);color:var(--paper)}
body[data-motion=off] *,body[data-motion=off] *::before,body[data-motion=off] *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}body[data-motion=off] .project-link:hover img{transform:none}
@media(max-width:700px){.header{height:86px}.navigation a{font-size:24px}.navigation a:last-child{margin-left:0}.navigation .icon{width:20px;height:20px}.hero{padding-top:36px;padding-bottom:calc(var(--section-space)*.55)}.hero-bottom{margin-top:28px}.hero-bottom>p{font-size:13px}.project-grid,body[data-grid=aligned] .project-grid,.playground-grid .project-grid{grid-template-columns:1fr;gap:36px}.project-card:nth-child(n){margin-top:0}.work-section{padding-bottom:calc(var(--section-space)*.7)}.project-label h3{font-size:17px}.project-image,.project-card:nth-child(4n+3) .project-image,.project-card:nth-child(4n+4) .project-image{aspect-ratio:var(--image-ratio)}.image-arrow{width:34px;height:34px}.image-arrow .icon{width:16px;height:16px}.about-preview{padding-top:calc(var(--section-space)*.6);padding-bottom:calc(var(--section-space)*.7)}.about-photo{width:65%;margin-left:0}.about-preview-copy h2{font-size:34px}.page-hero{padding-top:40px;padding-bottom:45px}.project-grid.is-list .project-label h3{font-size:15px}.footer-title{font-size:38px}.footer-title .icon{width:32px;height:32px}.footer-bottom{font-size:10px}.project-story{padding-top:40px;padding-bottom:45px}.contact-email .icon{width:22px;height:22px}.next-project{padding-top:50px;padding-bottom:50px}.next-project>a>span .icon{width:30px;height:30px}.prose{font-size:15px}.about-layout{padding-bottom:65px}.playground-grid .project-card{margin-bottom:0}}

html[data-motion=off]{scroll-behavior:auto}

.notebook-header{padding-top:64px;padding-bottom:60px}.notebook-header>.eyebrow{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.notebook-header h1{font-family:var(--serif);font-style:italic;font-weight:400;max-width:850px;margin:45px 0}.notebook-intro{display:flex;justify-content:space-between;align-items:end;gap:40px}.notebook-intro p{font-size:14px;line-height:1.8;max-width:420px;color:var(--muted)}.notebook-intro>.eyebrow{color:var(--muted)}.notebook{columns:3;column-gap:32px;padding-bottom:var(--section-space)}.study{break-inside:avoid;display:inline-block;width:100%;margin:0 0 48px;vertical-align:top}.study-image{border-radius:var(--image-radius);background:var(--surface);width:100%}.study-image img{width:100%;height:auto;max-height:none;object-fit:contain;background:var(--surface)}.study-image>span{width:32px;height:32px;right:12px;bottom:12px;opacity:0;transition:opacity .2s}.study-image:hover>span,.study-image:focus-visible>span{opacity:1}.study-image .icon{width:16px;height:16px}.study-meta{display:flex;justify-content:space-between;gap:15px;color:var(--muted);font-size:10px;letter-spacing:.06em;text-transform:uppercase;margin:16px 0 9px}.study h2{font-family:var(--heading-font);font-size:19px;line-height:1.3;letter-spacing:-.025em}.study figcaption>p{font-size:12px;line-height:1.7;color:var(--muted);margin:10px 0}.study-source{font-size:10px;display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid var(--line);padding-bottom:3px}.study-source .icon{width:12px;height:12px}.study-source:hover{color:var(--accent)}.notebook-empty{column-span:all;padding:40px 0;color:var(--muted)}
@media(max-width:1000px){.notebook{columns:2}}@media(max-width:600px){.notebook{columns:1}.notebook-header{padding-top:30px;padding-bottom:38px}.notebook-header h1{margin:30px 0}.notebook-intro{display:block}.notebook-intro>.eyebrow{display:block;margin-top:22px}.study{margin-bottom:34px}.study-image>span{opacity:1}}


:root{--motion-fast:160ms;--motion-base:260ms;--motion-image:600ms;--ease:cubic-bezier(.22,.68,0,1)}
html{scrollbar-gutter:stable}
.navigation a,.text-link,.email-link,.contact-email,.footer-title,.filters button,.view-switch button,.study-source{transition:color var(--motion-fast) ease}
.navigation a::after{transition:transform var(--motion-base) var(--ease)}
.text-link:hover{gap:28px}
.text-link .icon,.back-link .icon,.study-source .icon,.next-project .icon,.footer-title>span{transition:transform var(--motion-base) var(--ease)}
.text-link:hover .icon,.study-source:hover .icon,.next-project>a:hover .icon{transform:translate(3px,-3px)}
.back-link:hover .icon{transform:translateX(-3px)}
.footer-title:hover>span{transform:translate(4px,-4px)}
.project-image img{transition:transform var(--motion-image) var(--ease);filter:none!important}
.project-link:hover .project-image img{transform:scale(1.02)}
.image-arrow{opacity:0;transform:translateY(6px);transition:opacity var(--motion-base) ease,transform var(--motion-base) var(--ease)}
.project-link:hover .image-arrow,.project-link:focus-visible .image-arrow{opacity:1;transform:none}
.zoom-image>span{transition:opacity var(--motion-base) ease,transform var(--motion-base) var(--ease)}
.zoom-image:hover>span{transform:scale(1.06)}
.circle-arrow{transition:background var(--motion-fast) ease,transform var(--motion-base) var(--ease)}
.lightbox[open]{animation:lightbox-enter 200ms ease}
.lightbox[open]::backdrop{animation:backdrop-enter 200ms ease}
.lightbox.is-closing::backdrop{animation:backdrop-exit 160ms ease forwards}
.lightbox-close{min-height:32px;padding:4px}
@keyframes lightbox-enter{from{opacity:0}to{opacity:1}}
@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@keyframes backdrop-exit{from{opacity:1}to{opacity:0}}
@media(max-width:700px){
  .js .navigation{display:flex;flex-direction:column;align-items:stretch;gap:10px;opacity:0;visibility:hidden;transform:translateY(-8px);pointer-events:none;transition:opacity var(--motion-base) ease,transform var(--motion-base) var(--ease),visibility 0s var(--motion-base)}
  .js .navigation.is-open{opacity:1;visibility:visible;transform:none;pointer-events:auto;transition-delay:0s}
  .menu-toggle span{transition:transform var(--motion-base) var(--ease)}
  .image-arrow{opacity:1;transform:none}
}
@media(hover:none){.image-arrow,.study-image>span{opacity:1;transform:none}.project-link:hover .project-image img{transform:none}}
@media(prefers-reduced-motion:reduce){.project-link:hover .project-image img,.zoom-image:hover>span{transform:none}}
body[data-motion=off] .zoom-image:hover>span{transform:none}


html{color-scheme:light}html[data-color-mode=dark]{color-scheme:dark}
body,.footer,.navigation,.lightbox,.study-image{transition:background-color 240ms ease,color 180ms ease,border-color 180ms ease}
.header{gap:24px}.navigation{order:2;margin-left:auto}.theme-toggle{order:3;display:grid;place-items:center;position:relative;flex:0 0 40px;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--surface);transition:background-color 180ms ease,transform 260ms var(--ease)}
.theme-toggle>span{display:flex}.theme-toggle .icon{width:18px;height:18px}.theme-toggle:hover{background:var(--accent);color:var(--accent-ink,#242421)}.theme-toggle:active{transform:scale(.94)}
.theme-sun{display:none!important}html[data-color-mode=dark] .theme-sun{display:flex!important}html[data-color-mode=dark] .theme-moon{display:none}
.small-dot{background:var(--accent);width:9px;height:9px}.image-arrow,.zoom-image>span{background:var(--accent);color:var(--accent-ink,#242421)}
.navigation a:hover,.text-link:hover,.email-link:hover,.contact-email:hover,.footer-title:hover,.filters button:hover,.study-source:hover{color:var(--ink)}
.navigation a::after{background:var(--accent);height:3px}.text-link:hover,.email-link:hover,.contact-email:hover,.study-source:hover{border-color:var(--accent)}
.filters button[aria-pressed=true]{text-decoration:none;box-shadow:inset 0 -3px var(--accent)}
.scroll-link:hover .circle-arrow{background:var(--accent);color:var(--accent-ink,#242421);border-color:var(--accent)}
::selection{background:var(--accent);color:var(--accent-ink,#242421)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:var(--ink)}

.notebook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 40px;columns:auto;align-items:start}
.study{display:block;margin:0;min-width:0}.study-image{aspect-ratio:4/3;display:grid;place-items:center;padding:clamp(18px,3vw,40px);background:var(--surface)}
.study-image img{width:100%;height:100%;min-height:0;object-fit:contain;background:transparent}
.study-meta{margin:20px 0 10px}.study figcaption>p{max-width:42ch;margin-bottom:14px}.study-source{padding-bottom:5px}
.notebook-header{padding-top:50px;padding-bottom:48px}.notebook-header h1{font-family:var(--heading-font);font-style:normal;max-width:900px;margin:36px 0 28px}.notebook-intro>.eyebrow{display:none}
.notebook-empty{grid-column:1/-1}

main{min-width:0}.wrap{width:100%}.project-card,.project-link,.about-text,.about-preview-copy,.project-story>*,.footer-title{min-width:0}
h1,h2,h3,.prose,.project-summary,.contact-email{overflow-wrap:anywhere}
.project-title-row>.eyebrow{flex-shrink:1}.footer-title{max-width:100%}.footer-title>span{flex-shrink:0}
.contact-email{max-width:100%;font-size:clamp(20px,3.6vw,52px)}
.lightbox{max-height:calc(100dvh - 32px);max-width:calc(100vw - 32px)}.lightbox img{height:auto;max-height:calc(100dvh - 155px)}.lightbox p{line-height:1.6}.lightbox-close{min-height:36px}
@media(min-width:701px) and (max-width:900px){.header{gap:16px}.navigation{gap:20px}.navigation a:last-child{margin-left:0}.brand{gap:10px}.about-preview{gap:7%}.about-layout{gap:7%}.project-story{gap:7%;grid-template-columns:1fr 1.5fr}}
@media(max-width:700px){
 .header{gap:14px}.brand{margin-right:auto;gap:10px}.brand-symbol{font-size:30px}.theme-toggle{order:2;flex-basis:36px;width:36px;height:36px}.menu-toggle{order:3;gap:7px;min-height:44px}.navigation{margin-left:0}.navigation a{min-height:44px}.navigation a::after{width:32px}
 .hero-bottom{gap:24px}
 .work-toolbar{margin-bottom:28px;gap:12px}.filters{gap:16px}.filters button,.view-switch button{min-height:40px}.view-switch{margin-left:auto}
 .project-label{padding-top:14px}.project-grid.is-list .project-link{grid-template-columns:76px minmax(0,1fr);gap:16px}.project-grid.is-list .project-label{gap:8px}
 .about-preview-copy h2{font-size:clamp(28px,7vw,36px)}.about-photo{width:75%}.footer-title{font-size:clamp(30px,8vw,42px);gap:16px}.footer-bottom{margin-top:44px}.footer-bottom>div{gap:16px;flex-wrap:wrap}
 .notebook{gap:36px 24px}.notebook-header{padding-top:30px;padding-bottom:32px}.notebook-header h1{margin:28px 0 20px}.notebook-intro p{font-size:13px}.notebook-header>.eyebrow{font-size:9px}.study h2{font-size:18px}.study-meta{font-size:9px;gap:10px}
 .contact-hero{padding-bottom:64px}.contact-email{font-size:clamp(19px,5.6vw,34px)}.contact-meta{gap:20px}.copy-status{flex-basis:100%}.copy-status:empty{display:none}
 .project-story aside>p{max-width:none}.project-hero .back-link{margin-bottom:28px}.next-project h2{font-size:clamp(28px,7vw,42px)}
}
@media(max-width:600px){.notebook{grid-template-columns:minmax(0,1fr)}.study-image{padding:24px}.study figcaption>p{max-width:none}.study-meta{margin-top:16px}}
@media(max-width:360px){.header{gap:10px}.brand{gap:7px;font-size:10px}.brand-symbol{font-size:27px}.menu-toggle{font-size:11px}.filters{gap:12px}.footer-bottom>div{column-gap:14px}}
@media(prefers-reduced-motion:reduce){body,.footer,.navigation,.lightbox,.study-image{transition:none}}



:root{--ease:cubic-bezier(.22,1,.36,1);--motion-base:300ms;--motion-image:700ms}
.project-link:hover .project-image img{transform:scale(1.015)}
.image-arrow{transform:translateY(4px)}
.text-link:hover .icon,.study-source:hover .icon,.next-project>a:hover .icon{transform:translate(2px,-2px)}
.footer-title:hover>span{transform:translate(3px,-3px)}
@media(prefers-reduced-motion:no-preference){
 @view-transition{navigation:auto}
 html[data-motion=on] .header{view-transition-name:site-header}
 ::view-transition-old(root){animation:none;mix-blend-mode:normal}
 ::view-transition-new(root){animation:document-in 160ms ease-out both;mix-blend-mode:normal}
 ::view-transition-group(site-header){animation-duration:0s}
 ::view-transition-old(site-header){animation:none;opacity:0}
 ::view-transition-new(site-header){animation:none}
}
@keyframes editorial-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes document-out{to{opacity:0}}
@keyframes document-in{from{opacity:0}to{opacity:1}}
@media(hover:none){.project-link:hover .project-image img{transform:none}.image-arrow{transform:none}}
@media(prefers-reduced-motion:reduce){.project-link:hover .project-image img{transform:none}}


.project-link:hover .project-image img,.text-link:hover .icon,.study-source:hover .icon,.next-project>a:hover .icon,.footer-title:hover>span,.back-link:hover .icon,.scroll-link:hover .circle-arrow,.zoom-image:hover>span{transform:none}
.image-arrow,.project-link:hover .image-arrow,.project-link:focus-visible .image-arrow{transform:none;transition:opacity 180ms ease}
.project-image img{transition:none}

.project-story{grid-template-columns:minmax(220px,.8fr) minmax(0,1.6fr);gap:clamp(40px,8vw,120px);align-items:start}
.project-story aside{border-top:1px solid var(--line);padding-top:20px}
.project-story aside>.eyebrow{color:var(--muted);font-size:10px}
.project-story aside>p{font-family:var(--heading-font);font-size:22px;line-height:1.35;letter-spacing:-.035em;margin-top:12px;max-width:none}
.project-story details{margin-top:24px;max-width:none}
.project-story summary{align-items:center;min-height:44px;padding:10px 0;font-size:12px;border-color:var(--line)}
.project-story summary>span{display:flex}.project-story details[open] summary .icon{transform:rotate(45deg)}
.project-story .credits{padding-top:0;color:var(--ink)}
.project-facts{margin:0}.project-facts>div{padding:16px 0;border-bottom:1px solid var(--line)}
.project-facts dt{color:var(--muted);font-size:10px;line-height:1.5;margin-bottom:6px}
.project-facts dd{margin:0;font-size:12px;line-height:1.7}.project-facts dd p+p{margin-top:4px}
.project-story>.prose{padding-top:16px;font-size:17px;line-height:1.85}
@media(max-width:700px){.project-story{grid-template-columns:1fr;gap:28px}.project-story aside>p{font-size:20px}.project-story>.prose{padding-top:0;font-size:15px}.project-facts>div{padding:14px 0}}


.project-grid.is-list{border-top:1px solid var(--line)}
.project-grid.is-list .project-card{border-bottom:1px solid var(--line)}
.project-grid.is-list .project-link{grid-template-columns:96px minmax(0,1.3fr) minmax(0,1fr);gap:32px;min-height:132px;padding:20px 18px;background:transparent;transition:background-color 180ms ease}
.project-grid.is-list .project-link:hover,.project-grid.is-list .project-link:focus-visible{background:var(--surface)}
.project-grid.is-list .project-link:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}
.project-grid.is-list .project-label{align-items:center;gap:24px}
.project-grid.is-list .project-label>div{min-width:0}
.project-grid.is-list .project-label h3{font-size:18px;line-height:1.4}
.project-grid.is-list .project-label p{margin-top:5px}
.project-grid.is-list .project-number{padding:0;min-width:2ch;font-variant-numeric:tabular-nums}
.project-grid.is-list .project-summary{justify-self:stretch;max-width:34ch;margin-left:auto;font-size:12px;line-height:1.7}
@media(max-width:700px){
 .project-grid.is-list .project-link{grid-template-columns:64px minmax(0,1fr);gap:16px;min-height:104px;padding:16px 12px}
 .project-grid.is-list .project-label{gap:12px}
 .project-grid.is-list .project-label h3{font-size:15px}
 .project-grid.is-list .project-label p{font-size:10px}
}
@media(hover:none){.project-grid.is-list .project-link:hover{background:transparent}.project-grid.is-list .project-link:active{background:var(--surface)}}


:root{--ease:cubic-bezier(.2,.65,.3,1);--motion-fast:160ms;--motion-base:220ms}
.project-hero{padding-bottom:32px}.project-title-row{align-items:center}.project-title-row h1{max-width:16ch;overflow-wrap:normal;hyphens:auto}.project-title-row>.eyebrow{white-space:nowrap}
.project-hero>p{max-width:48ch;font-size:16px;line-height:1.7}
.project-story{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}
.project-story>.prose{font-size:16px;line-height:1.8;max-width:65ch}
.project-story .prose :is(ul,ol){margin:20px 0 0;padding-left:1.4em}
.project-story .prose li{padding-left:.25em;margin:10px 0}
.project-story .prose li p{margin:0}
.project-story .prose>p+p{margin-top:20px}
.project-facts dt{font-size:11px}.project-facts dd{font-size:13px;line-height:1.65}
.project-facts :is(ul,ol){margin:6px 0;padding-left:1.3em}
.project-gallery figure{margin-bottom:clamp(28px,4vw,48px)}
.project-gallery figcaption{max-width:75ch;font-size:12px;line-height:1.65;padding-top:12px}
.project-gallery .zoom-image img{max-height:none}
.video-link{padding:20px;gap:16px;line-height:1.5}.video-link>span:nth-child(2){min-width:0}
.next-project>a{align-items:center}.next-project h2{overflow-wrap:normal;hyphens:auto}
.lightbox img{width:100%;height:calc(100dvh - 180px);max-height:800px;object-fit:contain}
.lightbox p{max-width:80ch;margin:14px auto 0}
@media(max-width:700px){
 .project-hero{padding-top:24px;padding-bottom:24px}.project-hero .back-link{margin-bottom:24px;min-height:32px}
 .project-title-row h1{max-width:18ch}
 .project-title-row .eyebrow{margin-top:14px}.project-hero>p{font-size:14px;line-height:1.7;margin-top:18px}
 .project-story{padding-top:32px;padding-bottom:40px;gap:28px}.project-story aside{padding-top:16px}.project-story aside>p{font-size:19px}
 .project-story>.prose{font-size:15px;line-height:1.8}.project-story details{margin-top:16px}
 .project-facts dd{font-size:12px}.project-gallery figcaption{font-size:11px;padding-top:10px}
 .video-link{padding:16px;gap:12px;font-size:13px}.video-link .circle-arrow{width:32px;height:32px}
 .next-project{padding-top:40px;padding-bottom:48px}.next-project>a{gap:20px;padding-bottom:24px;margin-top:18px}.next-project>a>span{flex-shrink:0}.next-project h2{font-size:clamp(26px,6.7vw,38px)}
 .lightbox img{height:calc(100dvh - 185px);max-height:650px}
}


.notebook-header{text-align:center;padding-top:40px;padding-bottom:32px;max-width:760px}
.notebook-header>.eyebrow{justify-content:center;gap:12px;border:0;padding:0;color:var(--muted)}
.notebook-header h1{font-family:var(--heading-font);font-style:normal;max-width:520px;margin:20px auto 16px;text-wrap:balance}
.notebook-intro{display:block}.notebook-intro p{font-size:12px;line-height:1.65;max-width:390px;margin:auto}
.notebook{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:54px;gap:0;max-width:1000px;padding-top:24px;padding-bottom:100px;isolation:isolate;align-items:start}
.study{position:relative;grid-column:span 4;grid-row:span 5;width:100%;margin:0;min-width:0;z-index:1;transition:none}
.study:nth-child(1){grid-column:2/span 5;grid-row:1/span 6;z-index:2}
.study:nth-child(2){grid-column:7/span 4;grid-row:2/span 5}
.study:nth-child(3){grid-column:1/span 4;grid-row:6/span 4;z-index:3}
.study:nth-child(4){grid-column:8/span 5;grid-row:6/span 5;z-index:4}
.study:nth-child(5){grid-column:4/span 4;grid-row:9/span 4;z-index:5}
.study:nth-child(6){grid-column:7/span 4;grid-row:12/span 5;z-index:6}
.study:hover,.study:focus-within{z-index:10}
.study-image,.study:nth-child(n) .study-image{aspect-ratio:auto;min-height:0;padding:0;background:transparent;border:0;border-radius:0;transform:none;overflow:hidden}
.study-image img{width:100%;height:auto;max-height:330px;object-fit:contain;background:transparent}
.study-image>span{right:10px;bottom:10px;width:28px;height:28px}
.study figcaption{position:relative;background:var(--paper);padding:10px 12px 12px;max-width:none}
.study-meta{margin:0 0 5px;gap:8px;justify-content:flex-start;align-items:center;font-size:8px;letter-spacing:.06em}
.study-meta>span:first-child{color:var(--muted);font-variant-numeric:tabular-nums}
.study h2{font-size:13px;line-height:1.35;letter-spacing:-.015em}
.study figcaption>p{display:none}.study-source{font-size:9px;border:0;padding:0;margin-top:7px;color:var(--muted)}
@media(max-width:700px){.notebook-header{padding-top:28px;padding-bottom:24px}.notebook-intro p{max-width:34ch}.notebook{grid-auto-rows:42px;padding-bottom:64px}.study-image img{max-height:250px}.study figcaption{padding:8px}.study h2{font-size:12px}.study-source{font-size:8px}}
@media(max-width:600px){
 .notebook{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:auto;gap:28px 16px;align-items:start;padding-top:12px}
 .study:nth-child(n){grid-column:auto;grid-row:auto;width:100%;margin:0;z-index:auto}
 .study:nth-child(even){margin-top:42px}
 .study-image img{max-height:none}.study figcaption{padding:10px 0 0}.study-meta{font-size:8px;flex-wrap:wrap;gap:4px}.study-source{font-size:9px}.notebook-header h1{max-width:280px}
}
@media(min-width:701px){.notebook{max-width:820px;grid-auto-rows:40px;padding-bottom:72px}.study-image img{max-height:250px}}


.hero-roles{position:relative}
.hero h1 .role-stack{display:grid;max-width:100%;font-family:var(--sans);font-style:normal;font-weight:400}
.role-word{grid-area:1/1;opacity:0;visibility:hidden;overflow-wrap:anywhere}
.role-word.is-current{opacity:1;visibility:visible}
.role-pause{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;font-size:11px;color:var(--muted)}
.role-pause:hover{color:var(--ink)}
.role-pause-symbol{width:8px;height:9px;border-inline:2px solid currentColor}
.role-pause[aria-pressed="true"] .role-pause-symbol{border:0;border-left:7px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent;height:0}


.role-word{position:relative;justify-self:start;isolation:isolate;padding-right:.04em}
.role-word::before{content:"";position:absolute;z-index:-1;left:-.015em;right:0;bottom:-.035em;height:clamp(2px,.045em,5px);background:var(--accent);opacity:1;transform:scaleX(0) rotate(0deg);transform-origin:left center;border-radius:2px 5px 3px 2px}
.role-word.is-current::before{animation:role-marker 650ms cubic-bezier(.22,.65,.3,1) 300ms both}
@keyframes role-marker{from{transform:scaleX(0) rotate(0deg)}to{transform:scaleX(1) rotate(0deg)}}
[data-color-mode="dark"] .role-word::before{opacity:1}
[data-motion="off"] .role-word.is-current::before{animation:none;transform:scaleX(1) rotate(0deg)}
@media(prefers-reduced-motion:reduce){.role-word.is-current::before{animation:none;transform:scaleX(1) rotate(0deg)}}


@media(min-width:701px){
 .header{display:grid;grid-template-columns:minmax(0,1fr) auto 44px;column-gap:clamp(28px,4vw,64px)}
 .header .brand{justify-self:start}
 .header .navigation{margin-left:0}
 .header .theme-toggle{justify-self:end;margin:0;width:44px;height:44px}
}
@media(max-width:700px){
 .header .menu-toggle{order:2}
 .header .theme-toggle{order:3;margin-left:6px;width:44px;height:44px;flex-basis:44px}
}


:root{--hand-underline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7%2017%20C175%2012%20350%2016%20593%207%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%229%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
.role-word::before{left:-.015em;right:-.015em;bottom:-.13em;height:clamp(12px,.23em,24px);border-radius:0;-webkit-mask:var(--hand-underline) center/100% 100% no-repeat;mask:var(--hand-underline) center/100% 100% no-repeat}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source){position:relative;border-bottom:0;text-decoration:none}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:7px;background:var(--accent);pointer-events:none;-webkit-mask:var(--hand-underline) center/100% 100% no-repeat;mask:var(--hand-underline) center/100% 100% no-repeat}
.contact-email::after{height:12px;bottom:-2px}
.navigation a::after{height:7px;background:var(--accent);border-radius:0;-webkit-mask:var(--hand-underline) center/100% 100% no-repeat;mask:var(--hand-underline) center/100% 100% no-repeat}
:is(.filters,.view-switch) button{position:relative}
:is(.filters,.view-switch) button[aria-pressed=true]{text-decoration:none;box-shadow:none}
:is(.filters,.view-switch) button[aria-pressed=true]::after{content:"";position:absolute;left:0;right:0;bottom:0;height:7px;background:var(--accent);-webkit-mask:var(--hand-underline) center/100% 100% no-repeat;mask:var(--hand-underline) center/100% 100% no-repeat}
.prose a,.footer-bottom a:hover{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}

.role-word::before,[data-color-mode="dark"] .role-word::before{opacity:.65}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after,:is(.filters,.view-switch) button[aria-pressed=true]::after{opacity:.65}

:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,
.navigation a::after,.navigation a[aria-current]::after{transform:none;clip-path:inset(0 100% 0 0);transition:clip-path 260ms cubic-bezier(.22,.65,.3,1)}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source):focus-visible::after,
.navigation a:focus-visible::after{clip-path:inset(0 0 0 0)}
@media(hover:hover){
 :is(.text-link,.email-link,.contact-email,.copy-email,.study-source):hover::after,
 .navigation a:hover::after{clip-path:inset(0 0 0 0)}
}
.prose a{text-decoration:none}
.prose a:is(:hover,:focus-visible),.footer-bottom a:is(:hover,:focus-visible){text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:4px}
@media(prefers-reduced-motion:reduce){:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{transition:none}}
[data-motion="off"] :is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,[data-motion="off"] .navigation a::after{transition:none}

:is(.text-link,.email-link,.contact-email,.copy-email,.study-source),.navigation a{isolation:isolate}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{z-index:-1;height:14px;bottom:0;opacity:.55}
.text-link::after{bottom:9px}
.email-link::after{bottom:3px}
.contact-email::after{height:clamp(16px,.45em,24px);bottom:10px}
.navigation a::after{bottom:7px}
.copy-email::after,.study-source::after{bottom:-2px}


:root{--hand-underline:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2024%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M7%2013%20C175%2011%20350%2014%20593%2011%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%2213%22%20stroke-linecap%3D%22round%22%2F%3E%3C%2Fsvg%3E")}
:is(.text-link,.email-link,.copy-email,.study-source)::after,.navigation a::after{height:17px}
.contact-email::after{height:clamp(20px,.55em,30px)}

:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{height:.85em;bottom:0}
.text-link::after{bottom:calc(12px - .2em)}
.email-link::after{bottom:calc(6px - .2em)}
.contact-email::after{bottom:calc(14px - .2em)}
.navigation a::after{bottom:calc(8px - .2em)}
.copy-email::after,.study-source::after{bottom:-.15em}
.role-word::before{height:.38em;bottom:-.09em}


:root{--marker-edge:polygon(1% 15%,8% 9%,19% 13%,32% 7%,46% 12%,60% 8%,74% 12%,88% 6%,99% 10%,100% 84%,89% 91%,75% 86%,61% 93%,47% 88%,33% 94%,19% 88%,8% 95%,0 89%)}
.role-word::before{mask:none;-webkit-mask:none;clip-path:var(--marker-edge);background:linear-gradient(178deg,transparent 3%,var(--accent) 12% 85%,transparent 97%);height:.34em;bottom:.035em;left:-.025em;right:-.025em;transform:none;opacity:.55}
.role-word.is-current::before{animation:marker-pass 650ms cubic-bezier(.25,.6,.35,1) 280ms both}
@keyframes marker-pass{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}

.role-word::before,:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{border-radius:0;transform:none;mask:none;-webkit-mask:none;background:linear-gradient(178deg,transparent 3%,var(--accent) 13% 84%,transparent 97%);opacity:.55}
[data-color-mode="dark"] .role-word::before{opacity:.55}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{height:.42em;transition:clip-path 320ms cubic-bezier(.25,.6,.35,1);bottom:.05em}
.text-link::after{bottom:12px}.email-link::after{bottom:6px}.contact-email::after{bottom:14px}.navigation a::after{bottom:8px}
.prose a,.footer-bottom a{ text-decoration:underline; text-decoration-thickness:.18em;text-decoration-color:transparent;text-underline-offset:.02em;text-decoration-skip-ink:none;transition:text-decoration-color 220ms ease,text-underline-offset 220ms ease}
.prose a:is(:hover,:focus-visible),.footer-bottom a:is(:hover,:focus-visible){text-decoration-thickness:.18em;text-decoration-color:color-mix(in srgb,var(--accent) 55%,transparent);text-underline-offset:.08em}
[data-motion="off"] .role-word.is-current::before{animation:none;clip-path:inset(0);transform:none}
@media(prefers-reduced-motion:reduce){.role-word.is-current::before{animation:none;clip-path:inset(0);transform:none}.prose a,.footer-bottom a{transition:none}}

:root{--marker-nib:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2040%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M4%206%20L48%204%20114%205%20192%203%20276%205%20360%203%20444%205%20528%202%20596%204%20600%2034%20534%2036%20450%2035%20366%2037%20282%2035%20198%2038%20114%2035%2048%2038%200%2036Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") }
.role-word::before,:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{-webkit-mask:var(--marker-nib) center/100% 100% no-repeat;mask:var(--marker-nib) center/100% 100% no-repeat;background:var(--accent)}


.blurry-picture{background-size:cover;background-position:center;background-repeat:no-repeat}


:root{--marker-nib:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20600%2044%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M1%206%20C128%207%20246%2010%20369%208%20L597%206%20L600%2025%20C474%2028%20332%2025%20203%2027%20L16%2026%20L0%2022Z%22%20fill%3D%22black%22%2F%3E%3Cpath%20d%3D%22M48%2027%20C154%2024%20312%2028%20445%2026%20L592%2025%20L594%2040%20C434%2042%20296%2039%20160%2041%20L36%2041%20L35%2036Z%22%20fill%3D%22black%22%2F%3E%3C%2Fsvg%3E") }
.role-word::before{height:.38em;bottom:-.12em;left:0;right:-.025em}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{height:.5em}


.menu-icon{display:block;flex-shrink:0}
.menu-icon path{transform-origin:12px 12px;transition:transform 180ms ease}
.menu-toggle[aria-expanded=true] .menu-line-first{transform:translateY(4px) rotate(45deg);transform-origin:12px 8px}
.menu-toggle[aria-expanded=true] .menu-line-last{transform:translateY(-4px) rotate(-45deg);transform-origin:12px 16px}
@media(max-width:700px){
 .header{position:relative;z-index:100;height:86px;background:var(--paper)}
 .header .menu-toggle{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;gap:0}
 html.js .header .navigation{display:flex;position:fixed;inset:86px 0 0;z-index:101;height:calc(100dvh - 86px);margin:0;padding:24px var(--gutter) max(32px,env(safe-area-inset-bottom));background:var(--paper);flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;overflow-y:auto;overscroll-behavior:contain;border:0;visibility:hidden;opacity:0;pointer-events:none;transition:opacity 180ms ease,visibility 180ms}
 html.js .header .navigation.is-open{visibility:visible;opacity:1;pointer-events:auto}
 .header .navigation a{display:flex;justify-content:space-between;width:100%;font-size:clamp(28px,7vw,40px);line-height:1.25;min-height:76px;padding:18px 0;margin:0;border-bottom:1px solid var(--line)}
 .header .navigation a[aria-current]{color:var(--muted)}
 .header .navigation a::after{display:none}
 html.menu-open,html.menu-open body{overflow:hidden;overscroll-behavior:none}
 html.menu-open .header{position:sticky;top:0}
}
@media(prefers-reduced-motion:reduce){.menu-icon path,html.js .header .navigation{transition:none}}
[data-motion=off] .menu-icon path,[data-motion=off] .header .navigation{transition:none}


.role-word::before{bottom:.08em}
:is(.text-link,.email-link,.contact-email,.copy-email,.study-source)::after,.navigation a::after{bottom:.2em}
.text-link::after{bottom:calc(12px + .15em)}
.email-link::after{bottom:calc(6px + .15em)}
.contact-email::after{bottom:calc(14px + .15em)}
.navigation a::after{bottom:calc(8px + .15em)}


.brand-mark{display:grid;place-items:center;flex:0 0 var(--brand-size,34px);width:var(--brand-size,34px);height:var(--brand-size,34px)}
.brand-mark svg{display:block;width:100%;height:100%}
.brand-mark .brand-logo{width:100%;height:100%;object-fit:contain}
.brand-mark .brand-logo-dark{display:none}
[data-color-mode=dark] .brand-mark .brand-logo-light{display:none}
[data-color-mode=dark] .brand-mark .brand-logo-dark{display:block}


.legal-copy{max-width:860px;overflow-wrap:anywhere}
.legal-copy h2{font-family:var(--heading-font,var(--sans));font-size:clamp(24px,3vw,34px);line-height:1.25;letter-spacing:-.035em;margin:2.2em 0 .75em}
.legal-copy h3{font-size:clamp(19px,2.2vw,24px);line-height:1.35;letter-spacing:-.02em;margin:1.8em 0 .65em}
.legal-copy>:first-child{margin-top:0}
.legal-copy p,.legal-copy li{line-height:1.8}
.legal-copy ul,.legal-copy ol{padding-left:1.3em;margin:1em 0 1.6em}
.legal-copy li{padding-left:.2em;margin:.35em 0}
.legal-copy li p{margin:.35em 0}


.lightbox{padding:64px 64px 24px}
.lightbox-stage{display:flex;align-items:center;justify-content:center;min-height:0}
.gallery-prev,.gallery-next{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--paper)}
.gallery-prev{left:10px}.gallery-next{right:10px}
.gallery-prev:hover,.gallery-next:hover{background:var(--surface)}
.gallery-status{text-align:center;font-size:12px;font-variant-numeric:tabular-nums;margin-top:14px;color:var(--muted)}
.lightbox .gallery-status+p{margin-top:8px}
body.has-lightbox{overflow:hidden}
@media(max-width:700px){.lightbox{padding:58px 12px 20px}.lightbox img{height:calc(100dvh - 260px)}.gallery-prev,.gallery-next{top:auto;bottom:22px;transform:none}.gallery-status{padding:0 48px}.lightbox .gallery-status+p{padding:0 44px;max-height:3.2em;overflow-y:auto}}


:root{--hero-size:calc(clamp(42px,8.2vw,118px) * var(--display-scale,1));--notebook-size:calc(clamp(28px,3.3vw,46px) * var(--display-scale,1))}
h1{font-size:var(--hero-size);line-height:1.1;letter-spacing:-.055em}
.hero h1 em,.hero h1 .role-stack{font-size:1em;line-height:inherit;letter-spacing:inherit}
.notebook-header h1{font-size:var(--notebook-size);line-height:1.15;letter-spacing:-.04em}
@media(max-width:700px){:root{--hero-size:calc(clamp(34px,9vw,60px) * var(--display-scale,1));--notebook-size:calc(clamp(27px,6.8vw,38px) * var(--display-scale,1))}}