.work-intro{border-bottom:1px solid var(--line);gap:1.75rem;padding-block:clamp(2rem,3.5vw,3rem) 2rem;display:grid}.work-intro-title{letter-spacing:-.035em;text-wrap:balance;margin-block-start:1.25rem;font-size:clamp(2.25rem,4vw,3.5rem);line-height:1.08}.work-intro-title:lang(fa),.work-intro-title:lang(ar){letter-spacing:normal}.work-intro-support{align-self:end;max-width:40rem}.work-intro-counts{flex-wrap:wrap;gap:.75rem 1.25rem;margin-block-start:1.5rem;display:flex}.work-intro-counts>span{border-inline-start:2px solid var(--track-accent);padding-inline-start:.65rem}.work-archive{min-height:100svh;padding-block-start:1.75rem}.archive-heading{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1.25rem;display:flex}.archive-view-switch{border:1px solid var(--line);flex-shrink:0;display:flex}.archive-view-switch button{width:44px;height:44px;color:var(--ink-3);place-items:center;display:grid}.archive-view-switch button[aria-pressed=true]{background:var(--foreground);color:var(--background)}.archive-controls{gap:.75rem;display:grid}.archive-search{border:1px solid var(--line);align-items:center;gap:.75rem;min-width:0;padding-inline:1rem;display:flex}.archive-search>svg{color:var(--ink-3);flex-shrink:0}.archive-search input{background:0 0;outline:none;width:100%;min-width:0;height:48px;font-size:.875rem}.archive-search:focus-within{outline:2px solid var(--ring);outline-offset:2px}.archive-search input::placeholder{color:var(--ink-3)}.archive-company{min-width:0;font-size:.875rem}.archive-company [data-slot=dropdown-trigger]{border-radius:0;min-height:50px}.archive-company [data-slot=dropdown-list]{border-radius:0}.archive-company [data-slot=dropdown-check]{color:var(--track-accent)}.archive-filter-row{padding-block:.75rem 1.5rem}.archive-filters{flex-wrap:wrap;gap:.125rem .75rem;display:flex}.archive-filters button{min-height:44px;color:var(--ink-3);border-block-end:2px solid #0000;align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.archive-filters button[aria-pressed=true]{border-color:var(--track-accent);color:var(--foreground)}.archive-filters .index-code{opacity:.75;font-size:.65rem}.archive-results{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;min-height:32px;margin-block-start:.75rem;display:flex}.archive-reset{text-underline-offset:4px;align-items:center;gap:.5rem;min-height:32px;text-decoration:underline;display:inline-flex}.archive-projects{grid-template-columns:minmax(0,1fr);gap:1.75rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.archive-projects>li{min-width:0;scroll-margin-block-start:5.5rem}.archive-card{border:1px solid var(--line);height:100%;color:var(--foreground);background:var(--background);flex-direction:column;display:flex}.archive-card:where(a):hover{border-color:var(--ink-3)}.work-archive :where(a,button):focus-visible{outline:2px solid var(--ring);outline-offset:4px}.work-archive button{cursor:pointer}.archive-preview{aspect-ratio:4/3;border-block-end:1px solid var(--line);background-color:var(--panel);background-image:radial-gradient(var(--line) .7px, transparent .7px);background-size:18px 18px;flex-shrink:0;position:relative;overflow:hidden}.archive-preview-index{z-index:1;color:var(--ink-3);text-shadow:0 0 .5rem var(--panel), 0 0 .25rem var(--panel);font-size:.65rem;position:absolute;inset-block-start:12px;inset-inline-start:14px}.archive-preview .archive-preview-media{position:absolute;inset:0}.archive-preview-corner{border-block-end:1px solid var(--track-accent);border-inline-end:1px solid var(--track-accent);width:10px;height:10px;position:absolute;inset-block-end:10px;inset-inline-end:10px}.archive-specimen{flex-direction:column;justify-content:center;align-items:flex-start;display:flex;position:absolute;inset:32px 22px 20px}.archive-specimen-initials{letter-spacing:-.06em;color:var(--ink-3);opacity:.4;font-size:clamp(3.5rem,7vw,5.5rem);font-weight:500;line-height:1}.archive-specimen-initials:lang(fa),.archive-specimen-initials:lang(ar){letter-spacing:normal}.archive-specimen-company{margin-block-start:.75rem;font-size:1rem}.archive-specimen-kind{border-block-start:2px solid var(--track-accent);color:var(--ink-3);margin-block-start:.75rem;padding-block-start:.65rem}.archive-card-copy{flex-direction:column;flex:1;gap:.85rem;min-width:0;padding:1.25rem;display:flex}.archive-card-meta{flex-wrap:wrap;align-items:baseline;gap:.35rem .75rem;display:flex}.archive-year{margin-inline-start:auto}.archive-card-title{letter-spacing:-.02em;overflow-wrap:anywhere;text-wrap:pretty;font-size:clamp(1.125rem,1.7vw,1.375rem);font-weight:500;line-height:1.35}.archive-card-title:lang(fa),.archive-card-title:lang(ar){letter-spacing:normal}.archive-card-summary{color:var(--ink-2);font-size:.875rem;line-height:1.65}.archive-card-footer{flex-direction:column;gap:.65rem;margin-block-start:auto;padding-block-start:1rem;display:flex}.archive-card-destination{align-items:center;gap:.5rem;display:inline-flex}.archive-card:where(a):hover .archive-card-destination{color:var(--brand)}.archive-row-index{display:none}.archive-empty{text-align:center;border:1px solid var(--line);flex-direction:column;align-items:center;gap:1rem;padding:4rem 1rem;display:flex}.archive-empty>svg{color:var(--ink-3)}.archive-projects[data-view=list]{border-block-start:1px solid var(--line);grid-template-columns:minmax(0,1fr);gap:0}.archive-projects[data-view=list] .archive-card{border:0;border-block-end:1px solid var(--line);flex-direction:row;gap:1.25rem;padding-block:1.25rem}.archive-projects[data-view=list] .archive-preview{display:none}.archive-projects[data-view=list] .archive-card-copy{padding:0}.archive-projects[data-view=list] .archive-row-index{display:inline}.archive-projects[data-view=list] .archive-card-title{font-size:1.25rem}.archive-projects[data-view=list] .archive-card-footer{flex-flow:wrap;justify-content:space-between;margin:0;padding-block-start:.25rem}@media (min-width:640px){.archive-controls{grid-template-columns:minmax(0,1fr) minmax(12rem,.45fr)}.archive-projects{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-filters{gap:1.5rem}.archive-projects[data-view=list] .archive-preview{border:1px solid var(--line);align-self:start;width:144px;display:block}.archive-projects[data-view=list] .project-art-companion{display:none}.archive-projects[data-view=list] .project-art-lead.project-art-phone{inset:8% auto 8% 50%;transform:translate(-50%)}.archive-projects[data-view=list] .project-art-lead.project-art-desktop{width:84%;inset:50% auto auto 8%;transform:translateY(-50%)}.archive-projects[data-view=list] .archive-specimen{inset:20px 10px 10px}.archive-projects[data-view=list] .archive-specimen-initials{font-size:2.5rem}.archive-projects[data-view=list] .archive-specimen-company,.archive-projects[data-view=list] .archive-specimen-kind{display:none}}@media (min-width:1024px){.work-intro{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:4rem;padding-block-end:2rem}.archive-projects[data-view=list] .archive-card{gap:2rem}.archive-projects[data-view=list] .archive-card-summary{max-width:85ch}}@media (min-width:1100px){.archive-projects{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (prefers-reduced-motion:no-preference){.archive-card,.archive-card-destination,.archive-filters button{transition:border-color .18s,color .18s}}
.process-diagram{border:1px solid var(--line);background-color:var(--paper);background-image:radial-gradient(color-mix(in oklab, var(--ink) 13%, transparent) .7px, transparent .8px);background-size:22px 22px;width:100%;min-width:0;padding:clamp(12px,2.5vw,28px);position:relative}.process-flow{z-index:1;margin:0;padding:0;list-style:none;position:relative}.process-band{min-width:0}.process-band-cards{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.process-band--fork .process-band-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.process-card{border:1px solid var(--line);background:var(--panel);grid-template-columns:clamp(112px,17vw,174px) minmax(0,1fr);align-items:center;min-width:0;min-height:132px;display:grid;overflow:hidden}.process-card--active{border-color:color-mix(in oklab, var(--track-accent) 68%, var(--line))}.process-card-art{border-inline-end:1px solid var(--line);background:color-mix(in oklab, var(--panel) 70%, var(--paper));align-self:stretch;place-items:center;min-width:0;padding:8px;display:grid;overflow:hidden}.process-card-art .experience-art{aspect-ratio:10/7;width:100%;max-width:176px;height:auto;transform:scale(1.22)}.process-card-copy{min-width:0;padding:14px clamp(12px,2vw,24px)}.process-card-index{color:var(--track-accent);font-size:11px;line-height:1.3;display:block}.process-card-title{color:var(--foreground);overflow-wrap:anywhere;margin-top:4px;font-size:clamp(16px,1.5vw,20px);font-weight:600;line-height:1.35}.process-card-description{max-width:58ch;color:var(--ink-2);overflow-wrap:anywhere;margin-top:7px;font-size:13px;line-height:1.55}.process-connector{background:var(--track-accent);width:2px;height:28px;margin-inline:auto;display:block;position:relative}.process-connector-dot{border:1px solid var(--track-accent);background:var(--paper);border-radius:50%;width:8px;height:8px;position:absolute;inset-block-end:-3px;inset-inline-start:-3px}.process-connector--split:after,.process-connector--merge:after{content:"";border-color:var(--line);border-style:solid;width:min(42vw,418px);height:14px;position:absolute;left:50%;transform:translate(-50%)}.process-connector--split:after{border-width:1px 1px 0;inset-block-end:0}.process-connector--merge:after{border-width:0 1px 1px;inset-block-start:0}.process-return-rail{display:none}[data-theme=dark] .process-card-art .experience-art{--cap-top:color-mix(in oklab, var(--paper) 34%, var(--ink));--cap-left:color-mix(in oklab, var(--paper) 48%, var(--ink));--cap-right:color-mix(in oklab, var(--paper) 58%, var(--ink));--cap-muted:color-mix(in oklab, var(--paper) 54%, var(--ink));--cap-edge:color-mix(in oklab, var(--paper) 26%, var(--ink));--cap-dark:color-mix(in oklab, var(--paper) 68%, var(--ink));--cap-dark-left:color-mix(in oklab, var(--paper) 76%, var(--ink));--cap-dark-right:color-mix(in oklab, var(--paper) 86%, var(--ink));--cap-shadow:#0000005c;--cap-ground:color-mix(in oklab, var(--ink) 9%, transparent)}@supports (color:lab(0% 0 0)){[data-theme=dark] .process-card-art .experience-art{--cap-shadow:lab(0% 0 0/.36)}}@media (min-width:768px){.process-diagram[data-process-loop=true]{padding-inline-end:48px}.process-return-rail{z-index:0;border:1px solid var(--track-accent);opacity:.6;border-inline-start:0;width:26px;display:block;position:absolute;inset-block:76px;inset-inline-end:18px}}@media (max-width:767px){.process-card{grid-template-columns:112px minmax(0,1fr)}.process-band--fork .process-card{grid-template-columns:minmax(0,1fr);align-content:start}.process-band--fork .process-card-art{border-inline-end:0;border-bottom:1px solid var(--line);min-height:106px}.process-band--fork .process-card-copy{padding:11px}}@media (max-width:479px){.process-card{grid-template-columns:92px minmax(0,1fr);min-height:112px}.process-card-art{padding:3px}.process-card-art .experience-art{transform:scale(1.4)}.process-card-copy{padding:10px}.process-card-description{font-size:12px}.process-band--fork .process-band-cards{gap:6px}.process-band--fork .process-card-art{min-height:76px}.process-band--fork .process-card-title{font-size:14px}.process-band--fork .process-card-description{font-size:11px}}
.work-selection{grid-template-columns:minmax(0,1fr);gap:2.75rem 2rem;display:grid}.work-story{min-width:0;color:var(--foreground);flex-direction:column;display:flex}.work-story:focus-visible,.work-selection-footer:focus-visible{outline:2px solid var(--ring);outline-offset:6px}.work-art{aspect-ratio:6/5;position:relative;overflow:hidden}.work-art-detail[data-layout=phones] .project-art-lead{aspect-ratio:4/5;width:48%;inset:25% auto auto 44%;transform:rotate(3deg)}.work-art-detail[data-layout=phones] .project-art-lead img{object-position:bottom}.work-art-detail[data-layout=phones] .project-art-companion{width:36%;inset:8% auto auto 9%;transform:rotate(-4deg)}.work-art-specimen{background:var(--panel);place-items:center;display:grid}.work-art-initial{color:var(--ink-3);font-family:Georgia,serif;font-size:clamp(3rem,7vw,5rem);font-style:italic;line-height:1}.work-art-rule{inset-inline:20%;background:var(--track-accent);height:1px;position:absolute;bottom:20%}.work-story-copy{flex-direction:column;flex:1;align-items:flex-start;min-width:0;padding-block-start:1.25rem;display:flex}.work-story-meta{width:100%;color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:.5rem .8rem;font-size:.75rem;display:flex}.work-story-meta .index-code{color:var(--track-accent)}.work-story-year{margin-inline-start:auto}.work-story-title{letter-spacing:-.03em;text-wrap:pretty;overflow-wrap:anywhere;margin-block-start:.8rem;font-size:clamp(1.375rem,2.15vw,1.875rem);font-weight:500;line-height:1.25}.work-story-title:lang(fa),.work-story-title:lang(ar){letter-spacing:normal}.work-story-summary{color:var(--ink-2);overflow-wrap:anywhere;text-wrap:pretty;margin-block-start:.75rem;font-size:.875rem;line-height:1.6}.work-story-role{color:var(--ink-2);margin-block-start:1rem;font-size:.75rem}.work-story-cta{width:100%;color:var(--brand);justify-content:space-between;align-items:center;gap:1rem;margin-block-start:auto;padding-block:1.5rem .5rem;font-size:.8125rem;font-weight:500;display:flex}.work-story:where(a):is(:hover,:focus-visible) .work-story-cta>span,.work-selection-footer:is(:hover,:focus-visible) .work-selection-archive-label{text-underline-offset:4px;text-decoration:underline}.work-story-note{border-block-start:1px solid var(--line);grid-template-columns:76px minmax(0,1fr);align-items:start;gap:1.25rem;padding-block-start:1.5rem;display:grid}.work-story-note .work-art{aspect-ratio:3/4}.work-story-note .work-story-copy{align-self:stretch;padding:0}.work-story-note .work-story-title{font-size:1.125rem;line-height:1.4}.work-selection-footer{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-block-start:2.75rem;padding-block:1.5rem;display:flex}.work-selection-archive-label{color:var(--brand);align-items:center;gap:1.5rem;font-size:1.125rem;font-weight:500;display:flex}@media (min-width:768px){.work-story[data-size=large] .work-story-title{min-block-size:2lh}.work-selection{grid-template-columns:repeat(2,minmax(0,1fr));gap:3.5rem 2rem}.work-story[data-size=wide]{background:var(--panel);grid-column:1/-1;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);display:grid}.work-story[data-size=wide] .work-art{aspect-ratio:auto;min-height:400px}.work-story[data-size=wide] .work-story-copy{align-self:center;padding:2rem}.work-story[data-size=wide] .work-story-title{font-size:clamp(1.5rem,2.7vw,2.5rem)}.work-story-note{grid-template-columns:96px minmax(0,1fr)}}@media (min-width:1200px){.work-story-note{grid-template-columns:120px minmax(0,1fr)}.work-story-note .work-story-title{font-size:1.25rem}}@media (min-width:768px) and (max-width:1099px){.work-story-note{grid-column:1/-1;grid-template-columns:112px minmax(0,1fr)}.work-story[data-size=wide]{grid-template-columns:minmax(0,1fr)}.work-story[data-size=wide] .work-art{aspect-ratio:3/2;min-height:0}}@media (max-width:359px){.work-story-note{grid-template-columns:56px minmax(0,1fr);gap:1rem}}
.home-opener>div:first-child{gap:32px;padding-block:clamp(2rem,5vw,4.5rem) 2rem}.home-opener>div:first-child>div:first-child{min-width:0;max-width:44rem}.home-opener .hero-written-title{font-size:clamp(2.125rem,1.5rem + 2vw,3.75rem);line-height:max(1.1, var(--text-display--line-height));text-wrap:balance;margin-top:20px}.home-opener [data-hero-supporting]>div{max-width:46ch;margin-top:24px}.home-opener [data-hero-supporting] p{font-size:clamp(1.0625rem,.9375rem + .5vw,1.25rem);line-height:max(1.55, var(--text-lede--line-height));text-wrap:pretty}.home-opener [data-hero-actions]{margin-top:28px}.home-opener [data-landscape-marker]{background:var(--track-accent)}.home-thought{align-self:center;width:100%;min-width:0;max-width:26rem;margin:0 auto}.home-thought .thought-art{aspect-ratio:600/540;width:100%;height:auto;display:block;overflow:hidden}[data-theme=dark] .thought-art{--cap-shadow:#00000047}@supports (color:lab(0% 0 0)){[data-theme=dark] .thought-art{--cap-shadow:lab(0% 0 0/.28)}}.thought-stages{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 6%;padding:0;list-style:none;display:grid}.thought-stages li{border-top:1px solid var(--line);color:var(--ink-2);overflow-wrap:anywhere;align-items:baseline;gap:9px;padding-top:12px;font-size:13px;line-height:1.6;display:flex}.thought-stages .index-code{color:var(--track-accent);font-size:10px}.thought-travel,.thought-return{opacity:0;stroke-dasharray:.07 .93}.thought-use{opacity:0;transform-box:fill-box;transform-origin:50%}@media (min-width:1024px){.home-opener>div:first-child{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(32px,3vw,48px);padding-bottom:3rem;display:grid}.home-thought{justify-self:end;max-width:32rem;margin-inline:0}}@media (max-width:639px){.home-thought{max-width:18rem}.home-opener [data-hero-supporting]>div{margin-top:20px}}@media (max-width:479px){.thought-stages{gap:8px;margin-inline:3%}.thought-stages li{flex-direction:column;gap:3px;padding-top:8px;font-size:12px}}@media (prefers-reduced-motion:no-preference){.home-thought[data-thought-started=true] .thought-travel{animation:3.4s ease-in-out both thought-travel}.home-thought[data-thought-started=true] .thought-return{animation:3.4s ease-in-out both thought-return}.home-thought[data-thought-started=true] .thought-evidence{animation:3.4s ease-in-out both thought-evidence}.home-thought[data-thought-started=true] .thought-product{animation:3.4s ease-in-out both thought-product}.home-thought[data-thought-started=true] .thought-learning{animation:3.4s ease-in-out both thought-learning}.home-thought[data-thought-started=true] .thought-use{animation:3.4s ease-in-out both thought-use}.home-thought[data-thought-running=false] .thought-art *{animation-play-state:paused}@keyframes thought-travel{0%{opacity:0;stroke-dashoffset:1px}8%{opacity:1;stroke-dashoffset:1px}76%{opacity:1;stroke-dashoffset:0}84%,to{opacity:0;stroke-dashoffset:0}}@keyframes thought-return{0%,73%{opacity:0;stroke-dashoffset:1px}76%{opacity:1;stroke-dashoffset:1px}96%{opacity:1;stroke-dashoffset:0}to{opacity:0;stroke-dashoffset:0}}@keyframes thought-evidence{0%,32%,to{transform:translateY(0)}15%{transform:translateY(-5px)}}@keyframes thought-product{0%,24%,65%,to{transform:translateY(0)}43%{transform:translateY(-6px)}}@keyframes thought-learning{0%,55%,to{transform:translateY(0)}73%{transform:translateY(-4px)}}@keyframes thought-use{0%,43%{opacity:0;transform:scale(.4)}49%{opacity:.8;transform:scale(.75)}64%,to{opacity:0;transform:scale(1.4)}}}