@font-face{font-family:Studio Poetsen;src:url(/_astro/poetsen-one.BLQnOI3R.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}.studio-article-page{--paper:#fcfbf9;--ink:#2a394e;--muted:#626b79;--rule:#2a394e25;--focus:#7541a8;--ds-paper:var(--paper);--ds-ink:var(--ink);--ds-muted:var(--muted);--ds-surface:#f7f5f9;--ds-accent:#7541a8;--ds-focus:#7541a8;background:var(--paper);color:var(--ink);font-weight:400}.studio-article-page:has(article.original):before{display:none}.studio-article-page ::selection{background:#ddc2ff;color:#253347}.studio-article-page .skip{z-index:100}.studio-article-page astro-dev-toolbar{display:none}.studio-article-page .studio-nav{width:min(1120px,calc(100% - 80px));margin:auto;height:114px;display:flex;align-items:center;justify-content:space-between;gap:24px}.studio-article-page .studio-identity{display:flex;align-items:center;gap:13px;text-decoration:none;font-size:14px;font-weight:550}.studio-article-page .studio-logo{display:block;width:40px;height:40px;flex-shrink:0;object-fit:contain}.studio-article-page .studio-nav nav{display:flex;gap:28px;font-size:14px}.studio-article-page .studio-nav nav a{padding:10px 0;text-decoration:none}.studio-article-page .studio-nav nav a:hover{text-decoration:underline}.studio-article-page a{text-underline-offset:4px;text-decoration-color:#2a394e55}.studio-article-page a:hover{text-decoration-color:currentColor}.studio-article-page a:focus-visible,.studio-article-page button:focus-visible{outline-color:var(--focus)}[data-article-color=lavender]{--article-accent:#c5a2f5;--article-wash:#efe5fc}[data-article-color=sky]{--article-accent:#acd9ef;--article-wash:#e7f2f7}[data-article-color=mint]{--article-accent:#b9e2be;--article-wash:#e9f3e8}[data-article-color=pink]{--article-accent:#efbacb;--article-wash:#f8e7ed}.page.article-studio{--evidence-width:min(960px, calc(100vw - 64px) );width:min(1000px,calc(100% - 48px));margin:auto;padding:34px 0 36px}.article-masthead{max-width:800px;margin:0 auto 54px}.article-context{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 24px;font-size:13px;line-height:1.5;color:var(--muted)}.article-context p{margin:0}.article-masthead>.article-title{width:fit-content;max-width:23ch;margin:0;font:400 clamp(38px,4.7vw,60px)/1.08 "Studio Poetsen",sans-serif;letter-spacing:-1px;text-wrap:balance}.article-masthead>.article-title:after{--underline-stroke:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 24' preserveAspectRatio='none'%3E%3Cpath d='M4 13 C85 4 154 4 239 11 S392 20 478 12 S620 4 709 11 S865 19 996 7' fill='none' stroke='black' stroke-width='7' stroke-linecap='round'/%3E%3C/svg%3E");content:"";display:block;width:100%;height:18px;margin-top:16px;background:var(--article-accent);-webkit-mask:var(--underline-stroke) center/100% 100% no-repeat;mask:var(--underline-stroke) center/100% 100% no-repeat;animation:article-underline-arrive var(--underline-duration,.85s) cubic-bezier(.22,.65,.3,1) var(--underline-delay,.12s) both}@keyframes article-underline-arrive{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.article-overview{position:relative;margin-top:30px;padding:28px 36px 30px;border-radius:6px 25px 25px;background:var(--article-wash)}.article-overview>p{margin:0;font-size:19px;font-weight:400;line-height:1.65;letter-spacing:-.2px}.article-overview>h2{margin:0 0 12px;padding:0;font:600 18px/1.4 var(--ds-font);letter-spacing:-.3px}.article-overview>.studio-mark{position:absolute;right:12px;bottom:-27px;width:76px;height:45px;transform:rotate(-7deg)}.studio-article-page .studio-mark{display:block;pointer-events:none}.studio-article-page .studio-mark>svg{display:block;width:100%;height:100%}.page.article-studio>.original.article-reading{max-width:680px;margin:0 auto;font:400 17px/1.75 var(--ds-font);letter-spacing:-.16px;overflow-wrap:break-word}.page.article-studio>.original.article-reading>p{margin:20px 0 0;font-size:17px;line-height:1.75}.page.article-studio>.original.article-reading>:first-child{margin-top:0}.page.article-studio>.original.article-reading>:is(.article-chapter,.article-subheading),.page.article-studio>.original.article-reading .speech-scenario>h2{display:block;margin:58px 0 18px;padding:0;font:600 26px/1.25 var(--ds-font);letter-spacing:-.7px;text-wrap:pretty}.page.article-studio>.original.article-reading>.article-subheading{font-size:19px;line-height:1.4;letter-spacing:-.3px;margin-top:40px}.page.article-studio>.original.article-reading>:is(.article-chapter,.article-subheading):after{content:none}.page.article-studio>.original.article-reading>.article-chapter:first-child{margin-top:0}.page.article-studio>.original.article-reading .article-deck{font-size:17px;line-height:1.7;margin-top:16px}.page.article-studio>.original.article-reading>:is(ul,ol){margin:24px 0 0;padding-left:24px}.page.article-studio>.original.article-reading>:is(ul,ol)>li+li{margin-top:22px}.page.article-studio>.original.article-reading>:is(ul,ol)>li>p{line-height:1.75}.page.article-studio>.original.article-reading>:is(.article-figure,.article-image-link,video,iframe),.page.article-studio>.original.article-reading .speech-scenario>.speech-playback{width:var(--evidence-width);max-width:none;margin:36px calc((100% - var(--evidence-width))/2)}.page.article-studio>.original.article-reading>.article-image-link{display:block}.page.article-studio>.original.article-reading>.article-image-link>img,.page.article-studio>.original.article-reading>.article-figure>.article-image-link>img{width:100%;height:auto;border-radius:10px}.page.article-studio>.original.article-reading>.article-figure>.article-image-link{display:block}.page.article-studio>.original.article-reading .article-caption,.page.article-studio>.original.article-reading .article-recording-source{max-width:680px;margin:14px auto 0;font:400 13px/1.6 var(--ds-font);color:var(--muted);text-align:center}.page.article-studio>.original.article-reading .article-image-hint{font:400 12px/1.6 var(--ds-font);color:var(--muted)}.page.article-studio>.original.article-reading .pullquote{position:relative;margin:42px 0;padding:6px 26px 8px;border-left:4px solid var(--article-accent);background:transparent;border-radius:0}.page.article-studio>.original.article-reading .pullquote blockquote{margin:0;padding:0;border:0;font:400 24px/1.45 var(--ds-font);letter-spacing:-.5px}.page.article-studio>.original.article-reading .pullquote blockquote p{margin:0;padding:0;font:inherit}.page.article-studio>.original.article-reading .pullquote blockquote p:before{content:none}.page.article-studio>.original.article-reading .pullquote>.article-caption{margin:14px 0 0;padding:0;text-align:left;font-size:12px}.page.article-studio>.original.article-reading>.article-source-note{margin-top:36px;font-size:13px;line-height:1.7}.page.article-studio>.original.article-reading>.article-missing-media{margin-top:40px}.page.article-studio>.original.article-reading .article-media-note{font-size:13px;line-height:1.6}.page.article-studio>.original.article-reading .speech-scenarios{margin-top:50px}.page.article-studio>.original.article-reading .speech-scenario+.speech-scenario{margin-top:56px}.page.article-studio>.original.article-reading .speech-scenario>h2{margin-top:0}.page.article-studio>.original.article-reading .speech-scenario>p{margin:20px 0 0;font-size:17px;line-height:1.75}.page.article-studio>.original.article-reading .speech-scenario>.speech-playback{--evidence-width:min(880px, calc(100vw - 64px) )}.page.article-studio>.original.article-reading .speech-scenario>.scenario-takeaway{margin-top:24px}.page.article-studio>.original.article-reading .playback-screen{background:#f3eff7;box-shadow:inset 0 0 0 1px #2a394e0e;border-radius:16px;padding-left:28px;padding-right:28px}.page.article-studio>.original.article-reading>table{font-size:15px;line-height:1.6}.page.article-studio>.archive-note{max-width:680px;margin:0 auto 28px;font-size:13px;color:var(--muted)}.article-next{max-width:800px;margin:72px auto 0}.next-project{position:relative;display:block;padding:28px 110px 32px 32px;border-radius:20px;background:var(--article-wash);text-decoration:none;transition:background .18s ease}.next-project:hover{background:var(--article-accent)}.next-project-label{display:block;font-size:12px;line-height:1.5;color:var(--muted);margin-bottom:12px}.next-project-title{display:block;font:400 30px/1.2 Studio Poetsen,sans-serif;text-wrap:balance}.next-project>.studio-mark{position:absolute;right:30px;bottom:35px;width:58px;height:25px;transition:transform .18s ease}.next-project:hover>.studio-mark{transform:translate(5px)}.page.article-studio>.footer{max-width:800px;margin:38px auto 0;padding:20px 0 0;font-size:13px}.article-appendix .article-masthead>.article-title{font-size:42px}.article-appendix .article-masthead{margin-bottom:44px}@media(min-width:701px){.page.article-studio>.original.article-reading .turn-bubble{font-size:14px;line-height:22px}.page.article-studio>.original.article-reading .interaction-timeline strong{font-size:13px}.page.article-studio>.original.article-reading .interaction-timeline li{font-size:12px}}@media(max-width:700px){.studio-article-page .studio-nav{width:calc(100% - 40px);height:90px;gap:12px}.studio-article-page .studio-identity{gap:9px;font-size:13px}.studio-article-page .studio-nav nav{gap:17px;font-size:13px}.studio-article-page .studio-nav nav a:nth-child(2){display:none}.page.article-studio{width:calc(100% - 44px);--evidence-width: calc(100vw - 32px) ;padding-top:28px}.article-masthead{margin-bottom:42px}.article-context{margin-bottom:20px;gap:6px 16px;font-size:12px}.article-masthead>.article-title{font-size:38px;line-height:1.1;letter-spacing:-.7px}.article-masthead>.article-title:after{margin-top:14px;height:15px}.article-overview{margin:24px -6px 0;padding:24px 22px 26px;border-radius:5px 22px 22px}.article-overview>p{font-size:17px;line-height:1.7}.article-overview>h2{font-size:17px}.article-overview>.studio-mark{width:60px;height:38px;bottom:-24px}.page.article-studio>.original.article-reading{font-size:16px;line-height:1.75}.page.article-studio>.original.article-reading>p,.page.article-studio>.original.article-reading .speech-scenario>p{font-size:16px;line-height:1.75}.page.article-studio>.original.article-reading>.article-chapter,.page.article-studio>.original.article-reading .speech-scenario>h2{font-size:23px;margin-top:42px}.page.article-studio>.original.article-reading .speech-scenario>h2{margin-top:0}.page.article-studio>.original.article-reading>.article-subheading{font-size:18px;margin-top:32px}.page.article-studio>.original.article-reading .pullquote{padding:4px 20px 6px;margin:34px 0}.page.article-studio>.original.article-reading .pullquote blockquote{font-size:21px;line-height:1.5}.page.article-studio>.original.article-reading .article-caption{padding-inline:8px;font-size:12px}.page.article-studio>.original.article-reading .speech-scenario>.speech-playback{--evidence-width: calc(100vw - 24px) ;margin-top:28px;margin-bottom:28px}.page.article-studio>.original.article-reading .playback-screen{padding-left:10px;padding-right:10px;border-radius:10px}.article-next{margin-top:52px}.next-project{padding:24px 64px 27px 24px}.next-project-title{font-size:25px}.next-project>.studio-mark{width:40px;right:16px;bottom:30px}.article-appendix .article-masthead>.article-title{font-size:32px}}@media(prefers-reduced-motion:reduce){.article-masthead>.article-title:after{animation:none;clip-path:none}.next-project,.next-project>.studio-mark{transition:none}.next-project:hover>.studio-mark{transform:none}}.page.article-studio>.original.article-reading>:is(.article-figure,.article-image-link,video,iframe,.pullquote):first-child{margin-top:0}.article-source-chapter+.article-source-chapter{margin-top:72px;padding-top:38px;border-top:1px solid var(--rule)}.article-source-chapter>.article-chapter{font:400 30px/1.25 Studio Poetsen,sans-serif;margin:0 0 28px}.article-source-chapter>.article-title{font:600 19px/1.4 var(--ds-font);margin:28px 0 18px}.article-source-chapter .article-figure{margin:32px 0}.article-source-chapter .article-image-link img{max-width:100%;height:auto;border-radius:10px}.article-source-chapter p{font-size:inherit;line-height:inherit}.page.article-studio .project-study-links{list-style:none;padding:0;margin:30px 0}.page.article-studio .project-study-links li{padding:18px 0;border-top:1px solid var(--rule)}.page.article-studio .project-study-links li+li{margin-top:0}.project-study-links a{font-weight:550}.project-study-links span{display:block;margin-top:5px;font-size:14px;color:var(--muted);line-height:1.65}[data-project=aniemails] .article-motion-stage{background:var(--article-wash);border-radius:20px}[data-project=aniemails] .article-motion-stage>video{mix-blend-mode:multiply}.article-studio .fluid-example{margin:0 0 32px}.article-studio .fluid-example .fluid-stage{background:var(--article-wash);border-color:transparent;border-radius:20px}.article-studio .fluid-example .fluid-art{margin-inline:14px;border-radius:42% 48% 44% 40%/42% 48% 46% 44%}.article-studio .fluid-example .fluid-target{color:var(--ink)}@media print{.article-masthead>.article-title:after{animation:none;clip-path:none}.studio-nav,.article-next,.page.article-studio>.footer{display:none!important}.page.article-studio{width:100%;padding:0}.article-masthead{margin-bottom:24px}.article-overview{background:none;padding:0}.studio-mark{display:none!important}.page.article-studio>.original.article-reading>:is(.article-figure,.article-image-link),.page.article-studio>.original.article-reading .speech-scenario>.speech-playback{width:100%;margin-inline:0}}