@font-face{font-family:Manrope;src:url(/brand/fonts/manrope-latin.woff2) format("woff2");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Josefin Sans;src:url(/brand/fonts/josefin-sans-latin.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{color-scheme:light;--paper: #fff;--ink: #000;--muted: #595959;--rule: #dededb;--yellow: #f5dc61;font-family:Manrope,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:40px}*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px dashed var(--ink);outline-offset:7px}svg{display:block}::selection{background:var(--yellow);color:#000}[hidden]{display:none!important}.skip-link{position:fixed;left:20px;top:-80px;padding:14px;background:#fff;z-index:10}.skip-link:focus{top:15px}.site-header{max-width:1440px;margin:auto;padding:19px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;flex:0 0 auto}.brand img{display:block;width:91px;height:auto;filter:brightness(0)}.footer-brand img{display:block;width:145px;height:auto;filter:brightness(0)}.site-header nav{display:flex;align-items:center;gap:36px}.site-header nav a{font-size:12px;font-weight:700;padding:12px 0;letter-spacing:.065em}.site-header nav a:last-child{display:flex;gap:10px;align-items:center}.site-header nav svg{width:21px;fill:none;stroke:currentColor;stroke-width:1.8}.site-header nav a:hover{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}.hero{position:relative;min-height:650px;padding-top:49px}.hero-heading{width:max-content;max-width:100%;margin:0 auto;text-align:center;position:relative;z-index:1}.hero h1{margin:0;font-family:Josefin Sans,sans-serif;font-size:clamp(66px,8.6vw,109px);font-weight:400;letter-spacing:-.025em;word-spacing:.06em;line-height:1.12}.second-line{display:inline-block;padding-right:.12em}.period{color:var(--ink)}.hero-copy{margin:28px 0 0;font-size:12px;font-weight:400;line-height:2.1;letter-spacing:.12em;color:var(--muted)}.town-stage{position:absolute;width:100%;overflow:hidden;bottom:64px;height:275px}.town-playground{display:block;width:100%;height:100%;padding:0;border:0;background:transparent;cursor:pointer}.town-playground:focus-visible{outline-offset:-8px}.town-playground:disabled{cursor:default}.town{display:block;width:100%;height:100%;overflow:hidden}.jump-hint{font-size:10px;color:var(--muted);margin-right:13px;letter-spacing:.04em}.hero-bottom{position:absolute;bottom:22px;width:90%;left:5%;display:flex;align-items:center;justify-content:space-between}.scroll-note{display:flex;gap:13px;align-items:center;font-size:11px;letter-spacing:.06em}.scroll-stroke{display:block;width:12px;height:33px;border-left:1.5px solid #000;position:relative;transform:rotate(-8deg)}.scroll-stroke:after{content:"";position:absolute;left:-4px;bottom:0;width:8px;height:8px;border-left:1.5px solid #000;border-bottom:1.5px solid #000;transform:rotate(-45deg)}.motion-controls{display:flex;align-items:center;gap:16px}.motion-controls button{background:transparent;border:0;min-height:44px;padding:7px 0;font-size:11px}#replay{display:flex;gap:7px;align-items:center}#replay>span{font-size:23px;line-height:1}#replay:hover{text-decoration:underline;text-underline-offset:5px}#pause{width:44px;display:grid;place-items:center}#pause svg{width:19px;height:19px;fill:none;stroke:#000;stroke-width:1.8}#pause .play-icon,#pause[aria-pressed=true] .pause-icon{display:none}#pause[aria-pressed=true] .play-icon{display:block}.section-wrap{max-width:1120px;width:82%;margin:0 auto}.works{padding:133px 0 80px}.section-heading{text-align:center;margin-bottom:75px}.outline-title{margin:0;font-size:clamp(44px,5vw,64px);font-weight:800;line-height:1.2;letter-spacing:.055em;color:var(--paper);text-shadow:1.25px 0 #000,-1.25px 0 #000,0 1.25px #000,0 -1.25px #000,.9px .9px #000,-.9px .9px #000,.9px -.9px #000,-.9px -.9px #000}.section-subtitle{font-size:14px;letter-spacing:.06em;margin:22px 0 0;line-height:1.8}.section-heading p{font-size:14px;line-height:1.8;margin:22px 0 0;letter-spacing:.06em}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 12%;align-items:start}.work{display:block;min-width:0}.work:nth-child(2n){margin-top:115px}.work-visual{position:relative;aspect-ratio:1200 / 630}.work-cat .work-visual{aspect-ratio:1025 / 500}.work-image-link{position:absolute;inset:0;display:block;border:2px solid transparent;border-radius:18px;overflow:hidden;isolation:isolate;background:var(--paper);transition:border-color .3s ease}.work-ogp{display:block;width:100%;height:100%;object-fit:contain;background:#fff;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.work-drawing{position:absolute;inset:0;background:#fff;opacity:1;transition:opacity .3s ease;pointer-events:none}.work-drawing svg{width:100%;height:100%}.work-image-link:focus-visible .work-drawing{opacity:0}.work-image-link:focus-visible .work-ogp{opacity:1;transform:translateY(0)}.work-image-link:focus-visible{border-color:var(--ink)}@media(hover:hover)and (pointer:fine){.work-image-link:hover{border-color:var(--ink)}.work-image-link:hover .work-drawing{opacity:0}.work-image-link:hover .work-ogp{opacity:1;transform:translateY(0)}}.drawing-ink{fill:none;stroke:#000;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}.clock-wedge{fill:var(--yellow);stroke:none}.work-caption{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 5px 0}.work-caption h3{font-family:Josefin Sans,sans-serif;font-size:clamp(27px,2.6vw,39px);line-height:1.1;font-weight:400;letter-spacing:-.025em;margin:0 0 15px}.work-dot{font-size:1.15em}.work-caption p{margin:0 0 8px;font-size:13px;font-weight:400;line-height:1.8}.work-kind{font-size:11px;color:var(--muted);line-height:1.8}.drawn-arrow{font-size:35px;font-weight:450;align-self:flex-start;line-height:1;padding:4px}.work:hover h3,.work:focus-visible h3{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:7px}.swinging-cat{transform-origin:282px 106px}.work-cat:hover .swinging-cat,.work-cat:focus-visible .swinging-cat{animation:cat-swing 2.1s ease-in-out infinite alternate}@keyframes cat-swing{0%{transform:rotate(-7deg)}to{transform:rotate(7deg)}}.about{padding:160px 0 145px;text-align:center}.about-doodle{width:140px;margin:0 auto 22px;transform:rotate(-4deg)}.about h2{overflow-wrap:anywhere;font-size:clamp(28px,3vw,41px);font-weight:500;letter-spacing:.08em;line-height:1.8;margin:0 0 37px}.about p{font-size:13px;line-height:2.5;letter-spacing:.06em;margin:0 0 22px}.about-signature{display:inline-block;margin-top:23px;font-size:16px;font-weight:450;letter-spacing:-.025em}.mobile-break{display:none}.journal{max-width:920px;padding:48px 0 95px}.journal-heading{display:grid;text-align:center;gap:36px;margin-bottom:24px}.journal-heading>a{font-size:11px;justify-self:end}.journal-heading>a span{margin-left:9px;font-size:18px}.journal-entry{display:grid;grid-template-columns:112px 1fr 22px;align-items:center;gap:25px;border-top:1px solid var(--rule);min-height:92px;padding:22px 0}.journal-entry:last-child{border-bottom:1px solid var(--rule)}.journal-entry time{font-size:12px;font-weight:600;color:var(--muted)}.journal-entry h3{font-size:13px;font-weight:600;line-height:1.9;margin:0}.journal-entry>span{font-size:24px}.journal a:hover h3,.journal-heading>a:hover{text-decoration:underline;text-underline-offset:4px}.contact{padding:115px 0 145px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.contact-heading{grid-column:1 / -1;margin-bottom:22px;text-align:center}.contact-copy p{font-size:13px;line-height:2.3;margin:0 0 24px}.email-link{font-size:24px;letter-spacing:-.035em;font-weight:500;display:inline-block;border-bottom:2px solid #000;padding-bottom:4px}.email-link span{font-size:27px;margin-left:20px}.contact-drawing{width:100%;max-width:340px}.site-footer{width:90%;margin:auto;padding:30px 0;border-top:1px solid var(--rule);display:flex;align-items:center;gap:30px}.footer-brand{flex:0 0 auto}.footer-brand img{width:106px}.site-footer>span,.site-footer>a:not(.footer-brand){font-size:10px;color:var(--muted)}.site-footer .legal-link{margin-left:auto}.site-footer>a:not(.footer-brand):hover{text-decoration:underline;text-underline-offset:4px}@media(min-width:1600px){.hero{min-height:755px;padding-top:65px}.town-stage{height:330px}}@media(max-width:1050px){.hero{min-height:630px;padding-top:68px}.works-grid{gap:55px 7%}.contact{padding-left:2%;padding-right:2%}}@media(max-width:700px){:root{scroll-padding-top:22px}.site-header{padding:23px 6%;gap:16px}.brand img{width:70px}.site-header nav{gap:13px}.site-header nav a{font-size:10px}.site-header nav a:last-child svg{display:none}.hero{padding-top:79px;min-height:665px}.hero h1{font-size:clamp(36px,10.5vw,74px);letter-spacing:-.025em;line-height:1.12}.second-line{margin-top:0;font-size:1em}.hero-copy{font-size:12px;line-height:2.2;margin-top:27px;letter-spacing:.07em}.town-stage{bottom:85px;height:230px}.jump-hint{display:none}.hero-bottom{width:88%;left:6%;bottom:30px}.scroll-note{font-size:10px;gap:8px}.motion-controls{gap:6px}.motion-controls button{font-size:10px}#pause{width:32px}.section-wrap{width:86%}.works{padding:84px 0 30px}.section-heading{margin-bottom:57px}.outline-title{font-size:clamp(36px,10vw,48px);letter-spacing:.04em}.section-subtitle{font-size:12px;margin-top:14px}.section-heading p{font-size:12px;margin-top:18px}.works-grid{display:block}.work{max-width:450px;margin:0 auto 76px}.work:nth-child(2n){margin-top:0}.work-caption{padding:15px 12px 0}.work-caption h3{font-family:Josefin Sans,sans-serif;font-size:32px}.work-caption p{font-size:12px}.work-kind{font-size:10px}.about{padding:40px 0 95px}.about h2{overflow-wrap:anywhere;font-size:27px;letter-spacing:.06em;margin-bottom:25px}.about p{font-size:12px;line-height:2.4;letter-spacing:.01em}.mobile-break{display:initial}.about-signature{font-size:19px}.journal{padding:35px 0 75px}.journal-heading>a{font-size:10px}.journal-entry{grid-template-columns:1fr 20px;gap:7px 14px;padding:22px 0}.journal-entry time{grid-column:1;font-size:10px}.journal-entry h3{grid-column:1;font-size:12px}.journal-entry>span{grid-column:2;grid-row:1 / 3}.contact{padding:60px 0 80px;display:block;position:relative}.contact-heading{margin-bottom:40px}.contact-copy{position:relative;z-index:1}.email-link{font-size:clamp(19px,5.8vw,24px);display:inline-flex;align-items:center;gap:12px;white-space:nowrap}.email-link span{margin-left:0}.contact-drawing{width:155px;position:static;margin:36px 0 0 auto}.site-footer{flex-wrap:wrap;gap:12px 22px;padding:23px 0 26px}.footer-brand img{width:106px}.site-footer>a:not(.footer-brand){margin-left:0}.site-footer>.preview-note{width:100%;font-size:9px}}@media(max-width:370px){.site-header nav{gap:12px}.site-header nav a{font-size:9px}.brand img{width:64px}.hero{min-height:630px}.motion-controls{gap:0}.contact-drawing{width:140px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}body{min-width:280px}main{min-height:50vh}.site-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}.container{width:86%;max-width:920px;margin:0 auto}.site-header{position:relative;z-index:4}.site-header nav{margin-left:auto}.language-picker{position:relative;flex:0 0 auto;font-family:inherit;font-size:12px;font-weight:700;letter-spacing:.065em}.language-picker summary{display:flex;align-items:center;gap:6px;min-height:44px;cursor:pointer;list-style:none;padding:10px 0;white-space:nowrap;font:inherit}.language-picker summary::-webkit-details-marker{display:none}.language-picker summary svg{width:18px;height:18px}.language-picker ul{position:absolute;z-index:5;top:calc(100% + 8px);right:0;max-height:min(65vh,420px);overflow-y:auto;margin:0;padding:12px 18px;min-width:155px;list-style:none;background:#fff;border:1px solid #000;border-radius:12px}.language-picker a{display:block;padding:9px 0;font:inherit}.language-picker a[aria-current=page],.language-picker a:hover{text-decoration:underline;text-underline-offset:4px}.language-picker summary:focus-visible{outline:2px dashed #000;outline-offset:4px}.page-loader{display:none}html[data-loading] .page-loader{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#fff;pointer-events:none;animation:loader-dismiss .2s 1s forwards}.page-loader svg{width:160px;height:90px}.page-loader>span{font-size:10px;letter-spacing:.12em;color:var(--muted)}.loader-line{stroke-dasharray:1;animation:loader-draw .9s ease both}.loader-resident{transform-origin:80px 69px;animation:loader-step .22s ease-in-out infinite alternate}@keyframes loader-draw{0%{stroke-dashoffset:1}to{stroke-dashoffset:0}}@keyframes loader-step{0%{translate:0 0;rotate:-3deg}to{translate:0 -3px;rotate:3deg}}@keyframes loader-dismiss{to{opacity:0;visibility:hidden}}.blog-page{padding:90px 0 130px}.blog-page .section-heading{margin-bottom:68px}.note-entry{display:grid;grid-template-columns:112px minmax(0,1fr);gap:30px;border-top:1px solid var(--rule);padding:35px 0}.note-entry:last-child{border-bottom:1px solid var(--rule)}.note-entry time{color:var(--muted);font-size:12px;padding-top:6px}.note-link{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:30px}.note-link h2{margin:0 0 15px;font-size:clamp(17px,1.8vw,22px);line-height:1.8;font-weight:600;overflow-wrap:anywhere}.note-link p{margin:0;color:var(--muted);font-size:13px;line-height:2}.note-link>span{font-size:28px;align-self:start}.note-link:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.article-page-wrapper{width:86%;max-width:780px;margin:auto;padding:65px 0 130px;overflow-wrap:anywhere}.article-back{display:inline-block;margin-bottom:65px;font-size:12px;color:var(--muted)}.article-back:hover{text-decoration:underline;text-underline-offset:5px}.article-header time{display:block;color:var(--muted);font-size:12px;letter-spacing:.04em;margin-bottom:22px}.article-header h1{margin:0 0 45px;font-family:inherit;font-size:clamp(25px,3vw,38px);font-weight:600;line-height:1.65;letter-spacing:.01em}.article-hero-large{margin:0 0 65px}.article-hero-large img{display:block;width:100%;height:auto;border:1.5px solid #000;border-radius:16px}.article-body{font-size:15px;line-height:2.15}.article-body p{margin:0 0 1.7em}.article-body h2{font-size:clamp(21px,2.5vw,27px);line-height:1.7;margin:2.8em 0 1em;font-weight:600}.article-body h3{font-size:19px;line-height:1.8;margin:2em 0 .8em;font-weight:600}.article-body a,.text-link{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.article-body a:hover,.text-link:hover{text-decoration-thickness:2px}.article-body ul,.article-body ol{padding-left:1.5em;margin:0 0 1.7em}.article-body li{margin-bottom:.5em}.article-body blockquote{margin:2em 0;padding:0 0 0 24px;border-left:2px solid #000;color:var(--muted)}.article-body blockquote p:last-child{margin:0}.article-body img,.article-body video{max-width:100%;height:auto}.article-body hr{margin:3em 0;border:0;border-top:1px solid var(--rule)}.article-body table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:2em 0;font-size:13px;line-height:1.8}.article-body th,.article-body td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--rule);min-width:105px}.article-body th{border-bottom-color:#000;font-weight:600}.article-body th:first-child{min-width:160px}.article-body pre{max-width:100%;overflow-x:auto;padding:20px;border:1px solid var(--rule);border-radius:8px}.article-body code{font-size:.9em}.article-body .faq-section dt{font-weight:600;margin:1.5em 0 .4em}.article-body .faq-section dd{margin:0 0 1.5em}.article-cta{margin-top:65px;padding-top:30px;border-top:1px solid var(--rule)}.article-cta p{display:flex;flex-wrap:wrap;column-gap:14px;font-size:13px}.legal-page{padding:90px 0 120px}.legal-header{text-align:center;margin-bottom:65px}.legal-title{margin:24px 0;font-size:20px;font-weight:500;line-height:1.8}.legal-lead{font-size:13px;line-height:2;color:var(--muted);max-width:650px;margin:auto}.legal-list{margin:0}.legal-row{display:grid;grid-template-columns:180px minmax(0,1fr);gap:35px;padding:25px 0;border-top:1px solid var(--rule);font-size:14px;line-height:2}.legal-row:last-child{border-bottom:1px solid var(--rule)}.legal-row dt{font-weight:600}.legal-row dd{margin:0}.legal-row a{text-decoration:underline;text-underline-offset:4px}.legal-note{font-size:12px;color:var(--muted);line-height:2;margin-top:28px}.legal-actions{text-align:center;margin-top:60px;font-size:12px}@media(max-width:700px){.blog-page,.legal-page{padding:60px 0 85px}.note-entry{display:block;padding:28px 0}.note-entry time{display:block;margin-bottom:15px}.note-link{gap:16px;grid-template-columns:minmax(0,1fr) 22px}.note-link h2{font-size:17px}.note-link p{font-size:12px}.article-page-wrapper{padding:35px 0 85px}.article-back{margin-bottom:45px}.article-header h1{font-size:25px;line-height:1.65;margin-bottom:30px}.article-hero-large{margin-bottom:40px}.article-body{font-size:14px}.article-body blockquote{padding-left:16px}.legal-title{font-size:18px}.legal-row{grid-template-columns:1fr;gap:7px;padding:23px 0;font-size:13px}.site-header{gap:12px}.language-picker{font-size:10px}.language-picker .language-name{display:none}.language-picker summary{gap:3px}}@media(prefers-reduced-motion:reduce){html[data-loading] .page-loader{display:none}}@media(max-width:370px){.site-header{gap:6px}.language-picker{font-size:9px}}
