*{box-sizing:border-box}:root{color-scheme:light dark;--content-width: 980px;--hover-easing: cubic-bezier(.25, .46, .45, .94);--easing-in-out: cubic-bezier(.165, .84, .44, 1);--spacing-base: 85;--spacing-base-px: calc(var(--spacing-base) * 1px);--spacing-base-vw: calc(var(--spacing-base) * .079653vw);--spacing-section-padding-block: min( calc(var(--spacing-base-px) * .75), calc(var(--spacing-base-vw) * .75) );--spacing-section-padding-block-2: min( calc(var(--spacing-base-px) * .875), calc(var(--spacing-base-vw) * .875) );--spacing-section-padding-block-3: min( calc(var(--spacing-base-px) * .75), calc(var(--spacing-base-vw) * .75) );--spacing-section-padding-block-4: min( calc(var(--spacing-base-px) * .3), calc(var(--spacing-base-vw) * .3) );--spacing-section-padding-block-5: min( calc(var(--spacing-base-px) * .375), calc(var(--spacing-base-vw) * .375) )}html{--12px: .75rem;--14px: .875rem;--15px: .9375rem;--16px: 1rem;--17px: 1.0625rem;--18px: 1.125rem;--19px: 1.1875rem;--20px: 1.25rem;--21px: 1.3125rem;--22px: 1.375rem;--24px: 1.5rem;--26px: 1.625rem;--28px: 1.75rem;--30px: 1.875rem;--32px: 2rem;--34px: 2.125rem;--36px: 2.25rem;--37px: 2.313rem;height:100vh;display:grid;place-items:center}@media screen and (max-width:960px){:root{--spacing-base: 150}}@media screen and (max-width:480px){:root{--spacing-base: 200}}@media(prefers-color-scheme:light){:root{--color-bg-surface-1: #fff;--color-bg-surface-2: #f1f5f8;--color-bg-surface-3: #fff;--color-bg-token: #eaf1f5;--color-accent: #b63e3e;--color-text-primary: #0a0c0d;--color-text-secondary: #22292f;--color-text-tertiary: #4e5457;--color-text-token: #344248;--color-text-interactive: var(--color-text-secondary);--color-text-interactive-hover: var(--color-accent);--color-border-primary: rgba(93, 112, 125, .4)}}@media(prefers-color-scheme:dark){:root{--color-bg-surface-1: #202227;--color-bg-surface-2: #1b1e20;--color-bg-surface-3: #222627;--color-bg-token: #293339;--color-accent: #e35050;--color-text-primary: #fff;--color-text-secondary: lab(87.24% -.0000298023 0);--color-text-tertiary: #9398a4;--color-text-token: #c3d8dd;--color-text-interactive: var(--color-text-secondary);--color-text-interactive-hover: var(--color-accent);--color-border-primary: rgba(93, 112, 125, .4)}}a{color:var(--color-text-interactive);text-decoration-color:var(--color-text-tertiary);transition:all .1s var(--easing-in-out)}a:hover{color:var(--color-text-interactive-hover);text-decoration-color:var(--color-accent)}body{margin-block:0;margin-inline:0;padding-block:32px;font-family:Assistant,sans-serif;background-color:var(--color-bg-surface-1)}.hero-header{margin-inline:auto;inline-size:min(85%,var(--content-width))}main>*{margin-inline:auto;inline-size:min(85%,var(--content-width))}.hero-heading{font-family:Crimson Pro,serif;font-weight:300;font-size:min(var(--37px),6vw);line-height:120%;color:var(--color-text-primary);margin-block-start:0;margin-block-end:min(16px,2vw)}.post-body blockquote{margin-block:2rem;border-inline-start:3px solid var(--color-border-primary);padding-inline-start:1rem;margin-inline-start:0;cite{font-size:1rem;color:var(--color-text-tertiary);a{color:inherit}}cite:before{content:"— "}}p{color:var(--color-text-secondary)}.hero-description{column-count:2;column-gap:24px;line-height:160%;color:var(--color-text-secondary)}.hero-description p{display:contents;font-size:min(var(--18px),4vw)}.superfluous-description{display:contents}.social-media-links{display:flex;margin-block:0;padding-inline:0;padding-block:0;list-style-type:none}.social-media-link{display:inline;transition:.1s transform var(--hover-easing);font-family:crimson pro;font-style:italic;font-weight:300}.social-media-links li:after{margin-inline:3px 5px;content:"·";text-decoration:none;pointer-events:none;color:var(--color-text-secondary)}.social-media-links li:last-child:after{display:none}.work-heading{margin-block:0;margin-block-end:6px;font-weight:800;font-size:var(--12px);line-height:140%;letter-spacing:.175em;text-transform:uppercase;color:var(--color-accent)}.work-examples-container{padding-block:var(--spacing-section-padding-block)}.work-examples{display:grid;grid-template-columns:1fr 1fr;gap:min(24px,5vw);grid-template-rows:auto}.work-example{display:flex;flex-direction:column}.work-examples-header{margin-inline:0;margin-block-end:var(--spacing-section-padding-block-4)}.work-example-heading{font-family:Crimson Pro,serif;font-size:var(--20px);font-weight:400;margin-block:0;margin-block-end:6px}.work-example-heading a{transition:.1s color ease-out;color:var(--color-text-primary)}.work-example-heading a:hover{color:var(--color-accent)}.work-example-description{margin:0;font-size:var(--16px);line-height:143%;color:var(--color-text-secondary)}.heading-content{padding-inline:16px}.work-example-preview{object-fit:cover;inline-size:100%;flex-grow:1;transition:.2125s transform var(--hover-easing)}.work-example:hover .work-example-preview{transform:scale(1.005) translateY(-3px)}.one-core-toolbox-preview:hover .work-example-preview{transform:scale(.905) translateY(-1px)}.one-core-toolbox-preview .work-example-preview{margin-inline:auto;transform:scale(.9) translateY(4px);position:relative;top:8px}@media screen and (max-width:800px){.hero-heading{line-height:125%;font-weight:400}.hero-description{column-count:1}.superfluous-description{display:none}}@media screen and (max-width:724px){.hero-heading{line-height:120%}.work-examples{display:flex;flex-direction:column}}@media screen and (max-width:480px){.hero-heading{line-height:135%;margin-block-end:min(24px,3vw);font-size:min(var(--37px),var(--22px))}:root{--hover-easing: cubic-bezier(.25, .46, .45, .94)}.social-media-links{margin-block-start:24px}.hero-description p{line-height:145%;font-size:var(--16px)}}.writing-container,.post-container{margin-inline:auto;inline-size:min(85%,var(--content-width));padding-block:32px;>*{margin-inline:unset}footer{margin-block-start:2rem}}.post-back-link{display:inline-block;font-family:Crimson Pro,serif;font-style:italic;font-weight:300;font-size:var(--16px);color:var(--color-text-interactive);margin-block-end:24px}.post-back-link:hover{color:var(--color-text-interactive-hover);text-decoration-color:var(--color-accent)}.writing-heading-row{display:flex;align-items:baseline;gap:16px;margin-block-end:32px}.writing-heading{font-family:Crimson Pro,serif;font-weight:300;font-size:min(var(--37px),6vw);color:var(--color-text-primary);margin-block:0}.writing-header{margin:0}.rss-link{font-family:Crimson Pro,serif;font-style:italic;font-weight:300;font-size:var(--16px);color:var(--color-text-interactive)}.rss-link:hover{color:var(--color-text-interactive-hover)}.post-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:24px}.post-list-item{display:flex;flex-direction:column;gap:4px}.post-list-link{display:flex;justify-content:space-between;align-items:baseline;gap:16px;text-decoration:none}.post-list-title{font-family:Crimson Pro,serif;font-size:var(--20px);font-weight:400;color:var(--color-text-primary);transition:.1s color ease-out;text-decoration:underline;text-decoration-color:var(--color-text-tertiary)}.post-list-link:hover .post-list-title{color:var(--color-accent);text-decoration-color:var(--color-accent)}.post-list-date{font-size:var(--14px);color:var(--color-text-tertiary);white-space:nowrap}.post-list-description{margin:0;font-size:var(--15px);color:var(--color-text-tertiary);line-height:150%}.post-header{margin-block-end:40px}.post-title{font-family:Crimson Pro,serif;font-weight:400;font-size:min(var(--37px),6vw);color:var(--color-text-primary);margin-block:8px 6px;line-height:130%}.post-meta{display:flex;align-items:baseline}.post-byline{font-size:var(--14px);color:var(--color-text-tertiary);&:after{margin-inline:.5rem;content:"|";color:var(--color-border-primary)}}.post-date{font-size:var(--14px);color:var(--color-text-tertiary)}.post-body{font-size:var(--18px);line-height:150%;color:var(--color-text-primary);max-inline-size:var(--content-width)}.post-body h2,.post-body h3,.post-body h4{font-family:Crimson Pro,serif;font-weight:400;color:var(--color-text-tertiary);margin-block-start:2em}.post-body a{color:var(--color-text-interactive);text-decoration-color:var(--color-text-tertiary)}.post-body a:hover{color:var(--color-accent);text-decoration-color:var(--color-accent)}.post-body code{font-size:.875em;background-color:var(--color-bg-token);color:var(--color-text-token);padding:2px 6px;border-radius:4px}.post-body pre{background-color:var(--color-bg-surface-2);padding:16px;border-radius:6px;overflow-x:auto}.post-body pre code{background:none;padding:0}
