@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/167cd0713aa75522-s.1nzccunaoxsdm.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/e455bcff747f0d5e-s.1wuo3gtslpr33.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/791bf8c4bb753ed6-s.p.0ggqn9ig56u4s.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces Fallback;src:local(Times New Roman);ascent-override:84.71%;descent-override:22.09%;line-gap-override:0.0%;size-adjust:115.45%}.fraunces_822b4e7e-module__0YeqEG__className{font-family:Fraunces,Fraunces Fallback;font-style:normal}.fraunces_822b4e7e-module__0YeqEG__variable{--font-fraunces:"Fraunces", "Fraunces Fallback"}
@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e390973e931a41c5-s.0rgnxg2b64rzs.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/59b15b4bcd7b1eb5-s.2vemzm0itqzfy.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/e532fa1b9921e1cd-s.3cb5lpr2l6xud.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/2fe89d53234c61d4-s.1u30mmyq6lnsd.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/99e609270109b47d-s.p.40sczeszzbjw1.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/5e05ae5b48faa55e-s.1yd4_i3e35931.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/a7afbb44bec2bb18-s.1qc6dx89jd2qv.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/02263ebadd758ea4-s.29yke99gs9qpn.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/68757d6cddeff913-s.1i-sca43-qwng.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(../media/effe91970fc4db64-s.p.0oace-s_gkfks.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/6ff74e33ebd7bca3-s.352ti9pm7m6qh.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/1a69062cfe6f77f8-s.0o-3_g79811ob.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/9a4838fcda0d1bca-s.0ngr-xkgqz1kf.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/2e95a7d252b9825a-s.15orukf5wyxb5.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:600;font-display:swap;src:url(../media/23b7a97ae3b5c134-s.p.226pwps5o-gq_.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono Fallback;src:local(Arial);ascent-override:76.16%;descent-override:20.43%;line-gap-override:0.0%;size-adjust:134.59%}.ibm_plex_mono_7a40aa89-module__YQYF1q__className{font-family:IBM Plex Mono,IBM Plex Mono Fallback;font-style:normal}.ibm_plex_mono_7a40aa89-module__YQYF1q__variable{--font-ibm-plex-mono:"IBM Plex Mono", "IBM Plex Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#faf9f6;--ink:#292823;--muted:#716e64;--line:#dedbd3;--accent:#9f482e;--hover:#eeece5;--serif:var(--font-fraunces), Georgia, serif;--mono:var(--font-ibm-plex-mono), "SFMono-Regular", Consolas, monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b1c19;--ink:#eae7df;--muted:#aaa79d;--line:#3c3d35;--accent:#e5a38a;--hover:#292b25}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#1b1c19;--ink:#eae7df;--muted:#aaa79d;--line:#3c3d35;--accent:#e5a38a;--hover:#292b25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:36px}body{background:var(--paper);color:var(--ink);font:14px/1.85 var(--mono);-webkit-font-smoothing:antialiased;margin:0}::selection{background:var(--ink);color:var(--paper)}a{color:var(--accent);text-underline-offset:5px}button,summary,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}[hidden]{display:none!important}.skip-link{z-index:10;background:var(--paper);padding:8px 16px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page{width:min(100% - 48px,660px);margin:0 auto;padding:clamp(52px,9vh,104px) 0 44px}.topline{justify-content:space-between;align-items:flex-start;margin-bottom:30px;display:flex}.portrait{isolation:isolate;width:144px;height:144px;margin:-8px 0 -4px -13px;position:relative}.portrait-filters{pointer-events:none;position:absolute}.portrait-frame{opacity:0;filter:url(#portrait-cutout)grayscale();pointer-events:none;background-image:url(/assets/samir-directions-v2.png);background-position:50%;background-repeat:no-repeat;background-size:300% 300%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 28%,#000 75%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 28%,#000 75%,#0000 100%)}.portrait-frame:first-child{opacity:1}.portrait-canvas{filter:grayscale();pointer-events:none;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(75% 70% at 50% 28%,#000 75%,#0000 100%);mask-image:radial-gradient(75% 70% at 50% 28%,#000 75%,#0000 100%)}.portrait[data-renderer=morph] .portrait-frame{visibility:hidden}.portrait-play{z-index:2;width:100%;height:100%;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;border-radius:50%;padding:0;position:absolute;inset:0}.portrait-play:disabled{cursor:default}.portrait-play:focus-visible{outline-offset:1px;border-radius:50%}.theme-toggle{width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:-8px -10px 0 0;transition:color .15s,background .15s;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--hover)}.theme-toggle svg{width:20px;height:20px}.theme-toggle .sun{display:none}.theme-toggle[aria-pressed=true] .sun{display:block}.theme-toggle[aria-pressed=true] .moon{display:none}h1{font:400 clamp(36px, 6vw, 44px)/1.16 var(--serif);letter-spacing:-1.7px;margin:0 0 20px}.name-period{color:var(--accent)}p{margin:0 0 16px}p:last-child{margin-bottom:0}.intro-copy{max-width:620px}.intro-copy p+p{color:var(--muted)}.chapters{border-top:1px solid var(--line);margin-top:42px}.chapter{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:69px;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary::marker{content:""}summary h2{font:400 22px/1.3 var(--serif);letter-spacing:-.35px;margin:0;transition:color .15s}summary:hover h2{color:var(--accent)}.expand-icon{width:14px;height:14px;color:var(--muted);flex:0 0 14px;margin-right:5px;display:block;position:relative}.expand-icon:before,.expand-icon:after{content:"";background:currentColor;width:12px;height:1px;position:absolute;top:6px;left:1px}.expand-icon:after{transition:transform .16s;transform:rotate(90deg)}.chapter[open] .expand-icon:after{transform:rotate(0)}.chapter[open] summary h2{color:var(--accent)}.chapter-content{padding:6px 0 28px}.background-copy{max-width:608px}.project{padding:8px 0 30px}.project+.project{border-top:1px dashed var(--line);padding:28px 0 4px}.project-heading{align-items:baseline;gap:14px;display:flex}.project-number{color:var(--muted);font-size:10px}h3{font:400 24px/1.25 var(--serif);letter-spacing:-.4px;margin:0}.project-type{color:var(--muted);margin:7px 0 13px;font-size:11px}.project-with-image{grid-template-columns:minmax(0,1fr) 154px;align-items:start;gap:36px;display:grid}.app-preview{margin:2px 0 0}.app-preview a{border:1px solid var(--line);background:#fff;border-radius:17px;transition:transform .18s;display:block;overflow:hidden}.app-preview a:hover{transform:translateY(-3px)}.app-preview img{width:100%;height:auto;display:block}.app-preview figcaption{color:var(--muted);text-align:center;margin-top:9px;font-size:10px;line-height:1.65}.footer{color:var(--muted);justify-content:space-between;align-items:baseline;gap:20px;margin-top:27px;font-size:11px;display:flex}.footer p{margin:0}.footer a{min-height:44px;color:var(--muted);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.footer a:hover{color:var(--accent)}@media (max-width:480px){.page{width:calc(100% - 44px);padding-top:40px}.topline{margin-bottom:27px}.portrait{width:132px;height:132px;margin-left:-11px}h1{letter-spacing:-1.3px}body{font-size:13px;line-height:1.85}.chapters{margin-top:33px}summary{min-height:66px}summary h2{font-size:21px}.project-with-image{grid-template-columns:1fr;gap:22px}.app-preview{width:172px;margin:0 auto}.footer{margin-top:21px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important}}@media print{.theme-toggle,.skip-link,.footer a{display:none!important}.page{padding-top:0}:root{--paper:white;--ink:black;--muted:#555}}
body{font-family:var(--mono);font-size:16px;line-height:1.75}.page{flex-direction:column;width:min(100% - 48px,560px);min-height:100svh;padding-top:clamp(40px,8vh,88px);display:flex}.topline{flex-direction:column;align-items:flex-start;gap:0;margin-bottom:30px;display:flex}.topline .portrait{margin:0 0 8px -13px}h1{font:400 36px/1.4 var(--serif);letter-spacing:-.36px;margin:0 0 5px}.last-updated{color:var(--muted);font-size:13px}.last-updated time{font-variant-numeric:tabular-nums}.intro-copy p+p{color:var(--ink)}p{margin-bottom:20px}.chapters{margin-top:38px}summary{gap:20px;min-height:60px}summary h2{font:600 15px/1.6 var(--mono);letter-spacing:0}.expand-icon{opacity:.7}.chapter-content{color:var(--muted);padding:4px 0 25px;font-size:14px}.footer{align-items:center;margin-top:auto;padding-top:clamp(80px,18vh,220px);font-size:13px}.contact-links{font-family:var(--mono);gap:26px;display:flex}.contact-links a{min-height:44px;color:var(--muted);text-decoration:none}.contact-links a:hover{color:var(--ink)}.footer .theme-toggle{margin:0 -10px 0 0}.footer .theme-toggle svg{width:17px;height:17px}@supports (interpolate-size:allow-keywords){.chapter{interpolate-size:allow-keywords}.chapter::details-content{transition-behavior:allow-discrete;block-size:0;transition:block-size .24s,content-visibility .24s;overflow:hidden}.chapter[open]::details-content{block-size:auto}}@media (max-width:480px){.page{width:calc(100% - 44px);padding-top:26px}.topline{gap:8px;margin-bottom:24px}h1{letter-spacing:-.34px;font-size:34px}body{font-size:15px}.last-updated{font-size:12px}.chapters{margin-top:30px}summary{min-height:58px}summary h2{font-size:15px}.chapter-content{font-size:14px}.footer{padding-top:96px;font-size:12px}.contact-links{gap:24px}}@media print{.page{padding-top:0}}