@font-face{font-family:TikTok Sans;src:url(/fonts/tiktok-sans.woff2)format("woff2");font-weight:350 400;font-style:normal;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(/fonts/libre-baskerville-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--bg-page:#f7f7f7;--bg-element:#fff;--bg-element-hover:#fff;--bg-element-pressed:#f2f2f2;--stroke:#00000029;--stroke-hover:#0006;--text-primary:#111;--text-secondary:#6e6e6e;--link:#005ff8;--selection:#00df8a47;--gradient-home:linear-gradient(180deg, #665f7f 0%, #745a7c 25%, #934c6c 50%, #a24648 70%, #a84420 88%);--gradient-home-light:radial-gradient(900px 700px at 8% 0%, #5a5aa6d9, transparent 70%), radial-gradient(800px 900px at 100% 22%, #8a4b8ab3, transparent 70%), radial-gradient(900px 800px at 0% 48%, #94477b99, transparent 70%), radial-gradient(1000px 900px at 95% 75%, #9d4934a6, transparent 70%);--gradient-page-light:radial-gradient(900px 600px at 5% 0%, #f2f2ff, transparent 70%), radial-gradient(800px 700px at 100% 10%, #fef, transparent 70%), radial-gradient(900px 700px at 90% 55%, #fff0ed, transparent 70%);--texture-grain:url(/textures/grain.svg);--texture-grain-light:url(/textures/grain-light.svg);--texture-grain-size:220px;--texture-grain-opacity:.36;--space-s-xxx:4px;--space-s-xx:8px;--space-s-x:16px;--space-s:24px;--space-m-s:32px;--space-m-m:48px;--space-m-l:64px;--space-l:80px;--space-l-x:160px;--radius-s:8px;--radius-full:1000px;--type-m:1.125rem;--type-s:1rem;--leading:1.3;--leading-long:1.5;--weight-primary:400;--weight-secondary:350;--font-sans:"TikTok Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--font-serif:"Libre Baskerville", Georgia, "Times New Roman", serif;--width-text:600px;--width-media:800px;--width-page:1280px;--duration-fast:.15s;--duration-slow:.6s;--ease-out:cubic-bezier(0, 0, .58, 1)}[data-theme=dark]{--bg-page:#121212;--bg-element:#000;--bg-element-hover:#0000001f;--bg-element-pressed:#0000002e;--stroke:#fffc;--stroke-hover:#fff;--text-primary:#fdfdfd;--text-secondary:#fdfdfdd6;--link:#fdfdfd}@media (width<800px){:root{--type-m:1rem}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{background-color:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--type-m);font-weight:var(--weight-primary);line-height:var(--leading);overflow-wrap:break-word;margin:0}[data-theme=dark] body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,p,ul,ol,figure,blockquote{margin:0}h1,h2,h3,h4{font-size:inherit;font-weight:inherit}p,li,figcaption,h3,h4{text-wrap:pretty}h1,h2{text-wrap:balance}ul,ol{padding:0}img,svg{max-width:100%;display:block}a{color:inherit;text-underline-position:from-font;text-decoration:underline from-font}:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid}::selection{background-color:var(--selection)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{top:var(--space-s-xx);left:var(--space-s-xx);z-index:10;padding:var(--space-s-xx) var(--space-s-x);background:var(--bg-element);color:var(--text-primary);border-radius:var(--radius-s);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:none}.accent{font-family:var(--font-serif);font-style:italic;font-weight:400}.muted{color:var(--text-secondary);font-weight:var(--weight-secondary)}.small{font-size:var(--type-s)}.link{color:var(--link)}.js [data-appear]{opacity:0;transition:opacity var(--duration-slow) var(--ease-out)}.js [data-appear].is-visible{opacity:1}@media (prefers-reduced-motion:reduce){.js [data-appear]{opacity:1}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.page{align-items:center;gap:var(--space-l-x);min-height:100dvh;padding-bottom:var(--space-l-x);flex-direction:column;display:flex;overflow-x:clip}.page>main{align-items:center;gap:var(--space-l-x);flex-direction:column;width:100%;display:flex}@media (width<800px){.page,.page>main{gap:var(--space-l)}.page{padding-bottom:var(--space-l)}}.page--gradient{isolation:isolate;background-image:var(--gradient-home-light), var(--gradient-home);background-repeat:no-repeat;position:relative}.page--gradient:before{content:"";z-index:-1;pointer-events:none;background-image:var(--texture-grain);background-size:var(--texture-grain-size);opacity:var(--texture-grain-opacity);mix-blend-mode:overlay;position:absolute;inset:0}.page:not(.page--gradient){isolation:isolate;background-image:var(--gradient-page-light);background-repeat:no-repeat;position:relative}.page:not(.page--gradient):before{content:"";z-index:-1;pointer-events:none;background-image:var(--texture-grain-light);background-size:var(--texture-grain-size);opacity:var(--texture-grain-opacity);position:absolute;inset:0}.site-header{width:100%;max-width:var(--width-page);padding:var(--space-m-s) var(--space-l) 0;justify-content:center;display:flex}.site-header__inner{justify-content:space-between;align-items:center;gap:var(--space-s);flex:1 0 0;min-width:0;display:flex}.site-header__left{align-items:center;gap:var(--space-s-xx);flex:1 0 0;min-width:0;display:flex}.logo{width:var(--space-s);height:var(--space-s);color:var(--text-primary);flex-shrink:0;display:block}.logo svg{width:100%;height:100%}.site-header__title{font-family:var(--font-serif);font-size:var(--type-m);white-space:nowrap;font-style:italic}.site-header__links{align-items:center;gap:var(--space-s);font-size:var(--type-s);white-space:nowrap;display:flex}@media (800px<=width<1280px){.site-header{padding:var(--space-m-s) var(--space-m-m) 0}}@media (width<800px){.site-header{padding:var(--space-m-s) var(--space-s) 0}.site-header__title{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}}.section{width:100%;max-width:var(--width-page);padding:0 var(--space-l-x);scroll-margin-top:var(--space-m-m);flex-direction:column;align-items:center;display:flex}.column{align-items:flex-start;gap:var(--space-m-m);flex-direction:column;width:100%;display:flex}.column>:not(.section-title)+.group{margin-top:var(--space-m-s)}.column--tight{gap:var(--space-s-xx)}@media (800px<=width<1280px){.section{padding:0 var(--space-l)}}@media (width<800px){.section{padding:0 var(--space-s)}.column{gap:var(--space-m-s)}.column>:not(.section-title)+.group{margin-top:var(--space-s-x)}.column--tight{gap:var(--space-s-xx)}}.section-title{align-items:flex-start;gap:var(--space-s-xx);width:100%;font-size:var(--type-m);display:flex}.section-title__num{width:var(--space-s);flex-shrink:0}.section-title__heading{flex:1 0 0;min-width:0}.content{align-items:flex-start;gap:var(--space-m-s);width:100%;padding-left:var(--space-m-s);flex-direction:column;list-style:none;display:flex}@media (width<800px){.content{gap:var(--space-s)}}.group{align-items:flex-start;gap:var(--space-s-x);flex-direction:column;width:100%;display:flex}.spacer-16{height:var(--space-s-x);width:100%}.item{gap:var(--space-s-xxx);flex-direction:column;width:100%;display:flex}.item>*,.line{max-width:var(--width-text)}.item>ul{list-style:none}.primary-link{color:var(--text-primary)}.item__desc{color:var(--text-secondary);font-weight:var(--weight-secondary)}.item__meta{color:var(--text-secondary);font-weight:var(--weight-secondary);font-size:var(--type-s)}.prose-stack{gap:var(--space-s-x);flex-direction:column;list-style:none;display:flex}.cards{flex-direction:column;width:100%;display:flex}.card{gap:var(--space-s-xxx);width:100%;padding:var(--space-s-x) var(--space-m-s);border-radius:var(--radius-s);color:var(--text-primary);transition:background-color var(--duration-fast) var(--ease-out);flex-direction:column;text-decoration:none;display:flex}.js .card[data-appear]{transition:background-color var(--duration-fast) var(--ease-out), opacity var(--duration-slow) var(--ease-out)}.card:hover{background-color:var(--bg-element-hover)}.card:active{background-color:var(--bg-element-pressed)}.card__top{margin-right:calc(-1 * var(--space-m-s))}.card__arrow{margin-left:var(--space-s-xx);white-space:nowrap}.card__desc{color:var(--text-secondary);font-weight:var(--weight-secondary)}.pill{align-items:center;gap:var(--space-s-x);padding:calc(var(--space-s) - 1px) calc(var(--space-m-s) - 1px);border:1px solid var(--stroke);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--type-m);transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out);text-decoration:none;display:inline-flex}.pill:hover{background-color:var(--bg-element-hover);border-color:var(--stroke-hover)}.pill:active{background-color:var(--bg-element-pressed);border-color:var(--stroke)}.book-list{width:100%;max-width:var(--width-media);flex-direction:column;display:flex}.book{grid-template-columns:auto minmax(0, var(--width-text));justify-content:start;gap:var(--space-s-x) var(--space-s);padding:var(--space-s) var(--space-m-s);border-radius:var(--radius-s);scroll-margin-top:var(--space-s);grid-template-rows:auto 1fr;grid-template-areas:"cover header""cover notes";display:grid;position:relative}.book--link{transition:background-color var(--duration-fast) var(--ease-out);grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"cover header more""cover notes more"}.book--link:hover{background-color:var(--bg-element-hover)}.book--link:active{background-color:var(--bg-element-pressed)}.book__link{text-decoration:none}.book__link:after{content:"";border-radius:var(--radius-s);position:absolute;inset:0}.book__link:focus-visible{outline:none}.book__link:focus-visible:after{outline:2px solid}.book__cover{height:var(--space-l-x);aspect-ratio:2/3;border-radius:var(--radius-s);background-color:var(--bg-element);flex-shrink:0;position:relative;overflow:hidden}.book>.book__cover{grid-area:cover}.book__cover--large{width:var(--space-l-x);height:auto}.book__cover:after{content:"";border:1px solid var(--stroke);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.book__cover img{object-fit:cover;width:100%;height:100%}.book__header{gap:var(--space-s-xxx);flex-direction:column;grid-area:header;display:flex}.book__author{color:var(--text-secondary);font-weight:var(--weight-secondary);font-size:var(--type-s);text-wrap:balance}.book__notes{font-size:var(--type-s);grid-area:notes}.book__score{margin-right:var(--space-s-xx)}.book__more{gap:var(--space-s-xx);font-size:var(--type-s);line-height:calc(var(--type-m) * var(--leading));color:var(--text-secondary);font-weight:var(--weight-secondary);white-space:nowrap;transition:color var(--duration-fast) var(--ease-out);grid-area:more;display:flex}.book--link:hover .book__more{color:var(--text-primary)}@media (width<800px){.book{column-gap:var(--space-s-x);grid-template:"cover header""notes notes"/auto minmax(0,1fr)}.book--link{grid-template-rows:auto auto auto;grid-template-areas:"cover header""notes notes""more more"}.book>.book__cover{width:var(--space-l);height:auto}}.book-intro{grid-template-columns:auto minmax(0, var(--width-text));align-items:start;gap:var(--space-m-s);display:grid}.book-intro__text{gap:var(--space-s);flex-direction:column;display:flex}@media (width<800px){.book-intro{gap:var(--space-s);grid-template-columns:minmax(0,1fr)}}.app-icon{width:var(--space-l-x)}.app-icon img{width:100%;height:auto;display:block}.app-screens{gap:var(--space-s);width:100%;max-width:var(--width-media);padding-left:var(--space-m-s);grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;display:grid}.app-screens img{border-radius:var(--radius-s);width:100%;height:auto;display:block}@media (width<800px){.app-icon{width:var(--space-l)}.app-screens{scroll-snap-type:x mandatory;grid-template-columns:none;grid-auto-columns:70%;grid-auto-flow:column;overflow-x:auto}.app-screens>li{scroll-snap-align:start}}.app-screens--wide{grid-template-columns:minmax(0,1fr)}@media (width<800px){.app-screens--wide{scroll-snap-type:none;grid-template-columns:minmax(0,1fr);grid-auto-flow:row;overflow-x:visible}}.shots{--shot-phone-width:calc(var(--space-l-x) * 1.75);--shot-gutter:calc(max(0px, (100vw - var(--width-page)) / 2) + var(--space-l-x));gap:var(--space-m-m);flex-direction:column;width:100%;display:flex}.shots img{width:100%;height:auto}@media (800px<=width<1280px){.shots{--shot-gutter:var(--space-l)}}.shots__slides{gap:var(--space-s-x);flex-direction:column;width:100%;display:flex}.shots__track{grid-auto-flow:column;grid-auto-columns:min(var(--width-media), 72vw);gap:var(--space-s-x);margin-inline:calc(-1 * var(--shot-gutter));padding-inline:var(--shot-gutter);scroll-padding-inline:var(--shot-gutter);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;list-style:none;display:grid;overflow-x:auto}.shots__track.shots__track--single{grid-auto-columns:100%;margin-inline:0;padding-inline:0;overflow-x:visible}.shots__track::-webkit-scrollbar{display:none}.shots__track:focus-visible{outline-offset:-2px}.shot-card{width:100%;height:var(--shot-height,auto);aspect-ratio:16/10;border-radius:var(--radius-s);background-color:var(--bg-element);scroll-snap-align:start;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);display:grid;overflow:hidden}.shot-card__caption{align-self:start;gap:var(--space-s-xxx);padding:var(--space-m-s);flex-direction:column;display:flex}.shot-card__phrase{max-width:22ch}.shot-card__bleed{position:relative}.shot-card__image{top:var(--space-m-s);width:108%;position:absolute;left:6%}.shot-card--panel .shot-card__image,.shot-card--web .shot-card__image{right:var(--space-m-s);width:auto;left:0}.shot-card--phone .shot-card__image{width:min(58%, var(--shot-phone-width));margin-inline:auto;left:0;right:0}.shot-card--web img{border-radius:var(--radius-s)}.shots__controls{gap:var(--space-m-s);width:100%;display:flex}.shots__step{gap:var(--space-s-xx);margin-block:calc(-1 * var(--space-s-xx));padding:var(--space-s-xx) 0;font:inherit;font-size:var(--type-s);font-weight:var(--weight-secondary);color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast) var(--ease-out);background:0 0;border:0;display:inline-flex}.shots__step:hover{color:var(--text-primary)}.shots__step[hidden]{display:none}.annotated{border-radius:var(--radius-s);background-color:var(--bg-element);grid-template:"caption image""legend image"1fr/minmax(0,.78fr) minmax(0,1.22fr);width:100%;display:grid;overflow:hidden}.annotated__caption{gap:var(--space-s-xxx);padding:var(--space-m-s) var(--space-m-s) 0;flex-direction:column;grid-area:caption;display:flex}.annotated__legend{padding:var(--space-m-s);flex-direction:column;grid-area:legend;list-style:none;display:flex}.annotated__item{gap:var(--space-s-xxx);width:100%;padding:var(--space-s-x) var(--space-m-s);border-radius:var(--radius-s);color:var(--text-primary);font:inherit;text-align:left;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out);background:0 0;border:0;flex-direction:column;display:flex}.annotated__item.is-on{background-color:var(--bg-element-pressed)}.annotated__bleed{grid-area:image;position:relative}.annotated__figure{top:var(--space-m-s);right:var(--space-m-s);position:absolute;left:0}.annotated--panel .annotated__figure{right:0}.annotated--phone .annotated__figure{width:min(58%, var(--shot-phone-width));margin-inline:auto;right:0}.annotated__marks{pointer-events:none;display:none;position:absolute;inset:0;overflow:hidden;mask-size:100% 100%}.js .annotated__marks{display:block}.annotated--phone .annotated__marks{border-radius:15%/6.9%}.annotated--web .annotated__marks,.annotated--web img{border-radius:var(--radius-s)}@media (width>=800px){.annotated--web{grid-template-areas:"caption image""caption legend"}.annotated--web .annotated__caption{align-self:start}.annotated--web .annotated__bleed{padding:var(--space-m-s) var(--space-m-s) 0 0}.annotated--web .annotated__figure{position:relative;top:auto;left:auto;right:auto}.annotated--web .annotated__legend{margin-left:calc(-1 * var(--space-m-s));padding:var(--space-s-x) var(--space-m-s) var(--space-m-s) 0;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;display:grid}}.annotated__mark{border-radius:var(--radius-s);pointer-events:auto;transition:box-shadow var(--duration-fast) var(--ease-out);position:absolute}.annotated__mark.is-on{box-shadow:0 0 0 1px var(--stroke-hover), 0 0 0 100vmax color-mix(in srgb, var(--text-primary) 48%, transparent)}.shot-card__image img,.annotated__figure img{--shot-stroke:color-mix(in srgb, var(--text-primary) 16%, var(--bg-element));filter:drop-shadow(1px 0 0 var(--shot-stroke)) drop-shadow(-1px 0 0 var(--shot-stroke)) drop-shadow(0 1px 0 var(--shot-stroke)) drop-shadow(0 -1px 0 var(--shot-stroke))}@media (width<800px){.shots{--shot-gutter:var(--space-s);gap:var(--space-m-s)}.shots__track{grid-auto-columns:80vw}.shot-card{aspect-ratio:4/5;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.shot-card__caption{padding:var(--space-s) var(--space-s) 0}.shot-card__image{top:var(--space-s)}.shot-card--panel .shot-card__image,.shot-card--web .shot-card__image{right:var(--space-s);left:var(--space-s)}.shot-card--phone .shot-card__image{width:66%}.annotated{grid-template:"caption""image""legend"/minmax(0,1fr)}.annotated__caption{padding:var(--space-s) var(--space-s) 0}.annotated__bleed{padding:var(--space-m-s) var(--space-s) 0}.annotated__figure{position:relative;top:auto;left:auto;right:auto}.annotated--panel .annotated__figure{margin-right:calc(-1 * var(--space-s))}.annotated--phone .annotated__figure{width:calc(var(--space-l-x) * 1.25);max-width:100%}.annotated__legend{padding:var(--space-s-x) var(--space-s) var(--space-s)}}.highlights{gap:var(--space-m-s);flex-direction:column;width:100%;list-style:none;display:flex}.highlight,.book-review{line-height:var(--leading-long)}.highlight{grid-template-columns:var(--space-s) minmax(0, var(--width-text));gap:var(--space-s-xx);scroll-margin-top:var(--space-s);display:grid}.highlight__num{color:var(--text-secondary);font-weight:var(--weight-secondary)}.highlight__text{gap:var(--space-s-x);flex-direction:column;display:flex}.highlight__text ul,.highlight__text ol{gap:var(--space-s-xx);padding-left:var(--space-s);flex-direction:column;display:flex}.highlight__text ul{list-style:outside}.highlight__text ol{list-style:decimal}.video-grid{gap:var(--space-m-s);width:100%;padding-left:var(--space-m-s);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.video-grid__intro{max-width:var(--width-text);grid-column:1/-1}@media (width<800px){.video-grid{grid-template-columns:minmax(0,1fr)}}.video-card{gap:var(--space-s-xx);width:100%;max-width:var(--width-media);flex-direction:column;display:flex}.video-card__caption{gap:var(--space-s-xxx);font-size:var(--type-s);flex-direction:column;display:flex}.video-card__text{color:var(--text-secondary);font-weight:var(--weight-secondary)}.video-card__text p:first-of-type{display:inline}.video-card__text p+p{margin-top:var(--space-s-xxx)}.yt{aspect-ratio:16/9;background-color:var(--bg-element);width:100%;position:relative;overflow:hidden}.yt iframe,.yt__link,.yt__link img{border:0;width:100%;height:100%;position:absolute;inset:0}.yt__link{color:var(--text-primary);display:block}.yt__link img{object-fit:cover}.yt__link:focus-visible{outline-offset:calc(-1 * var(--space-s-xxx))}.yt__play{width:var(--space-m-l);height:var(--space-m-l);border:1px solid var(--stroke);border-radius:var(--radius-full);background-color:var(--bg-element);transition:border-color var(--duration-fast) var(--ease-out);justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.yt__play svg{width:var(--space-s);height:var(--space-s)}.yt__link:hover .yt__play{border-color:var(--stroke-hover)}.resource-list{gap:var(--space-s-x);max-width:var(--width-text);color:var(--text-secondary);font-weight:var(--weight-secondary);flex-direction:column;list-style:none;display:flex}.resource-list a,.resource-featured a{color:var(--link);font-weight:var(--weight-primary)}.resource-featured{color:var(--text-secondary);font-weight:var(--weight-secondary)}