/* Quiet refinement: light hierarchy, generous rhythm, restrained surfaces. */
:root{--quiet-max:76rem;--quiet-text:41rem}
body{font-kerning:normal;text-rendering:optimizeLegibility}
.page,.wrap{max-width:var(--quiet-max);padding-inline:clamp(1.25rem,4vw,3.5rem)}

.editorial-masthead{position:relative;padding-block:1.7rem 1rem;background:transparent!important;border-bottom:0}
.editorial-masthead .home-mark{font-size:.94rem;letter-spacing:-.015em;font-weight:800;color:var(--ink)!important;text-decoration:none}
.editorial-masthead .home-mark span{font-size:inherit}
.header-identity{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.65rem}
.editorial-masthead .home-mark .header-name{font-weight:800!important;letter-spacing:-.028em;color:var(--ink)!important}
.editorial-masthead .home-mark .header-motto{display:inline-flex!important;align-items:center;gap:.65rem;font-size:.68rem!important;font-weight:400!important;letter-spacing:.035em;color:var(--accent)!important;opacity:1;white-space:nowrap}
.header-motto:before{content:"";display:inline-block;width:1.35rem;height:1px;background:var(--line)}
.editorial-masthead .masthead-paths{max-inline-size:52rem;padding-top:1.15rem}
.editorial-masthead .masthead-paths a{font-size:.76rem;font-weight:450}
.masthead-paths .nav-folio{font-size:.56rem}
.masthead-paths:after{opacity:.55}

.identity-hero{min-height:42rem;grid-template-columns:minmax(0,1.15fr) minmax(13rem,.55fr);gap:clamp(3rem,8vw,7rem);padding-block:clamp(5rem,9vw,8rem);align-items:center}
.identity-copy{max-width:47rem}
.identity-hero h1{font-size:clamp(4rem,8vw,7.2rem);line-height:.96;letter-spacing:-.055em;margin:.8rem 0 .9rem}
.identity-motto{font-size:clamp(1rem,1.6vw,1.35rem);margin-bottom:clamp(2.2rem,4vw,3.4rem)}
.identity-intro{max-width:var(--quiet-text);font-size:clamp(1rem,1.25vw,1.12rem);line-height:1.85;color:var(--ink)}
.identity-actions{margin-top:2.4rem;gap:1.8rem}
.identity-actions .button,.collaboration-invitation .button{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.75rem 1.05rem}
.identity-actions .button:hover,.collaboration-invitation .button:hover{border-color:var(--ink);background:transparent;color:var(--ink)}
.identity-portrait{max-width:18rem}
.identity-portrait img{filter:grayscale(.15) saturate(.72) contrast(1.02);box-shadow:0 18px 50px rgba(20,18,15,.08)}

.practice-scope,.project-constellation,.collaboration-invitation,.ecosystem-strip{padding-block:clamp(4.5rem,8vw,7rem)}
.practice-scope>header,.constellation-head{grid-template-columns:7rem minmax(0,1fr);column-gap:clamp(2rem,6vw,5rem)}
.practice-scope>header h2,.constellation-head h2,.collaboration-invitation h2{font-size:clamp(2.1rem,4vw,3.65rem);letter-spacing:-.04em}
.practice-scope>header>p:last-child,.constellation-head>p:last-child,.collaboration-invitation>header>p:last-child{max-width:var(--quiet-text);font-size:1rem;line-height:1.75;color:var(--muted)}
.small-label,.compact-folio{letter-spacing:.08em;text-transform:uppercase;font-size:.66rem!important;color:var(--muted)}
.practice-list{margin-top:3.5rem}
.practice-list article{grid-template-columns:3rem minmax(13rem,.7fr) 1fr;gap:1.5rem;padding-block:1.35rem}
.practice-list h3{font-size:1.05rem;font-weight:500}
.practice-list p{font-size:.9rem;line-height:1.65}

.project-story{margin-top:4rem;padding:3.2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;color:var(--ink);grid-template-columns:minmax(0,1fr) minmax(10rem,.34fr);gap:clamp(3rem,8vw,7rem)}
.project-story h3{font-size:clamp(2.6rem,5vw,4.4rem);margin:.5rem 0 1.2rem}
.project-story p{max-width:var(--quiet-text);line-height:1.75}
.project-story .project-role,.project-story .project-meta{color:var(--muted)}
.project-story>img{max-height:7rem;background:#fff;padding:1rem}
.project-motto{font-size:1.05rem!important;font-style:italic}
.project-sequence{margin-top:0;border-top:0;gap:clamp(1.5rem,4vw,3.5rem)}
.project-sequence article{padding:3.2rem 0;min-height:0;border-bottom:0}
.project-sequence article+article{border-inline-start:0;padding-inline-start:0}
.project-sequence img{height:4rem;margin:1.5rem 0 2rem;filter:grayscale(.1)}
.project-sequence .ketaabkhaan-project-mark{width:4.8rem;height:4.8rem}
.project-sequence h3{font-size:clamp(1.6rem,2.4vw,2.25rem);margin:1rem 0}
.project-sequence p{font-size:.9rem;color:var(--muted);line-height:1.7}
.sillage-signal{min-height:4.8rem;margin:1.5rem 0;font-size:.9rem}

.practice-concept{background:transparent;color:var(--ink);--muted:var(--muted);--accent-text:var(--accent-text);border-block:1px solid var(--line);padding:clamp(3rem,6vw,5rem) 0}
.practice-concept h2{font-size:clamp(2.4rem,5vw,4.6rem)}
.practice-work{padding-block:clamp(4rem,7vw,6rem)}
.practice-context,.practice-about{padding-block:clamp(3.5rem,6vw,5rem)}
.practice-letter{background:transparent;border-block:1px solid var(--line);padding:2rem 0}

.collaboration-invitation{grid-template-columns:minmax(0,1fr) minmax(12rem,.38fr)}
.collaboration-invitation ul{font-size:.88rem;color:var(--muted)}
.ecosystem-strip h2{font-size:.66rem}
.ecosystem-strip>div{gap:clamp(2rem,6vw,5rem)}
.ecosystem-strip a{min-height:5rem}
.ecosystem-strip img{height:3.2rem;filter:grayscale(1);opacity:.72;transition:filter .2s ease,opacity .2s ease}
.ecosystem-strip a:hover img{filter:grayscale(0);opacity:1}
.ecosystem-strip a:nth-child(3) img{height:4.3rem}

/* The founder sits above the project assets at the base of the Persian home page. */
html[lang=fa] .asset-footer{display:flex;flex-direction:column;align-items:stretch;padding-block:0 1.25rem;border-block-start:0}
html[lang=fa] .asset-footer .social-links{order:10;margin:0;padding-block:1rem;border-block-start:1px solid var(--line)}
html[lang=fa] .asset-footer .theme-control{order:11;justify-content:space-between;padding-block:.7rem;border-block-start:1px solid var(--line)}
html[lang=fa] .asset-footer .footer-owner{order:20;position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:1rem;border-block-start:1px solid var(--line)}
html[lang=fa] .asset-footer .footer-signature{align-items:flex-end;font-weight:700}
html[lang=fa] .asset-footer .ecosystem-strip{order:30;margin:0;padding:1.25rem 0 .65rem;border-block:1px solid var(--line) 0}
html[lang=fa] .asset-footer .footer-copyright{order:40;padding-block:1rem .25rem;border-block-start:1px solid var(--line);color:var(--muted);font-size:.7rem;letter-spacing:.015em}
html[lang=fa] .asset-footer .ecosystem-strip h2{margin:0 0 .4rem}
html[lang=fa] .asset-footer .ecosystem-strip>div{display:flex;direction:ltr;align-items:stretch;justify-content:flex-start;margin-top:.55rem;gap:0}
html[lang=fa] .asset-footer .ecosystem-strip a{position:relative;flex:0 0 auto;min-width:5.75rem;min-height:4.8rem;padding-inline:1.3rem;flex-direction:column;gap:.25rem;overflow:visible;text-decoration:none}
html[lang=fa] .asset-footer .ecosystem-strip a:first-child{padding-inline-start:0}
html[lang=fa] .asset-footer .ecosystem-strip a+a::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:1px;height:2.65rem;background:var(--line);transform:translateY(-50%)}
html[lang=fa] .asset-footer .ecosystem-strip .asset-name{min-height:1rem;font-size:.62rem;line-height:1.35;color:var(--muted);opacity:0;transform:translateY(.2rem);transition:opacity .18s ease,transform .18s ease;text-align:center}
html[lang=fa] .asset-footer .ecosystem-strip a:is(:hover,:focus-visible) .asset-name{opacity:1;transform:none}
html[lang=fa] .asset-footer .ecosystem-strip img{height:2.8rem}
html[lang=fa] .asset-footer .ecosystem-strip .asset-schrifton img{inline-size:2.8rem;block-size:2.8rem;object-fit:contain}
html[lang=fa] .asset-footer .ecosystem-strip .asset-gharar img{inline-size:3.8rem;block-size:2.8rem;object-fit:cover;object-position:right center;max-inline-size:none}
html[lang=fa] .asset-footer .ecosystem-strip .asset-kernel img{filter:grayscale(1) invert(1);opacity:.78;border-radius:0}
html[data-theme=dark][lang=fa] .asset-footer .ecosystem-strip a:is(.asset-gharar,.asset-schrifton) img{filter:grayscale(1) invert(1);opacity:.82}
html[data-theme=dark][lang=fa] .asset-footer .ecosystem-strip .asset-kernel img{filter:grayscale(1);opacity:.82}
@media(prefers-color-scheme:dark){
 html:not([data-theme])[lang=fa] .asset-footer .ecosystem-strip a:is(.asset-gharar,.asset-schrifton) img{filter:grayscale(1) invert(1);opacity:.82}
 html:not([data-theme])[lang=fa] .asset-footer .ecosystem-strip .asset-kernel img{filter:grayscale(1);opacity:.82}
}

@media(max-width:900px){
 .editorial-masthead .masthead-paths{display:none}
 .identity-hero{min-height:auto;grid-template-columns:minmax(0,1fr) minmax(11rem,.42fr);padding-block:4.5rem 6rem;gap:2.5rem}
 .identity-hero h1{font-size:clamp(3.4rem,10vw,5.6rem)}
 .identity-portrait{max-width:15rem}
 .practice-scope>header,.constellation-head{grid-template-columns:1fr;gap:.6rem}
 .practice-scope>header .small-label,.constellation-head .small-label{grid-row:auto}
 .project-sequence{grid-template-columns:1fr 1fr}
 .project-sequence article{border-bottom:1px solid var(--line)}
}

@media(max-width:620px){
 .page,.wrap{padding-inline:1.35rem}
 .editorial-masthead{padding-block:1.2rem .6rem!important}
 .header-identity{display:flex!important;flex-direction:row!important;align-items:center!important;gap:.55rem}
 .editorial-masthead .home-mark .header-name{font-size:.96rem!important;font-weight:800!important}
 .editorial-masthead .home-mark .header-motto{display:inline-flex!important;gap:.5rem;font-size:.62rem!important;letter-spacing:.025em}
 .header-motto:before{width:1rem}
 .identity-hero{display:flex;flex-direction:column;padding-block:3.75rem 5rem;gap:3rem}
 .identity-copy{width:100%}
 .identity-hero h1{font-size:clamp(3.1rem,15vw,4.5rem);line-height:1}
 .identity-intro{font-size:1rem;line-height:1.8}
 .identity-portrait{order:2;max-width:12.5rem;align-self:flex-start}
 .practice-list article{grid-template-columns:2rem 1fr;gap:1rem}
 .practice-list article p{grid-column:2}
 .project-story{grid-template-columns:1fr;padding-block:2.5rem;gap:2.5rem}
 .project-story>img{max-width:12rem}
 .project-sequence{grid-template-columns:1fr}
 .project-sequence article{padding-block:2.5rem}
 .collaboration-invitation{grid-template-columns:1fr}
 .ecosystem-strip>div{grid-template-columns:1fr 1fr}
}

/* Persian reading rhythm: denser lines and connected editorial sections. */
html[lang=fa] body{line-height:1.62}
html[lang=fa] p{line-height:1.62}
html[lang=fa] .identity-hero{padding-block:clamp(3.5rem,7vw,5.5rem)}
html[lang=fa] .identity-hero h1{line-height:1.22;margin-block:.55rem 1rem}
html[lang=fa] .identity-intro{max-inline-size:37ch;font-size:1rem;line-height:1.62}
html[lang=fa] .identity-actions{margin-top:1.65rem}
html[lang=fa] .practice-scope,
html[lang=fa] .project-constellation,
html[lang=fa] .collaboration-invitation,
html[lang=fa] .ecosystem-strip{padding-block:clamp(3.25rem,6vw,5rem)}
html[lang=fa] .practice-scope>header>p:last-child,
html[lang=fa] .constellation-head>p:last-child,
html[lang=fa] .collaboration-invitation>header>p:last-child{line-height:1.65}
html[lang=fa] .practice-list{margin-top:2.25rem}
html[lang=fa] .practice-list article{padding-block:1rem}
html[lang=fa] .practice-list p,
html[lang=fa] .project-story p,
html[lang=fa] .project-sequence p{line-height:1.58}
html[lang=fa] .project-story p{max-inline-size:38ch}
html[lang=fa] .project-story{margin-top:2.75rem;padding-block:2.4rem}
html[lang=fa] .project-story h3{margin-block:.35rem .8rem}
html[lang=fa] .project-sequence article{padding-block:2.25rem}
html[lang=fa] .project-sequence h3{margin-block:.7rem}

html[lang=fa] .fa-compact{--s2:12px;--s3:18px;--s4:30px;--s5:46px;--s6:72px}
html[lang=fa] .fa-compact .compact-section{padding-block:var(--s4);gap:var(--s3)}
html[lang=fa] .fa-compact .section-rail{gap:10px 8px}
html[lang=fa] .fa-compact .section-rail h2{line-height:1.55}
html[lang=fa] .fa-compact .compact-meta,
html[lang=fa] .fa-compact .compact-feature .compact-meta{line-height:1.6;margin-block-end:10px}
html[lang=fa] .fa-compact .compact-feature h3{line-height:1.42;margin-block-end:12px}
html[lang=fa] .fa-compact .compact-feature p{line-height:1.6;margin-block-end:14px;max-inline-size:37ch}
html[lang=fa] .fa-compact .compact-feature blockquote{line-height:1.58;margin-block:14px}
html[lang=fa] .fa-compact .quiet-link{line-height:1.5;min-height:34px;padding-block:6px;margin-block-start:10px}
html[lang=fa] .fa-compact .compact-index a{padding-block:11px}
html[lang=fa] .fa-compact .compact-index span,
html[lang=fa] .fa-compact .compact-aside,
html[lang=fa] .fa-compact .compact-questions,
html[lang=fa] .fa-compact .compact-context a,
html[lang=fa] .fa-compact .compact-context p,
html[lang=fa] .fa-compact .compact-sound-strip p,
html[lang=fa] .fa-compact .compact-editions p{line-height:1.65}
html[lang=fa] .fa-compact .compact-questions li{padding-block:10px}
html[lang=fa] .fa-compact .compact-theory .compact-feature>p:not(.compact-meta){line-height:1.55}
html[lang=fa] .fa-compact .compact-letter{padding-block:24px}
html[lang=fa] .fa-compact .compact-letter h2{line-height:1.5}
html[lang=fa] .fa-compact .compact-letter p{line-height:1.65}

@media(max-width:700px){
 html[lang=fa] .identity-hero{padding-block:2.8rem 3.8rem;gap:2.2rem}
 html[lang=fa] .identity-hero h1{font-size:clamp(2.85rem,13vw,4rem);line-height:1.2}
 html[lang=fa] .identity-intro{line-height:1.6}
 html[lang=fa] .practice-scope,
 html[lang=fa] .project-constellation,
 html[lang=fa] .collaboration-invitation,
 html[lang=fa] .ecosystem-strip{padding-block:2.6rem}
 html[lang=fa] .project-story{margin-top:2rem;padding-block:1.8rem;gap:1.5rem}
 html[lang=fa] .project-sequence article{padding-block:1.5rem}
 html[lang=fa] .project-sequence img{margin-block:.9rem 1rem}
 html[lang=fa] .project-sequence h3{margin-block:.35rem}
 html[lang=fa] .asset-footer .footer-owner{padding-block:.85rem}
 html[lang=fa] .asset-footer .ecosystem-strip{padding-block:1.25rem .35rem}
 html[lang=fa] .asset-footer .ecosystem-strip>div{gap:0}
 html[lang=fa] .asset-footer .ecosystem-strip a{min-width:4.75rem;min-height:4.1rem;padding-inline:.9rem}
 html[lang=fa] .asset-footer .ecosystem-strip img{height:2.25rem}
 html[lang=fa] .asset-footer .ecosystem-strip .asset-schrifton img{inline-size:2.25rem;block-size:2.25rem}
 html[lang=fa] .asset-footer .ecosystem-strip .asset-gharar img{inline-size:3.1rem;block-size:2.25rem}
 html[lang=fa] .fa-compact .compact-section{padding-block:23px;gap:14px}
 html[lang=fa] .fa-compact :is(.compact-index,.compact-aside,.compact-context,.compact-questions){padding-block-start:16px}
 html[lang=fa] .fa-compact .compact-index a{padding-block:10px!important}
 html[lang=fa] .fa-compact .compact-editions article{gap:14px}
 html[lang=fa] .fa-compact .compact-sound-strip{gap:18px}
}