:root{--font-serif:"Instrument Serif","Cormorant Garamond","Source Serif Pro",ui-serif,Georgia,"Times New Roman",serif;--font-sans:"Inter Tight",ui-sans-serif,system-ui,-apple-system,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;--font-label:var(--font-mono);--serif:var(--font-serif);--sans:var(--font-sans);--mono:var(--font-mono);--bg:#faf9f6;--bg-alt:#f2f0e9;--ink:#181715;--ink-soft:#4a4843;--ink-mute:#6e6c65;--rule:#d9d6cb;--rule-soft:#e8e5da;--paper:#faf9f6;--paper-alt:#f2f0e9;--grid:#00000008;--accent:#a8431a;--accent-soft:#c96b3e;--cat-restaurant:#a8431a;--cat-restaurant-soft:#c96b3e;--cat-hike:#3f6b3a;--cat-hike-soft:#5d8a52;--cat-spa:#2f6b6b;--cat-spa-soft:#4f9a9a;--cat-event:#6b3a5d;--cat-event-soft:#9a5d86;--cat-city:#3a5a6b;--cat-city-soft:#5d86a0;--cat-saas:#3a3f6b;--cat-saas-soft:#5d64a0;--cat-mobile:#8a5a12;--cat-mobile-soft:#b8863a;--cat-data:#5a6b2f;--cat-data-soft:#869a52;--cat-infra:#6b2f3a;--cat-infra-soft:#a05d6a;--t-display-xl:5.5rem;--t-display-l:4rem;--t-display-m:3rem;--t-display-s:2.125rem;--t-heading:1.5rem;--t-subhead:1.25rem;--t-body-l:1.125rem;--t-body:1rem;--t-caption:0.8125rem;--t-eyebrow:0.75rem;--t-data:0.8125rem;--t-micro:0.6875rem;--lh-display:1.0;--lh-body:1.6;--track-eyebrow:0.12em;--fl-display-xl:clamp(2.75rem,1.6rem + 5.8vw,5.5rem);--fl-display-l:clamp(2.25rem,1.5rem + 3.8vw,4rem);--fl-display-m:clamp(1.875rem,1.35rem + 2.6vw,3rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--space-10:128px;--container-text:720px;--container-content:960px;--container-wide:1200px;--container-full:1440px;--radius-xs:4px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--hairline:1px;--hairline-strong:1.5px;--category-bar:4px;--tl-rail:1px;--tl-dot:13px;--tl-gutter:40px;--shadow-card:0 1px 2px rgba(24,23,21,.04),0 2px 8px rgba(24,23,21,.06);--shadow-photo:0 2px 8px rgba(24,23,21,.08);--shadow-pop:0 4px 12px rgba(24,23,21,.10),0 12px 32px rgba(24,23,21,.10);--dur-1:120ms;--dur-2:200ms;--dur-3:320ms;--dur-4:480ms;--dur-5:640ms;--ease-standard:cubic-bezier(.2,0,0,1);--ease-out:cubic-bezier(.16,1,.3,1);--ease-in-out:cubic-bezier(.65,0,.35,1);--ease-spring:cubic-bezier(.34,1.36,.64,1)}.dark{--bg:#14130f;--bg-alt:#1c1b16;--ink:#ece8dc;--ink-soft:#b8b3a2;--ink-mute:#888477;--rule:#2c2a23;--rule-soft:#1f1e18;--paper:#14130f;--paper-alt:#1c1b16;--grid:#ffffff05;--accent:#d97757;--accent-soft:#e89878;--cat-restaurant:#d97757;--cat-restaurant-soft:#e89878;--cat-hike:#619056;--cat-hike-soft:#7aa86f;--cat-spa:#4f9a9a;--cat-spa-soft:#6fb6b6;--cat-event:#aa7398;--cat-event-soft:#bb8eac;--cat-city:#618aa3;--cat-city-soft:#7da6c0;--cat-saas:#7d84c4;--cat-saas-soft:#9aa0d6;--cat-mobile:#d0a05a;--cat-mobile-soft:#e0bb84;--cat-data:#9ab562;--cat-data-soft:#b4c98a;--cat-infra:#c47d8a;--cat-infra-soft:#d6a0aa;--shadow-card:0 1px 2px rgba(0,0,0,.3),0 2px 8px rgba(0,0,0,.4);--shadow-photo:0 2px 8px rgba(0,0,0,.4);--shadow-pop:0 4px 12px rgba(0,0,0,.5),0 12px 32px rgba(0,0,0,.5)}[data-category=restaurant]{--accent:var(--cat-restaurant);--accent-soft:var(--cat-restaurant-soft)}[data-category=hike]{--accent:var(--cat-hike);--accent-soft:var(--cat-hike-soft)}[data-category=spa]{--accent:var(--cat-spa);--accent-soft:var(--cat-spa-soft)}[data-category=event]{--accent:var(--cat-event);--accent-soft:var(--cat-event-soft)}[data-category=city]{--accent:var(--cat-city);--accent-soft:var(--cat-city-soft)}[data-category=saas]{--accent:var(--cat-saas);--accent-soft:var(--cat-saas-soft)}[data-category=mobile]{--accent:var(--cat-mobile);--accent-soft:var(--cat-mobile-soft)}[data-category=data]{--accent:var(--cat-data);--accent-soft:var(--cat-data-soft)}[data-category=infra]{--accent:var(--cat-infra);--accent-soft:var(--cat-infra-soft)}@media(prefers-reduced-motion:reduce){*{animation:none !important;transition-duration:.01ms !important}}[lang=ar]{--font-label:var(--font-sans);--track-eyebrow:normal}.u-card{position:relative;background:var(--bg-alt);border:var(--hairline)solid var(--rule);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--dur-2)var(--ease-standard),transform var(--dur-2)var(--ease-standard),box-shadow var(--dur-2)var(--ease-standard)}a.u-card:hover,.u-card--interactive:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-card)}.u-card:not(a):hover{border-color:var(--accent)}.u-bar{position:absolute;inset-inline-start:0;inset-block-start:0;width:var(--category-bar);height:100%;background:var(--accent)}.u-eyebrow{font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-mute)}.u-eyebrow b{color:var(--accent);font-weight:400}.u-rule-heading,.post-content .u-rule-heading{font-family:var(--font-label);font-weight:400;font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-mute);margin:0 0 var(--space-4);padding-bottom:var(--space-2);border-bottom:var(--hairline)solid var(--rule)}.u-chip{display:inline-flex;align-items:center;gap:.5ch;font-family:var(--font-label);font-size:var(--t-micro);letter-spacing:.05em;padding:3px 10px;border:var(--hairline)solid var(--rule);border-radius:var(--radius-pill);color:var(--ink-mute);text-decoration:none}a.u-chip:hover{border-color:var(--accent);color:var(--accent)}.u-chip--accent{color:var(--accent);border-color:var(--accent);text-transform:uppercase}.entry-lang{margin:var(--space-2)0 0;font-family:var(--font-label);font-size:var(--t-micro);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}.report-frame{display:block;width:100%;min-height:100vh;border:0;border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:var(--bg)}.dark .report-frame{border:var(--hairline)solid var(--rule);background:#fff}.u-frame{border:var(--hairline)solid var(--rule);border-radius:var(--radius-sm);box-shadow:var(--shadow-photo);background:var(--bg-alt);display:block;max-width:100%}.empty-section{text-align:center;max-width:var(--container-text);margin:var(--space-9)auto;padding:var(--space-8)var(--space-5);border:var(--hairline)dashed var(--rule);border-radius:var(--radius-md);background:var(--bg-alt)}.empty-section__mark{display:block;width:28px;height:28px;margin:0 auto var(--space-4);border-radius:var(--radius-pill);border:2px solid var(--accent);box-shadow:0 0 0 4px var(--bg),0 0 0 6px var(--rule);box-sizing:border-box}.empty-section__lead{font-family:var(--font-serif);font-size:var(--t-display-s);line-height:1.1;color:var(--ink);margin:0 0 var(--space-2);text-transform:capitalize}.empty-section__sub{font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-mute);margin:0}@media(prefers-reduced-motion:reduce){a.u-card:hover,.u-card--interactive:hover{transform:none}}.related-project{max-width:var(--container-text);margin:var(--space-8)auto 0;padding-top:var(--space-4);border-top:var(--hairline)solid var(--rule);display:flex;flex-direction:column;gap:var(--space-1)}.related-project__link{font-family:var(--font-serif);font-size:var(--t-subhead);color:var(--ink);text-decoration:none;border-bottom:var(--hairline)solid var(--accent);align-self:flex-start}.related-project__link:hover{color:var(--accent)}.related-project__pitch{font-size:var(--t-caption);color:var(--ink-soft);line-height:1.5}.gmap{position:relative;aspect-ratio:4/3;margin:var(--space-7)0;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-photo);border:var(--hairline)solid var(--rule)}.gmap iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.gmap-link a{display:inline-flex;align-items:center;gap:var(--space-2);min-height:24px;font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;border-bottom:var(--hairline)solid var(--rule)}.gmap-link a:hover{border-color:var(--accent);color:var(--accent)}.nav{position:relative;justify-content:center}.nav .logo{position:absolute;inset-inline-start:var(--gap);top:0;bottom:0;display:flex;align-items:center;margin:0}.nav #menu{margin-inline:auto}@media(max-width:768px){.nav{justify-content:space-between}.nav .logo{position:static;margin:auto var(--gap)}.nav #menu{margin-inline:0}}@media(max-width:520px){.nav #menu{margin-inline:var(--space-2)}.nav #menu li+li{margin-inline-start:var(--space-2)}.nav #menu a{font-size:14px}}.brand-mark{display:block;color:var(--accent);flex:none}.brand-mark--quiet{color:var(--ink-mute)}.site-mark{display:flex;justify-content:center;padding-bottom:var(--space-6);opacity:.7;transition:opacity var(--dur-2)var(--ease-standard)}.site-mark:hover{opacity:1}.logo a{display:inline-flex;align-items:center;gap:var(--space-2)}.brand-mark--logo{color:var(--accent)}.series{max-width:var(--container-text);margin:0 auto var(--space-6);padding:var(--space-4)var(--space-5)}.series__title{margin:0 0 var(--space-2);font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-mute)}.series__title b{color:var(--accent);font-weight:400}.series__list{margin:0;padding-inline-start:var(--space-5)}.series__item{color:var(--ink-soft);line-height:1.6}.series__item a{color:var(--accent);text-decoration:none}.series__item a:hover{text-decoration:underline}.series__item--current{color:var(--ink);font-weight:500}.article-origin{max-width:var(--container-text);margin:0 auto var(--space-6);font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-mute)}.article-origin a{color:var(--ink-mute);text-decoration:underline;text-underline-offset:3px}.article-origin a:hover{color:var(--accent)}.section-nav{max-width:var(--container-text);margin:var(--space-9)auto 0;padding-top:var(--space-5);border-top:var(--hairline)solid var(--rule)}.section-nav__back{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--accent);text-decoration:none;transition:gap var(--dur-2)var(--ease-standard)}.section-nav__back span{transition:transform var(--dur-2)var(--ease-standard)}.section-nav__back:hover span{transform:translateX(-3px)}[dir=rtl] .section-nav__back span{transform:scaleX(-1)}[dir=rtl] .section-nav__back:hover span{transform:scaleX(-1)translateX(-3px)}.section-nav__siblings{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-5)}.section-nav__sib{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);text-decoration:none}.section-nav__sib--next{text-align:end}.section-nav__dir{font-family:var(--font-label);font-size:var(--t-micro);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--ink-mute)}.section-nav__title{font-family:var(--font-serif);font-size:var(--t-body-l);line-height:1.25;color:var(--ink)}.section-nav__sib:hover .section-nav__title{color:var(--accent)}@media(max-width:600px){.section-nav__siblings{grid-template-columns:1fr}.section-nav__sib--next{text-align:start}}.content-footer{max-width:var(--container-text);margin:var(--space-8)auto 0}.content-footer__tags{margin:0 0 var(--space-4);padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-footer__tags a{text-transform:uppercase;transition:color var(--dur-1)var(--ease-standard),border-color var(--dur-1)var(--ease-standard)}.content-footer__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)var(--space-5);padding-top:var(--space-4);border-top:var(--hairline)solid var(--rule)}.content-actions{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-4)}.content-actions a{font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:.07em;text-transform:uppercase;color:var(--ink-mute);text-decoration:none;border-bottom:var(--hairline)solid var(--rule);padding-bottom:1px;transition:color var(--dur-1)var(--ease-standard),border-color var(--dur-1)var(--ease-standard)}.content-actions a:hover{color:var(--accent);border-color:var(--accent)}.content-footer .share-buttons{margin:0;padding:0;list-style:none;background:0 0;border:0;display:flex;flex-wrap:wrap;gap:var(--space-2)}.content-footer .share-buttons li a svg{height:20px;width:20px;color:var(--ink-mute);transition:color var(--dur-1)var(--ease-standard)}.content-footer .share-buttons li a:hover svg{color:var(--accent)}.comments{max-width:var(--container-text);margin:var(--space-9)auto 0}.comments__mount{margin-top:var(--space-5);min-height:1px}.comments__mount .giscus,.comments__mount .giscus-frame{width:100%;border:0;color-scheme:normal}.comments__note{font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:.04em;color:var(--ink-mute);margin:0 0 var(--space-5)}@media(max-width:600px){.content-footer__row{flex-direction:column;align-items:flex-start}}.content-footer .section-nav{border-top:0;margin-top:var(--space-5);padding-top:0}.page-404{margin:var(--space-9)0;display:flex;flex-direction:column;gap:var(--space-3)}.page-404__code{color:var(--accent)}.page-404 h1{margin:0}.page-404__lede{margin:0;color:var(--ink-mute);max-width:52ch}.page-404__routes ul{list-style:none;margin:var(--space-3)0 0;padding:0;display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-5)}.page-404__routes a{font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;border-bottom:var(--hairline)solid var(--rule);padding-block:var(--space-1)}.page-404__routes a:hover{border-color:var(--accent);color:var(--accent)}.skip-link{position:absolute;inset-inline-start:var(--space-4);inset-block-start:-100%;z-index:100;padding:var(--space-2)var(--space-4);background:var(--bg-alt);color:var(--accent);border:var(--hairline)solid var(--accent);border-radius:var(--radius-sm);font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase}.skip-link:focus{inset-block-start:var(--space-2)}.content-actions a,.learning__link,.series__item a,.project-links a,.toc a,.section-nav__back,.page-404__routes a,.resume__contact a,.sa-nav__link{min-height:24px;display:inline-flex;align-items:center}#menu li a{min-width:24px;text-align:center}.rss-link{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.lang-switch a{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.content-footer .share-buttons li a,.social-icons a{min-width:24px;min-height:24px;display:inline-flex;align-items:center;justify-content:center}.author-card{max-width:var(--container-text);margin:var(--space-6)auto 0;padding-top:var(--space-5)}.author-card__label{display:block;margin-bottom:var(--space-3)}.author-card__name{margin:0;font-family:var(--font-serif);font-size:var(--t-subhead);line-height:1.2;color:var(--ink)}.author-card__role{margin:var(--space-1)0 0;font-size:var(--t-caption);color:var(--ink-soft)}.author-card__line{margin:var(--space-3)0 0;max-width:60ch;font-size:var(--t-caption);line-height:1.6;color:var(--ink-soft)}.author-card__links{margin:var(--space-4)0 0;display:flex;flex-wrap:wrap;gap:var(--space-2)var(--space-5);font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase}.author-card__links a{color:var(--accent);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}.author-card__links a:hover{text-decoration:underline}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:var(--lh-body);-webkit-font-smoothing:antialiased}.sa-wrap{max-width:var(--container-content);margin-inline:auto;padding-inline:var(--space-5)}.sa-topbar{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:saturate(1.1)blur(8px);border-bottom:var(--hairline)solid var(--rule)}.sa-topbar__inner{display:flex;align-items:center;justify-content:space-between;height:56px}.sa-brand{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-serif);font-weight:400;font-size:1.3rem;color:var(--ink);text-decoration:none}.sa-brand__mark{color:var(--accent);flex:none}.sa-brand:hover{color:var(--accent)}.sa-nav{display:flex;align-items:center;gap:var(--space-5)}.sa-nav__link{font-family:var(--font-label);font-size:var(--t-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);text-decoration:none;transition:color var(--dur-1)var(--ease-standard)}.sa-nav__link:hover{color:var(--accent)}.sa-main{padding:var(--space-8)0 0}.sa-head{margin-bottom:var(--space-7)}.sa-eyebrow{font-family:var(--font-mono);font-size:var(--t-eyebrow);letter-spacing:var(--track-eyebrow);text-transform:uppercase;color:var(--accent);margin:0 0 var(--space-3)}.sa-title{font-family:var(--font-serif);font-weight:400;font-size:var(--fl-display-l);line-height:1.05;letter-spacing:-.015em;color:var(--ink);margin:0 0 var(--space-4);text-wrap:balance}.sa-lede{font-size:var(--t-subhead);line-height:1.45;color:var(--ink-soft);margin:0;max-width:60ch}.sa-body{font-size:var(--t-body-l)}.sa-body :where(h2){font-family:var(--font-serif);font-weight:400;font-size:var(--t-display-s);line-height:1.1;margin:var(--space-8)0 var(--space-4)}.sa-body :where(h3){font-family:var(--font-sans);font-weight:600;font-size:var(--t-heading);margin:var(--space-6)0 var(--space-3)}.sa-body :where(p,ul,ol){margin:0 0 var(--space-4)}.sa-body :where(a){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.sa-body :where(a):hover{color:var(--accent-soft)}.sa-body :where(img,video,iframe){max-width:100%;height:auto;border-radius:var(--radius-md);display:block}.sa-body :where(pre,code,kbd,samp){font-family:var(--font-mono)}.sa-body :where(pre){background:var(--bg-alt);border:var(--hairline)solid var(--rule);border-radius:var(--radius-sm);padding:var(--space-4);overflow:auto}.sa-body :where(blockquote){border-inline-start:var(--hairline-strong)solid var(--accent);margin:var(--space-6)0;padding-inline-start:var(--space-5);color:var(--ink-soft)}.sa-footer{border-top:var(--hairline)solid var(--rule);margin-top:var(--space-9);padding:var(--space-6)0;font-family:var(--font-mono);font-size:var(--t-eyebrow);letter-spacing:.05em;color:var(--ink-mute)}.sa-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.sa-footer a{color:var(--ink-mute);text-decoration:none}.sa-footer a:hover{color:var(--accent)}@media(max-width:560px){.sa-nav{gap:var(--space-4)}.sa-main{padding-top:var(--space-6)}}.sa-sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}