:root{--hue: 220;--bg: oklch(98.5% .002 var(--hue));--ink-1: oklch(36.5% .011 var(--hue));--ink-2: oklch(40.3% .012 var(--hue));--icon: oklch(44.2% .014 var(--hue));--icon-hover: oklch(24.2% .011 var(--hue));--ink-3: oklch(56.9% .013 var(--hue));--frame-c: .002;--frame-l: 96.5%;--frame-bg: oklch(var(--frame-l) var(--frame-c) var(--hue));--shadow-x: 0px;--shadow-y: 0px;--shadow-blur: 24px;--shadow-spread: 1px;--shadow-a: .05;--frame-shadow: oklch(24.2% .011 var(--hue) / var(--shadow-a));--img-line-l: 40%;--img-line-blend: normal;--tile-bg: oklch(100% 0 var(--hue));--tile-line: oklch(24.2% .011 var(--hue) / .1);--tile-shadow: oklch(24.2% .011 var(--hue) / .06);--font-sans: system-ui, sans-serif;--font-serif: "athelas", Charter, "Iowan Old Style", Georgia, "Times New Roman", serif;--ease-out: cubic-bezier(.23, 1, .32, 1);--mat-user: 24px;--mat: var(--mat-user);--img-w: 1000px;--cap-gap: 8px;--lh: 24px}:root.dark{--bg: oklch(20.8% .006 var(--hue));--ink-1: oklch(83.4% .01 var(--hue));--ink-2: oklch(92.8% .006 var(--hue));--icon: oklch(66% .012 var(--hue));--icon-hover: oklch(92.8% .006 var(--hue));--ink-3: oklch(62.3% .013 var(--hue));--frame-c: .006;--frame-l: 24.4%;--shadow-a: .55;--frame-shadow: oklch(20.8% .006 var(--hue) / var(--shadow-a));--img-line-l: 92.8%;--tile-line: oklch(92.8% .006 var(--hue) / .1);--tile-shadow: oklch(20.8% .006 var(--hue) / .4)}*,*:before,*:after{box-sizing:border-box}html{font-size:62.5%;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink-1);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--icon);outline-offset:4px;border-radius:4px}h1,h2,h3,h4,h5,h6,p{margin:0;font-size:inherit;font-weight:inherit}:root{--col: 600px;--col-pad-x: 24px}.col{display:flex;flex-direction:column;gap:var(--lh);width:100%;max-width:calc(var(--col) + var(--col-pad-x) * 2);margin:0 auto;padding:10vh var(--col-pad-x) calc(var(--lh) * 3)}.case{gap:calc(var(--lh) * 2)}.case>.prose+.prose:not(:has(>h2,>h3)),.case>.prose+.case__quotes{margin-top:calc(var(--lh) * -1)}.case>.frame{--frame-want: var(--img-w);--frame-room: calc(100vw - var(--col-pad-x) * 2);--frame-w: min(var(--frame-want), var(--frame-room));--frame-measure: min(var(--col), var(--frame-room));width:auto;margin-inline:calc((var(--frame-w) - var(--frame-measure)) / -2)}.case>.frame.compare{--compare-want: calc(var(--col) * 2 + var(--mat));--compare-room: calc(100vw - var(--col-pad-x) * 2);--compare-w: min(var(--compare-want), var(--compare-room));--compare-measure: min(var(--col), var(--compare-room));width:auto;margin-inline:calc((var(--compare-w) - var(--compare-measure)) / -2)}.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mat)}.compare figure{margin:0;min-width:0}.compare figcaption{padding:var(--cap-gap) 0 0;text-align:left;font-size:1.4rem;line-height:1.428571em;color:var(--ink-3)}.compare figure:last-of-type figcaption{text-align:right}.greeting{display:flex;align-items:center;gap:12px}.greeting__avatar{flex:none;width:48px;height:48px;border-radius:16px;overflow:hidden;background:var(--tile-bg);transform:rotate(-5deg);box-shadow:0 1px 2px var(--tile-shadow);outline:1px solid var(--tile-line);outline-offset:-1px}:root.dark .greeting__avatar{outline-color:var(--tile-line)}.greeting__avatar img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.greeting__text{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.headline{font-family:var(--font-serif);font-size:2.8rem;line-height:1.142857em;letter-spacing:-.005em;color:var(--ink-2)}.body{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.body p+p{margin-top:var(--lh)}.social{display:flex;align-items:center;gap:20px}.social a{display:flex;width:36px;height:36px;padding:8px;margin:-8px;transition:transform .12s var(--ease-out)}.social svg{width:20px;height:20px}.social svg path{fill:var(--icon);transition:fill .15s ease}@media(hover:hover)and (pointer:fine){.social a:hover svg path{fill:var(--icon-hover)}}.greeting__text:before{content:"";display:table;margin-bottom:-.4233em}.greeting__text:after{content:"";display:table;margin-top:-.3721em}.headline:before{content:"";display:table;margin-bottom:-.2414em}.headline:after{content:"";display:table;margin-top:-.2514em}.body:before{content:"";display:table;margin-bottom:-.4233em}.body:after{content:"";display:table;margin-top:-.3721em}::selection{background:var(--ink-1);color:var(--bg)}.headline::selection,.worklist__heading::selection,.case__title::selection,.case__title ::selection,.prose h2::selection,.prose h3::selection{background:var(--ink-2);color:var(--bg)}.worklist__sub::selection,.case__subtitle::selection,.case__subtitle ::selection,.quote::selection,.compare figcaption::selection{background:var(--ink-3);color:var(--bg)}html.anim .col>*{opacity:0}html.anim-in .col>*{animation:reveal-up .4s var(--ease-out) both;animation-delay:.25s}html.anim-in .col>*:nth-child(1){animation-delay:0ms}html.anim-in .col>*:nth-child(2){animation-delay:50ms}html.anim-in .col>*:nth-child(3){animation-delay:.1s}html.anim-in .col>*:nth-child(4){animation-delay:.15s}html.anim-in .col>*:nth-child(5){animation-delay:.2s}@keyframes reveal-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){html.anim-in .col>*{animation:reveal-fade .3s ease both}@keyframes reveal-fade{0%{opacity:0}to{opacity:1}}}.worklist{display:flex;flex-direction:column;gap:var(--lh);margin-top:var(--lh)}.worklist a{display:flex;flex-direction:column;font-size:1.6rem;line-height:1.5em;transition:transform .12s var(--ease-out)}.worklist__heading{font-weight:600;color:var(--ink-2);transition:color .15s ease}.worklist__sub{color:var(--ink-3);transition:color .15s ease}.worklist__arrow{width:14px;height:14px;margin-left:6px;margin-right:-20px;vertical-align:-1px;fill:var(--icon-hover);opacity:0;transform:translate(-2px);transition:opacity .15s ease,transform .16s var(--ease-out)}@media(hover:hover)and (pointer:fine){.worklist a:hover .worklist__heading{color:var(--icon-hover)}.worklist a:hover .worklist__sub{color:var(--ink-1)}.worklist a:hover .worklist__arrow{opacity:1;transform:translate(0)}}.case__title{font-family:var(--font-serif);font-size:2.8rem;line-height:1.142857em;letter-spacing:-.005em;color:var(--ink-2)}.case__title em{font-style:italic}.case__subtitle{margin-top:8px;font-size:1.4rem;line-height:1.428571em;color:var(--ink-3)}.prose{font-size:1.6rem;line-height:1.5em;color:var(--ink-1)}.prose h2,.prose h3{font-weight:600;color:var(--ink-2)}.prose h2+p,.prose h3+p,.prose p+p{margin-top:var(--lh)}.prose ul{margin:var(--lh) 0 0;padding-left:1.2em}.prose li+li{margin-top:0}.prose li::marker{color:var(--ink-3)}.case__quotes{display:flex;flex-direction:column;gap:var(--lh)}.quote{font-size:1.6rem;line-height:1.5em;color:var(--ink-3)}.frame{width:100%;min-width:0;padding:0;background:none;isolation:isolate;--embed-card-easing: var(--ease-out);--embed-card-duration: .4s;--embed-delay-scale: .75}.frame+.frame{margin-top:calc(var(--lh) * -1)}@media(prefers-reduced-motion:reduce){.frame *{animation-duration:.01ms!important;animation-delay:0ms!important}}.frame img{width:100%;height:auto;border-radius:4px}.shot{position:relative;display:block;border-radius:4px;box-shadow:var(--shadow-x) var(--shadow-y) var(--shadow-blur) var(--shadow-spread) var(--frame-shadow)}.shot:after{content:"";position:absolute;inset:0;border:1px solid oklch(var(--img-line-l) .004 var(--hue) / .1);border-radius:4px;mix-blend-mode:var(--img-line-blend);pointer-events:none}.itergrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mat)}@media(max-width:600px){.col{padding-top:calc(var(--lh) * 2);padding-bottom:calc(var(--lh) * 2)}.compare figure:last-of-type figcaption{text-align:left}.itergrid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare{grid-template-columns:minmax(0,1fr)}}